.account-access-modal{padding:0;width:min(630px,calc(100% - 30px));background:#18191c;border:1px solid #414145;border-top:2px solid #96232c;border-radius:17px;box-shadow:0 32px 100px #000c;overflow-x:hidden;overscroll-behavior:contain}
.account-access-modal::backdrop{background:#07080ad9;backdrop-filter:blur(9px)}
.account-access-modal .modal-close{position:absolute;top:17px;right:17px;z-index:3;width:30px;height:30px;border-radius:50%;background:#141518b3;border:1px solid #ffffff16;color:#aeb0b7;font-size:20px;display:grid;place-items:center;padding:0;transition:background .15s,color .15s}.account-access-modal .modal-close:hover{background:#303136;color:#fff}
.account-access-modal .access-heading{position:relative;isolation:isolate;min-height:113px;box-sizing:border-box;margin:0;padding:27px 62px 25px 29px;gap:17px;background:#17181b;border-bottom:1px solid #37373b;overflow:hidden}
.account-access-modal .access-heading::before{content:"";position:absolute;z-index:-2;inset:0;background:url("images/playerduel-command-hero-20260823.jpg") right 44%/cover;opacity:.26}
.account-access-modal .access-heading::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#17181b 14%,#17181bea 42%,#17181b38 100%)}
.account-access-modal .access-heading img{width:46px;height:46px;filter:drop-shadow(0 3px 12px #0008)}.account-access-modal .access-heading span{font-size:9px;letter-spacing:1.8px;color:#a7a9b0}.account-access-modal .access-heading h2{font-family:Inter,sans-serif;font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:8px 0 0;color:#f7f7f8}
.access-body{padding:23px 29px 27px}.account-access-modal .access-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid #34363b;padding:4px;border-radius:9px;background:#111214;margin:0 0 20px}.account-access-modal .access-tabs button{padding:10px;border:0;border-radius:6px;font-size:12px;background:transparent;color:#9399a3;transition:color .15s,background .15s}.account-access-modal .access-tabs button.active{background:#303136;color:#f3f4f6;box-shadow:0 1px 5px #0005}
.account-access-modal .google-button{border-radius:9px;background:#232428;border:1px solid #42444a;height:45px;font-size:12px;gap:12px}.account-access-modal .google-button:hover{background:#2d2f34;border-color:#5c5e66}.account-access-modal .button-accent{background:linear-gradient(100deg,#a4202c,#811b24);border-color:#b5323d;border-radius:9px;min-height:44px;box-shadow:0 3px 12px #19090c55;transition:background .18s,box-shadow .18s,transform .18s}.account-access-modal .button-accent:hover{background:linear-gradient(100deg,#b52532,#96212b);box-shadow:0 5px 18px #65141d38;transform:translateY(-1px)}
.account-access-modal .youtube-field{display:block!important}.account-access-modal .youtube-field>small{display:inline!important;position:static!important;margin-left:7px!important}.account-access-modal .youtube-field>.youtube-input{margin-top:9px!important}
.account-access-modal #login-feedback:empty{display:none}.account-access-modal #login-feedback{padding:11px 13px;border:1px solid #67373d;background:#2b1c20;border-radius:8px;margin:15px 0 0}.account-access-modal .registration-game{margin-top:10px}.account-access-modal .access-fields>label{margin-bottom:15px}
.registration-welcome{display:flex;align-items:center;gap:15px;margin:0 0 22px}.registration-welcome .avatar{height:46px;width:46px;flex:0 0 46px;background:#2a2c31;border:1px solid #45474d;color:#cdd0d6;font-size:14px}.registration-welcome h3{font-size:18px;margin:0 0 5px;line-height:1.4}.registration-welcome p{font-size:12px;color:#969da7;margin:0;line-height:1.5}.registration-steps{display:grid;gap:10px;margin-bottom:22px}.registration-step{display:flex;align-items:flex-start;gap:13px;border:1px solid #393b41;border-radius:10px;padding:15px;background:linear-gradient(120deg,#212328,#1c1d20)}.registration-step-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid #594047;border-radius:8px;color:#c9999e;background:#302127}.registration-step-icon svg{width:16px;height:16px}.registration-step strong{display:block;font-size:12px;font-weight:650;line-height:1.5;margin-bottom:5px}.registration-step p{margin:0;font-size:12px;color:#9da4af;line-height:1.6}.registration-success-actions{display:grid;gap:11px}.registration-success-actions .access-submit{margin:0}.registration-success-actions>a{font-size:11px;color:#a6adb7;text-align:center;padding:6px;text-decoration:none}.registration-success-actions>a:hover{color:#fff}
.account-access-modal[data-access-mode=success] .access-heading::after{background:linear-gradient(90deg,#17181b 10%,#17181bea 50%,#5b1c2533)}.account-access-modal[data-access-mode=success] .access-body{padding-top:25px}.account-access-modal[open]{animation:access-modal-in .18s ease-out}@keyframes access-modal-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:600px){.account-access-modal{width:calc(100% - 24px);border-radius:13px;max-height:92dvh}.account-access-modal .access-heading{padding:23px 48px 23px 20px;gap:12px;min-height:105px}.account-access-modal .access-heading img{width:37px;height:37px}.account-access-modal .access-heading h2{font-size:23px}.account-access-modal .access-heading span{font-size:8px;letter-spacing:1.2px}.access-body{padding:20px}.registration-welcome h3{font-size:17px}.registration-step{padding:13px}.registration-step p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.account-access-modal[open]{animation:none}.account-access-modal .button-accent:hover{transform:none}}

body:has(dialog[open]){overflow:hidden}.account-access-modal .google-button{color:#f0f1f3!important}.account-access-modal .google-button:disabled{color:#b7bdc6!important}

/* Refreshed account dialog; checkbox sizing must not inherit text-field rules. */
.account-access-modal{background:radial-gradient(ellipse at top left,#32202766,transparent 55%),#15161a;border-color:#454047;border-top-color:#d44959;scrollbar-width:thin;scrollbar-color:#56505a transparent}
.account-access-modal .access-heading{min-height:122px;background:#19171c}
.account-access-modal .access-heading h2{font-size:28px;letter-spacing:-1px}
.account-access-modal .access-heading img{padding:8px;box-sizing:content-box;border:1px solid #c941513b;border-radius:15px;background:#21151cc9;width:36px;height:36px}
.account-access-modal .access-tabs button.active{background:linear-gradient(120deg,#51252e,#35242d);box-shadow:inset 0 0 0 1px #ce596447;color:#ffe7eb}
.account-access-modal .access-tabs button:focus-visible,.account-access-modal button:focus-visible{outline:2px solid #ee8392;outline-offset:3px}
.account-access-modal .google-button svg{width:19px;height:19px;flex:0 0 19px}
.account-access-modal .registration-game{padding:15px;border:1px solid #39343d;border-radius:12px;background:#ffffff03;margin:12px 0 18px}
.account-access-modal .registration-game legend{padding:0 8px;color:#e2c4ca}
.account-access-modal .registration-game>p{margin-bottom:12px}
.account-access-modal .registration-game .access-fields>label{margin-bottom:0}
.account-access-modal .access-note{padding-left:11px;border-left:2px solid #98505b;color:#b1a5af}
.account-access-modal label.access-email-choice{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:start;justify-content:start;text-align:left;gap:11px;padding:12px 0;margin:12px 0 18px;border:0;border-top:1px solid #343039;border-radius:0;background:transparent;cursor:pointer}
.account-access-modal .access-email-choice input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;display:block;flex:0 0 18px;width:18px!important;height:18px!important;min-width:18px;max-width:18px;min-height:18px!important;max-height:18px;margin:0!important;padding:0!important;accent-color:#bf3548;box-shadow:none;border-radius:3px!important;cursor:pointer}
.account-access-modal .access-email-choice span{display:block;text-align:left;min-width:0;font-size:12px;color:#f1dfe3}
.account-access-modal .access-email-choice small{display:block;margin:4px 0 0;font-size:11px;line-height:1.5;color:#a9a3ae}
.account-access-modal .access-login-footer{flex-wrap:wrap}
.account-access-modal .access-login-footer .button{min-width:150px}
.account-access-modal .access-submit{min-height:47px;font-size:13px}
@media(max-width:600px){.account-access-modal .access-heading h2{font-size:23px}.account-access-modal .access-heading img{width:30px;height:30px;padding:6px}.account-access-modal .registration-game .access-fields{gap:13px}.account-access-modal .access-body{padding:20px 18px}.account-access-modal .registration-game{padding:12px}}