/* Drop Play arcade identity — shared across every account route. */
:root{--ink:#f5f4fa;--muted:#aaa7bc;--paper:#10101a;--lime:#ffae32;--line:#323040;--white:#191824;--error:#ff9c9c}
body{background:#10101a;color:var(--ink);background-image:radial-gradient(ellipse at 90% 0%,#fb732317,transparent 50%);font-family:'Avenir Next','Segoe UI',Arial,sans-serif}
.brand{letter-spacing:0}.logo-window{position:relative;display:block;width:138px;aspect-ratio:2.4;overflow:hidden;background:white;border-radius:7px;box-shadow:0 3px 0 #f78a28}.logo-window img{position:absolute;max-width:none;width:106%;height:auto;left:-3%;top:-79%}
.auth-layout{grid-template-columns:46% 54%}.brand-panel{background-color:#171420;background-image:linear-gradient(#ff9c1710 1px,transparent 1px),linear-gradient(90deg,#ff9c1710 1px,transparent 1px),radial-gradient(ellipse at 0 70%,#cf432833,transparent 70%);background-size:50px 50px,50px 50px,auto;border-right:1px solid #ff9c1735;padding:40px 54px 30px}
.brand-story{padding:40px 0}.brand-story h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(80px,8.3vw,130px);font-weight:900;letter-spacing:1px;line-height:.96;font-style:italic;margin:30px 0}.brand-story h1>span{color:#ffaa2b;text-shadow:4px 5px 0 #ab452b}.brand-story .eyebrow{color:#feb559;letter-spacing:3px}.brand-story p{color:#b5aec2}.brand-rule{background:#584030}.brand-caption{color:#c7bbc9}.brand-bottom{color:#91899f;letter-spacing:1.2px}.arrow-big{color:#ffab32}.little-dot{background:#ffae32;box-shadow:0 0 12px #ff9b3280}
.auth-side{background:radial-gradient(ellipse at 100% 15%,#58312122,transparent 65%);padding-top:37px}.auth-top{color:#898599}.secure-label{color:#a79db7}.small-label{letter-spacing:2px}.auth-content{max-width:420px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.8px;font-size:10px}.muted{color:#c89b6e}.auth-content>h2{font-size:40px;font-weight:800;letter-spacing:-1.5px;margin-top:18px}.lime-period{color:#ff9b32}.intro{color:#b1aabd;line-height:1.8}.field label{color:#e8e1ef;font-size:12px;letter-spacing:.3px}.field input{background:#1c1b29;border-color:#3c364a;border-radius:9px;color:#f5f4fa;box-shadow:inset 0 2px 4px #0002;height:54px}.field input::placeholder{color:#888197}.field input:hover{border-color:#79604c}.field input:focus-visible{outline:2px solid #ff9b32;outline-offset:2px;background:#22202e}.password-toggle{color:#c6bacd}.field-help{color:#a89ab3}.field-error input{border-color:#ed737e}.field-errors{color:#ff9c9c}
.button{min-height:55px;border-radius:9px;font-weight:800;font-size:13px;letter-spacing:.3px}.primary{background:linear-gradient(110deg,#ffba3b,#ff7b2e);color:#24120a;border:1px solid #ffc26b;box-shadow:0 5px 0 #9e431c,0 7px 20px #f7762015}.primary:hover{background:linear-gradient(110deg,#ffcd66,#ff8c46);transform:translateY(-2px);box-shadow:0 7px 0 #9e431c}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #9e431c}.secondary{background:#23202e;border-color:#58424b;color:#ffbe77;box-shadow:0 3px 0 #110d15}.secondary:hover{background:#322737;border-color:#b67540}.forgot-row a,.switch-auth a,.text-link{color:#ffc171}.switch-auth{color:#a89ab3;margin-top:31px}.quiet-note{border-color:#332b3f;color:#a89ab3}.quiet-note>span{color:#ffa63a}.auth-footer{color:#93879e}.dev-dot{background:#ffad3e}.status-icon{background:#392920;color:#ffb13e;border:1px solid #915b30;border-radius:14px;box-shadow:0 5px 0 #1d1116}.notice.success{background:#19302b;color:#b3efcb;border-color:#3e6654}.notice.error{background:#391f29;color:#ffacb3;border-color:#783c4c}.back-link{color:#bdafc7}.demo-note{background:#28202c;border-color:#775333;color:#ffba6b}.demo-note p{color:#c1adbe}.email-item{background:#1e1928;border-color:#443348}.steps{color:#d6c7dc}.step-done{color:#b3efcb}.step-line{background:#69533d}.identity-mini{background:#241e2b;border-color:#584137}.avatar{background:#493022;color:#ffbc61;border:1px solid #a16b37;border-radius:10px}.identity-mini div>span,.identity-tag{color:#b4a4bb}.text-button{color:#c4adc2}
.account-header{max-width:1240px;padding:23px 40px;border-color:#37303f;background:#13121c}.account-header nav a{color:#9f95ad}.account-header nav a[aria-current]{color:#ffb143;border-color:#ff982f}.account-header nav{gap:37px}.logout-button{background:#211c29;color:#ddd0e3;border-color:#49394e;border-radius:8px;min-height:44px}.logout-button:hover{border-color:#ff9b32}.account-main{max-width:1160px;padding-top:51px}.welcome-row{margin-bottom:34px}.welcome-row h1{font-weight:800;font-size:44px;color:#faf6fd}.welcome-row p{color:#aea2b8}.connected-badge{background:#182c27;border-color:#325946;color:#ade7c0;font-family:ui-monospace,monospace;font-size:10px;padding:12px 15px}.connected-badge .little-dot{background:#7dda9d;box-shadow:0 0 9px #7dda9d66}
.home-grid{grid-template-columns:1.23fr 1fr;gap:24px}.member-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d99243;border-radius:17px;background:radial-gradient(ellipse at 105% 20%,#9d5b2644,transparent 65%),linear-gradient(135deg,#312439,#1d1729 65%);box-shadow:0 8px 0 #09080d,0 0 40px #ff922410;min-height:365px;padding:29px}.member-card:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 38px,#ffba3a07 38px 39px);pointer-events:none}.member-card:after{content:'';position:absolute;top:0;left:30px;right:30px;height:3px;background:linear-gradient(90deg,transparent,#ffc765,transparent)}.card-top{gap:20px}.card-logo{font-size:22px;letter-spacing:-.8px;font-weight:950;font-style:italic;color:#ffab3c}.card-logo>span{color:#fff1de}.card-label{color:#cdadce;font-size:8px;border:1px solid #6e536f;padding:7px 9px;border-radius:5px;letter-spacing:1px}.card-member{position:relative;padding:42px 0 34px}.card-member .eyebrow{color:#c4a7c3;font-size:9px}.card-member h2{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:1px;text-transform:uppercase;font-weight:700;font-size:49px;color:#ffbb54;text-shadow:0 3px 0 #a45430;margin-top:12px}.card-member h2 span{font-family:ui-monospace,monospace;font-weight:500;color:#e4c8e2;text-shadow:none;letter-spacing:4px;margin-top:12px}.rank-mark{position:absolute;right:0;top:40px;font-size:89px;line-height:1;color:#ffb74c;text-shadow:0 3px 0 #975025,0 0 30px #ffb23b30;transform:rotate(12deg)}.card-bottom{border-color:#69516d;padding-top:20px}.card-bottom strong{color:#f4e8f6}.card-bottom span{color:#bba0be}.card-serial strong{color:#e1c6e4}
.connected-panel{background:linear-gradient(135deg,#221d2d,#191623);border-color:#423049;border-radius:17px;padding:30px}.connected-panel h2{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.7px;font-size:32px;font-weight:700;line-height:1.12;color:#f6eef9}.connected-panel .eyebrow{color:#c89b6e;font-size:9px}.connected-panel p{color:#b8a5c2}.connected-panel .button{margin-top:auto}.bottom-info{color:#94839f}.account-footer{border-color:#352b3d;color:#a590ad}.footer-wordmark{color:#ffaf47;font-style:italic}.profile-box{background:#1c1826;border-color:#42344a;box-shadow:0 5px 0 #0b0910}.profile-box h2{color:#f3e8f6}.profile-box h2>span{color:#ffa945}.profile-box dl>div{border-color:#382c41}.profile-box dt{color:#b4a1bf}.profile-box dd{color:#eadcf0}.tier-tag{color:#ffc77a;background:#493020;border:1px solid #8c562d}.profile-box .field-help{color:#a38dab}.skip{background:#ffb143;color:#16101a}a:focus-visible,button:focus-visible{outline-color:#ffc66e}
@media(min-width:1500px){.auth-content{max-width:450px}}
@media(max-width:1050px){.brand-panel{padding-left:35px;padding-right:35px}.brand-story h1{font-size:95px}.rank-mark{font-size:67px;top:50px}.card-member h2{font-size:40px}}
@media(max-width:760px){.auth-layout{display:block}.brand-panel{display:none}.auth-side{padding:25px 24px 22px;background:radial-gradient(ellipse at 100% 0,#fd792820,transparent 48%)}.logo-window{width:119px}.mobile-header{padding-bottom:18px;border-bottom:1px solid #392b40}.auth-content{padding:38px 0}.auth-content>h2{font-size:35px;line-height:1.16}.register-content{padding-top:29px}.register-content>h2{font-size:31px}.intro{font-size:13px}.field input{height:54px}.auth-footer{font-size:9px}.account-header{padding:20px 22px 13px;background:#14111c}.account-header .logo-window{width:111px}.account-header nav{margin-top:12px;gap:30px}.account-header nav a{font-size:12px;padding-bottom:9px}.account-main{padding:32px 22px 45px}.welcome-row .eyebrow{font-size:8px;letter-spacing:1.6px}.welcome-row h1{font-size:34px}.welcome-row p{font-size:12px;max-width:290px}.welcome-row .connected-badge{margin-top:17px;padding:9px 12px;font-size:9px}.home-grid{grid-template-columns:1fr;gap:26px}.member-card{padding:24px;min-height:321px}.card-logo{font-size:20px}.card-label{font-size:7px}.card-member{padding:35px 0 30px}.card-member h2{font-size:42px}.rank-mark{font-size:72px;top:35px}.card-member .eyebrow{font-size:8px}.card-bottom strong{font-size:12px}.card-serial strong{font-size:9px}.card-bottom span{font-size:9px}.card-serial span{font-size:7px}.connected-panel{padding:25px}.connected-panel h2{font-size:30px}.connected-panel p{line-height:1.8}.connected-panel .button{min-height:51px}.profile-box{padding:23px}.bottom-info{font-size:9px}.account-footer{padding:24px 22px;font-size:8px}.steps{font-size:9px}.identity-mini{padding:14px}.identity-tag{font-size:7px}.quiet-note{font-size:11px}}
@media(max-width:360px){.account-main,.account-header{padding-left:16px;padding-right:16px}.member-card{padding:20px}.rank-mark{font-size:58px;top:42px}.card-member h2{font-size:37px}.auth-side{padding-left:20px;padding-right:20px}}
.brand-panel{color:#f5f4fa}
/* The logo is an alpha PNG: no badge, white fill, or clipping. */
.logo-window{background:transparent;box-shadow:none;overflow:visible;border-radius:0;aspect-ratio:2}
.logo-window img{position:static;display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
/* Readable type on phones: body 16px, supporting copy at least 14px. */
body{font-size:16px;line-height:1.5}
.intro,.welcome-row p,.connected-panel p,.field input,.field input::placeholder{font-size:16px;line-height:1.65}
.field label,.button,.connected-panel .button,.account-header nav a,.switch-auth,.forgot-row,.back-link,.text-link,.text-button,.logout-button{font-size:16px}
.field-help,.profile-box .field-help,.field-errors,.notice,.quiet-note,.demo-note,.password-toggle,.auth-top,.small-label,.secure-label,.auth-footer,.account-footer,.account-footer>span:nth-child(2),.brand-bottom,.brand-caption,.bottom-info,.bottom-info span:last-child{font-size:14px;line-height:1.6}
.eyebrow,.brand-story .eyebrow,.welcome-row .eyebrow,.register-content .eyebrow,.card-member .eyebrow,.connected-panel .eyebrow,.card-label,.card-member h2 span,.steps,.identity-tag,.profile-box h2>span{font-size:14px;letter-spacing:.8px;line-height:1.5}
.connected-badge,.welcome-row .connected-badge{font-size:14px;line-height:1.5}
.card-bottom strong,.card-serial strong,.identity-mini strong,.identity-mini div>span,.profile-box dt,.profile-box dd{font-size:16px;line-height:1.5}
.card-bottom span,.card-serial span{font-size:14px;letter-spacing:.4px;line-height:1.5}
.card-bottom,.card-top{flex-wrap:wrap}.card-bottom>div{min-width:0}.card-serial{white-space:normal}.card-serial strong{overflow-wrap:anywhere}
.field input[type=password],.field input[autocomplete=new-password],.field input[autocomplete=current-password]{padding-right:75px}
.password-toggle{min-width:65px}.field-help,.quiet-note,.bottom-info,.auth-footer,.account-footer{color:#c2b4cc}
.profile-box dt{flex-shrink:1}.profile-box dd{overflow-wrap:anywhere}.profile-box dl>div{align-items:flex-start}
.auth-footer,.account-footer,.brand-bottom,.bottom-info{flex-wrap:wrap;row-gap:10px}.identity-mini{flex-wrap:wrap}.identity-tag{margin-left:0}.auth-top{flex-wrap:wrap}
.card-member h2{padding-right:72px;font-size:clamp(32px,4vw,49px)}.rank-mark{font-size:64px}
@media(max-width:760px){
 .card-top{gap:12px}.card-label{font-size:14px;padding:5px 8px}.card-bottom{flex-direction:column;gap:16px}.card-serial{text-align:left}.member-card{min-height:370px}
 .card-member h2{font-size:36px;padding-right:48px;letter-spacing:.3px}.rank-mark{font-size:46px;top:48px}.card-member h2 span{letter-spacing:2px}
 .account-header nav{height:auto;min-height:44px}.account-header nav a{padding:10px 0}.welcome-row p{max-width:none}
 .auth-content{padding-top:30px}.field{margin-bottom:22px}.quiet-note{gap:10px}.profile-box dl>div{flex-direction:column;gap:5px}.profile-box dd{text-align:left}
 .account-footer>span:nth-child(2){display:none}.identity-tag{width:100%;padding-left:52px}.steps{gap:8px;flex-wrap:wrap}.step-line{width:20px}
}
.promo-choice{margin:24px 0}.promo-choice label{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;cursor:pointer}.promo-choice input{appearance:auto;accent-color:#ffab32;width:22px;height:22px;min-width:22px;margin:2px 0 0}.promo-choice .field-help{margin-left:34px}

.button.primary.login-submit{justify-content:center;text-align:center;gap:0}.login-note>div{min-width:0}.login-note p{margin:0;line-height:1.75}.login-note p+p{margin-top:20px}.login-note strong{font-weight:650;color:var(--ink)}