:root{color:#f5f7fb;background:#10141f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0}.app-header{border-radius:0 0 22px 22px;margin:0 0 24px;overflow:hidden;box-shadow:0 18px 56px #0000003d}.app-header-top{background:#2b323ef5;border:1px solid #ffffff14;border-bottom:0;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px 18px;display:flex}.app-header-nav{background:#1d232efa;border:1px solid #ffffff14;border-top-color:#ffffff0b;align-items:center;gap:6px;min-height:54px;padding:0 18px;display:flex}.brand-button{color:#f5f7fb;letter-spacing:-.03em;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-weight:900;display:inline-flex}.brand-button:hover .brand-name{color:#fff}.brand-name{font-size:clamp(24px,4vw,42px);line-height:1;transition:color .15s}.app-header .app-icon{border-radius:14px;width:52px;height:52px;box-shadow:0 10px 28px #2e82ff47}.app-header .top-actions{flex:none;margin:0}.app-header-nav button{color:#b8c0d6;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;min-height:54px;padding:0 14px;font-weight:750;transition:color .14s,background .14s;display:inline-flex}.app-header-nav button:hover,.app-header-nav button.nav-active{color:#fff;background:#6d86ff29}.app-header-nav button.nav-active{box-shadow:inset 0 -3px #6d86ff}.hero,.hero-card{display:none}.top-actions{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:14px;display:flex}.account-button{color:#f5f7fb;background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-weight:800;display:inline-flex;box-shadow:0 12px 36px #0000002e}.account-button-active,.account-button:hover{background:#6d86ff38;border-color:#6d86ffb8}.theme-toggle{background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:62px;height:34px;padding:0;display:inline-flex}.theme-toggle-track{background:#ffffff1f;border-radius:999px;align-items:center;width:62px;height:34px;padding:4px;transition:background .16s,box-shadow .16s;display:flex;box-shadow:inset 0 1px 3px #0006,0 12px 28px #0000002e}.theme-toggle-thumb{color:#dce6ff;background:#0c111ae0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .18s,color .16s,background .16s;display:inline-flex;box-shadow:0 2px 8px #00000073}.theme-toggle:hover .theme-toggle-track,.theme-toggle:focus-visible .theme-toggle-track{background:#6d86ff47;box-shadow:inset 0 1px 3px #0006,0 0 0 3px #6d86ff29,0 12px 28px #0000002e}.theme-toggle-active .theme-toggle-thumb{color:#fff;background:#5f6b82;transform:translate(28px)}.hero{grid-template-columns:1fr 320px;align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.eyebrow{color:#8ba4ff;text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px;font-size:12px;font-weight:700}h1{margin:0;font-size:clamp(38px,6vw,72px);line-height:.95}h2{align-items:center;gap:8px;margin:0 0 12px;font-size:18px;display:flex}.lead{color:#b8c0d6;max-width:720px;line-height:1.6}.hero-card,.panel,.board-card,.toolbar{background:#ffffff0e;border:1px solid #ffffff17;border-radius:24px;box-shadow:0 22px 70px #00000038}.hero-card{color:#dbe3ff;flex-direction:column;justify-content:center;gap:10px;padding:24px;display:flex}.toolbar{gap:12px;margin-bottom:24px;padding:12px;display:flex}.toolbar button,.form-grid button{color:#fff;background:#6d86ff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:inline-flex}.toolbar button:nth-child(2){background:#8957ff}.toolbar button:nth-child(3){background:#2d3447}.layout{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}.panel{padding:18px;position:sticky;top:20px}.panel-block+.panel-block{border-top:1px solid #ffffff1a;margin-top:22px;padding-top:22px}.form-grid{gap:10px;display:grid}.form-grid input{color:#f5f7fb;background:#0000002e;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:11px 12px}.info-list{grid-template-columns:90px 1fr;gap:8px 10px;margin:0;font-size:13px;display:grid}.info-list dt{color:#8c96b8}.info-list dd{overflow-wrap:anywhere;margin:0}.error,.success{border-radius:14px;margin-top:14px;padding:12px}.error{color:#ffb8b8;background:#ff5c5c29}.success{color:#baffd7;background:#5cffa624}.board-card{min-height:640px;padding:22px;position:relative}.board-card-toolbar{z-index:6;justify-content:flex-end;display:flex;position:absolute;top:16px;right:16px}.board-fullscreen-button{color:#dbe3ff;background:#6d86ff24;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-weight:800;display:inline-flex}.board-fullscreen-button:hover{background:#6d86ff3d}.board-card-fullscreen{background:#151b29;border-radius:0;flex-direction:column;justify-content:center;width:100vw;height:100vh;min-height:100vh;display:flex;overflow:auto}.board-card:fullscreen{background:#151b29;border-radius:0;flex-direction:column;justify-content:center;width:100vw;height:100vh;min-height:100vh;display:flex;overflow:auto}.board-card-fullscreen .board-wrap{width:min(100vw - 48px,100vh - 148px,920px)}.board-card:fullscreen .board-wrap{width:min(100vw - 48px,100vh - 148px,920px)}.empty-state{text-align:center;color:#b8c0d6;place-content:center;min-height:560px;display:grid}.board-wrap{width:min(100%,680px);margin:0 auto}.board-label-row,.board-row{grid-template-columns:28px repeat(8,1fr);gap:0;display:grid}.board-label-row span,.rank-label{color:#9aa6ca;place-items:center;height:28px;font-size:12px;font-weight:700;display:grid}.cell{aspect-ratio:1;border:0;place-items:center;font-size:clamp(24px,5vw,52px);transition:transform 80ms,box-shadow 80ms,filter 80ms;display:grid;position:relative;overflow:hidden}.cell:hover{z-index:2;transform:scale(1.03);box-shadow:0 8px 20px #00000059}.cell.light.visible{background:#f4f6f8}.cell.dark.visible{background:#aeb6c2}.cell.fog{background:radial-gradient(circle at 30% 30%,#ffffff14,#0000 35%),linear-gradient(135deg,#1f2431,#121722)}.cell.selected{outline-offset:-4px;outline:4px solid #ffde6a}.cell.legal-target:after{content:"";background:#3aff9cb8;border-radius:999px;width:30%;height:30%;position:absolute}.cell.last-move{box-shadow:inset 0 0 0 4px #6d86ff9e}.piece{z-index:1;text-shadow:0 2px 7px #00000047;line-height:1}.white-piece{color:#f8f0df}.black-piece{color:#171923}@media (width<=860px){.hero,.layout{grid-template-columns:1fr}.panel{position:static}.toolbar{flex-wrap:wrap}.toolbar button{flex:180px}.board-card{min-height:auto;padding:10px}}.nav-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.nav-row button,.settings-bar select,.time-picker button{color:#f5f7fb;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;padding:10px 12px}.nav-row button{align-items:center;gap:8px;font-weight:700;display:inline-flex}.nav-row button.nav-active,.time-picker button.option-active{background:#6d86ff;border-color:#6d86ff}.settings-bar{flex-wrap:wrap;align-items:end;gap:12px;width:100%;display:flex}.settings-bar label{color:#b8c0d6;gap:6px;min-width:190px;font-size:13px;font-weight:700;display:grid}.settings-bar select{height:44px}.settings-bar option{color:#111827}.time-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.time-picker>span{color:#b8c0d6;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.warning{color:#ffecad;background:#ffde6a24;border-radius:14px;margin-top:14px;padding:12px}.rules-page{background:#ffffff0e;border:1px solid #ffffff17;border-radius:24px;padding:24px;box-shadow:0 22px 70px #00000038}.rules-card{color:#dbe3ff;max-width:920px;margin:0 auto;line-height:1.65}.rules-card h2,.rules-card h3{color:#fff}.rules-card h3{margin-top:24px;margin-bottom:8px}.rules-card ul{margin-top:8px;padding-left:22px}.rules-card li+li{margin-top:6px}.danger-button{color:#ffd2d2;background:#ff5c5c38;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:11px 12px;font-weight:800;display:inline-flex}.move-history{color:#dbe3ff;gap:6px;margin:0;padding-left:20px;font-size:13px;display:grid}.handoff-state{text-align:center;color:#dbe3ff;align-content:center;place-items:center;gap:14px;min-height:560px;display:grid}.handoff-state p{color:#b8c0d6;margin:0}.handoff-turn{font-weight:800;color:#ffecad!important}.handoff-state button{color:#fff;background:#6d86ff;border:0;border-radius:16px;padding:13px 18px;font-weight:800}.cell.check-source{box-shadow:inset 0 0 0 5px #ff5c5cc2,0 0 24px #ff5c5c6b}.auth-card{gap:12px;display:grid}.auth-tabs{flex-wrap:wrap;gap:8px;display:flex}.auth-tabs button,.secondary-button{color:#f5f7fb;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-weight:700;display:inline-flex}.auth-tabs button.nav-active{background:#6d86ff;border-color:#6d86ff}.profile-row{grid-template-columns:48px 1fr;align-items:center;gap:12px;display:grid}.profile-row>div:last-child{gap:3px;min-width:0;display:grid}.profile-row span{color:#b8c0d6;overflow-wrap:anywhere;font-size:13px}.avatar-preview{color:#fff;background:#6d86ff;border-radius:999px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%}.verified,.not-verified{align-items:center;gap:5px;display:inline-flex}.verified{color:#baffd7!important}.not-verified{color:#ffecad!important}.auth-extra{border-top:1px solid #ffffff1a;padding-top:12px}.online-connect{background:#0000002e;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.online-connect input,.online-connect select{color:#f5f7fb;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;min-height:42px;padding:10px 12px}.online-connect input{flex:280px}.online-connect select option{color:#111827}.social-badges{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.social-badges span{color:#dbe2ff;background:#6d86ff29;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;display:inline-flex}.social-actions select{color:#f5f7fb;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;min-height:42px;padding:10px 12px}.social-actions select option{color:#111827}.social-list{gap:8px;margin-top:14px;display:grid}.social-list h3{color:#dbe2ff;margin:0;font-size:14px}.social-item{background:#ffffff0e;border-radius:12px;gap:8px;padding:10px;display:grid}.social-item>span{color:#e7ebff;overflow-wrap:anywhere}.social-item>div{flex-wrap:wrap;gap:8px;display:flex}.social-item button{min-height:34px;padding:7px 10px}.brand-row{align-items:center;gap:18px;display:flex}.app-icon{object-fit:cover;object-position:center;border-radius:24px;width:clamp(72px,12vw,112px);height:clamp(72px,12vw,112px);box-shadow:0 18px 44px #2e82ff47}.matchmaking-card button{color:#fff;background:#6d86ff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:11px 12px;font-weight:800;display:inline-flex}.matchmaking-card .secondary-button{background:#ffffff12;border:1px solid #ffffff1f}@media (width<=620px){.brand-row{align-items:flex-start}.app-icon{border-radius:18px;width:64px;height:64px}}.rating-page{background:#ffffff0e;border:1px solid #ffffff17;border-radius:24px;padding:24px;box-shadow:0 22px 70px #00000038}.rating-card{max-width:980px}.rating-tabs{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.rating-tabs button{color:#f5f7fb;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;padding:10px 12px;font-weight:800}.rating-tabs button.nav-active{background:#6d86ff;border-color:#6d86ff}.my-rating-card{background:#0000002e;border-radius:18px;margin:18px 0 24px;padding:16px}.rating-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.rating-metric{background:#6d86ff24;border-radius:16px;gap:4px;padding:14px;display:grid}.rating-metric span,.rating-history-item span{color:#b8c0d6}.rating-metric strong{font-size:30px}.rating-metric small{color:#dbe3ff}.leaderboard-table,.rating-history-list{gap:8px;display:grid}.leaderboard-row{background:#ffffff0e;border-radius:14px;grid-template-columns:48px minmax(140px,1fr) 90px 72px 90px;align-items:center;gap:12px;padding:12px;display:grid}.leaderboard-head{color:#8ba4ff;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.rating-history-item{background:#ffffff0e;border-radius:14px;grid-template-columns:minmax(180px,1fr) 110px 100px;align-items:center;gap:12px;padding:12px;display:grid}@media (width<=680px){.leaderboard-row{grid-template-columns:36px 1fr 70px}.leaderboard-row span:nth-child(4),.leaderboard-row span:nth-child(5){display:none}.rating-history-item{grid-template-columns:1fr}}html[data-theme=shadow]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b101c}html[data-theme=contrast]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#05070c}html[data-theme=contrast] .hero-card,html[data-theme=contrast] .panel,html[data-theme=contrast] .board-card,html[data-theme=contrast] .toolbar,html[data-theme=contrast] .ux-page-card,html[data-theme=contrast] .rating-page,html[data-theme=contrast] .rules-page{background:#060a12eb;border-color:#8facff47}body{background:radial-gradient(circle at 12% 0,#4c75ff29,#0000 34%),radial-gradient(circle at 88% 18%,#5fc3ff1c,#0000 32%),#0b101c}select{font:inherit}.ux-toolbar{gap:14px;display:grid;overflow:hidden}.mode-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:100%;display:grid}.mode-actions button{white-space:normal;min-height:72px}.game-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.game-side-panel{scrollbar-color:#6d86ff73 transparent;max-height:calc(100vh - 40px);overflow:auto}.ux-page{background:#ffffff0e;border:1px solid #ffffff17;border-radius:24px;padding:24px;box-shadow:0 22px 70px #00000038}.ux-page-card{max-width:980px;margin:0 auto}.compact-lead{margin-top:0;margin-bottom:20px}.compact-empty{min-height:260px}.section-header-row{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.game-list{gap:10px;display:grid}.game-list-item{background:#ffffff0e;border:1px solid #ffffff13;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.game-list-item>div:first-child{gap:4px;min-width:0;display:grid}.game-list-item span,.game-list-item small{color:#b8c0d6;overflow-wrap:anywhere}.game-list-item>div:last-child{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.game-list-item button,.section-header-row button{color:#fff;background:#6d86ff;border:0;border-radius:12px;padding:10px 12px;font-weight:800}.cell.fog{background:radial-gradient(circle at 24% 25%,#8facff2e,#0000 17%),radial-gradient(circle at 75% 72%,#ffffff14,#0000 18%),linear-gradient(135deg,#1f2431f5,#0a0e17fa);overflow:hidden}.cell.fog:before{content:"";opacity:.7;filter:blur(10px);background:radial-gradient(at 20%,#b0caff2e,#0000 38%),radial-gradient(at 70% 30%,#b0caff24,#0000 34%);animation:7s ease-in-out infinite alternate fogDrift;position:absolute;inset:-35%;transform:rotate(-12deg)}.cell.fog:after{content:"";border:1px solid #ffffff0a;border-radius:18px;position:absolute;inset:14%}.cell.legal-target:after{content:"";background:#48ffaed1;border-radius:999px;width:26%;height:26%;position:absolute;box-shadow:0 0 18px #48ffae7a}.cell.legal-capture:after{background:0 0;border:4px solid #ff7474db;width:74%;height:74%;box-shadow:0 0 20px #ff74745c}.cell.last-move:before{content:"";border:2px solid #6d86ffb8;border-radius:8px;animation:1.1s ease-out 2 lastMovePulse;position:absolute;inset:4px}.piece{animation:.16s ease-out piecePop}@keyframes piecePop{0%{opacity:.55;transform:translateY(4px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lastMovePulse{0%{opacity:1;transform:scale(.94)}to{opacity:.25;transform:scale(1)}}@keyframes fogDrift{0%{transform:translate(-4%)rotate(-12deg)}to{transform:translate(4%)rotate(8deg)}}@media (width<=980px){.app-shell{width:min(100% - 18px,1180px);padding:18px 0}.hero{gap:14px}.ux-page,.toolbar,.board-card,.panel{border-radius:18px}.game-layout,.layout{grid-template-columns:1fr}.game-side-panel{order:2;max-height:none;position:static}.board-card{order:1}}@media (width<=720px){.top-actions{grid-template-columns:1fr;justify-content:stretch;display:grid}.account-button{justify-content:center;width:100%}.theme-toggle{justify-self:center}.hero{grid-template-columns:1fr}.brand-row{gap:12px}.nav-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-bar{grid-template-columns:1fr;display:grid}.settings-bar label,.settings-bar select,.online-connect input,.online-connect select{width:100%;min-width:0}.online-connect{grid-template-columns:1fr;display:grid}.mode-actions{grid-template-columns:1fr 1fr}.mode-actions button{min-height:58px;padding:10px}.board-wrap{width:100%}.board-label-row,.board-row{grid-template-columns:22px repeat(8,1fr)}.board-label-row span,.rank-label{height:22px;font-size:10px}.cell{font-size:clamp(20px,8vw,38px)}.game-list-item{grid-template-columns:1fr}.game-list-item>div:last-child{justify-content:stretch}.game-list-item button{flex:130px}.section-header-row{display:grid}}.launch-card{background:#ffffff0e;border:1px solid #ffffff17;border-radius:24px;margin-bottom:24px;padding:22px;box-shadow:0 22px 70px #00000038}.launch-header{margin-bottom:18px}.launch-header h2{margin-bottom:8px}.launch-header p:not(.eyebrow){color:#b8c0d6;margin:0;line-height:1.55}.format-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.format-card{color:#f5f7fb;text-align:left;background:radial-gradient(circle at 18% 0,#6d86ff38,#0000 34%),#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-content:start;justify-items:start;gap:10px;min-height:190px;padding:18px;transition:transform .12s,border-color .12s,background .12s;display:grid}.format-card:hover{background:radial-gradient(circle at 18% 0,#6d86ff57,#0000 34%),#ffffff16;border-color:#8facff70;transform:translateY(-2px)}.format-card svg{color:#9cb0ff}.format-card strong{font-size:18px}.format-card span,.format-card small{color:#b8c0d6;line-height:1.45}.format-card small{color:#ffecad;font-weight:800}.settings-step-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.settings-step-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:14px;display:grid}.settings-step-grid label{color:#b8c0d6;gap:6px;font-size:13px;font-weight:800;display:grid}.settings-step-grid select,.settings-step-grid input{color:#f5f7fb;background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;min-height:46px;padding:11px 12px}.settings-step-grid select option{color:#111827}.wide-field{grid-column:1/-1}.settings-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.settings-actions button,.empty-state button,.full-width-button{color:#fff;background:#6d86ff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.settings-actions .secondary-button,.full-width-button.secondary-button{background:#ffffff12;border:1px solid #ffffff1f}.full-width-button{width:100%;margin-top:14px}.turn-clock-pill{align-items:center;gap:6px;color:#baffd7!important;background:#5cffa629!important;display:inline-flex!important}.turn-clock-inline{color:#baffd7;font-weight:900}@media (width<=720px){.launch-card{border-radius:18px;padding:16px}.settings-step-header{display:grid}.format-grid,.settings-step-grid{grid-template-columns:1fr}.format-card{min-height:150px}.settings-actions button{width:100%}}.settings-time-picker{grid-column:span 2;grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch;align-items:end;gap:8px;min-width:0;display:grid}.settings-time-picker>span{grid-column:1/-1}.settings-time-picker button{white-space:nowrap;justify-content:center;align-items:center;width:100%;min-height:46px;padding-inline:10px;display:inline-flex}@media (width<=920px){.settings-time-picker{grid-column:1/-1}}@media (width<=520px){.settings-time-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}.board-card{position:relative}.game-over-overlay{pointer-events:none;z-index:10;place-items:center;display:grid;position:absolute;inset:14px}.game-over-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 0,#6d86ff59,#0000 42%),#0a0e18e0;border:1px solid #ffffff2e;border-radius:26px;max-width:min(460px,100% - 24px);padding:26px;animation:.55s both game-over-pop;box-shadow:0 24px 80px #00000075,inset 0 0 0 1px #ffffff14}.game-over-card svg{color:#ffe9a6;filter:drop-shadow(0 0 18px #ffe07a66);animation:1.8s ease-in-out infinite trophy-glow}.game-over-card h2{margin:8px 0;font-size:clamp(28px,5vw,52px)}.game-over-card p:last-child{color:#d8def4;margin-bottom:0}@keyframes game-over-pop{0%{opacity:0;transform:translateY(22px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes trophy-glow{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-4px)rotate(2deg)}}@media (width<=720px){.settings-time-picker{grid-template-columns:repeat(3,1fr)}.game-over-overlay{inset:8px}.game-over-card{border-radius:20px;padding:18px}.app-header-top{grid-template-columns:1fr;gap:12px;padding:12px;display:grid}.brand-button{justify-content:center}.app-header .top-actions{grid-template-columns:auto 1fr;align-items:center;gap:8px;width:100%;display:grid}.app-header .theme-toggle{justify-self:start}.app-header-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid}.app-header-nav button{background:#ffffff09;border-radius:12px;justify-content:center;min-height:44px}.app-header-nav button.nav-active{box-shadow:none;background:#6d86ff4d}}.game-over-card{pointer-events:auto;position:relative}.game-over-close{color:#f5f7fb;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}.game-over-close:hover{background:#ffffff29}.replay-panel{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:20px;width:fit-content;margin:18px auto 0;padding:12px;box-shadow:0 18px 48px #0003}.replay-panel-buttons-only{max-width:100%}.replay-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.replay-controls button{justify-content:center;min-width:44px}.cell.replay-white-visible:after,.cell.replay-black-visible:after,.cell.replay-both-visible:after{content:"";pointer-events:none;z-index:0;border-radius:10px;position:absolute;inset:5px}.cell.replay-white-visible:after{background:#fff6c64d;box-shadow:inset 0 0 0 2px #ffec9c47}.cell.replay-black-visible:after{background:#5b87ff42;box-shadow:inset 0 0 0 2px #6d9aff47}.cell.replay-both-visible:after{background:linear-gradient(135deg,#fff6c647,#5b87ff42);box-shadow:inset 0 0 0 2px #97f4ca57}.cell.replay-white-visible .piece,.cell.replay-black-visible .piece,.cell.replay-both-visible .piece{z-index:1}.cell.replay-white-visible .piece-with-asset,.cell.replay-black-visible .piece-with-asset,.cell.replay-both-visible .piece-with-asset{width:auto;height:auto;position:absolute;inset:2.5%}.store-page h3,.cosmetic-profile-panel h3{color:#fff;align-items:center;gap:8px;margin:18px 0 10px;display:inline-flex}.cosmetic-profile-panel{border-top:1px solid #ffffff1a;gap:12px;margin-top:18px;padding-top:16px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{color:#b8c0d6;gap:6px;font-size:13px;font-weight:800;display:grid}.store-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:12px;display:grid}.store-card{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:18px;gap:10px;padding:14px;display:grid}.store-card-title{justify-content:space-between;align-items:start;gap:10px;display:flex}.store-card-title span{color:#dfe5ff;background:#6d86ff2e;border-radius:999px;flex:none;padding:4px 8px;font-size:12px;font-weight:900}.store-card p,.store-card small{color:#b8c0d6;margin:0;line-height:1.45}.store-card button{justify-self:start}.piece-preview-row{flex-wrap:wrap;gap:8px;font-size:28px;display:flex}.piece-preview-row span{background:#0000002e;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.piece-preview-row-sides span{width:56px;height:42px}.piece-preview-duo{grid-template-columns:1fr 1fr;gap:2px;padding:3px}.piece-preview-duo img{min-width:0}.cosmetic-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0;display:grid}.cosmetic-preview-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;align-content:start;gap:10px;padding:12px;display:grid}.cosmetic-preview-card small{color:#b8c0d6}.board-preview{border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:repeat(2,1fr);width:96px;height:96px;display:grid;overflow:hidden}.board-preview span:first-child,.board-preview span:nth-child(4){background:#f4f6f8}.board-preview span:nth-child(2),.board-preview span:nth-child(3){background:#aeb6c2}.board-preview.board-theme-jungle span:first-child,.board-preview.board-theme-jungle span:nth-child(4),.board-theme-jungle .cell.light.visible{background:radial-gradient(circle at 30% 25%,#fff3,#0000 22%),linear-gradient(135deg,#e8cf95,#caa66a)}.board-preview.board-theme-jungle span:nth-child(2),.board-preview.board-theme-jungle span:nth-child(3),.board-theme-jungle .cell.dark.visible{background:radial-gradient(circle at 60% 40%,#78be6938,#0000 28%),linear-gradient(135deg,#31543b,#182f29)}.piece-set-animals,.piece-set-animals2,.piece-set-dinosaurs,.piece-set-medieval{place-items:center;width:95%;max-width:95%;height:95%;max-height:95%;font-size:clamp(20px,4.6vw,44px);display:grid}@media (width<=720px){.two-columns,.cosmetic-preview-grid{grid-template-columns:1fr}}.piece-with-asset{box-sizing:border-box;background:radial-gradient(circle at 45% 30%,#ffffff5c,#0a0e182e 58%,#00000047);border:1px solid #ffffff2e;justify-content:center;align-items:center;width:auto;min-width:0;height:auto;min-height:0;display:flex;position:absolute;inset:2.5%;overflow:hidden}.piece-asset{object-fit:contain;object-position:center;filter:drop-shadow(0 5px 6px #00000059);pointer-events:none;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.piece-set-animals.piece-with-asset,.piece-set-animals2.piece-with-asset,.piece-set-dinosaurs.piece-with-asset,.piece-set-medieval.piece-with-asset{background:0 0;border:0;padding:0;font-size:0;overflow:hidden}.piece-set-animals.white-piece .piece-asset,.piece-set-animals2.white-piece .piece-asset,.piece-set-dinosaurs.white-piece .piece-asset,.piece-set-medieval.white-piece .piece-asset{filter:drop-shadow(0 5px 6px #0000004d)saturate(1.08)brightness(1.04)}.piece-set-animals.black-piece .piece-asset,.piece-set-animals2.black-piece .piece-asset,.piece-set-dinosaurs.black-piece .piece-asset,.piece-set-medieval.black-piece .piece-asset{filter:drop-shadow(0 5px 6px #00000073)saturate(.92)brightness(.86)contrast(1.12)}.piece-set-animals2.black-piece .piece-asset,.piece-set-dinosaurs.black-piece .piece-asset,.piece-set-medieval.black-piece .piece-asset{filter:drop-shadow(0 5px 6px #00000073)saturate(.98)brightness(1.02)contrast(1.06)}.piece-preview-row img{object-fit:contain;filter:drop-shadow(0 4px 5px #00000059);width:92%;height:92%;display:block}.piece-preview-row .piece-preview-variants{background:0 0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:1px;width:100%;height:100%;display:grid}.piece-preview-row .piece-preview-variants img{object-fit:contain;width:100%;min-width:0;height:100%}.piece-preview-duo .piece-preview-variants{min-width:0;min-height:0;padding:0}.piece-with-asset.piece-type-pawn .piece-asset{width:60%;height:60%}