/* Compact invitations share the landing page's dark green and gold palette. */
.play-test-invite {display:flex;flex-direction:row;align-items:center;gap:10px;margin:10px 0;padding:9px 12px;border-radius:5px;background:#102c29;color:#eee7d1;border-color:#8b7b4e;box-shadow:none}
.play-test-invite>div {min-width:0}
.play-test-invite strong {font:600 14px/1.3 system-ui,sans-serif;color:#dec78f}
.play-test-invite p {font:12px/1.35 system-ui,sans-serif;margin:3px 0 0;color:#c3c8b9}
.portal-main>.play-test-invite {width:calc(100% - 24px);max-width:1100px;margin:10px auto}
.play-test-invite .pt-button {width:auto;min-height:38px;padding:7px 11px;border:1px solid #ac965b;border-radius:4px;background:#344933;color:#f6e8bd!important;font-size:13px;line-height:1.25;white-space:nowrap}
.play-test-invite .pt-button:hover {background:#465c3f}
body.tl-android-test .tl-main {max-width:860px;padding-bottom:65px}
.pt-page.pt-page-r20 {max-width:700px;margin:0 auto 20px;font:14px/1.45 system-ui,sans-serif}
.pt-page-r20 :is(.pt-intro,.pt-step,.pt-status,.pt-withdraw) {padding:14px 16px;margin-bottom:10px;border-radius:7px}
.pt-page-r20 .pt-intro {padding:12px 16px;background:#183a32;color:#f7f1df;border-color:#958455}
.pt-page-r20 .pt-intro .tl-eyebrow {font-size:10px;letter-spacing:.14em;color:#d5c292}
.pt-page-r20 .pt-intro h1 {margin:6px 0;font:700 24px/1.2 Georgia,serif;color:inherit}
.pt-page-r20 .pt-intro p {margin:5px 0 0;font-size:13px;color:#d9dfd2}
.pt-page-r20 .pt-step {padding-left:16px}
.pt-page-r20 .pt-step h2 {font:600 17px/1.3 system-ui,sans-serif;margin:0 0 10px;padding-left:34px;min-height:25px}
.pt-page-r20 .pt-number {top:13px;left:16px;width:24px;height:24px;font-size:12px}
.pt-page-r20 .pt-step p {margin:8px 0;font-size:14px}
.pt-page-r20 .pt-step .pt-muted,.pt-page-r20 .pt-muted {font-size:12px;line-height:1.4}
.pt-page-r20 .pt-button {width:auto;min-height:40px;padding:8px 12px;margin-top:4px;border-radius:5px;font-size:14px;line-height:1.3}
.pt-page-r20 .pt-form {gap:8px;margin-top:12px}
.pt-page-r20 .pt-form>input {min-height:42px;padding:8px 10px;font-size:16px}
.pt-page-r20 .pt-form .pt-check {font-size:12px;line-height:1.4}
.pt-page-r20 .pt-form .pt-button {justify-self:start}
.pt-page-r20 .pt-status p {margin:5px 0;font-size:12px}
.pt-page-r20 .pt-notice {padding:10px;font-size:13px}
@media(max-width:600px) {
 body.tl-android-test .tl-main {padding-left:12px;padding-right:12px}
 .pt-page-r20 :is(.pt-intro,.pt-step,.pt-status,.pt-withdraw) {padding:12px}
 .pt-page-r20 .pt-intro h1 {font-size:22px}
 .pt-page-r20 .pt-step h2 {font-size:16px}
 .pt-page-r20 .pt-number {left:12px;top:12px}
 .pt-page-r20 .pt-step .pt-button {max-width:100%}
}