:root{--bg:#111419;--surface-1:#161a20;--surface-2:#1a1f26;--surface-3:#20262e;--border:#2a313b;--border-strong:#394454;--text:#f0f2f5;--muted:#969faa;--muted-strong:#bbc2cb;--accent:#5b8fe8;--accent-strong:#6da0f5;--accent-soft:#263d61;--danger:#d9747c;--board-light:#b7b6af;--board-dark:#42474b;--focus:#86aff3;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow:0 18px 46px #00000052;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);min-width:0}body{min-width:0;min-height:100dvh;color:var(--text);background:radial-gradient(circle at 50% -25%, #242a33 0, transparent 46%), var(--bg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.modal-open{overflow:hidden}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.site-header{z-index:10;background:#101318;border-bottom:1px solid #252b33;min-height:64px;position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100%);min-height:64px;margin:0 auto;padding:0 24px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:690;text-decoration:none;display:inline-flex}.brand__mark{place-items:center;width:27px;height:30px;display:grid}.brand__mark img{object-fit:contain;width:26px;height:26px}.site-header__actions{align-items:center;gap:10px;display:flex}.icon-button,.modal-close,.password-toggle{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--muted-strong);cursor:pointer;background:0 0;border:0;place-items:center;transition:color .16s,background-color .16s;display:inline-grid}.icon-button:hover,.modal-close:hover,.password-toggle:hover{color:var(--text);background:#1d2229}.button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:620;transition:transform .15s,border-color .15s,background-color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff06}.button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{color:#fff;background:#4c80da;border-color:#6598ec;box-shadow:0 7px 20px #2f66c333,inset 0 1px #ffffff29}.button--primary:hover:not(:disabled){background:#578be4;border-color:#78a8f5}.button--danger{color:#f0b6ba;border-color:#61383d}.button--full{width:100%}.button__icon{place-items:center;width:18px;height:18px;display:inline-grid}.game-page{width:min(1180px,100%);margin:auto;padding:clamp(24px,4vw,48px) 24px}.setup-layout{grid-template-columns:minmax(280px,340px) minmax(420px,640px);justify-content:center;align-items:stretch;gap:20px;display:grid}.setup-panel,.board-area,.status-card,.history-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.setup-panel{flex-direction:column;padding:clamp(24px,3vw,34px);display:flex}.setup-panel__intro{margin-bottom:30px}.eyebrow{color:var(--accent-strong);letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.setup-panel h1{letter-spacing:-.04em;max-width:260px;margin:0 0 10px;font-size:clamp(25px,2.6vw,34px);line-height:1.12}.setup-panel__intro p,.setup-note{color:var(--muted);margin:0}.choice-group{border:0;margin:0 0 24px;padding:0}.choice-group legend{color:var(--muted-strong);margin-bottom:10px;font-size:12px;font-weight:650}.color-choices{gap:7px;display:grid}.color-choice{border:1px solid var(--border);min-height:46px;color:var(--muted-strong);cursor:pointer;background:#181d23;border-radius:8px;align-items:center;gap:10px;padding:0 12px;transition:border-color .16s,color .16s,background-color .16s;display:flex}.color-choice:hover{border-color:var(--border-strong);color:var(--text)}.color-choice.is-selected{border-color:var(--accent);color:var(--text);background:#1b2636}.color-choice input,.difficulty-choices input{opacity:0;pointer-events:none;position:absolute}.color-swatch{border:1px solid #313945;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.color-swatch--white{background:#eceff3;border-color:#f7f8fa}.color-swatch--black{background:#0c0f12}.color-swatch--random{border-color:var(--accent);color:var(--accent-strong)}.difficulty-choices{border:1px solid var(--border);background:#11151a;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.difficulty-choices label{min-height:38px;color:var(--muted);cursor:pointer;border-radius:6px;place-items:center;font-size:12px;display:grid}.difficulty-choices label.is-selected{color:#fff;background:#385f9f;box-shadow:0 3px 10px #00000038}.setup-note{text-align:center;margin-top:12px;font-size:11px}.board-area{min-width:0;padding:12px}.board-area--preview{flex-direction:column;display:flex}.board-caption{min-height:36px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:0 3px 10px;font-size:12px;display:flex}.board-caption span:first-child{color:var(--muted-strong)}.board-frame{aspect-ratio:1;background:#0d1013;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000057}.chessboard{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;height:100%;display:grid;overflow:hidden}.chess-square{cursor:default;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.chessboard--interactive .chess-square{cursor:pointer}.chess-square--light{background:var(--board-light)}.chess-square--dark{background:var(--board-dark)}.chess-square:after{content:"";pointer-events:none;transition:background-color .15s,box-shadow .15s;position:absolute;inset:0}.chess-square.is-last-move:after{background:#5b8fe83d}.chess-square.is-selected:after{background:#4f88e661;box-shadow:inset 0 0 0 3px #6da0f5db}.chess-square.is-drag-over:after{box-shadow:inset 0 0 0 4px #87b2f7e6}.chess-square.is-check:after{background:#b8434e75;box-shadow:inset 0 0 22px #5809108a}.chess-piece{z-index:2;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 2px #0000004d);width:84%;height:84%;transition:transform .16s,opacity .16s;position:relative}.chessboard--interactive .chess-square:hover .chess-piece{transform:translateY(-1px)}.chessboard--locked .chess-piece{pointer-events:none}.legal-dot,.capture-ring{z-index:3;pointer-events:none;position:absolute}.legal-dot{aspect-ratio:1;background:#224c87a3;border-radius:50%;width:22%}.capture-ring{border:clamp(3px,.45vw,6px) solid #25508eb8;border-radius:50%;inset:8%}.coordinate{z-index:4;color:#101317ad;pointer-events:none;font-size:clamp(8px,1vw,11px);font-weight:760;line-height:1;position:absolute}.chess-square--dark .coordinate{color:#e7ebeea3}.coordinate--rank{top:5px;left:5px}.coordinate--file{bottom:4px;right:5px}.game-layout{grid-template:"board status""board history"minmax(230px,1fr)"controls history"/minmax(0,1fr) 320px;align-items:start;gap:12px;display:grid}.game-layout__board{grid-area:board}.game-layout__status{grid-area:status}.game-layout__history{grid-area:history;height:100%;min-height:0}.game-layout__controls{grid-area:controls}.status-card{min-height:126px;padding:20px;box-shadow:0 12px 34px #00000038}.status-card__topline{align-items:center;gap:9px;display:flex}.status-card h2,.history-card h2{letter-spacing:-.02em;margin:0;font-size:16px;line-height:1.25}.status-card p{color:var(--muted);margin:7px 0 0;font-size:12px}.status-card .button{margin-top:14px}.status-icon{color:var(--accent-strong)}.status-card--engine-error .status-icon{color:var(--danger)}.status-icon--spin{animation:1.5s linear infinite spin}.thinking-dots{align-items:center;gap:7px;height:24px;margin-top:8px;display:flex}.thinking-dots i{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite think}.thinking-dots i:nth-child(2){animation-delay:.14s}.thinking-dots i:nth-child(3){animation-delay:.28s}.history-card{flex-direction:column;height:100%;min-height:280px;display:flex;overflow:hidden;box-shadow:0 12px 34px #00000038}.history-card__heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:54px;padding:0 16px;display:flex}.history-card__heading h2{font-size:13px}.history-card__heading span{background:var(--surface-3);min-width:26px;height:22px;color:var(--muted);border-radius:99px;place-items:center;padding:0 7px;font-size:11px;display:grid}.move-list{scrollbar-color:#3b4655 transparent;scrollbar-width:thin;min-height:0;max-height:430px;padding:8px;overflow-y:auto}.move-list__empty{min-height:210px;color:var(--muted);place-content:center;justify-items:center;gap:12px;font-size:12px;display:grid}.move-list__empty p{margin:0}.move-list__board-mark{background-color:#0000;background-image:linear-gradient(45deg,#2f3742 25%,#0000 25% 75%,#2f3742 75%),linear-gradient(45deg,#2f3742 25%,#0000 25% 75%,#2f3742 75%);background-position:0 0,8px 8px;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #38414e;border-radius:7px;width:34px;height:34px}.move-row{min-height:38px;color:var(--muted-strong);border-radius:6px;grid-template-columns:32px 1fr 1fr;align-items:center;gap:4px;font-size:13px;display:grid}.move-row:nth-child(2n){background:#181d23}.move-row>span{border-radius:5px;min-width:0;padding:6px 8px}.move-row__number{color:#6f7884;text-align:right}.move-row .is-current{background:var(--accent-soft);color:#eaf2ff}.game-controls{flex-wrap:wrap;gap:9px;display:flex}.game-controls .button{min-width:146px}.site-footer{color:#6f7781;justify-content:space-between;gap:16px;width:min(1180px,100%);margin:0 auto;padding:0 24px 24px;font-size:11px;display:flex}.modal-backdrop{z-index:100;background:#07090cd1;place-items:center;padding:20px;animation:.16s both fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-panel{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:#1b2027;width:min(100%,420px);max-height:calc(100dvh - 40px);padding:22px;animation:.18s both modal-in;position:relative;overflow-y:auto;box-shadow:0 24px 76px #0000008f}.modal-panel--medium{width:min(100%,560px)}.modal-panel__heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.modal-panel__heading h2{letter-spacing:-.03em;margin:0;font-size:20px;line-height:1.25}.modal-panel__heading p{color:var(--muted);margin:7px 0 0;font-size:12px}.modal-close{min-width:38px;min-height:38px;margin:-7px -7px 0 0}.login-form{gap:16px;display:grid}.field{color:var(--muted-strong);gap:7px;font-size:12px;display:grid}.field input{border:1px solid var(--border);width:100%;height:46px;color:var(--text);background:#15191e;border-radius:8px;outline:0;padding:0 13px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#6f7781}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b8fe81f}.password-field{display:block;position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;top:1px;right:1px}.form-message{color:#bdd2f4;background:#1a2637;border:1px solid #334765;border-radius:8px;margin:-2px 0 0;padding:11px 12px;font-size:12px}.login-form__links{justify-content:space-between;gap:14px;display:flex}.login-form__links button{min-height:36px;color:var(--accent-strong);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.promotion-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.promotion-option{border:1px solid var(--border);background:var(--surface-3);min-width:0;color:var(--muted-strong);cursor:pointer;border-radius:10px;justify-items:center;gap:7px;padding:10px 8px 9px;font-size:12px;transition:border-color .15s,transform .15s,color .15s;display:grid}.promotion-option:hover,.promotion-option:focus-visible{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.promotion-option__piece{aspect-ratio:1;background:#171b20;border-radius:8px;place-items:center;width:72px;max-width:100%;display:grid}.promotion-option img{width:82%;height:82%}.result-dialog{text-align:center;position:relative}.result-dialog__icon,.resume-dialog__mark{background:var(--accent-soft);width:60px;height:60px;color:var(--accent-strong);border-radius:15px;place-items:center;margin:0 auto 14px;display:grid}.result-dialog--loss .result-dialog__icon,.result-dialog--resigned .result-dialog__icon{color:#df8990;background:#352529}.result-dialog__description{color:var(--muted-strong);margin:0 0 18px}.result-details{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 20px;display:grid}.result-details div{border:1px solid var(--border);background:#171b20;border-radius:9px;padding:12px}.result-details dt{color:var(--muted);font-size:11px}.result-details dd{color:var(--text);margin:3px 0 0;font-size:13px}.modal-actions{justify-content:flex-end;gap:9px;display:flex}.modal-actions--stacked{display:grid}.resume-dialog{text-align:center}.resume-dialog p{color:var(--muted-strong);margin:0 0 5px}.resume-dialog>span{color:var(--muted);margin-bottom:20px;font-size:11px;display:block}.quiet-confetti{pointer-events:none;height:76px;position:absolute;inset:-86px -4px auto;overflow:hidden}.quiet-confetti i{background:var(--accent);opacity:.82;border-radius:1px;width:4px;height:7px;animation:1.5s ease-out both confetti;position:absolute}.quiet-confetti i:first-child{top:14%;left:4%;transform:rotate(16deg)}.quiet-confetti i:nth-child(2){top:56%;left:10%;transform:rotate(72deg)}.quiet-confetti i:nth-child(3){top:30%;left:18%;transform:rotate(130deg)}.quiet-confetti i:nth-child(4){top:8%;left:25%;transform:rotate(40deg)}.quiet-confetti i:nth-child(5){top:48%;left:32%;transform:rotate(96deg)}.quiet-confetti i:nth-child(6){top:19%;left:39%;transform:rotate(155deg)}.quiet-confetti i:nth-child(7){top:59%;left:46%;transform:rotate(20deg)}.quiet-confetti i:nth-child(8){top:8%;left:52%;transform:rotate(88deg)}.quiet-confetti i:nth-child(9){top:40%;left:58%;transform:rotate(142deg)}.quiet-confetti i:nth-child(10){top:18%;left:64%;transform:rotate(62deg)}.quiet-confetti i:nth-child(11){top:63%;left:70%;transform:rotate(116deg)}.quiet-confetti i:nth-child(12){top:31%;left:76%;transform:rotate(22deg)}.quiet-confetti i:nth-child(13){top:6%;left:82%;transform:rotate(78deg)}.quiet-confetti i:nth-child(14){top:52%;left:88%;transform:rotate(150deg)}.quiet-confetti i:nth-child(15){top:22%;left:94%;transform:rotate(42deg)}.quiet-confetti i:nth-child(16){top:71%;left:21%;transform:rotate(105deg)}.quiet-confetti i:nth-child(17){top:73%;left:61%;transform:rotate(14deg)}.quiet-confetti i:nth-child(18){top:76%;left:91%;transform:rotate(122deg)}.fatal-error{place-items:center;min-height:100vh;padding:20px;display:grid}.fatal-error__card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);text-align:center;width:min(100%,430px);padding:34px}.fatal-error__card img{width:48px;height:48px}.fatal-error__card h1{margin:14px 0 8px;font-size:22px}.fatal-error__card p{color:var(--muted);margin:0 0 22px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes think{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes confetti{0%{opacity:0;transform:translateY(-10px)rotate(0)}}@media (width<=900px){.setup-layout{grid-template-columns:minmax(260px,320px) minmax(360px,1fr)}.game-layout{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=760px){.site-header__inner{padding:0 16px}.game-page{margin:0 auto;padding:20px 14px 28px}.setup-layout{grid-template-columns:1fr;gap:12px}.setup-panel{padding:22px}.setup-panel__intro{margin-bottom:22px}.setup-panel h1{max-width:none;font-size:28px}.game-layout{grid-template:"status""board""controls""history"/minmax(0,1fr);display:grid}.status-card{min-height:104px;padding:17px}.history-card,.game-layout__history{height:auto;min-height:240px}.move-list{max-height:290px}.game-controls{grid-template-columns:1fr 1fr;display:grid}.game-controls .button{min-width:0}.site-footer{flex-direction:column;gap:4px;padding:0 16px 18px}}@media (width<=420px){.brand{gap:7px;font-size:14px}.brand__mark,.brand__mark img{width:24px;height:24px}.site-header__actions{gap:4px}.site-header__actions .button{min-height:40px;padding:0 13px}.icon-button{min-width:40px;min-height:40px}.game-page{padding-left:10px;padding-right:10px}.setup-panel,.board-area{padding:10px}.setup-panel{padding:20px 16px}.board-caption{min-height:32px;padding-bottom:8px}.promotion-grid{grid-template-columns:repeat(2,1fr)}.promotion-option__piece{width:64px}.modal-backdrop{align-items:center;padding:10px}.modal-panel{border-radius:13px;max-height:calc(100dvh - 20px);padding:18px}.login-form__links{flex-direction:column;align-items:flex-start;gap:2px}.modal-actions:not(.modal-actions--stacked){grid-template-columns:1fr;display:grid}}@media (prefers-reduced-motion:reduce){.spin,.account-loading__mark,.account-skeleton{animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.account-skeleton{border:1px solid var(--border);background:#1b2027;border-radius:50%;width:38px;height:38px;animation:1.2s ease-in-out infinite alternate account-pulse}.account-menu{position:relative}.account-trigger{color:#fff;cursor:pointer;background:#3f70c6;border:1px solid #5285de;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:11px;font-weight:750;display:grid;box-shadow:0 8px 22px #2a5aae40}.account-popover{z-index:30;border:1px solid var(--border-strong);background:#1b2027;border-radius:11px;width:232px;padding:9px;animation:.15s both modal-in;display:grid;position:absolute;top:calc(100% + 11px);right:0;box-shadow:0 22px 60px #0000007a}.account-popover:before{content:"";border-top:1px solid var(--border-strong);border-left:1px solid var(--border-strong);background:#1b2027;width:9px;height:9px;position:absolute;top:-5px;right:15px;transform:rotate(45deg)}.account-popover__identity{border-bottom:1px solid var(--border);gap:2px;padding:6px 8px 12px;display:grid}.account-popover__identity strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.account-popover__identity span{color:var(--muted);letter-spacing:.08em;font-size:9px}.account-popover a,.account-popover button{width:100%;min-height:39px;color:var(--muted-strong);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 9px;font-size:12px;text-decoration:none;display:flex}.account-popover a:hover,.account-popover button:hover{color:var(--text);background:#232a33}.account-popover .account-popover__logout{border-top:1px solid var(--border);color:#e08389;border-radius:0 0 7px 7px;margin-top:3px}.auth-form{gap:14px;display:grid}.auth-form .field input{height:43px}.auth-copy{color:var(--muted-strong);margin:-5px 0 4px;font-size:12px;line-height:1.55}.auth-copy--center{text-align:center;margin-bottom:-6px}.auth-copy strong,.auth-status strong{color:var(--text);font-weight:650}.auth-links{justify-content:space-between;gap:14px;display:flex}.auth-links button,.auth-switch button,.auth-back,.auth-inline-link{min-height:34px;color:var(--accent-strong);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.auth-switch{color:var(--muted);text-align:center;margin:-2px 0 0;font-size:11px}.auth-switch button{min-height:30px}.auth-back{justify-self:center}.auth-back:disabled{color:var(--muted);cursor:default;text-decoration:none}.auth-inline-link{justify-self:end;min-height:28px;margin-top:-14px}.auth-notice{color:#c4d7f5;background:#1a2637;border:1px solid #334765;border-radius:8px;margin:0;padding:10px 11px;font-size:11px;line-height:1.45}.auth-notice--error{color:#f0b8bc;background:#2c1e23;border-color:#653c43}.auth-notice--success{color:#add9be;background:#1c3027;border-color:#355b49}.password-rules{color:var(--muted);gap:3px;margin:-4px 0 1px;padding:0;font-size:10px;list-style:none;display:grid}.password-rules li:before{content:"○";color:#77818e;margin-right:7px}.password-rules li.is-valid{color:#a8cbb8}.password-rules li.is-valid:before{content:"✓";color:#70ba8e}.otp-input{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.otp-input input{border:1px solid var(--border-strong);width:100%;min-width:0;height:52px;color:var(--text);text-align:center;background:#15191e;border-radius:7px;outline:0;padding:0;font-size:19px;font-weight:650}.otp-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b8fe81f}.auth-timer{color:var(--muted);text-align:center;margin:4px 0 1px;font-size:10px}.auth-status{text-align:center;justify-items:center;gap:13px;padding:3px 0 1px;display:grid}.auth-status__icon{border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:3px;display:grid}.auth-status__icon--mail,.auth-status__icon--success{color:#5d95f3;background:#23365b}.auth-status__icon--danger{color:#ee6269;background:#402529}.auth-status h3{margin:0;font-size:18px}.auth-status p{color:var(--muted-strong);margin:-4px 0 3px;font-size:12px;line-height:1.55}.auth-status .button{margin-top:5px}.spin{animation:.8s linear infinite spin}.account-page-shell{background:radial-gradient(circle at 72% 20%, #3f506c24, transparent 36%), var(--bg)}.account-loading{min-height:calc(100dvh - 64px);color:var(--muted);place-content:center;justify-items:center;gap:14px;font-size:13px;display:grid}.account-loading__mark{border:2px solid #2e3742;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.account-page{grid-template-columns:190px minmax(390px,1fr) minmax(260px,350px);align-items:start;gap:24px;width:min(1220px,100%);min-height:calc(100dvh - 64px);margin:0 auto;padding:32px 24px;display:grid}.account-sidebar{flex-direction:column;gap:7px;min-height:calc(100dvh - 128px);padding:8px 0;display:flex}.account-sidebar a,.account-sidebar button{width:100%;min-height:43px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;padding:0 13px;font-size:12px;text-decoration:none;display:flex}.account-sidebar a:hover,.account-sidebar button:hover,.account-sidebar a.is-active{color:#bcd2f6;background:#1b2940;border-color:#2b3d5d}.account-sidebar button{color:#d1747b}.account-sidebar__copyright{color:#68717c;margin-top:auto;padding:0 13px;font-size:10px}.account-card,.account-game-teaser{border:1px solid var(--border);box-shadow:var(--shadow);background:#191e25;border-radius:13px}.account-card{padding:clamp(22px,3vw,34px)}.account-card__topline{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{color:var(--accent-strong);letter-spacing:.14em;font-size:9px;font-weight:750}.account-card h1{letter-spacing:-.04em;margin:8px 0 6px;font-size:clamp(25px,3vw,32px)}.account-card__topline p{color:var(--muted-strong);margin:0 0 3px}.account-card__topline small{color:var(--muted);font-size:10px}.account-card__avatar{color:#fff;background:#315da6;border:1px solid #4c7dcc;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:12px;font-weight:750;display:grid}.account-details{border:1px solid var(--border);background:#171b21;border-radius:10px;margin:28px 0 0;padding:4px 15px}.account-details>div{border-bottom:1px solid #272e37;justify-content:space-between;align-items:center;gap:20px;min-height:53px;padding:11px 0;display:flex}.account-details>div:last-child{border-bottom:0}.account-details dt{color:var(--muted);align-items:center;gap:9px;font-size:11px;display:flex}.account-details dd{color:var(--muted-strong);text-align:right;margin:0;font-size:11px}.verified-badge{color:#82c69e;background:#203c30;border-radius:5px;margin-left:7px;padding:3px 6px;font-size:8px}.account-security-note{color:#65a0ff;background:#19243a;border:1px solid #2c4163;border-radius:10px;align-items:center;gap:13px;margin-top:18px;padding:15px;display:flex}.account-security-note div{gap:3px;display:grid}.account-security-note strong{color:#d7e5fb;font-size:11px}.account-security-note span{color:#91a1b9;font-size:9px;line-height:1.45}.account-card__actions{gap:10px;margin-top:20px;display:flex}.account-card__actions .button{flex:1;text-decoration:none}.account-game-teaser{overflow:hidden}.account-game-teaser__board{aspect-ratio:1;filter:brightness(.72)saturate(.65)}.account-game-teaser__board .board-frame{border:0;border-radius:0}.account-game-teaser>div:last-child{padding:19px}.account-game-teaser span{color:var(--accent-strong);letter-spacing:.13em;font-size:8px;font-weight:750}.account-game-teaser h2{margin:6px 0;font-size:20px}.account-game-teaser p{color:var(--muted);margin:0 0 13px;font-size:10px;line-height:1.55}.account-game-teaser a{color:var(--accent-strong);text-underline-offset:3px;font-size:11px}@keyframes account-pulse{to{opacity:.45}}@media (width<=1040px){.account-page{grid-template-columns:170px minmax(0,1fr)}.account-game-teaser{display:none}}@media (width<=720px){.account-page{grid-template-columns:1fr;gap:12px;padding:18px 14px 28px}.account-sidebar{grid-template-columns:1fr 1fr;min-height:auto;padding:0;display:grid}.account-sidebar button,.account-sidebar__copyright{display:none}.account-card{padding:20px 16px}}@media (width<=420px){.account-popover{width:min(270px,100vw - 20px);position:fixed;top:58px;right:10px}.auth-links{flex-direction:column;align-items:flex-start;gap:0}.otp-input{gap:5px}.otp-input input{height:48px;font-size:17px}.account-sidebar{grid-template-columns:1fr}.account-sidebar a.is-active{display:none}.account-card__avatar{width:42px;height:42px}.account-details>div{flex-direction:column;align-items:flex-start;gap:5px}.account-details dd{text-align:left;padding-left:26px}.verified-badge{margin-top:4px;display:inline-block}.account-card__actions{display:grid}}