:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f5f9;background:#10131a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at top,#182033 0,#10131a 42%);min-height:100vh;margin:0}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:16px 24px 0;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#2e67d1;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:#9ba7bd;margin-top:2px}.topnav{background:#181d27d9;border:1px solid #2d3442;border-radius:16px;gap:8px;padding:6px;display:flex}.topnav-item{color:#c9d3e4;background:0 0;border:0;border-radius:11px;padding:9px 14px}.topnav-item.active{color:#fff;background:#2e67d1}.layout{grid-template-columns:minmax(280px,340px) minmax(360px,680px) minmax(220px,320px);gap:24px;padding:24px;display:grid}.panel{background:#181d27;border:1px solid #2d3442;border-radius:18px;padding:18px}.sidebar{align-content:start;gap:14px;display:grid}.card-section{background:#121720;border:1px solid #2d3442;border-radius:14px;gap:10px;padding:14px;display:grid}.card-section h2,.moves h2{margin:0;font-size:16px}.actions{gap:9px;display:grid}button,input{font:inherit;border:1px solid #394250;border-radius:10px;padding:10px 12px}button{cursor:pointer;color:#fff;background:#2e67d1}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.55}input{color:#fff;background:#0e131b}.status-card{gap:8px}.status-line{color:#9ba7bd;grid-template-columns:64px 1fr;align-items:start;gap:10px;display:grid}.status-line strong{color:#f2f5f9;word-break:break-word;font-weight:600}.technical-details{color:#9ba7bd;background:#121720;border:1px solid #2d3442;border-radius:14px;padding:12px 14px}.technical-details summary{cursor:pointer}.meta{word-break:break-all;color:#c9d3e4;gap:8px;margin-top:12px;display:grid}.board-wrap{justify-items:center;gap:12px;display:grid}.board{aspect-ratio:1;background:#1e2430;border:8px solid #1e2430;border-radius:14px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:min(68vh,640px,100%);display:grid;overflow:hidden}.square{aspect-ratio:1;text-shadow:0 1px 1px #00000059;border:0;border-radius:0;place-items:center;width:100%;padding:0;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,serif;font-size:clamp(30px,7vmin,64px);line-height:1;display:grid}.square.light{background:#e7d2a2}.square.dark{background:#8a5a2b}.square.white-piece{color:#fff8e8;text-shadow:0 2px 2px #000000a6}.square.black-piece{color:#191919;text-shadow:0 1px 1px #ffffff59}.square.selected{outline-offset:-4px;outline:4px solid #4da3ff}.square.target{box-shadow:inset 0 0 0 999px #378c5059}.clock{text-align:center;background:#181d27;border:1px solid #2d3442;border-radius:12px;justify-self:end;min-width:92px;padding:10px 14px;font-size:24px;font-weight:700}.moves ol,.moves{max-height:calc(100vh - 120px);overflow:auto}.moves ol{padding-left:24px}@media (width<=980px){.topbar{flex-direction:column;align-items:flex-start}.topnav{width:100%;overflow-x:auto}.layout{grid-template-columns:1fr}.board{width:min(92vw,640px)}}.promotion-overlay{z-index:10;background:#05080db8;place-items:center;display:grid;position:fixed;inset:0}.promotion-overlay.hidden{display:none}.promotion-dialog{background:#181d27;border:1px solid #394250;border-radius:18px;gap:16px;padding:20px;display:grid;box-shadow:0 20px 60px #00000073}.promotion-dialog h2{margin:0;font-size:18px}.promotion-actions{grid-template-columns:repeat(4,64px);gap:10px;display:grid}.promotion-choice{background:#2e67d1;place-items:center;width:64px;height:64px;padding:0;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,serif;font-size:40px;display:grid}.result-overlay{z-index:11;background:#05080db8;place-items:center;display:grid;position:fixed;inset:0}.result-dialog{background:#181d27;border:1px solid #394250;border-radius:20px;gap:14px;width:min(420px,100vw - 32px);padding:22px;display:grid;box-shadow:0 20px 60px #00000073}.result-kicker{color:#9ba7bd;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px;font-weight:700}.result-dialog h2{margin:0;font-size:26px}.result-reason{color:#c9d3e4;margin:0}.result-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=520px){.result-actions{grid-template-columns:1fr}}.app-view.hidden{display:none}.profile-layout{padding:24px}.profile-panel{max-width:960px;margin:0 auto}.profile-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-kicker{color:#9ba7bd;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:12px;font-weight:700}.profile-header h1{margin:0;font-size:30px}.profile-stats{grid-template-columns:repeat(6,minmax(100px,1fr));gap:12px;display:grid}.stat-card{background:#111722;border:1px solid #2d3442;border-radius:14px;gap:6px;padding:14px;display:grid}.stat-card span{color:#9ba7bd;font-size:13px}.stat-card strong{font-size:26px}.profile-section{margin-top:26px}.profile-games{gap:10px;display:grid}.profile-game{background:#111722;border:1px solid #2d3442;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.profile-game-title{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;display:flex}.profile-badge{color:#c9d3e4;text-transform:uppercase;background:#263248;border-radius:999px;padding:3px 8px;font-size:12px}.profile-game-meta{color:#9ba7bd;margin:0;font-size:13px}.empty-profile-games{color:#9ba7bd;border:1px dashed #394250;border-radius:14px;padding:16px}@media (width<=900px){.profile-stats{grid-template-columns:repeat(3,minmax(100px,1fr))}}@media (width<=560px){.profile-header,.profile-game{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(2,minmax(100px,1fr))}}.history-layout{grid-template-columns:minmax(320px,1fr) minmax(360px,520px);gap:24px;padding:24px;display:grid}.history-filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.history-filter{background:#111722;border:1px solid #2d3442}.history-filter.active{color:#fff;background:#2e67d1;border-color:#2e67d1}.replay-panel{align-self:start}.replay-header h2{margin:0 0 6px}.replay-board{aspect-ratio:1;width:min(100%,480px);margin:18px auto}.replay-board .square{cursor:default}.replay-controls{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.replay-move{color:#c9d3e4;text-align:center;min-height:22px;margin:14px 0 0}.profile-game-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=1040px){.history-layout{grid-template-columns:1fr}.replay-board{width:min(100%,560px)}}@media (width<=560px){.replay-controls,.profile-game-actions{grid-template-columns:1fr 1fr}.profile-game-actions{justify-content:stretch;display:grid}}.field-label{color:#9ba7bd;margin-bottom:8px;font-size:13px;display:block}select{color:#eef3fb;background:#111722;border:1px solid #2d3442;border-radius:12px;width:100%;margin-bottom:12px;padding:10px 12px}#rematchStatus:empty{display:none}.profile-ratings{grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px;display:grid}.rating-card{background:#111722;border:1px solid #2d3442;border-radius:14px;gap:6px;padding:16px;display:grid}.rating-card span{color:#9ba7bd;text-transform:uppercase;letter-spacing:.06em;font-size:13px}.rating-card strong{font-size:30px}.rating-card small{color:#9ba7bd}@media (width<=640px){.profile-ratings{grid-template-columns:1fr}}.auth-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.auth-card{background:#111722;border:1px solid #2d3442;border-radius:14px;gap:12px;padding:16px;display:grid}.auth-card h2{margin:0}@media (width<=760px){.auth-grid{grid-template-columns:1fr}}.game-actions-card{gap:10px}.game-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.game-actions button:nth-child(3){grid-column:1/-1}@media (width<=520px){.game-actions{grid-template-columns:1fr}.game-actions button:nth-child(3){grid-column:auto}}.layout{grid-template-columns:minmax(220px,270px) minmax(360px,560px) minmax(190px,260px);justify-content:center;align-items:start;gap:16px;padding:16px}.panel{padding:14px}.sidebar{gap:10px}.card-section{gap:8px;padding:10px}.card-section h2,.moves h2{font-size:14px}.actions{gap:7px}button,input,select{min-height:34px;padding:8px 10px;font-size:14px}.field-label{margin-bottom:4px}select{margin-bottom:8px}.status-line{grid-template-columns:52px 1fr;gap:8px;font-size:13px}.profile-game-meta{font-size:12px}.technical-details{padding:9px 10px}.board-wrap{justify-self:center;gap:8px;width:min(58vh,560px,100%)}.board{border-width:6px;width:100%}.clock{border-radius:10px;justify-content:space-between;justify-self:stretch;align-items:center;width:100%;min-width:0;padding:8px 12px;font-size:18px;display:flex}.clock:before{color:#9ba7bd;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.top-clock:before{content:"Opponent"}.bottom-clock:before{content:"You"}.moves{min-width:0}.moves ol,.moves{max-height:calc(100vh - 96px)}.game-actions{grid-template-columns:1fr 1fr;gap:6px}.game-actions button{font-size:13px}@media (width<=1180px){.layout{grid-template-columns:minmax(210px,250px) minmax(340px,520px) minmax(180px,230px);gap:12px;padding:12px}.board-wrap{width:min(56vh,520px,100%)}}@media (width<=900px){.layout{grid-template-columns:1fr}.board-wrap{width:min(92vw,560px)}}.result-overlay{pointer-events:none;z-index:11;background:0 0;width:min(380px,100vw - 36px);display:block;inset:auto 18px 18px auto}.result-overlay.hidden{display:none}.result-dialog{pointer-events:auto;border-radius:16px;gap:10px;width:100%;padding:16px}.result-dialog h2{font-size:20px}.result-actions{grid-template-columns:1fr 1fr;gap:8px}.result-actions button{min-height:34px;padding:8px 10px;font-size:13px}@media (width<=900px){.result-overlay{bottom:12px;right:12px}}@media (width<=520px){.result-overlay{width:auto;bottom:10px;left:10px;right:10px}.result-actions{grid-template-columns:1fr 1fr}}