:root{--topbar-h:56px;--play-gap:clamp(9px, 1vw, 14px);--font-ui:"Avenir Next", "Segoe UI", ui-rounded, system-ui, sans-serif;--font-display:"Trebuchet MS", "Avenir Next", "Segoe UI", ui-rounded, system-ui, sans-serif;--cream:#fff8eb;--cream-soft:#faf1e0;--cream-panel:#fdfaf3;--cream-panel-strong:#fffcf6;--line:#dbc3a6b8;--line-soft:#e4d5c3a8;--board-grid-line:#cfbea8b8;--ink:#331a0d;--ink-muted:#624a3c;--coral:#ef614b;--coral-deep:#a52110;--coral-soft:#ffe2dc;--sky:#2c90e8;--sky-deep:#00529c;--sky-soft:#d5ebff;--gold:#e4ad3c;--leaf:#58a760;--panel-shadow:none;--cell-size:clamp(34px, min(3vw, calc((100svh - var(--topbar-h) - 230px) / 11)), 52px);--coord-size:clamp(21px, 2.9svh, 28px);--board-pad:clamp(9px, 1.55svh, 12px);--wall-thickness:clamp(4px, .42vw, 6px);--playable-size:calc(var(--cell-size) * 11);--board-width:calc(var(--coord-size) + var(--playable-size) + (var(--board-pad) * 2) + 2px);--mini-cell:clamp(7px, 1.25svh, 10px)}@supports (color:lab(0% 0 0)){:root{--cream:lab(97.7375% .876248 6.85518);--cream-soft:lab(95.434% 1.2143 9.17349);--line:lab(80.294% 5.61249 18.0011/.72);--line-soft:lab(86.0992% 3.31548 11.0851/.66);--board-grid-line:lab(78.0105% 3.27033 13.6501/.72);--ink:lab(12.7278% 11.3654 13.5616);--ink-muted:lab(33.6999% 8.93918 12.7007);--coral:lab(60.0687% 54.9693 41.6097);--coral-deep:lab(36.8977% 52.6178 44.7619);--coral-soft:lab(92.6094% 15.2097 10.5425);--sky:lab(57.4569% -4.80682 -53.7667);--sky-deep:lab(33.7341% 4.97918 -54.1913);--sky-soft:lab(91.8181% -4.32515 -15.476);--gold:lab(74.5854% 12.7379 62.8735);--leaf:lab(62.1659% -36.9951 29.0109)}}*{box-sizing:border-box;scrollbar-color:oklch(73% .13 42/.72) oklch(97% .018 82/.5);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#fbf4e87a;background:lab(96.5774% .877291 6.85587/.48);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(#f5a06f,#e57157);background:linear-gradient(lab(73.8246% 28.9821 38.8684),lab(61.5969% 44.5025 36.4426));border:2px solid #fbf4e8a3;border:2px solid lab(96.5774% .877291 6.85587/.64);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #ed845b, var(--coral-deep))}@supports (color:lab(0% 0 0)){::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, lab(66.5153% 38.3268 40.6218), var(--coral-deep))}}html,body{height:100%;min-height:100%;margin:0;overflow:hidden}body{color:var(--ink);background-color:var(--cream);background-image:linear-gradient(180deg, var(--cream), var(--cream-soft));font-family:var(--font-ui);letter-spacing:0;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}:root[data-theme=dark] body{background-color:#080d17;background-color:lab(3.62838% -.144415 -5.90517);background-image:linear-gradient(#080d17,#131b27);background-image:linear-gradient(lab(3.62838% -.144415 -5.90517),lab(9.40665% -.913069 -9.26692))}button{color:inherit;font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #e48e00c2;outline:3px solid lab(67.083% 28.0764 73.6299/.76)}.noku-shell{height:100vh;min-height:100vh;color:var(--ink);background-color:var(--cream);background-image:var(--room-bg-light);background-position:50%;background-size:cover;position:relative;overflow:visible}:root[data-theme=dark] .noku-shell{--cream:#080d17;--cream-soft:#131b27;--cream-panel:#1f222d;--cream-panel-strong:#181b26;--line:#51657ca3;--line-soft:#3d4c5da3;--board-grid-line:#7367565c;--ink:#ede7de;--ink-muted:#beb6a9;--coral:#fa6b54;--coral-deep:#f47d69;--coral-soft:#582720b8;--sky:#499ae7;--sky-deep:#6aa9ed;--sky-soft:#1a3a59b8;--gold:#deaf56;--leaf:#70b174;--panel-shadow:none;background-color:var(--cream);background-image:var(--room-bg-dark);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .noku-shell{--cream:lab(3.62838% -.144415 -5.90517);--cream-soft:lab(9.40665% -.913069 -9.26692);--line:lab(41.8871% -3.26248 -15.4479/.64);--line-soft:lab(31.4757% -2.57616 -11.9552/.64);--board-grid-line:lab(44.3697% 2.49192 11.5644/.36);--ink:lab(91.9255% .668019 5.32243);--ink-muted:lab(74.5323% 1.24937 7.60745);--coral:lab(63.5571% 54.8676 41.1561);--coral-deep:lab(66.1808% 45.3415 32.9656);--coral-soft:lab(22.7563% 22.8647 16.1013/.72);--sky:lab(61.1413% -6.28623 -47.3149);--sky-deep:lab(67.0488% -5.74726 -41.3356);--sky-soft:lab(23.1849% -3.31046 -22.3594/.72);--gold:lab(74.6138% 10.1837 51.567);--leaf:lab(66.5802% -31.2386 24.1617)}}:root[data-theme=dark] .noku-shell *{scrollbar-color:oklch(64% .13 42/.8) oklch(20% .025 257/.75)}.room-wash{pointer-events:none;background:radial-gradient(circle at 50% 46%,#fffbf261,#0000 42%),linear-gradient(90deg,#ffffff0d,#fff8ea85 28%,#fff8ea7a 72%,#ffffff0d);background:radial-gradient(circle at 50% 46%,lab(98.8975% .875294 6.8545/.38),#0000 42%),linear-gradient(90deg,lab(100.04% .561833 4.55488/.05),lab(97.7432% .985444 7.62526/.52) 28%,lab(97.7432% .985444 7.62526/.48) 72%,lab(100.04% .561833 4.55488/.05));position:fixed;inset:0}:root[data-theme=dark] .noku-shell .room-wash{background:radial-gradient(circle at 50% 45%,#18202b1a,#0000 38%),linear-gradient(90deg,#0000011f,#02060e6b 31%,#02060e66 69%,#0000011f);background:radial-gradient(circle at 50% 45%,lab(11.7373% -.994451 -8.94308/.1),#0000 38%),linear-gradient(90deg,lab(.0503769% .0585765 -.429535/.12),lab(1.51995% -.0919178 -3.47718/.42) 31%,lab(1.51995% -.0919178 -3.47718/.4) 69%,lab(.0503769% .0585765 -.429535/.12))}.topbar{z-index:20;height:var(--topbar-h);min-height:var(--topbar-h);border:1px solid var(--line-soft);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf6;border-top:0;border-radius:0;grid-template-columns:minmax(132px,1fr) auto minmax(132px,1fr);align-items:center;gap:16px;padding:5px 28px;display:grid;position:sticky;top:0}.auth-shell>.topbar,.policy-shell>.topbar,.settings-shell>.topbar{place-self:start stretch;width:100%}:root[data-theme=dark] .topbar{box-shadow:none;background:#191c28;border-color:#2e3f51bd;border-color:lab(25.6513% -2.60183 -13.2754/.74)}.brand{cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;width:136px;height:44px;padding:0;display:inline-flex;overflow:hidden}.brand-logo{object-fit:contain;object-position:left center;width:70%;height:70%}.nav-tabs{justify-content:center;gap:clamp(20px,4.2vw,64px);display:flex}.nav-tab{min-width:94px;min-height:38px;color:var(--ink);cursor:pointer;font-family:var(--font-display);background:0 0;border:0;padding:0 8px;font-size:14px;font-weight:700;position:relative}.nav-tab:after{content:"";background:0 0;border-radius:999px;height:3px;transition:background .18s ease-out,transform .18s ease-out;position:absolute;bottom:0;left:22px;right:22px;transform:scaleX(.72)}.nav-tab:hover:after,.nav-tab[aria-current=page]:after{background:var(--coral);transform:scaleX(1)}.room-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.theme-toggle,.discord-button,.profile-button,.action-button,.primary-cta{cursor:pointer;background:#fffbf4c7;background:lab(98.8795% .56228 4.55513/.78);border:1px solid #e8c2a9d1;border:1px solid lab(81.2426% 11.2773 17.8436/.82);border-radius:8px;min-height:40px;transition:transform .18s ease-out,border-color .18s ease-out,background .18s ease-out,box-shadow .18s ease-out}.theme-toggle:hover,.discord-button:hover,.profile-button:hover,.action-button:hover,.primary-cta:hover{background:#fffffff2;background:lab(100.04% .561833 4.55488/.95);border-color:#e99a84;border-color:lab(71.3983% 28.2054 24.6358);transform:translateY(-1px);box-shadow:0 3px 9px #78472a1a;box-shadow:0 3px 9px lab(35.7461% 19.6042 26.5781/.1)}:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .discord-button,:root[data-theme=dark] .profile-button,:root[data-theme=dark] .action-button,:root[data-theme=dark] .primary-cta{background:#141d2ab8;background:lab(10.5561% -.949942 -9.97092/.72);border-color:#3c526bbd;border-color:lab(33.7278% -3.24737 -17.4186/.74)}:root[data-theme=dark] .theme-toggle:hover,:root[data-theme=dark] .discord-button:hover,:root[data-theme=dark] .profile-button:hover,:root[data-theme=dark] .action-button:hover,:root[data-theme=dark] .primary-cta:hover{background:#1f2939e0;background:lab(16.3427% -1.16543 -11.4167/.88);border-color:#ca7056d1;border-color:lab(57.2881% 34.4417 30.7545/.82);box-shadow:0 3px 10px #00000052;box-shadow:0 3px 10px lab(.00608635% .0100285 -.0629306/.32)}.theme-toggle,.discord-button{width:40px;color:var(--ink);place-items:center;padding:0;display:inline-grid}.discord-button{text-decoration:none;position:relative}.discord-button svg{width:18px;height:18px}.theme-icon{line-height:0;display:none}:root[data-theme=light] .theme-icon-sun,:root[data-theme=dark] .theme-icon-moon{place-items:center;display:grid}.profile-button{background:0 0;border-color:#0000;border-radius:999px 8px 8px 999px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:0 10px 0 7px;font-weight:700;display:inline-flex}:root[data-theme=dark] .profile-button{background:0 0;border-color:#0000}.profile-button:hover{box-shadow:none;background:radial-gradient(circle at 22px,#ffffffd1 0 25px,#0000 26px),linear-gradient(90deg,#fff8eba3,#fff8eb57);background:radial-gradient(circle at 22px,lab(100.085% 1.44088 10.7205/.82) 0 25px,#0000 26px),linear-gradient(90deg,lab(97.7375% .876248 6.85518/.64),lab(97.7375% .876248 6.85518/.34));border-color:#0000}:root[data-theme=dark] .profile-button:hover{box-shadow:none;background:radial-gradient(circle at 22px,#2b394cdb 0 25px,#0000 26px),linear-gradient(90deg,#242e3e9e,#242e3e47);background:radial-gradient(circle at 22px,lab(23.2787% -1.41588 -13.5661/.86) 0 25px,#0000 26px),linear-gradient(90deg,lab(18.6671% -1.24644 -11.4395/.62),lab(18.6671% -1.24644 -11.4395/.28));border-color:#0000}.profile-menu-wrap{position:relative}.profile-menu{z-index:30;border:1px solid var(--line);min-width:132px;box-shadow:var(--panel-shadow);background:#fffcf6;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}:root[data-theme=dark] .profile-menu{background:#191c28}.profile-menu a,.profile-menu-action{width:100%;min-height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:0 9px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.profile-menu-action{text-align:left}.profile-menu a:hover,.profile-menu-action:hover{background:var(--cream-soft)}:root[data-theme=dark] .profile-menu a:hover,:root[data-theme=dark] .profile-menu-action:hover{background:#233242b8;background:lab(19.8555% -2.31211 -12.2036/.72)}.profile-menu-identity{border-bottom:1px solid var(--line-soft);gap:2px;margin-bottom:5px;padding:7px 9px 8px;display:grid}.profile-menu-identity strong{font-size:13px;line-height:1.15}.profile-menu-identity span{max-width:190px;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.notification-wrap{position:relative}.notification-button{width:40px;min-height:40px;color:var(--ink);cursor:pointer;background:#fffbf4c7;background:lab(98.8795% .56228 4.55513/.78);border:1px solid #e8c2a9d1;border:1px solid lab(81.2426% 11.2773 17.8436/.82);border-radius:8px;place-items:center;transition:transform .18s ease-out,border-color .18s ease-out,background .18s ease-out,box-shadow .18s ease-out;display:inline-grid;position:relative}.notification-button:hover{background:#fffffff2;background:lab(100.04% .561833 4.55488/.95);border-color:#e99a84;border-color:lab(71.3983% 28.2054 24.6358);transform:translateY(-1px);box-shadow:0 3px 9px #78472a1a;box-shadow:0 3px 9px lab(35.7461% 19.6042 26.5781/.1)}:root[data-theme=dark] .notification-button{background:#141d2ab8;background:lab(10.5561% -.949942 -9.97092/.72);border-color:#3c526bbd;border-color:lab(33.7278% -3.24737 -17.4186/.74)}.notification-dot{border:2px solid var(--cream-panel);background:var(--coral);border-radius:999px;width:12px;height:12px;position:absolute;top:5px;right:5px;box-shadow:0 1px 4px #86281b47;box-shadow:0 1px 4px lab(31.5061% 39.9479 31.4635/.28)}.notification-menu{z-index:34;border:1px solid var(--line);width:320px;max-height:min(420px,100svh - 84px);box-shadow:var(--panel-shadow);background:#fffcf6;border-radius:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}:root[data-theme=dark] .notification-menu{background:#191c28}.notification-menu header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.notification-menu header span{align-items:center;gap:7px;font-weight:900;display:inline-flex}.notification-menu header small{color:var(--ink-muted);font-size:11px;font-weight:800}.notification-list{gap:4px;max-height:340px;padding:8px;display:grid;overflow:auto}.notification-list article{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;grid-template-columns:minmax(0,1fr) 26px;gap:8px;padding:9px;display:grid}.notification-list article.unread{background:#fff6eb;background:lab(97.6815% 3.25048 9.39362);border-color:#f88c6acc;border-color:lab(69.9121% 39.8029 36.76/.8)}.notification-list article strong{font-size:13px;line-height:1.2;display:block}.notification-list article p{color:var(--ink);margin:4px 0;font-size:12px;font-weight:650;line-height:1.35}.notification-list article time{color:var(--ink-muted);font-size:11px;font-weight:750}.notification-list article button,.notification-empty{place-items:center;display:grid}.notification-list article button{border:1px solid var(--line-soft);width:26px;height:26px;color:var(--ink-muted);cursor:pointer;background:0 0;border-radius:7px}.notification-empty{min-height:120px;color:var(--ink-muted);font-size:13px;font-weight:800}.scene{z-index:1;height:calc(100svh - var(--topbar-h));padding:12px clamp(18px,3vw,46px) 10px;position:relative;overflow:visible}.landing-stage{align-content:center;place-items:center;width:min(1220px,100%);height:100%;margin:0 auto;padding:4px 0 0;display:grid}.landing-hero{grid-template-rows:minmax(0,1fr);align-content:center;justify-items:center;width:100%;height:auto;max-height:100%;display:grid}.landing-live-grid{grid-row:1;grid-template-columns:minmax(340px,560px) minmax(330px,470px);justify-content:center;align-items:end;gap:clamp(20px,3.2vw,46px);width:100%;min-height:0;display:grid}.landing-menu-column,.landing-copy{justify-items:center;min-width:0;display:grid}.landing-menu-column{gap:13px}.landing-copy{text-align:center;gap:9px}.landing-logo{object-fit:contain;filter:drop-shadow(0 3px 5px #6235131f);filter:drop-shadow(0 3px 5px lab(27.6597% 18.7844 29.7188/.12));width:246px;max-width:min(78vw,246px);height:auto}.landing-tagline{color:#2c1811;text-shadow:0 2px 5px #532d1047;text-shadow:0 2px 5px lab(23.0753% 16.3869 25.7974/.28);text-wrap:balance;max-width:35ch;margin:0;font-size:19px;font-weight:780;line-height:1.22}:root[data-theme=dark] .noku-shell .landing-tagline{color:#fff6e5;text-shadow:0 2px 4px #0000006b;text-shadow:0 2px 4px lab(.00608635% .0100285 -.0629306/.42)}.landing-status-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px;display:flex}.landing-status-pill{border:1px solid var(--line);min-height:31px;color:var(--ink-muted);background:#fffcf6;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:850;line-height:1;display:inline-flex;box-shadow:0 5px 12px #5f402514;box-shadow:0 5px 12px lab(30.1909% 11.9462 22.1509/.08)}.landing-status-pill.live{color:#045e17;color:lab(34.2428% -36.6503 31.9143)}.landing-status-pill.online{color:#544036}.landing-status-pill svg{flex:none}.landing-fun-fact{border:1px solid color-mix(in oklch, var(--gold), var(--line) 54%);color:#544036;background:color-mix(in oklch, #fffcf6, var(--gold) 9%);text-wrap:balance;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:min(620px,92vw);min-height:34px;margin:1px 0 0;padding:7px 12px;font-size:12px;font-weight:820;line-height:1.25;display:inline-flex;box-shadow:0 5px 12px #5f402514;box-shadow:0 5px 12px lab(30.1909% 11.9462 22.1509/.08)}.landing-fun-fact svg{color:#bf7c00;color:lab(57.9591% 22.9004 76.2267);flex:none}:root[data-theme=dark] .noku-shell .landing-status-pill{border-color:var(--line-soft);color:var(--ink-muted);box-shadow:none;background:#191c28}:root[data-theme=dark] .noku-shell .landing-status-pill.live{color:var(--leaf)}:root[data-theme=dark] .noku-shell .landing-fun-fact{border-color:color-mix(in oklch, var(--gold), var(--line) 70%);color:var(--ink);box-shadow:none;background:#1f1f27}.landing-play-row{grid-template-columns:minmax(0,560px);justify-content:center;align-items:center;gap:0;width:100%;display:grid}.landing-action-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:12px;width:100%;display:grid}.landing-secondary-stack{gap:10px;min-width:0;display:grid}.landing-mode{--mode-color:var(--coral);--mode-color-deep:var(--coral-deep);--mode-bg:#fff8e8;border:1px solid color-mix(in oklch, var(--mode-color), var(--line) 34%);min-height:72px;color:var(--ink);background:var(--mode-bg);box-shadow:none;cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:11px 12px;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out;display:grid}.landing-mode.featured{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;min-height:210px;padding:18px 18px 16px}.landing-mode:hover{border-color:var(--mode-color);box-shadow:none;transform:translateY(-1px)}.landing-mode:active{transform:translateY(0)}.landing-mode.casual{--mode-color:var(--gold);--mode-color-deep:#955f00;--mode-bg:#fff9e8}@supports (color:lab(0% 0 0)){.landing-mode.casual{--mode-color-deep:lab(45.1951% 21.4657 81.284)}}.landing-mode.ranked{--mode-color:var(--coral);--mode-color-deep:var(--coral-deep);--mode-bg:#fff3ed}.landing-mode.computer{--mode-color:var(--sky);--mode-color-deep:var(--sky-deep);--mode-bg:#eff8ff}.landing-mode.friend{--mode-color:var(--leaf);--mode-color-deep:#136022;--mode-bg:#f1f9eb}@supports (color:lab(0% 0 0)){.landing-mode.friend{--mode-color-deep:lab(35.3166% -34.3458 27.9349)}}:root[data-theme=dark] .noku-shell .landing-mode{--mode-bg:#20232f;border-color:color-mix(in oklch, var(--mode-color), var(--line) 72%);background:var(--mode-bg);color:var(--ink);box-shadow:none}:root[data-theme=dark] .noku-shell .landing-mode.casual{--mode-bg:#2b261b;--mode-color-deep:#e8bd6d}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .noku-shell .landing-mode.casual{--mode-color-deep:lab(79.2739% 8.80048 46.0269)}}:root[data-theme=dark] .noku-shell .landing-mode.ranked{--mode-bg:#2d201f;--mode-color:var(--coral);--mode-color-deep:var(--coral);border-color:color-mix(in oklch, var(--coral), var(--line) 68%)}:root[data-theme=dark] .noku-shell .landing-mode.computer{--mode-bg:#1b2532;--mode-color-deep:var(--sky)}:root[data-theme=dark] .noku-shell .landing-mode.friend{--mode-bg:#1d2a22;--mode-color-deep:var(--leaf)}.landing-mode-icon{color:#fffcf6;background:var(--mode-color);border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.landing-mode.featured .landing-mode-icon{width:56px;height:56px;margin-bottom:6px}:root[data-theme=dark] .noku-shell .landing-mode-icon{color:var(--mode-color-deep);background:#1b2737;background:lab(15.1601% -1.09437 -12.44)}:root[data-theme=dark] .noku-shell .landing-mode.casual .landing-mode-icon{color:var(--gold);background:#2d1f03;background:lab(13.0278% 4.5066 18.2352)}:root[data-theme=dark] .noku-shell .landing-mode.ranked .landing-mode-icon{color:var(--coral);background:#381611;background:lab(12.5063% 16.6599 11.7359)}:root[data-theme=dark] .noku-shell .landing-mode.computer .landing-mode-icon{color:var(--sky);background:#0c2339;background:lab(12.786% -2.3526 -17.5767)}:root[data-theme=dark] .noku-shell .landing-mode.friend .landing-mode-icon{color:var(--leaf);background:#112813;background:lab(13.5941% -13.6559 10.663)}.landing-mode-copy{gap:4px;min-width:0;display:grid}.landing-mode-copy strong{font-family:var(--font-display);font-size:17px;font-weight:900;line-height:1.05}.landing-mode.featured .landing-mode-copy strong{font-size:24px}.landing-mode-copy span{color:var(--ink-muted);align-items:center;gap:4px;font-size:13px;font-weight:750;line-height:1.35;display:inline-flex}.landing-mode.featured .landing-mode-copy span{justify-content:center;max-width:21ch}.landing-mode-copy svg{color:var(--mode-color-deep);flex:none}.landing-mode-arrow{color:var(--mode-color-deep)}.landing-mode-cta{color:#fffcf6;background:var(--mode-color);border-radius:999px;justify-content:center;align-items:center;gap:12px;width:min(190px,100%);min-height:42px;margin-top:14px;font-size:14px;font-weight:950;line-height:1;display:inline-flex}:root[data-theme=dark] .noku-shell .landing-mode-cta{color:#1c1812;background:var(--gold)}.landing-replay-showcase{--coord-size:0px;--board-pad:0px;--cell-size:clamp(30px, min(3.78vw, calc((100svh - var(--topbar-h) - 140px) / 11)), 43px);--wall-thickness:clamp(3px, .34vw, 5px);--playable-size:calc(var(--cell-size) * 11);--board-width:calc(var(--playable-size) + (var(--board-pad) * 2));--landing-board-frame:calc(var(--board-width) + 2px);width:var(--landing-board-frame);place-self:end center;place-items:center;min-width:0;display:grid}.landing-replay-showcase .board-shell{width:var(--landing-board-frame);height:var(--landing-board-frame);padding:var(--board-pad);background:#fffcf6;border-radius:8px;place-items:center;display:grid;overflow:hidden}.landing-replay-showcase .quoridor-board{border-radius:8px;overflow:hidden}.landing-replay-showcase .quoridor-cell.valid-move:before{display:none}.landing-replay-showcase .pawn-token.active{box-shadow:0 0 0 1px #fffcf6fa, 0 0 0 3px var(--pawn-ring), 0 2px 6px #2d120433}@supports (color:lab(0% 0 0)){.landing-replay-showcase .pawn-token.active{box-shadow:0 0 0 1px #fffcf6fa, 0 0 0 3px var(--pawn-ring), 0 2px 6px lab(9.19828% 12.9334 12.3223/.2)}}:root[data-theme=dark] .noku-shell .landing-replay-showcase .board-shell{background:#1a1d2b}:root[data-theme=dark] .noku-shell .landing-replay-showcase .pawn-token.active{box-shadow:0 0 0 1px #1a1d2bfa, 0 0 0 3px var(--pawn-ring), 0 2px 6px #00000047}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .noku-shell .landing-replay-showcase .pawn-token.active{box-shadow:0 0 0 1px #1a1d2bfa, 0 0 0 3px var(--pawn-ring), 0 2px 6px lab(.00608635% .0100285 -.0629306/.28)}}.setup-stage{place-items:center;width:min(760px,100%);height:100%;margin:0 auto;display:grid}.setup-panel{border:1px solid var(--line);width:min(650px,100%);box-shadow:var(--panel-shadow);background:#fffcf6;border-radius:8px;gap:clamp(14px,2.2svh,20px);padding:clamp(18px,3svh,26px);display:grid}:root[data-theme=dark] .noku-shell .setup-panel{background:#191c28}.setup-heading{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.setup-heading h1{font-family:var(--font-display);margin:8px 0 6px;font-size:clamp(25px,4svh,34px);line-height:1.06}.setup-heading p{max-width:58ch;color:var(--ink-muted);margin:0;font-size:14px;font-weight:650;line-height:1.45}.setup-back{border:1px solid var(--line-soft);min-width:150px;min-height:42px;color:var(--ink-muted);background:var(--cream-panel);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:850;display:inline-flex}.setup-back:disabled{cursor:default;opacity:.62}.setup-back.loading,.start-match-button.loading{cursor:progress}.button-inline-spinner{border:2px solid color-mix(in oklch, currentColor, transparent 72%);border-top-color:currentColor;border-radius:999px;width:15px;height:15px;animation:.7s linear infinite lobby-spin}.setup-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.setup-player{border:1px solid var(--line-soft);background:#fff8ebc2;background:lab(97.7375% .876248 6.85518/.76);border-radius:8px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.setup-player .avatar-large{width:46px;height:46px;position:static}:root[data-theme=dark] .noku-shell .setup-player{background:#151d2ab8;background:lab(10.5627% -.955328 -9.62524/.72)}.setup-player span{color:var(--ink-muted);font-size:12px;font-weight:800;display:block}.setup-player strong{color:var(--ink);font-family:var(--font-display);margin-top:2px;font-size:18px;font-weight:900;display:block}.setup-control{gap:10px;display:grid}.setup-control-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.setup-control-heading h2{font-family:var(--font-display);margin:0;font-size:17px}.setup-control-heading strong{color:var(--coral-deep);font-size:14px;font-weight:900}.setup-control input[type=range]{width:100%;accent-color:var(--coral)}.elo-scale{color:var(--ink-muted);justify-content:space-between;font-size:12px;font-weight:750;display:flex}.color-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.color-choice{border:1px solid var(--line-soft);background:var(--cream-panel);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:30px minmax(0,1fr);justify-content:stretch;align-items:center;gap:10px;min-height:64px;padding:10px;display:grid}.color-choice .color-swatch{border-radius:999px;width:28px;height:28px}.color-choice.blue .color-swatch{background:var(--sky-deep)}.color-choice.red .color-swatch{background:var(--coral)}.color-choice-copy{align-content:center;justify-items:start;gap:3px;min-width:0;display:grid}.color-choice strong{font-size:16px;line-height:1}.color-choice small{color:var(--ink-muted);font-size:12px;font-weight:750}.color-choice.selected{box-shadow:none;border-color:currentColor}.color-choice.blue.selected{color:var(--sky-deep)}.color-choice.red.selected{color:var(--coral-deep)}.setup-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.start-match-button{border:1px solid var(--coral-deep);color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:150px;min-height:42px;padding:0 18px;font-weight:900;display:inline-flex}.start-match-button:disabled{border-color:var(--line-soft);color:var(--ink-muted);background:var(--cream-panel);cursor:default;opacity:.62}.start-match-button.loading:disabled{border-color:var(--coral-deep);color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral);opacity:1}.first-tutorial-backdrop{z-index:90;background:#1005018f;background:lab(1.92847% 2.77391 2.65619/.56);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.first-tutorial-card{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;width:min(430px,100%);padding:18px;display:grid;box-shadow:0 14px 34px #4226162e;box-shadow:0 14px 34px lab(18.5212% 12.1716 16.4077/.18)}:root[data-theme=dark] .first-tutorial-card{border-color:var(--line);background:var(--cream-panel-strong);box-shadow:0 16px 36px #0000006b;box-shadow:0 16px 36px lab(.0231075% .0592023 .0432313/.42)}.first-tutorial-icon{color:#956400;color:lab(46.4785% 18.3367 82.6567);background:#fff4db;background:lab(96.6688% 1.26502 15.5387);border:1px solid #d9b255;border:1px solid lab(74.7188% 7.35056 51.909);border-radius:8px;place-items:center;width:42px;height:42px;display:grid}:root[data-theme=dark] .first-tutorial-icon{color:#eebb58;color:lab(79.2562% 11.1802 56.2651);background:#302107;background:lab(14.159% 5.0541 17.8539);border-color:#b07b009e;border-color:lab(55.853% 15.6735 62.0226/.62)}.first-tutorial-copy{align-content:center;gap:5px;min-width:0;display:grid}.first-tutorial-copy h2{color:var(--ink);margin:0;font-size:23px;line-height:1.05}.first-tutorial-copy p{color:var(--ink-muted);margin:0;font-size:14px;font-weight:750;line-height:1.35}.first-tutorial-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.first-tutorial-button{border:1px solid var(--line);min-width:118px;min-height:38px;color:var(--ink);background:var(--cream);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-weight:900;display:inline-flex}:root[data-theme=dark] .first-tutorial-button{border-color:var(--line);color:var(--ink);background:var(--cream-panel)}.first-tutorial-button:hover{border-color:var(--coral)}.first-tutorial-button.primary{border-color:var(--coral-deep);color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral)}:root[data-theme=dark] .first-tutorial-button.primary{color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral);border-color:#ee6951;border-color:lab(61.3559% 51.4382 39.8994)}.queue-stage{place-items:center;width:min(860px,100%);height:100%;margin:0 auto;display:grid}.queue-panel{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;gap:clamp(14px,2.2svh,22px);width:min(700px,100%);padding:clamp(18px,3svh,28px);display:grid}.match-found-panel{position:relative}:root[data-theme=dark] .noku-shell .queue-panel,:root[data-theme=dark] .noku-shell .active-match-card{background:#191c28}.queue-heading h1,.ranked-info-panel h1,.active-match-card h1{color:var(--ink);font-family:var(--font-display);margin:8px 0 6px;font-size:clamp(28px,4.2svh,38px);line-height:1}.queue-heading p,.ranked-info-panel>p,.active-match-card p{max-width:58ch;color:var(--ink-muted);margin:0;font-size:15px;font-weight:720;line-height:1.4}.section-kicker.red{color:var(--coral-deep)}.section-kicker.gold{color:#a76d00;color:lab(51.0154% 22.0507 88.9231)}.queue-meter{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.queue-meter span{background:var(--line-soft);border-radius:999px;height:8px;animation:1.2s ease-in-out infinite queue-pulse}.queue-meter span:nth-child(2){animation-delay:.15s}.queue-meter span:nth-child(3){animation-delay:.3s}.queue-panel.ranked .queue-meter span,.match-found-panel.ranked .queue-meter span{background:var(--coral)}.queue-panel.casual .queue-meter span{background:var(--gold)}.queue-stat-grid,.ranked-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.queue-stat-grid article,.ranked-info-grid article,.found-opponent-card{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;min-width:0;padding:12px}:root[data-theme=dark] .noku-shell .queue-stat-grid article,:root[data-theme=dark] .noku-shell .ranked-info-grid article,:root[data-theme=dark] .noku-shell .found-opponent-card{background:#151d2ab8;background:lab(10.5627% -.955328 -9.62524/.72)}.queue-stat-grid span,.ranked-info-grid span,.found-opponent-card span,.found-opponent-card small{color:var(--ink-muted);font-size:12px;font-weight:800;line-height:1.35;display:block}.queue-stat-grid strong,.ranked-info-grid strong,.found-opponent-card strong{color:var(--ink);font-family:var(--font-display);margin-top:4px;font-size:18px;font-weight:900;line-height:1.05;display:block}.queue-message{border:1px solid color-mix(in oklch, var(--gold), var(--line) 45%);color:var(--ink);background:#fff0d3;background:lab(95.4809% 2.48736 17.0281);border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:760;line-height:1.35}:root[data-theme=dark] .noku-shell .queue-message{background:#33271052;background:lab(16.5309% 3.28679 16.8083/.32)}.queue-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.queue-actions.single{justify-content:center}.match-found-topline{justify-content:space-between;align-items:start;gap:16px;display:flex}.match-found-countdown{color:var(--ink-muted);justify-items:end;gap:4px;font-size:12px;font-weight:850;display:grid;position:absolute;top:clamp(18px,3svh,28px);right:clamp(18px,3svh,28px)}.match-found-countdown .found-countdown{margin-top:0}.match-found-heading{gap:4px;padding-right:96px;display:grid}.match-found-heading h1{margin-top:0}.found-opponent-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.found-opponent-card .avatar-large{width:58px;height:58px;position:static}.found-opponent-copy{min-width:0}.found-opponent-copy small{font-variant-numeric:tabular-nums;letter-spacing:0}.found-countdown{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:999px;place-items:center;width:54px;height:54px;color:var(--coral-deep)!important;font-size:24px!important;display:grid!important}.match-found-stakes{gap:10px;display:grid}.elo-preview-row{flex-wrap:wrap;justify-content:flex-start;gap:12px;display:flex}.elo-preview-row span,.ranked-elo-pill{border:1px solid var(--line-soft);border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.elo-preview-row .gain,.ranked-elo-pill.gain{color:#1c702b;color:lab(41.2411% -37.183 30.1125);background:#d7f5d8;background:lab(93.6942% -14.1499 10.637)}.elo-preview-row .loss,.ranked-elo-pill.loss{color:var(--coral-deep);background:var(--coral-soft)}.match-found-policy-row{flex-wrap:wrap;gap:8px;display:flex}.match-found-policy{border:1px solid var(--line-soft);min-height:28px;color:var(--ink);background:var(--cream-panel);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.match-found-policy.ranked{border-color:color-mix(in oklch, var(--coral), var(--line) 46%);color:var(--coral-deep);background:var(--coral-soft)}.match-found-policy.casual{border-color:color-mix(in oklch, #a76d00, var(--line) 44%);color:#7c5100;color:lab(38.3596% 15.6278 56.3433);background:#fff0d3;background:lab(95.4809% 2.48736 17.0281)}@supports (color:lab(0% 0 0)){.match-found-policy.casual{border-color:color-mix(in oklch, lab(51.0154% 22.0507 88.9231), var(--line) 44%)}}.match-found-policy.neutral{color:var(--ink-muted);background:var(--cream-panel-strong)}.active-match-backdrop{inset:var(--topbar-h) 0 0;z-index:30;background:#180f0970;background:lab(5.22211% 3.00353 4.35658/.44);place-items:center;padding:18px;display:grid;position:fixed}.active-match-card{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;gap:14px;width:min(520px,100%);padding:24px;display:grid}@keyframes queue-pulse{0%,to{opacity:.38}45%{opacity:1}}@media (max-width:640px){.queue-stage{align-items:center;width:100%;padding:0 10px}.queue-panel{gap:12px;padding:16px}.queue-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.queue-actions .setup-back,.queue-actions .friend-primary-action,.queue-actions .start-match-button{grid-area:auto;width:100%;min-width:0}.match-found-topline{gap:10px;display:grid}.match-found-countdown{justify-items:start;position:static}.match-found-heading{padding-right:0}.found-opponent-card{grid-template-columns:1fr}.ranked-info-panel .queue-actions .start-match-button{grid-column:1/-1}.queue-actions.single{grid-template-columns:1fr}.queue-actions.single .setup-back,.queue-actions.single .friend-primary-action,.queue-actions.single .start-match-button{grid-column:1/-1}.queue-heading h1,.ranked-info-panel h1,.active-match-card h1{font-size:31px}}.friend-stage{place-items:center;width:min(980px,100%);height:100%;margin:0 auto;display:grid}.friend-panel{width:min(920px,100%);max-height:calc(100svh - var(--topbar-h) - 18px);border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;gap:clamp(12px,1.8svh,18px);padding:clamp(18px,2.8svh,28px);display:grid;overflow:hidden}.friend-lobby-panel{width:min(1040px,100%)}:root[data-theme=dark] .noku-shell .friend-panel{background:#191c28}.section-kicker.green{color:#1c702b;color:lab(41.2411% -37.183 30.1125)}.friend-heading h1{color:var(--ink);font-family:var(--font-display);margin:8px 0 6px;font-size:clamp(27px,4svh,38px);line-height:1}.friend-heading p{color:var(--ink-muted);margin:0;font-size:15px;font-weight:700;line-height:1.35}.friend-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;display:grid}.friend-choice-card{border:1px solid var(--line);background:var(--cream-panel);text-align:center;border-radius:8px;grid-template-rows:76px auto minmax(34px,auto) 44px 50px;align-content:center;justify-items:center;gap:9px;min-height:clamp(218px,31svh,260px);padding:clamp(16px,2.4svh,22px);display:grid}.friend-create-notes{grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-height:44px;display:grid}.friend-create-notes span{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink);background:var(--cream-panel-strong);text-align:center;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 11px;font-size:12px;font-weight:850;line-height:1.1;display:flex}.friend-create-notes svg{color:#1c702b;color:lab(41.2411% -37.183 30.1125)}:root[data-theme=dark] .noku-shell .friend-choice-card,:root[data-theme=dark] .noku-shell .friend-next-step,:root[data-theme=dark] .noku-shell .lobby-player-row,:root[data-theme=dark] .noku-shell .lobby-color-card{background:#151d2ab8;background:lab(10.5627% -.955328 -9.62524/.72)}.friend-choice-icon{border:1px solid;border-radius:999px;place-items:center;width:74px;height:74px;display:grid}.friend-choice-icon.green{color:#1c702b;color:lab(41.2411% -37.183 30.1125);background:#d1f2d2;background:lab(92.5978% -15.567 11.7188)}.friend-choice-icon.blue{color:var(--sky-deep);background:var(--sky-soft)}:root[data-theme=dark] .noku-shell .friend-choice-icon.green,:root[data-theme=dark] .noku-shell .friend-choice-icon.blue{background:#1c293c;background:lab(16.2875% -1.07081 -14.1744)}.friend-choice-card h2{color:var(--ink);font-family:var(--font-display);margin:4px 0 0;font-size:24px;line-height:1}.friend-choice-card p,.friend-choice-card label{color:var(--ink-muted);margin:0;font-size:14px;font-weight:750}.friend-choice-card>p{text-wrap:balance;grid-row:3;justify-content:center;align-items:center;min-height:34px;display:flex}.friend-choice-card label{text-align:left;justify-self:stretch}.join-code-field{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;grid-row:4;grid-template-columns:minmax(0,1fr) 42px;width:100%;min-height:44px;display:grid;overflow:hidden}.join-code-field input{min-width:0;height:42px;color:var(--ink);font:inherit;letter-spacing:.06em;background:0 0;border:0;outline:0;padding:0 14px;font-size:17px;font-weight:900}.join-code-field svg{color:var(--ink-muted);place-self:center}.friend-primary-action{color:#fffbf4;color:lab(98.8795% .56228 4.55513);cursor:pointer;border:1px solid;border-radius:8px;grid-row:5;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;margin-top:0;font-size:16px;font-weight:950;display:inline-flex}.friend-primary-action.green{background:#20732e;background:lab(42.4044% -37.1667 30.0152)}.friend-primary-action.blue{background:var(--sky-deep)}.friend-primary-action:disabled{color:var(--ink-muted);background:var(--cream-panel);cursor:default}.friend-next{color:var(--ink);font-family:var(--font-display);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;font-size:18px;font-weight:900;display:grid}.friend-next span{background:var(--line-soft);height:1px}.friend-next-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.friend-next-step{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:60px;padding:10px 12px;display:grid}.friend-next-step>span{color:#388842;color:lab(50.5443% -37.0768 29.4865);place-items:center;display:grid}.friend-next-step:nth-child(2)>span{color:var(--sky-deep)}.friend-next-step:nth-child(3)>span{color:var(--coral-deep)}.friend-next-step h2{color:var(--ink);margin:0 0 3px;font-size:14px;line-height:1}.friend-next-step p{color:var(--ink-muted);margin:0;font-size:12px;font-weight:700;line-height:1.35}.friend-footer-row,.lobby-actions{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:14px;padding-top:8px;display:flex}.friend-footer-row>span{min-width:0;color:var(--ink-muted);font-size:13px;font-weight:750}.friend-error{color:var(--coral-deep);text-align:center;margin:0;font-size:13px;font-weight:850}.lobby-topline{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.lobby-status{min-height:40px;color:var(--leaf);border:1px solid;border-radius:8px;align-items:center;gap:7px;padding:0 14px;font-weight:900;display:inline-flex}.lobby-status.waiting{color:#a16b00;color:lab(49.8956% 20.2189 77.4201)}.lobby-code-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;display:grid}.lobby-code-row>div{gap:6px;display:grid}.lobby-code-row span{color:var(--ink);font-size:14px;font-weight:900}.lobby-code-row strong{border:1px solid var(--line);min-height:54px;color:var(--sky-deep);background:var(--cream-panel);letter-spacing:.28em;border-radius:8px;align-items:center;padding:10px 20px;font-size:clamp(25px,3.6svh,36px);font-weight:950;line-height:1;display:flex}.lobby-tool-button{border:1px solid var(--line);min-width:96px;min-height:54px;color:var(--ink);background:var(--cream-panel);cursor:pointer;border-radius:8px;justify-content:center;align-self:end;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:850;display:inline-flex}.lobby-body{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1.55fr) minmax(260px,.78fr);gap:18px;min-height:0;padding-top:14px;display:grid}.lobby-players,.lobby-colors{align-content:start;gap:10px;min-height:0;display:grid}.lobby-players h2,.lobby-colors h2{color:var(--ink);font-family:var(--font-display);margin:0;font-size:16px;line-height:1}.lobby-player-list{gap:10px;display:grid}.lobby-player-row{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;grid-template-columns:10px 58px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:86px;padding:12px;display:grid;position:relative}.lobby-player-row .avatar-large{width:58px;height:58px;position:static}.lobby-player-dot{background:var(--line);border-radius:999px;width:9px;height:9px}.lobby-player-dot.blue{background:var(--sky-deep)}.lobby-player-dot.red{background:var(--coral)}.lobby-player-copy{gap:4px;min-width:0;display:grid}.lobby-player-copy>span{align-items:center;gap:7px;min-width:0;display:flex}.lobby-player-copy strong{color:var(--ink);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1;overflow:hidden}.lobby-player-copy em{color:#6a4500;color:lab(32.4903% 18.2849 70.2024);background:#ffecc8;background:lab(94.3406% 3.29426 21.4556);border-radius:7px;flex:none;padding:3px 7px;font-size:11px;font-style:normal;font-weight:900}.lobby-player-copy small{color:var(--ink-muted);font-size:13px;font-weight:750}.lobby-elo{border:1px solid var(--line-soft);border-radius:7px;width:max-content;padding:2px 7px}.lobby-ready{width:34px;height:34px;color:var(--leaf);border-radius:999px;place-items:center;display:grid}.lobby-ready.offline,.lobby-player-row.disconnected{color:var(--ink-muted);opacity:.72}.waiting-spinner{border:4px solid #ff978447;border:4px solid lab(73.3419% 38.9872 27.8049/.28);border-top-color:var(--coral);border-radius:999px;width:26px;height:26px;animation:.9s linear infinite lobby-spin}.surface-loading-indicator{place-items:center;width:44px;height:44px;display:inline-grid}.surface-loading-spinner{border:3px solid #ff978438;border:3px solid lab(73.3419% 38.9872 27.8049/.22);border-top-color:var(--coral);border-radius:999px;width:26px;height:26px;animation:.9s linear infinite lobby-spin}.surface-loading-overlay{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.lobby-colors{border-left:1px solid var(--line-soft);padding-left:18px}.lobby-colors-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.lobby-colors-heading span{color:var(--ink-muted);font-size:12px;font-weight:850}.lobby-color-card{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;padding:8px 9px;display:grid}.lobby-color-card .lobby-color-swatch{border-radius:999px;width:26px;height:26px}.lobby-color-card.blue .lobby-color-swatch{background:var(--sky-deep)}.lobby-color-card.red .lobby-color-swatch{background:var(--coral)}.lobby-color-card strong,.lobby-color-card span,.lobby-color-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.lobby-color-card strong{color:var(--ink);font-size:13px;font-weight:900}.lobby-color-card span{margin-bottom:2px;font-size:11px;font-weight:950}.lobby-color-card.blue span{color:var(--sky-deep)}.lobby-color-card.red span{color:var(--coral-deep)}.lobby-color-card small{border:1px solid var(--line-soft);color:var(--ink-muted);background:var(--cream-panel-strong);border-radius:999px;justify-self:end;padding:3px 7px;font-size:10px;font-weight:900}.swap-colors-button,.socket-state{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;font-size:13px;font-weight:850;display:inline-flex}.swap-colors-button{border:1px solid var(--line-soft);min-width:160px;color:var(--ink);background:var(--cream-panel);cursor:pointer;justify-self:center;padding:0 14px}.swap-colors-button:disabled{color:var(--ink-muted);cursor:default;opacity:.62}.socket-state{color:var(--leaf)}.socket-state.closed,.socket-state.connecting{color:var(--coral-deep)}@keyframes lobby-spin{to{transform:rotate(360deg)}}.game-table{grid-template-columns:minmax(0,1fr);place-items:center;width:100%;height:100%;margin:0 auto;display:grid;position:relative}.replay-table{align-items:center}.board-column{--activity-panel-width:clamp(178px, 13.8vw, 216px);--player-panel-width:clamp(146px, 10vw, 168px);--layout-row-gap:clamp(8px, 1svh, 10px);--layout-column-gap:clamp(14px, 1.7vw, 22px);grid-template-columns:var(--activity-panel-width) var(--player-panel-width) var(--board-width) var(--player-panel-width) var(--activity-panel-width);place-content:start center;align-items:stretch;gap:var(--layout-row-gap) var(--layout-column-gap);grid-template-rows:auto minmax(0,auto);width:100%;max-width:100%;height:auto;min-height:0;max-height:100%;display:grid;position:relative}.replay-turn-banner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions";align-items:center;gap:8px 12px}.replay-turn-banner .turn-heading-stack{grid-area:title;align-self:center;gap:4px}.replay-turn-banner h1{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(18px,2.25svh,21px);font-weight:900;line-height:1;overflow:hidden}.replay-turn-banner .turn-hint{grid-area:auto;margin:0}.replay-summary-pills{grid-area:actions;justify-content:flex-end;align-self:start;padding-top:7px}.replay-meta-pill{border:1px solid var(--line-soft);min-height:28px;color:var(--ink);background:var(--cream-panel);border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.replay-meta-pill.mode-ranked{color:var(--coral-deep)}.replay-meta-pill.mode-casual{color:#805300;color:lab(39.4811% 17.4358 64.8795)}.replay-meta-pill.mode-computer{color:var(--sky-deep)}.play-grid{display:contents}.turn-banner{width:var(--board-width);grid-area:1/3;justify-self:stretch}.play-grid .player-panel.seat-left{grid-area:1/2/3}.play-grid .board-shell{grid-area:2/3;justify-self:center}.play-grid .player-panel.seat-right{grid-area:1/4/3}.activity-rail{grid-template-columns:var(--activity-panel-width) var(--player-panel-width) var(--board-width) var(--player-panel-width) var(--activity-panel-width);place-content:start center;gap:var(--layout-row-gap) var(--layout-column-gap);pointer-events:none;grid-template-rows:auto minmax(0,auto);display:grid;position:absolute;inset:0}.moves-panel{height:clamp(300px, calc(var(--playable-size) * .72), 368px);grid-area:1/1/3;align-self:start}.chat-panel{height:clamp(300px, calc(var(--playable-size) * .72), 368px);grid-area:1/5/3;align-self:start}.activity-rail .activity-panel{pointer-events:auto}.player-panel,.turn-banner,.board-shell,.activity-panel,.content-panel{border:1px solid var(--line);background:var(--cream-panel);box-shadow:var(--panel-shadow);border-radius:8px}:root[data-theme=dark] .noku-shell .player-panel,:root[data-theme=dark] .noku-shell .turn-banner,:root[data-theme=dark] .noku-shell .board-shell,:root[data-theme=dark] .noku-shell .activity-panel,:root[data-theme=dark] .noku-shell .content-panel{border-color:var(--line);background:var(--cream-panel)}.player-panel{grid-template-rows:auto auto auto auto minmax(0,1fr);width:100%;height:100%;min-height:0;padding:10px;display:grid;position:relative;overflow:visible}.player-panel.red{color:var(--coral)}.player-panel.blue{color:var(--sky-deep)}.player-panel.active-turn{border-color:currentColor}.player-corner-dot{background:currentColor;border-radius:999px;width:8px;height:8px;position:absolute;top:9px;right:9px}.player-banner{color:#fffbf4;color:lab(98.8795% .56228 4.55513);border-radius:7px 7px 0 0;align-items:center;gap:10px;min-height:clamp(50px,7svh,58px);padding:8px 12px 8px 66px;display:flex;position:relative}.player-panel.red .player-banner{background:#912420}.player-panel.blue .player-banner{background:#004384}.player-banner h2{font-family:var(--font-display);-webkit-text-stroke:.25px currentColor;margin:0;font-size:22px;font-weight:900;line-height:1}.player-card-top{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.player-identity{gap:3px;min-width:0;display:grid}.player-name-row{align-items:center;gap:6px;min-width:0;display:flex}.player-name-row h2{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:950;line-height:1;overflow:hidden}.player-clock{color:var(--coral);font-size:20px;line-height:1}.player-panel.blue .player-clock{color:var(--sky-deep)}.player-info-pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0 9px;display:grid}.player-info-pills>span{border:1px solid var(--line-soft);min-width:0;min-height:25px;color:var(--ink);background:var(--cream-panel-strong);white-space:nowrap;border-radius:7px;justify-content:flex-start;align-items:center;gap:5px;padding:0 6px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.side-color-dot{background:currentColor;border-radius:999px;flex:none;width:9px;height:9px}.side-color-dot.red{color:var(--coral)}.side-color-dot.blue{color:var(--sky-deep)}.player-info-pills>span.wide{grid-column:1/-1;justify-content:flex-start}.mini-country-flag{flex:none;place-items:center;width:15px;height:15px;display:inline-grid}.mini-country-flag .twemoji-flag{width:15px;height:15px}.mini-country-flag .twemoji-flag.unknown-flag{width:auto;height:auto;color:var(--ink-muted);background:0 0;border:0;border-radius:0;padding:0;font-size:12px;line-height:1}.avatar{color:#462312;color:lab(18.3967% 15.9086 18.6457);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid;overflow:hidden;box-shadow:0 2px 8px #5c2b1333;box-shadow:0 2px 8px lab(24.0454% 21.4719 25.8351/.2)}:root[data-theme=dark] .noku-shell .avatar{color:#e1d6c6;color:lab(86.1213% 2.15864 9.38915);background:0 0}.avatar-large{width:clamp(38px,5.3svh,44px);height:clamp(38px,5.3svh,44px)}.player-banner .avatar-large{position:absolute;bottom:-13px;left:12px}.avatar-small{width:36px;height:36px}.avatar-red{outline:3px solid var(--coral)}.avatar-blue{outline:3px solid var(--sky)}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.player-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:clamp(12px,1.9svh,16px) 12px clamp(7px,1.2svh,11px);display:grid;position:relative}.stat-tile{place-items:center;gap:3px;min-height:clamp(44px,5.9svh,54px);padding:6px 4px;display:grid;position:relative}.stat-tile:nth-child(odd):after{background:var(--line-soft);content:"";width:1px;position:absolute;top:8px;bottom:8px;right:0}.stat-tile:nth-child(-n+2):before{background:var(--line-soft);content:"";height:1px;position:absolute;bottom:0;left:10px;right:10px}.stat-tile span{color:var(--ink-muted);text-transform:uppercase;font-size:11px;font-weight:850}.stat-tile strong{font-size:clamp(15px,2.25svh,19px);line-height:1}.country-flag{place-items:center;display:inline-grid}.twemoji-flag{object-fit:contain;filter:drop-shadow(0 0 1px #3823155c);filter:drop-shadow(0 0 1px lab(16.304% 8.78771 13.7879/.36));width:clamp(22px,3svh,28px);height:clamp(22px,3svh,28px);display:block}.twemoji-flag.unknown-flag{border:1px solid var(--line-soft);width:clamp(25px,3.4svh,31px);height:clamp(25px,3.4svh,31px);color:var(--ink-muted);background:#9dadbbb8;background:lab(69.8465% -3.6439 -9.13285/.72);border-radius:5px;place-items:center;padding:3px;font-size:14px;font-weight:900;line-height:1;display:inline-grid}:root[data-theme=dark] .noku-shell .twemoji-flag.unknown-flag{background:#4a5a6bdb;background:lab(37.2771% -2.72787 -12.3329/.86)}.player-panel.red .stat-tile strong{color:var(--coral-deep)}.player-panel.blue .stat-tile strong{color:var(--sky-deep)}.panel-divider{background:var(--line-soft);height:1px;margin:0 4px clamp(7px,1.25svh,11px)}.tray-heading{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px;padding:0 6px clamp(5px,1svh,9px);display:flex}.tray-heading h3,.tray-heading span{font-family:var(--font-display);margin:0;font-size:13px;font-weight:800}.piece-tray{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:clamp(5px,.9svh,8px);padding:0 10px 10px;display:grid}.wall-piece-button,.mini-piece-button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;min-height:clamp(28px,4.7svh,38px);display:grid}.wall-piece-button{min-height:clamp(34px,5.25svh,42px);color:var(--coral);background:0 0;border:1px solid #0000}.wall-piece-button.blue{color:var(--sky-deep)}.wall-piece-button:hover,.mini-piece-button:hover{background:#feefe0c7;background:lab(95.3673% 3.1116 9.45687/.78)}.wall-piece-button:disabled{cursor:default}.wall-piece-button:disabled:not(.used){opacity:.74}:root[data-theme=dark] .noku-shell .wall-piece-button:hover,:root[data-theme=dark] .noku-shell .mini-piece-button:hover{background:#263444c2;background:lab(21.0176% -2.35267 -12.2149/.76)}:root[data-theme=dark] .noku-shell .wall-piece-button{background:0 0}.wall-piece-button.selected{border-color:var(--coral);background:var(--coral-soft);box-shadow:none}.wall-piece-button.blue.selected{border-color:var(--sky-deep);background:var(--sky-soft)}.wall-piece-button.used{color:#938779;color:lab(57.0939% 2.80121 9.26808);opacity:.48;filter:saturate(.4)}.wall-piece-placeholder{min-height:clamp(34px,5.25svh,42px);display:block}.wall-piece-icon{width:clamp(42px,5.6svh,50px);height:clamp(34px,5svh,44px);overflow:visible}.wall-piece-icon line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:9px;filter:drop-shadow(0 2px #35180e1f);filter:drop-shadow(0 2px lab(12.6233% 14.0036 13.1213/.12))}.mini-piece{gap:1px;display:grid}.mini-cell{width:var(--mini-cell);height:var(--mini-cell)}.mini-cell.filled{border-radius:3px;box-shadow:inset 0 -2px #35180e29,inset 0 1px #ffffff80;box-shadow:inset 0 -2px lab(12.6233% 14.0036 13.1213/.16),inset 0 1px lab(100.029% .579178 3.77209/.5)}.mini-red .filled{background:linear-gradient(180deg, #ff725c, var(--coral))}@supports (color:lab(0% 0 0)){.mini-red .filled{background:linear-gradient(180deg, lab(65.8823% 54.8033 40.8916), var(--coral))}}.mini-blue .filled{background:linear-gradient(180deg, #3b9cf6, var(--sky-deep))}@supports (color:lab(0% 0 0)){.mini-blue .filled{background:linear-gradient(180deg, lab(62.1411% -5.66679 -53.8683), var(--sky-deep))}}.turn-banner{width:var(--board-width);max-width:100%;min-height:0;box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr);gap:7px;padding:0;display:grid}.turn-status-panel,.turn-action-panel{border:1px solid var(--line);background:var(--cream-panel-strong);min-width:0;box-shadow:var(--panel-shadow);border-radius:8px}:root[data-theme=dark] .noku-shell .turn-status-panel,:root[data-theme=dark] .noku-shell .turn-action-panel{border-color:var(--line);background:var(--cream-panel)}.turn-status-panel{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:clamp(58px,7svh,66px);padding:clamp(8px,1svh,10px) 16px;display:grid}.turn-action-panel{justify-content:space-between;align-items:center;gap:14px;min-height:clamp(51px,6.2svh,58px);padding:8px 10px;display:flex}.turn-heading-stack{gap:4px;min-width:0;display:grid}.turn-dot{background:var(--coral);width:11px;height:11px;box-shadow:0 0 0 4px var(--coral-soft);border-radius:999px;flex:none}.turn-dot.blue{background:var(--sky-deep);box-shadow:0 0 0 4px var(--sky-soft)}.turn-heading-stack h1{font-family:var(--font-display);white-space:nowrap;margin:0;font-size:clamp(18px,2.25svh,21px);line-height:1}.turn-hint{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:none;min-height:1.25em;margin:0;font-size:13px;font-weight:700;line-height:1.35;overflow:hidden}.turn-actions{flex:auto;justify-content:flex-start;align-self:center;gap:10px;min-width:0;display:flex}.action-button{min-width:0;min-height:clamp(32px,4.3svh,36px);color:var(--coral-deep);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:800;display:inline-flex}.wall-command span{text-overflow:clip;overflow:visible}.wall-command{flex:1 1 0;min-width:0;max-width:136px}.confirm-wall-action{display:none}.key-hint{color:currentColor;min-width:auto;height:auto;font-family:var(--font-ui);opacity:.72;background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-size:12px;font-weight:900;line-height:1;display:inline-grid}.action-button:disabled{border-color:var(--line-soft);color:#86776b;color:lab(51.2332% 4.33365 8.98206);box-shadow:none;cursor:default;opacity:.58;background:#f2eee6a8;background:lab(94.2394% .564069 4.55636/.66);transform:none}.action-button:disabled .key-hint{opacity:.5}.action-button.held-action:not(:disabled){border-color:var(--coral);background:var(--coral-soft);color:var(--coral-deep);box-shadow:inset 0 0 0 1px #fffbf4b3;box-shadow:inset 0 0 0 1px lab(98.8795% .56228 4.55513/.7)}.action-button.held-action:not(:disabled):hover{background:#ffe8e2;background:lab(93.7011% 17.5843 12.202);transform:translateY(-1px)}.action-button.drop-wall-action{color:#784900;color:lab(35.904% 19.689 64.1016);background:#fff4dfb8;background:lab(96.6217% 1.88205 13.4639/.72);border-color:#d1aa6ec2;border-color:lab(72.2273% 8.91656 36.5377/.76)}.action-button.drop-wall-action:hover{background:#ffecca;background:lab(94.3355% 3.06901 20.2417);border-color:#c38323;border-color:lab(60.351% 19.5185 57.8108)}:root[data-theme=dark] .noku-shell .action-button.drop-wall-action{color:#e3be7b;color:lab(79.2785% 7.15986 38.9321);background:#1e293ac7;background:lab(16.3298% -1.15705 -12.1085/.78);border-color:#7b6544b8;border-color:lab(44.3713% 5.27173 22.0446/.72)}:root[data-theme=dark] .noku-shell .action-button.drop-wall-action:hover{background:#293649e0;background:lab(22.1164% -1.37299 -13.5543/.88);border-color:#b49355d1;border-color:lab(63.0083% 7.15986 37.5761/.82)}:root[data-theme=dark] .noku-shell .action-button:disabled{color:#818d9f;color:lab(58.1467% -1.74505 -10.9283);background:#1c2531bd;background:lab(14.0551% -1.06993 -9.3114/.74);border-color:#394658d1;border-color:lab(29.0997% -1.57219 -12.9208/.82)}.action-button.forfeit{min-width:102px}.turn-forfeit{color:var(--coral-deep);background:#fffbf4bd;background:lab(98.8857% .664294 5.31991/.74);border-color:#ed8d7cc2;border-color:lab(68.7917% 35.9561 25.5981/.76);margin-left:auto}.action-button.armed-danger,.setup-back.armed-danger{border-color:var(--coral-deep);color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral-deep)}.board-shell{width:var(--board-width);max-width:100%;padding:var(--board-pad);background:#fffcf6;overflow:visible}:root[data-theme=dark] .noku-shell .board-shell{background:#1a1d2b}.board-grid{grid-template-columns:var(--coord-size) var(--playable-size);grid-template-rows:var(--coord-size) var(--playable-size);justify-content:center;display:grid;overflow:visible}.coord-track{display:grid}.coord-track.top{grid-area:1/2;grid-template-columns:repeat(11, var(--cell-size))}.coord-track.side{grid-area:2/1;grid-template-rows:repeat(11, var(--cell-size))}.coord{color:var(--ink);place-items:center;font-size:14px;font-weight:700;display:grid}.board-shell-no-coords .board-grid{grid-template-columns:var(--playable-size);grid-template-rows:var(--playable-size)}.board-shell-no-coords .quoridor-board{grid-area:1/1}.quoridor-board{--goal-top-fill:color-mix(in oklch, var(--sky-soft), transparent 20%);--goal-bottom-fill:color-mix(in oklch, var(--coral-soft), transparent 17%);width:var(--playable-size);height:var(--playable-size);box-shadow:none;background:0 0;border:0;border-radius:7px;grid-area:2/2;grid-template-rows:repeat(11,minmax(0,1fr));grid-template-columns:repeat(11,minmax(0,1fr));display:grid;position:relative;overflow:visible}.quoridor-board.goals-flipped{--goal-top-fill:color-mix(in oklch, var(--coral-soft), transparent 17%);--goal-bottom-fill:color-mix(in oklch, var(--sky-soft), transparent 20%)}.quoridor-board:before,.quoridor-board:after{border-radius:inherit;pointer-events:none;content:"";position:absolute;inset:0}.quoridor-board:before{z-index:0;background-color:#fdf8ee61;background-color:lab(97.7256% .66486 5.32031/.38);background-image:linear-gradient(var(--goal-top-fill), var(--goal-top-fill)), linear-gradient(var(--goal-bottom-fill), var(--goal-bottom-fill));background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% calc(var(--cell-size) + 2px), 100% var(--cell-size)}.quoridor-board:after{z-index:2;border:1px solid var(--board-grid-line);background-image:linear-gradient(to right, var(--board-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--board-grid-line) 1px, transparent 1px);background-size:var(--cell-size) var(--cell-size);box-sizing:border-box}.quoridor-board.placing-wall{cursor:crosshair;touch-action:none}.quoridor-board.invalid-wall{cursor:not-allowed}:root[data-theme=dark] .noku-shell .quoridor-board{--goal-top-fill:color-mix(in oklch, var(--sky), transparent 84%);--goal-bottom-fill:color-mix(in oklch, var(--coral), transparent 84%);background:0 0}:root[data-theme=dark] .noku-shell .quoridor-board.goals-flipped{--goal-top-fill:color-mix(in oklch, var(--coral), transparent 84%);--goal-bottom-fill:color-mix(in oklch, var(--sky), transparent 84%)}:root[data-theme=dark] .noku-shell .quoridor-board:before{background-color:#2820173d;background-color:lab(12.9994% 2.45437 7.62166/.24)}.quoridor-cell{z-index:1;width:var(--cell-size);height:var(--cell-size);cursor:default;background:0 0;border:0;padding:0;display:block;position:relative}.quoridor-cell.goal-blue,.quoridor-cell.goal-red{background:0 0}.quoridor-cell.valid-move{cursor:pointer}.quoridor-cell.valid-move:before{z-index:1;background:var(--leaf);content:"";border-radius:999px;position:absolute;inset:34%;box-shadow:0 0 0 3px #d5ffd780,0 2px 5px #1a451f33;box-shadow:0 0 0 3px lab(96.2685% -19.8191 14.9698/.5),0 2px 5px lab(25.5763% -22.811 18.1136/.2)}.quoridor-cell[aria-disabled=true]{color:inherit}:root[data-theme=dark] .noku-shell .quoridor-cell,:root[data-theme=dark] .noku-shell .quoridor-cell.goal-blue,:root[data-theme=dark] .noku-shell .quoridor-cell.goal-red{background:0 0}:root[data-theme=dark] .noku-shell .quoridor-cell.valid-move:before{inset:36%;box-shadow:0 0 0 2px #195c248c,0 1px 4px #00000047;box-shadow:0 0 0 2px lab(34.0454% -31.4405 25.348/.55),0 1px 4px lab(.00608635% .0100285 -.0629306/.28)}.wall-layer,.board-decoration-layer,.pawn-layer{pointer-events:none;position:absolute;inset:0}.wall-layer{z-index:3;overflow:visible}.pawn-layer{z-index:4}.board-decoration-layer{z-index:2}.board-cell-decoration{left:var(--decor-left);top:var(--decor-top);width:calc(var(--cell-size) * .58);height:calc(var(--cell-size) * .58);background:var(--decor-fill,var(--gold));border:1px solid #3d211247;border:1px solid lab(16.1781% 12.6186 15.972/.28);border-radius:999px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 2px #ffffff75,inset 0 -4px #2d12042e,0 2px 5px #2d120429;box-shadow:inset 0 2px lab(100.029% .579178 3.77209/.46),inset 0 -4px lab(9.19828% 12.9334 12.3223/.18),0 2px 5px lab(9.19828% 12.9334 12.3223/.16)}.board-cell-decoration span{display:none}.wall-shape{filter:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wall-shape path{fill:none;stroke-linecap:butt;stroke-linejoin:round}.wall-shape .wall-cap{stroke-linecap:round}.wall-shape .wall-rim{stroke-width:calc(var(--wall-thickness) + 1px)}.wall-shape .wall-clearance{stroke:#f8f1e5;stroke:lab(95.4091% 1.08859 6.82089);stroke-width:calc(var(--wall-thickness) + 2px)}:root[data-theme=dark] .noku-shell .wall-shape .wall-clearance{stroke:#131b26;stroke:lab(9.41931% -.915542 -8.57408)}.wall-shape .wall-core{stroke-width:var(--wall-thickness)}.wall-shape.wall-red .wall-rim,.wall-shape .wall-red .wall-rim{stroke:#c44a37;stroke:lab(48.6444% 48.954 37.444)}.wall-shape.wall-red .wall-core,.wall-shape .wall-red .wall-core{stroke:var(--coral)}.wall-shape.wall-blue .wall-rim,.wall-shape .wall-blue .wall-rim{stroke:#0062ac;stroke:lab(39.9422% -1.35978 -50.1158)}.wall-shape.wall-blue .wall-core,.wall-shape .wall-blue .wall-core{stroke:var(--sky-deep)}.wall-shape.preview{filter:drop-shadow(0 0 8px #e7a13c70);filter:drop-shadow(0 0 8px lab(71.9578% 20.6362 60.5891/.44))}.wall-shape.preview .wall-clearance{opacity:.34;stroke-dasharray:none}.wall-shape.preview .wall-rim,.wall-shape.preview .wall-core{opacity:.58;stroke-dasharray:1 1.65}.wall-shape.preview.valid .wall-clearance{stroke:#bef5c1;stroke:lab(91.8763% -25.4998 19.3841)}.wall-shape.preview.valid .wall-rim,.wall-shape.preview.valid .wall-core{opacity:.78;stroke-dasharray:none}.wall-shape.preview.invalid{filter:drop-shadow(0 0 10px #d33d2994);filter:drop-shadow(0 0 10px lab(49.4923% 58.5366 47.1461/.58))}.wall-shape.preview.invalid .wall-clearance{opacity:.62;stroke:#ffccc0;stroke:lab(87.548% 29.6414 20.7663)}.wall-shape.preview.invalid .wall-rim,.wall-shape.preview.invalid .wall-core{opacity:.88;stroke:#cc2a1b;stroke:lab(45.8683% 62.2002 50.529);stroke-dasharray:1 1.35}.wall-ghost{z-index:80;pointer-events:none;width:74px;height:58px;color:var(--coral);opacity:0;will-change:transform;contain:layout paint style;filter:drop-shadow(0 5px 8px #3c140140);filter:drop-shadow(0 5px 8px lab(12.4887% 19.1673 18.8138/.25));place-items:center;display:grid;position:fixed;top:0;left:0;transform:translate(-120px,-120px)translate(-50%,-50%)}.wall-ghost[data-ready=true]{opacity:1}.wall-ghost.blue{color:var(--sky-deep)}.wall-ghost .wall-piece-icon{width:68px;height:54px}.pawn-token{--pawn-ring:var(--ink);left:var(--pawn-left);top:var(--pawn-top);color:#0000;width:clamp(18px,2.8svh,25px);height:clamp(18px,2.8svh,25px);box-shadow:none;border:0;border-radius:999px;position:absolute;transform:translate(-50%,-50%)}.pawn-red{--pawn-ring:color-mix(in oklch, var(--coral), var(--ink) 18%);background:var(--coral)}.pawn-blue{--pawn-ring:color-mix(in oklch, var(--sky-deep), var(--ink) 16%);background:var(--sky-deep)}.pawn-token.active{z-index:2;box-shadow:0 0 0 1.5px #fffcf6f5, 0 0 0 3px var(--pawn-ring), 0 2px 6px #572e172e}@supports (color:lab(0% 0 0)){.pawn-token.active{box-shadow:0 0 0 1.5px #fffcf6f5, 0 0 0 3px var(--pawn-ring), 0 2px 6px lab(24.1651% 17.8651 23.0733/.18)}}:root[data-theme=dark] .noku-shell .pawn-token.active{box-shadow:0 0 0 1.5px #1a1d2bfa, 0 0 0 3px var(--pawn-ring), 0 2px 7px #0000004d}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .noku-shell .pawn-token.active{box-shadow:0 0 0 1.5px #1a1d2bfa, 0 0 0 3px var(--pawn-ring), 0 2px 7px lab(.00608635% .0100285 -.0629306/.3)}}.pawn-token span{display:none}.board-cell{width:var(--cell-size);height:var(--cell-size);background:#fffbf44d;background:lab(98.8795% .56228 4.55513/.3);border-bottom:1px solid #d8c8b3c7;border-bottom:1px solid lab(81.4898% 3.0511 12.8602/.78);border-right:1px solid #d8c8b3c7;border-right:1px solid lab(81.4898% 3.0511 12.8602/.78);display:block;position:relative}:root[data-theme=dark] .noku-shell .board-cell{background:#2820173d;background:lab(12.9994% 2.45437 7.62166/.24);border-color:#60533f6b;border-color:lab(36.2472% 3.09783 13.6916/.42)}.board-row:nth-of-type(2) .board-cell{border-top:1px solid #d8c8b3c7;border-top:1px solid lab(81.4898% 3.0511 12.8602/.78)}.board-cell:nth-child(2){border-left:1px solid #d8c8b3c7;border-left:1px solid lab(81.4898% 3.0511 12.8602/.78)}:root[data-theme=dark] .noku-shell .board-row:nth-of-type(2) .board-cell{border-top-color:#60533f6b;border-top-color:lab(36.2472% 3.09783 13.6916/.42)}:root[data-theme=dark] .noku-shell .board-cell:nth-child(2){border-left-color:#60533f6b;border-left-color:lab(36.2472% 3.09783 13.6916/.42)}.cell-red,.cell-blue{border:1px solid #673b263d;border:1px solid lab(29.9427% 18.3501 21.1916/.24);border-radius:5px;transform:scale(.96);box-shadow:inset 0 2px #ffffff73,inset 0 -3px #35180e24,0 2px 6px #56250d29;box-shadow:inset 0 2px lab(100.029% .579178 3.77209/.45),inset 0 -3px lab(12.6233% 14.0036 13.1213/.14),0 2px 6px lab(21.7173% 21.593 26.2306/.16)}.cell-red{background:linear-gradient(180deg, #ff725c, var(--coral))}@supports (color:lab(0% 0 0)){.cell-red{background:linear-gradient(180deg, lab(65.8823% 54.8033 40.8916), var(--coral))}}.cell-blue{background:linear-gradient(180deg, #3fa0fa, var(--sky-deep))}@supports (color:lab(0% 0 0)){.cell-blue{background:linear-gradient(180deg, lab(63.3112% -5.86495 -53.8932), var(--sky-deep))}}:root[data-theme=dark] .noku-shell .board-cell.cell-red,:root[data-theme=dark] .noku-shell .board-cell.cell-blue{border-color:#01030947;border-color:lab(.875978% -.0309795 -2.24027/.28);box-shadow:inset 0 2px #ffffff47,inset 0 -3px #00000038,0 2px 8px #0000003d;box-shadow:inset 0 2px lab(100.029% .579178 3.77209/.28),inset 0 -3px lab(.00608635% .0100285 -.0629306/.22),0 2px 8px lab(.00608635% .0100285 -.0629306/.24)}:root[data-theme=dark] .noku-shell .board-cell.cell-red{background:linear-gradient(#fe664f,#d0382c);background:linear-gradient(lab(63.4549% 58.0486 44.0424),lab(48.2849% 59.1408 43.8739))}:root[data-theme=dark] .noku-shell .board-cell.cell-blue{background:linear-gradient(#2896f5,#0064c3);background:linear-gradient(lab(59.7035% -4.63289 -57.0753),lab(41.676% 5.91567 -61.3144))}.activity-panel{background:var(--cream-panel-strong);min-height:0;display:grid;overflow:hidden}.moves-panel,.chat-panel{grid-template-rows:auto minmax(0,1fr)}.activity-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:8px 10px 7px;display:flex}.activity-title{min-width:0;color:var(--ink);align-items:center;gap:7px;display:inline-flex}.activity-title svg{color:#c38238;color:lab(60.2422% 21.2655 49.2633);flex:none}.activity-title h2{font-family:var(--font-display);margin:0;font-size:15px;line-height:1}.activity-count,.activity-status{color:var(--ink-muted);flex:none;font-size:12px;font-weight:850}.activity-status{color:var(--leaf)}.activity-status.offline{color:var(--coral-deep)}.move-list{align-content:start;gap:1px;min-height:0;margin:0;padding:7px 9px 9px;list-style:none;display:grid;overflow:auto}.empty-activity{min-height:56px;color:var(--ink-muted);text-align:center;place-items:center;font-size:12px;font-weight:750;line-height:1.3;display:grid}.move-row{border-bottom:1px solid #e4d5c37a;border-bottom:1px solid lab(86.0992% 3.31548 11.0851/.48);grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:27px;padding:3px 0;font-size:12px;font-weight:800;display:grid}.move-row:last-child{border-bottom:0}.move-row.current{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--gold), transparent 56%);background:#fef0d8d6;background:lab(95.4614% 1.88574 13.4669/.84);border-radius:7px}:root[data-theme=dark] .noku-shell .move-row{border-bottom-color:#35475a7a;border-bottom-color:lab(29.1276% -2.77777 -13.9855/.48)}:root[data-theme=dark] .noku-shell .move-row.current{background:#212c3bd1;background:lab(17.505% -1.20741 -11.4283/.82)}.move-turn{width:21px;height:21px;color:var(--ink-muted);background:#faf0e3c7;background:lab(95.3968% 1.77422 7.85831/.78);border-radius:999px;place-items:center;font-size:12px;display:grid}:root[data-theme=dark] .noku-shell .move-turn{background:#1b2533c7;background:lab(14.0307% -1.08159 -10.7001/.78)}.move-player,.move-detail{min-width:0}.move-player{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.move-player.red{color:var(--coral-deep)}.move-player.blue{color:var(--sky-deep)}.move-detail{color:var(--ink);align-items:baseline;gap:5px;display:inline-flex}.move-detail span{color:var(--ink-muted);font-size:12px}.chat-list{flex-direction:column;gap:7px;min-height:0;padding:8px 10px;display:flex;overflow:auto}.chat-unavailable{text-align:center;place-items:center;min-height:0;padding:16px;display:grid}.chat-unavailable p{max-width:24ch;color:var(--ink-muted);margin:0;font-size:13px;font-weight:800;line-height:1.35}.match-end-backdrop{inset:var(--topbar-h) 0 0;z-index:90;background:radial-gradient(circle at 50% 45%,#fffbf26b,#0000 38%),#270e023d;background:radial-gradient(circle at 50% 45%,lab(98.8975% .875294 6.8545/.42),#0000 38%),lab(6.92166% 12.8443 9.99466/.24);place-items:center;padding:18px;animation:.26s ease-out both match-backdrop-in;display:grid;position:fixed}:root[data-theme=dark] .noku-shell .match-end-backdrop{background:radial-gradient(circle at 50% 45%,#274c7457,#0000 38%),#0000028f;background:radial-gradient(circle at 50% 45%,lab(31.2044% -3.03327 -27.4157/.34),#0000 38%),lab(.101305% .078626 -.7061/.56)}.match-end-card{border:1px solid var(--line);background:var(--cream-panel-strong);text-align:center;border-radius:8px;gap:13px;width:min(520px,100%);padding:26px;animation:.36s cubic-bezier(.16,1,.3,1) both match-card-in;display:grid;position:relative;box-shadow:0 18px 42px #3e17003d,0 3px 10px #46231124;box-shadow:0 18px 42px lab(13.6863% 18.4543 20.5987/.24),0 3px 10px lab(18.4272% 15.3129 19.7/.14)}.match-end-card:before{border:2px solid color-mix(in oklch, var(--winner-color,var(--gold)), transparent 32%);border-radius:inherit;pointer-events:none;content:"";position:absolute;inset:-1px}.match-end-card.red{--winner-color:var(--coral)}.match-end-card.blue{--winner-color:var(--sky)}.match-end-emblem{border:1px solid color-mix(in oklch, var(--winner-color,var(--gold)), var(--line) 28%);width:58px;height:58px;color:var(--winner-color,var(--gold));background:color-mix(in oklch, var(--winner-color,var(--gold)), transparent 86%);box-shadow:0 0 0 7px color-mix(in oklch, var(--winner-color,var(--gold)), transparent 90%);border-radius:999px;justify-self:center;place-items:center;animation:.52s cubic-bezier(.16,1,.3,1) .12s both match-emblem-pop;display:grid}.match-end-kicker{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.match-end-card h2{color:var(--ink);font-family:var(--font-display);margin:0;font-size:31px;line-height:1}.match-end-card p{color:var(--ink-muted);margin:0;font-size:14px;font-weight:700;line-height:1.45}.match-end-stats,.match-end-wall-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.match-end-stats article,.wall-use{border:1px solid var(--line-soft);background:var(--cream-panel);text-align:left;border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}.match-end-stats span,.wall-use span{color:var(--ink-muted);text-transform:uppercase;font-size:11px;font-weight:900}.match-end-stats strong,.wall-use strong{color:var(--ink);font-size:19px;line-height:1}.wall-use.red strong{color:var(--coral-deep)}.wall-use.blue strong{color:var(--sky-deep)}.wall-use p{color:var(--ink-muted);overflow-wrap:anywhere;font-size:12px;font-weight:800}.match-end-actions{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-top:2px;display:grid}.match-primary-action,.match-secondary-action{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.match-primary-action{border:1px solid var(--coral-deep);color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral)}.match-primary-action:disabled{border-color:var(--line-soft);color:var(--ink-muted);background:var(--cream-panel);cursor:default}.match-secondary-action{border:1px solid var(--line-soft);color:var(--ink-muted);background:var(--cream-panel)}.match-secondary-action.danger{border-color:color-mix(in oklch, var(--coral), var(--line) 62%);color:var(--coral-deep)}@keyframes match-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes match-card-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes match-emblem-pop{0%{opacity:0;transform:scale(.72)rotate(-8deg)}70%{opacity:1;transform:scale(1.08)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.chat-message{gap:3px;min-width:0;display:grid}.chat-panel{position:relative}.chat-meta{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:850;display:flex}.chat-message.red .chat-meta span{color:var(--coral-deep)}.chat-message.blue .chat-meta span{color:var(--sky-deep)}.chat-meta time{flex:none}.chat-meta-actions{align-items:center;gap:6px;display:inline-flex}.chat-meta-actions button{border:1px solid var(--line-soft);min-height:20px;color:var(--ink-muted);background:var(--cream-panel);cursor:pointer;border-radius:6px;padding:0 6px;font-size:10px;font-weight:850}.chat-meta-actions button:hover{color:var(--coral-deep);border-color:#e99a84cc;border-color:lab(71.3983% 28.2054 24.6358/.8)}.chat-message p{color:var(--ink);margin:0;font-size:12px;font-weight:650;line-height:1.32}.chat-report-notice{color:var(--leaf);margin:0;padding:0 10px 8px;font-size:11px;font-weight:850}.chat-report-popover{z-index:5;position:absolute;inset:auto 10px 54px}.chat-report-card{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;gap:8px;padding:10px;display:grid;box-shadow:0 8px 20px #663c2324;box-shadow:0 8px 20px lab(30.0046% 17.1255 23.182/.14)}.chat-report-heading,.chat-report-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-report-heading strong{font-size:13px}.chat-report-heading button,.chat-report-actions button{border:1px solid var(--line-soft);background:var(--cream-panel);cursor:pointer;border-radius:7px;min-height:28px;font-weight:850}.chat-report-heading button{width:28px}.chat-report-card p{color:var(--ink-muted);margin:0;font-size:11px;font-weight:750;line-height:1.35}.chat-report-card label{color:var(--ink-muted);gap:4px;font-size:11px;font-weight:850;display:grid}.chat-report-card select,.chat-report-card textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--cream-panel);font:inherit;border-radius:7px}.chat-report-card select{min-height:30px}.chat-report-card textarea{resize:vertical;min-height:56px}.chat-composer{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) 32px;gap:6px;padding:8px;display:grid}.chat-composer input{border:1px solid var(--line-soft);width:100%;min-width:0;height:32px;color:var(--ink);font:inherit;background:#fffbf4b8;background:lab(98.8795% .56228 4.55513/.72);border-radius:8px;padding:0 10px;font-size:12px;font-weight:700}.chat-composer input::placeholder{color:var(--ink-muted)}.send-button{min-height:32px;color:var(--coral-deep);cursor:pointer;background:#fffbf4c7;background:lab(98.8795% .56228 4.55513/.78);border:1px solid #e8c2a9d1;border:1px solid lab(81.2426% 11.2773 17.8436/.82);border-radius:8px;place-items:center;padding:0;display:grid}:root[data-theme=dark] .noku-shell .chat-composer input,:root[data-theme=dark] .noku-shell .send-button{background:#141d2ab8;background:lab(10.5561% -.949942 -9.97092/.72);border-color:#3c526bbd;border-color:lab(33.7278% -3.24737 -17.4186/.74)}.replay-control-panel{grid-template-rows:auto minmax(0,1fr)}.replay-control-body{align-content:start;gap:12px;min-height:0;padding:10px;display:grid;overflow:auto}.replay-result-card{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:7px;gap:3px;min-height:72px;padding:10px;display:grid}.replay-result-card span,.replay-result-card small,.replay-scrubber span{color:var(--ink-muted);font-size:11px;font-weight:850;line-height:1.2}.replay-result-card strong{color:var(--ink);font-family:var(--font-display);font-size:18px;font-weight:950;line-height:1.05}.replay-transport{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.replay-transport button,.replay-speed-row button,.replay-stop-button{border:1px solid var(--line-soft);min-width:0;min-height:32px;color:var(--ink);background:var(--cream-panel);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.replay-transport button:disabled{color:var(--ink-muted);cursor:default;opacity:.45}.replay-transport button.primary{border-color:var(--coral);color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral)}.replay-scrubber{gap:8px;display:grid}.replay-scrubber input{width:100%;accent-color:var(--coral)}.replay-speed-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.replay-speed-row button.selected{border-color:var(--sky-deep);color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--sky-deep)}.replay-stop-button{gap:7px;width:100%}.replay-empty-state{z-index:1;border:1px solid var(--line);background:var(--cream-panel-strong);width:min(520px,100% - 36px);box-shadow:var(--panel-shadow);border-radius:8px;align-content:center;justify-items:start;gap:14px;margin:0 auto;padding:28px;display:grid;position:relative}.replay-empty-state h1{color:var(--ink);font-family:var(--font-display);margin:0;font-size:30px;line-height:1}.replay-empty-state p{color:var(--ink-muted);margin:0;font-size:14px;font-weight:750;line-height:1.45}.replay-empty-actions{flex-wrap:wrap;gap:8px;display:flex}.replay-empty-actions a{border:1px solid var(--line-soft);min-height:34px;color:var(--ink);background:var(--cream-panel);border-radius:7px;align-items:center;padding:0 13px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.route-error-card{z-index:1;border:1px solid var(--line);background:var(--cream-panel-strong);width:min(520px,100% - 36px);box-shadow:var(--panel-shadow);border-radius:8px;justify-items:start;gap:12px;margin:0 auto;padding:28px;display:grid;position:relative}.route-error-card h1{color:var(--ink);font-family:var(--font-display);margin:0;font-size:30px;line-height:1}.route-error-card p{color:var(--ink-muted);margin:0;font-size:14px;font-weight:750;line-height:1.45}.route-error-card button{color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral);cursor:pointer;border:1px solid #fd755f7a;border:1px solid lab(65.9829% 51.6382 38.1652/.48);border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:13px;font-weight:900;display:inline-flex}.profile-error-stage{grid-template-columns:minmax(0,1fr);place-items:center;display:grid}.content-stage{grid-template-columns:minmax(560px,760px) minmax(260px,380px);justify-content:center;align-items:center;gap:24px;width:min(1120px,100%);height:100%;margin:0 auto;padding-top:0;display:grid;overflow:hidden}.legal-links{z-index:25;gap:10px;font-size:11px;font-weight:850;display:inline-flex;position:fixed;bottom:10px;right:14px}.legal-links a{color:var(--ink-muted);text-decoration:none}.legal-links a:hover{color:var(--ink)}.auth-shell,.policy-shell{height:100svh;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 50% 42%, #fffbf25c, transparent 40%), var(--auth-bg-light,linear-gradient(180deg, var(--cream), var(--cream-soft)));background-position:50%;background-size:cover;grid-template-rows:auto minmax(0,1fr);place-items:stretch center;padding:0;display:grid;overflow:hidden}@supports (color:lab(0% 0 0)){.auth-shell,.policy-shell{background:radial-gradient(circle at 50% 42%, lab(98.8975% .875294 6.8545/.36), transparent 40%), var(--auth-bg-light,linear-gradient(180deg, var(--cream), var(--cream-soft)))}}:root[data-theme=dark] .auth-shell,:root[data-theme=dark] .policy-shell{--cream-panel:#1f222d;--cream-panel-strong:#181b26;--line:#51657ca3;--line-soft:#3d4c5da3;--ink:#ede7de;--ink-muted:#beb6a9;--coral:#fa6b54;--coral-deep:#f47d69;--panel-shadow:none;background:radial-gradient(circle at 50% 42%, #03071157, transparent 42%), var(--auth-bg-dark,linear-gradient(180deg, var(--cream), var(--cream-soft)));background-position:50%;background-size:cover}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .auth-shell,:root[data-theme=dark] .policy-shell{--line:lab(41.8871% -3.26248 -15.4479/.64);--line-soft:lab(31.4757% -2.57616 -11.9552/.64);--ink:lab(91.9255% .668019 5.32243);--ink-muted:lab(74.5323% 1.24937 7.60745);--coral:lab(63.5571% 54.8676 41.1561);--coral-deep:lab(66.1808% 45.3415 32.9656);background:radial-gradient(circle at 50% 42%, lab(1.92827% -.0918806 -4.68847/.34), transparent 42%), var(--auth-bg-dark,linear-gradient(180deg, var(--cream), var(--cream-soft)))}}.auth-shell:before,.policy-shell:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(90deg,#fff8ea75,#fff8ea3d);background:linear-gradient(90deg,lab(97.7432% .985444 7.62526/.46),lab(97.7432% .985444 7.62526/.24));position:fixed;inset:0}:root[data-theme=dark] .auth-shell:before,:root[data-theme=dark] .policy-shell:before{background:linear-gradient(90deg,#00000280,#0307115c);background:linear-gradient(90deg,lab(.101305% .078626 -.7061/.5),lab(1.92827% -.0918806 -4.68847/.36))}.auth-panel,.policy-panel{z-index:1;border:1px solid var(--line);background:var(--cream-panel-strong);width:min(460px,100% - 48px);box-shadow:var(--panel-shadow);border-radius:8px;align-self:center;gap:18px;margin:24px 0;padding:28px;display:grid;position:relative}.auth-panel-intro{gap:8px;display:grid}.register-panel{width:min(820px,100% - 48px);max-height:calc(100svh - var(--topbar-h) - 28px);grid-template-columns:minmax(190px,.76fr) minmax(360px,1.24fr);align-items:start;gap:16px 24px;margin:14px 0;padding:22px}.register-panel .auth-logo{width:118px}.register-panel h1{margin:5px 0 4px;font-size:29px}.register-panel p{font-size:13px;line-height:1.42}.register-panel .auth-form{grid-area:1/2/3}.register-panel .auth-switch{grid-column:1;align-self:end}.policy-panel{width:min(760px,100% - 48px)}.policy-panel-wide{width:min(1280px,100% - 36px);height:auto;max-height:calc(100svh - var(--topbar-h) - 12px);grid-template-columns:minmax(198px,.21fr) minmax(0,1fr);align-items:stretch;gap:22px;margin:6px 0;padding:18px;overflow:hidden}.policy-rail{border-right:1px solid var(--line);align-content:start;gap:12px;min-width:0;padding:4px 18px 4px 0;display:grid}.policy-kicker{width:fit-content;color:var(--coral-deep);background:#ffece1ad;background:lab(95.166% 9.24805 11.6161/.68);border:1px solid #e7695552;border:1px solid lab(60.2716% 48.6228 36.0004/.32);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;line-height:1}:root[data-theme=dark] .policy-kicker{background:#35140ed1;background:lab(11.3443% 16.6866 11.3073/.82)}.policy-rail h1{margin:0}.policy-rail>p{max-width:29ch;color:var(--ink);font-size:14px;line-height:1.42}.policy-facts{gap:10px;margin:4px 0 0;display:grid}.policy-facts div{gap:3px;display:grid}.policy-facts dt{color:var(--ink-muted);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:900}.policy-facts dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:850;line-height:1.25}.policy-side-link{border:1px solid var(--line);width:fit-content;color:var(--ink);background:var(--cream-panel);border-radius:8px;align-self:end;margin-top:auto;padding:9px 12px;font-size:13px;font-weight:900;text-decoration:none}.policy-side-link:hover{color:var(--coral-deep);border-color:#e769556b;border-color:lab(60.2716% 48.6228 36.0004/.42)}.policy-scroll{min-height:0;max-height:calc(100svh - var(--topbar-h) - 48px);scrollbar-gutter:stable;padding:0;overflow:auto}.policy-scroll[data-policy-fit=fit]{overflow:hidden}.policy-scroll[data-policy-fit=overflow]{overflow:auto}.policy-scroll:focus-visible{outline-offset:3px;outline:2px solid #e76955b8;outline:2px solid lab(60.2716% 48.6228 36.0004/.72)}.policy-copy{--policy-fit-body:12.5px;--policy-fit-column-gap:16px;--policy-fit-columns:2;--policy-fit-heading:16px;--policy-fit-paragraph-gap:4px;--policy-fit-section-gap:10px;column-count:var(--policy-fit-columns);column-fill:balance;column-gap:var(--policy-fit-column-gap);display:block}.policy-copy section{break-inside:auto;margin:0 0 var(--policy-fit-section-gap);min-width:0;display:block}.policy-copy h2{margin:0 0 var(--policy-fit-paragraph-gap);font-size:var(--policy-fit-heading);line-height:1.04}.policy-copy p{font-size:var(--policy-fit-body);line-height:1.32}.policy-copy p+p{margin-top:var(--policy-fit-paragraph-gap)}@media (max-width:920px){.policy-panel-wide{width:min(760px,100% - 32px);max-height:calc(100svh - var(--topbar-h) - 12px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:16px;padding:20px}.policy-scroll{max-height:calc(100svh - var(--topbar-h) - 226px)}.policy-rail{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:0 0 16px}.policy-kicker,.policy-rail h1,.policy-rail>p{grid-column:1}.policy-facts{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.policy-side-link{grid-area:1/2/4;align-self:center;margin-top:0}.policy-copy{column-gap:var(--policy-fit-column-gap)}}@media (max-width:640px){.policy-panel-wide{width:calc(100% - 20px);height:auto;max-height:calc(100svh - var(--topbar-h) - 12px);margin:6px 0;padding:16px}.policy-scroll{max-height:calc(100svh - var(--topbar-h) - 240px)}.policy-rail{flex-wrap:wrap;align-items:flex-start;display:flex}.policy-rail h1{flex-basis:100%;font-size:27px}.policy-rail>p{flex-basis:100%;max-width:none;font-size:13px}.policy-facts{flex:100%;grid-template-columns:1fr}.policy-side-link{margin-left:auto}.policy-copy h2{font-size:15px}}.auth-logo{width:142px;height:auto}.auth-panel h1,.policy-panel h1{font-family:var(--font-display);margin:8px 0 6px;font-size:31px;line-height:1.05}.policy-panel h2{font-family:var(--font-display);margin:8px 0 0;font-size:18px}.auth-panel p,.policy-panel p{color:var(--ink-muted);margin:0;font-size:14px;font-weight:700;line-height:1.5}.auth-form,.auth-form-fields{gap:12px;display:grid}.register-auth-form{gap:10px}.register-auth-form .auth-form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.register-auth-form .auth-message,.register-auth-form .start-match-button,.register-auth-form .auth-captcha-shell{grid-column:1/-1}.auth-form label{color:var(--ink);gap:6px;font-size:13px;font-weight:900;display:grid}.auth-form input{border:1px solid var(--line-soft);width:100%;min-height:38px;color:var(--ink);background:var(--cream-panel);font:inherit;border-radius:8px;padding:0 11px}.auth-captcha-shell{justify-items:center;min-height:78px;display:grid;overflow:hidden}.auth-captcha{min-width:303px;min-height:78px}.oauth-button{border:1px solid var(--line-soft);color:#1e0c04;color:lab(5.10631% 7.28545 6.05436);cursor:pointer;background:#fffcf6;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 14px;font-size:14px;font-weight:900;display:inline-flex}.oauth-button:not(:disabled):hover{background:var(--cream-panel-strong);border-color:#e99a84;border-color:lab(71.3983% 28.2054 24.6358)}.oauth-button:disabled{cursor:default;color:var(--ink-muted);background:var(--cream-panel)}.google-logo{object-fit:contain;width:22px;height:22px}.auth-divider{color:var(--ink-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;font-size:12px;font-weight:900;display:grid}.auth-divider:before,.auth-divider:after{background:var(--line-soft);content:"";height:1px}.auth-message,.auth-config-note{margin:0;font-size:13px;font-weight:800;line-height:1.35}.auth-message.error,.auth-config-note{color:var(--coral-deep)}.auth-message.success{color:#2b7c37;color:lab(45.8935% -37.1236 29.7602)}.auth-signed-in{gap:14px}.auth-user-card{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:11px;min-height:56px;padding:10px 12px;display:grid}.auth-user-card div{gap:2px;min-width:0;display:grid}.auth-user-card strong,.auth-user-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-user-card strong{color:var(--ink);font-size:14px}.auth-user-card span{color:var(--ink-muted);font-size:12px;font-weight:800}.auth-user-icon{color:#fff;background:var(--leaf);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.auth-switch a{color:var(--coral-deep);font-weight:900;text-decoration:none}.auth-legal{color:var(--ink-muted)}.profile-shell{height:100svh;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 50% 42%, #fffbf24d, transparent 40%), var(--profile-bg-light,linear-gradient(180deg, var(--cream), var(--cream-soft)));background-position:50%;background-size:cover;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:visible}@supports (color:lab(0% 0 0)){.profile-shell{background:radial-gradient(circle at 50% 42%, lab(98.8975% .875294 6.8545/.3), transparent 40%), var(--profile-bg-light,linear-gradient(180deg, var(--cream), var(--cream-soft)))}}:root[data-theme=dark] .profile-shell{--cream-panel:#1f222d;--cream-panel-strong:#181b26;--line:#51657ca3;--line-soft:#3d4c5da3;--ink:#ede7de;--ink-muted:#beb6a9;--coral:#fa6b54;--coral-deep:#f47d69;--coral-soft:#582720b8;--sky:#499ae7;--sky-deep:#6aa9ed;--sky-soft:#1a3a59b8;--gold:#deaf56;--leaf:#70b174;background:radial-gradient(circle at 50% 42%, #03071157, transparent 42%), var(--profile-bg-dark,linear-gradient(180deg, var(--cream), var(--cream-soft)));background-position:50%;background-size:cover}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .profile-shell{--line:lab(41.8871% -3.26248 -15.4479/.64);--line-soft:lab(31.4757% -2.57616 -11.9552/.64);--ink:lab(91.9255% .668019 5.32243);--ink-muted:lab(74.5323% 1.24937 7.60745);--coral:lab(63.5571% 54.8676 41.1561);--coral-deep:lab(66.1808% 45.3415 32.9656);--coral-soft:lab(22.7563% 22.8647 16.1013/.72);--sky:lab(61.1413% -6.28623 -47.3149);--sky-deep:lab(67.0488% -5.74726 -41.3356);--sky-soft:lab(23.1849% -3.31046 -22.3594/.72);--gold:lab(74.6138% 10.1837 51.567);--leaf:lab(66.5802% -31.2386 24.1617);background:radial-gradient(circle at 50% 42%, lab(1.92827% -.0918806 -4.68847/.34), transparent 42%), var(--profile-bg-dark,linear-gradient(180deg, var(--cream), var(--cream-soft)))}}.profile-shell:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(90deg,#fff8ea5c,#fff8ea2e);background:linear-gradient(90deg,lab(97.7432% .985444 7.62526/.36),lab(97.7432% .985444 7.62526/.18));position:fixed;inset:0}:root[data-theme=dark] .profile-shell:before{background:linear-gradient(90deg,#0000026b,#0307114d);background:linear-gradient(90deg,lab(.101305% .078626 -.7061/.42),lab(1.92827% -.0918806 -4.68847/.3))}.profile-shell>.topbar{place-self:start stretch;width:100%}.profile-stage{z-index:1;width:min(1280px,100% - 42px);height:min(760px, calc(100svh - var(--topbar-h) - 34px));grid-template-columns:minmax(410px,520px) minmax(560px,700px);align-self:center;gap:18px;min-height:0;margin:0 auto;display:grid;position:relative}.profile-stage-loading{position:relative}.profile-card{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;min-width:0;min-height:0}.profile-identity-card{grid-template-rows:auto auto auto;gap:14px;padding:18px;display:grid}.profile-identity-top{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:18px;min-height:168px;display:grid}.profile-avatar-large{outline:4px solid var(--sky);background:0 0;border:0;border-radius:999px;place-items:center;width:138px;height:138px;padding:0;display:grid;box-shadow:0 3px 10px #572e1724;box-shadow:0 3px 10px lab(24.1651% 17.8651 23.0733/.14)}.profile-avatar-large img{object-fit:cover;border-radius:999px;width:100%;height:100%}.profile-name-block{gap:6px;min-width:0;display:grid}.profile-title-row{align-items:center;gap:10px;min-width:0;display:flex}.profile-title-row h1{max-width:11ch;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:32px;line-height:1;overflow:hidden}.profile-flag{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:7px;place-items:center;width:42px;height:28px;display:grid}.profile-username{color:var(--ink-muted);font-size:13px;font-weight:850}.profile-ban-notice{color:var(--coral-deep);background:#fff1e8;background:lab(96.3774% 6.87906 8.66685);border:1px solid #f2846bb8;border:1px solid lab(67.5018% 41.2622 33.2338/.72);border-radius:8px;align-items:flex-start;gap:8px;padding:8px 9px;font-size:12px;font-weight:760;line-height:1.35;display:flex}.profile-ban-notice strong{color:var(--ink);font-size:12px;display:block}.profile-report-button{border:1px solid var(--line);width:fit-content;min-height:34px;color:var(--ink);background:var(--cream-panel);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:850;display:inline-flex}.profile-report-button:hover{border-color:#e99a84c7;border-color:lab(71.3983% 28.2054 24.6358/.78)}.profile-name-block p{max-width:28ch;color:var(--ink);margin:0;font-size:13px;font-weight:750;line-height:1.35}.profile-social-row{flex-wrap:wrap;gap:8px;min-height:38px;margin-top:3px;display:flex}.profile-social-row button{border:1px solid var(--line-soft);background:var(--cream-panel);cursor:pointer;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:relative}.profile-social-row button:hover{border-color:var(--coral)}.profile-social-row img{object-fit:contain;width:21px;height:21px}.profile-social-row svg{color:var(--coral-deep);background:var(--cream-panel);position:absolute;bottom:3px;right:3px}.profile-no-socials,.profile-social-notice{min-height:18px;color:var(--ink-muted);margin:0;font-size:12px;font-weight:800}.profile-social-notice{color:var(--sky-deep)}.profile-edit-button{border:1px solid var(--line-soft);width:min(190px,100%);min-height:38px;color:var(--ink);background:var(--cream-panel);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.profile-edit-button:hover{border-color:var(--coral)}.profile-stat-grid{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-stat{place-items:center;gap:7px;min-height:84px;padding:12px 8px;display:grid}.profile-stat:not(:nth-child(3n)){border-right:1px solid var(--line-soft)}.profile-stat:nth-child(-n+3){border-bottom:1px solid var(--line-soft)}.profile-stat span{color:var(--ink-muted);font-size:12px;font-weight:900}.profile-stat strong{font-size:28px;line-height:1}.profile-stat-blue strong{color:var(--sky-deep)}.profile-stat-red strong{color:var(--coral-deep)}.profile-stat-green strong{color:#1c702b;color:lab(41.2411% -37.183 30.1125)}.profile-stat-gold strong{color:#ad7d00;color:lab(55.9373% 14.2034 72.1698)}.profile-stat-note{color:var(--ink-muted);text-align:center;margin:-4px 0 0;font-size:11px;font-weight:800}.profile-achievements{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:10px;min-height:0;padding:12px;display:grid}.profile-section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-section-title>span,.profile-section-title button{align-items:center;gap:8px;display:inline-flex}.profile-section-title>span{font-family:var(--font-display);font-size:18px;font-weight:900}.profile-section-title svg{color:#ad7d00;color:lab(55.9373% 14.2034 72.1698)}.profile-section-title button{color:#824200;color:lab(35.5894% 27.3075 55.0865);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:900}.achievement-strip{grid-template-columns:repeat(4,minmax(0,1fr));align-self:center;gap:8px;min-height:0;display:grid}.achievement-tile{border:1px solid var(--line-soft);background:var(--cream-panel-strong);text-align:left;border-radius:8px;align-content:start;justify-items:start;gap:8px;min-width:0;min-height:132px;padding:11px 10px;display:grid}.achievement-icon{place-items:center;width:38px;height:38px;display:grid}.achievement-green{color:#2c7536;color:lab(43.458% -34.2433 27.3267)}.achievement-coral{color:var(--coral)}.achievement-blue{color:var(--sky-deep)}.achievement-red{color:var(--coral-deep)}.achievement-gold{color:#ad7d00;color:lab(55.9373% 14.2034 72.1698)}.achievement-purple{color:#8961b4;color:lab(48.2293% 29.3472 -38.3612)}.achievement-tile-copy{gap:4px;min-width:0;display:grid}.achievement-tile .achievement-rarity{width:fit-content}.achievement-tile strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1;display:block;overflow:hidden}.achievement-tile p{color:var(--ink);margin:0;font-size:10px;font-weight:750;line-height:1.35;display:none}.achievement-tile small{color:var(--ink-muted);font-size:9px;font-weight:750}.achievement-tile.rarity-common{background:color-mix(in oklch, var(--cream-panel-strong), white 12%)}.achievement-tile.rarity-uncommon{background:linear-gradient(180deg, #e6f8e68f, transparent 52%), var(--cream-panel-strong);border-color:#86ba8980;border-color:lab(70.9853% -25.5207 19.5277/.5);box-shadow:inset 0 0 0 1px #c4dcc56b;box-shadow:inset 0 0 0 1px lab(85.4449% -11.3184 8.49416/.42)}@supports (color:lab(0% 0 0)){.achievement-tile.rarity-uncommon{background:linear-gradient(180deg, lab(95.7561% -8.48645 6.34778/.56), transparent 52%), var(--cream-panel-strong)}}.achievement-tile.rarity-rare{background:linear-gradient(180deg, #e0f1ffa3, transparent 54%), var(--cream-panel-strong);border-color:#6da9e78f;border-color:lab(67.1748% -7.08997 -37.559/.56);box-shadow:inset 0 0 0 1px #b6d1ee66,0 8px 18px #3b587614;box-shadow:inset 0 0 0 1px lab(82.5207% -4.74006 -17.5147/.4),0 8px 18px lab(36.0316% -4.25924 -20.5755/.08)}@supports (color:lab(0% 0 0)){.achievement-tile.rarity-rare{background:linear-gradient(180deg, lab(94.147% -3.99467 -14.0962/.64), transparent 54%), var(--cream-panel-strong)}}:root[data-theme=dark] .achievement-tile.rarity-uncommon{background:linear-gradient(180deg, #172f19b3, transparent 56%), var(--cream-panel-strong)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .achievement-tile.rarity-uncommon{background:linear-gradient(180deg, lab(17.1021% -14.2145 11.0733/.7), transparent 56%), var(--cream-panel-strong)}}:root[data-theme=dark] .achievement-tile.rarity-rare{background:linear-gradient(180deg, #112a43c2, transparent 58%), var(--cream-panel-strong)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .achievement-tile.rarity-rare{background:linear-gradient(180deg, lab(16.2651% -2.71392 -18.6256/.76), transparent 58%), var(--cream-panel-strong)}}.achievement-modal-backdrop{z-index:90;background:#1005018f;background:lab(1.92847% 2.77391 2.65619/.56);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.achievement-dialog{border:1px solid var(--line);background:var(--cream-panel-strong);width:min(930px,100vw - 40px);height:min(740px,100svh - 40px);min-height:0;color:var(--ink);border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:22px 24px 24px;display:grid}.profile-report-dialog{border:1px solid var(--line);background:var(--cream-panel-strong);width:min(420px,100vw - 32px);box-shadow:var(--panel-shadow);border-radius:8px;gap:12px;padding:16px;display:grid}.profile-report-heading,.profile-report-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-report-heading span{align-items:center;gap:7px;font-size:16px;font-weight:950;display:inline-flex}.profile-report-heading button,.profile-report-actions button{border:1px solid var(--line);background:var(--cream-panel);cursor:pointer;border-radius:8px;min-height:34px;font-weight:850}.profile-report-heading button{width:34px}.profile-report-actions button{padding:0 12px}.profile-report-actions button:last-child{color:var(--cream-panel);border-color:var(--coral);background:var(--coral)}.profile-report-warning,.profile-report-error{color:var(--ink-muted);margin:0;font-size:12px;font-weight:750;line-height:1.4}.profile-report-error{color:var(--coral-deep)}.profile-report-field{color:var(--ink-muted);gap:5px;font-size:12px;font-weight:850;display:grid}.profile-report-field select,.profile-report-field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--cream-panel);font:inherit;border-radius:8px}.profile-report-field select{min-height:36px}.profile-report-field textarea{resize:vertical;min-height:92px}.admin-shell{--admin-bg-light:var(--app-bg-light);--admin-bg-dark:var(--app-bg-dark);grid-template-rows:var(--topbar-h) minmax(0, 1fr);background:linear-gradient(90deg, #f9f1e5db, #f9f1e594), var(--admin-bg-light) center / cover no-repeat;min-height:100svh;display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.admin-shell{background:linear-gradient(90deg, lab(95.3966% 1.40125 6.75161/.86), lab(95.3966% 1.40125 6.75161/.58)), var(--admin-bg-light) center / cover no-repeat}}:root[data-theme=dark] .admin-shell{background:linear-gradient(90deg, #08101ae6, #08101aad), var(--admin-bg-dark) center / cover no-repeat}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .admin-shell{background:linear-gradient(90deg, lab(4.38183% -.895217 -7.02644/.9), lab(4.38183% -.895217 -7.02644/.68)), var(--admin-bg-dark) center / cover no-repeat}}.admin-stage{z-index:1;width:min(1360px,100% - 42px);height:min(820px, calc(100svh - var(--topbar-h) - 34px));grid-template-rows:auto minmax(0,1fr);place-self:center;gap:14px;min-height:0;display:grid;position:relative}.admin-heading{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;justify-content:space-between;align-items:end;gap:16px;padding:16px 18px;display:flex}.admin-kicker{color:var(--coral-deep);align-items:center;gap:7px;font-size:13px;font-weight:950;display:inline-flex}.admin-heading h1{font-family:var(--font-display);margin:4px 0 2px;font-size:30px;line-height:1}.admin-heading p{color:var(--ink-muted);margin:0;font-size:13px;font-weight:750}.admin-refresh,.admin-panel button,.admin-tabs a,.admin-tabs button{font:inherit;border-radius:8px}.admin-refresh{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--cream-panel);cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex}.admin-layout{grid-template-columns:210px minmax(0,1fr);gap:14px;min-height:0;display:grid}.admin-tabs,.admin-panel{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;min-height:0}.admin-tabs{flex-direction:column;gap:6px;padding:10px;display:flex}.admin-tabs button,.admin-tabs a{min-height:40px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px;font-size:13px;font-weight:900;text-decoration:none;display:grid}.admin-tabs button:hover,.admin-tabs a:hover,.admin-tabs button[aria-current=page]{border-color:var(--line-soft);background:var(--cream-panel)}.admin-tool-link{margin-top:auto}.admin-tabs button strong{min-width:22px;height:22px;color:var(--cream-panel);background:var(--coral);border-radius:999px;place-items:center;font-size:11px;display:inline-grid}.admin-panel{padding:14px;position:relative;overflow:auto}.admin-notice{color:var(--leaf-deep);background:#e2f9e2c7;background:lab(95.8834% -11.1774 8.7103/.78);border:1px solid #80c182b3;border:1px solid lab(72.3765% -30.7775 24.7417/.7);border-radius:8px;margin:0 0 10px;padding:9px 10px;font-size:13px;font-weight:850}.admin-overview{gap:10px;display:grid}.admin-control-card{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;gap:14px;padding:12px;display:grid}.admin-control-card.paused{background:#fff6f0;background:lab(97.5978% 5.11861 8.2553);border-color:#f18b70c2;border-color:lab(68.7967% 37.5203 32.1797/.76)}.admin-control-kicker{color:var(--coral-deep);align-items:center;gap:7px;font-size:12px;font-weight:950;display:inline-flex}.admin-control-card h2{margin-top:6px}.admin-control-card p,.admin-control-card small{color:var(--ink-muted);margin:0;font-size:12px;font-weight:800;line-height:1.35}.admin-control-card small{margin-top:8px;display:block}.admin-control-actions{gap:9px;display:grid}.admin-toggle-field{border:1px solid var(--line);background:var(--cream-panel-strong);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:0 10px;grid-template-columns:none!important;display:flex!important}.admin-toggle-field input{appearance:none;border:1px solid var(--line);cursor:pointer;background:#ded6cb;background:lab(86.1203% 1.30636 6.783);border-radius:999px;width:38px;min-height:22px;position:relative}.admin-toggle-field input:after{background:var(--cream-panel);content:"";border-radius:999px;width:14px;height:14px;transition:transform .16s ease-out;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #572e172e;box-shadow:0 1px 3px lab(24.1651% 17.8651 23.0733/.18)}.admin-toggle-field input:checked{border-color:var(--coral);background:var(--coral)}.admin-toggle-field input:checked:after{transform:translate(16px)}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-stat-grid article,.admin-split section,.admin-report-list,.admin-report-detail,.admin-bans-grid section,.admin-notification-grid section{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px}.admin-stat-grid article{gap:4px;padding:12px;display:grid}.admin-stat-grid article span,.admin-table-list span,.admin-report-meta,.admin-report-list small,.admin-ban-list p,.admin-panel label span{color:var(--ink-muted);font-size:12px;font-weight:800}.admin-stat-grid article strong{font-size:24px;line-height:1}.admin-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.admin-split section,.admin-bans-grid section,.admin-notification-grid section{align-content:start;gap:10px;padding:12px;display:grid}.admin-panel h2{margin:0;font-size:17px;line-height:1.15}.admin-db-size{margin:0;font-size:22px;font-weight:950}.admin-table-list,.admin-ban-list,.admin-user-results{gap:6px;display:grid}.admin-table-list div,.admin-ban-list article{border:1px solid var(--line-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.admin-reports-grid{grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:12px;min-height:620px;display:grid}.admin-report-list,.admin-report-detail{align-content:start;gap:8px;min-height:0;padding:12px;display:grid}.admin-report-list{overflow:auto}.admin-report-list button{border:1px solid var(--line-soft);color:var(--ink);background:var(--cream-panel-strong);cursor:pointer;text-align:left;gap:4px;padding:9px;display:grid}.admin-report-list button.selected,.admin-report-list button:hover{border-color:#e99a84d1;border-color:lab(71.3983% 28.2054 24.6358/.82)}.admin-status{text-transform:capitalize;border-radius:999px;align-items:center;width:fit-content;min-height:22px;padding:0 8px;font-size:11px;font-weight:950;display:inline-flex}.status-open{color:var(--coral-deep);background:#ffede8;background:lab(95.0455% 11.7431 9.43335)}.status-accepted{color:var(--leaf-deep);background:#dff6de;background:lab(94.7233% -11.1774 8.71127)}.status-declined{color:var(--ink-muted);background:#e9e4dc;background:lab(90.7538% .705808 4.53357)}.admin-detail-heading{align-items:flex-start;gap:12px;display:flex}.admin-detail-heading h2,.admin-detail-heading p{margin:0}.admin-detail-heading p{color:var(--ink-muted);font-size:12px;font-weight:800}.admin-report-meta{flex-wrap:wrap;gap:8px;display:flex}.admin-report-meta span,.admin-report-note{border:1px solid var(--line-soft);background:var(--cream-panel-strong);border-radius:8px;padding:7px 8px}.admin-report-note{color:var(--ink);margin:0;font-size:13px;font-weight:750}.admin-chat-transcript{border:1px solid var(--line-soft);background:var(--cream-panel-strong);border-radius:8px;gap:6px;max-height:210px;padding:8px;display:grid;overflow:auto}.admin-chat-transcript article{border-radius:8px;gap:3px;padding:8px;display:grid}.admin-chat-transcript article.reported{background:#fff6f0;background:lab(97.5978% 5.11861 8.2553);outline:2px solid #f37f5fcc;outline:2px solid lab(66.2901% 43.6782 38.1219/.8)}.admin-chat-transcript span{color:var(--ink-muted);font-size:11px;font-weight:900}.admin-chat-transcript p{margin:0;font-size:13px;font-weight:700}.admin-decision-form,.admin-bans-grid,.admin-notification-grid{gap:10px;display:grid}.admin-decision-form{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-bans-grid,.admin-notification-grid{grid-template-columns:minmax(300px,420px) minmax(0,1fr)}.admin-panel label{gap:5px;display:grid}.admin-wide-field{grid-column:1/-1}.admin-panel input,.admin-panel select,.admin-panel textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:var(--cream-panel-strong);font:inherit;border-radius:8px}.admin-panel input,.admin-panel select{min-height:36px;padding:0 9px}.admin-panel textarea{resize:vertical;min-height:86px;padding:9px}.admin-panel button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:var(--cream-panel-strong);cursor:pointer;font-weight:900}.admin-decision-form>button,.admin-bans-grid section>button,.admin-notification-grid section>button{width:fit-content;color:var(--cream-panel);border-color:var(--coral);background:var(--coral);justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.admin-search-field div{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;padding:0 9px;display:grid}.admin-search-field input{background:0 0;border:0}.admin-user-results button{border:1px solid var(--line-soft);text-align:left;gap:2px;padding:8px;display:grid}.admin-user-results button.selected{border-color:#e99a84d1;border-color:lab(71.3983% 28.2054 24.6358/.82)}.admin-ban-list article{justify-content:stretch;display:grid}.admin-ban-list article button{width:fit-content;min-height:30px;padding:0 10px}.admin-checkbox-field{grid-template-columns:18px minmax(0,1fr);align-items:center}.admin-checkbox-field input{width:18px;min-height:18px}.admin-empty{min-height:120px;color:var(--ink-muted);place-items:center;font-size:13px;font-weight:850;display:grid}.stage-shell{--stage-key:#00b140;--cream:#080d17;--cream-soft:#131b27;--cream-panel:#1f222d;--cream-panel-strong:#181b26;--line:#51657ca3;--line-soft:#3d4c5da3;--board-grid-line:#7367565c;--ink:#ede7de;--ink-muted:#beb6a9;--coral:#fa6b54;--coral-deep:#f47d69;--coral-soft:#582720b8;--sky:#499ae7;--sky-deep:#6aa9ed;--sky-soft:#1a3a59b8;--gold:#deaf56;--leaf:#70b174;--stage-left-width:clamp(232px, 17vw, 302px);--stage-right-width:clamp(262px, 18vw, 334px);--stage-gap:0px;--stage-pad:24px;--coord-size:0px;--board-pad:0px;--wall-thickness:8px;--stage-cell-from-width:calc((100vw - (var(--stage-pad) * 2) - (var(--board-pad) * 2)) / 11);--cell-size:clamp(48px, min(8vw, calc((100svh - 48px) / 11), var(--stage-cell-from-width)), 110px);--playable-size:calc(var(--cell-size) * 11);--board-width:calc(var(--playable-size) + (var(--board-pad) * 2));gap:var(--stage-gap);width:100vw;height:100svh;padding:var(--stage-pad);color:var(--ink);background:var(--stage-key);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;overflow:hidden}@supports (color:lab(0% 0 0)){.stage-shell{--cream:lab(3.62838% -.144415 -5.90517);--cream-soft:lab(9.40665% -.913069 -9.26692);--line:lab(41.8871% -3.26248 -15.4479/.64);--line-soft:lab(31.4757% -2.57616 -11.9552/.64);--board-grid-line:lab(44.3697% 2.49192 11.5644/.36);--ink:lab(91.9255% .668019 5.32243);--ink-muted:lab(74.5323% 1.24937 7.60745);--coral:lab(63.5571% 54.8676 41.1561);--coral-deep:lab(66.1808% 45.3415 32.9656);--coral-soft:lab(22.7563% 22.8647 16.1013/.72);--sky:lab(61.1413% -6.28623 -47.3149);--sky-deep:lab(67.0488% -5.74726 -41.3356);--sky-soft:lab(23.1849% -3.31046 -22.3594/.72);--gold:lab(74.6138% 10.1837 51.567);--leaf:lab(66.5802% -31.2386 24.1617)}}.stage-shell+.legal-links{display:none}.stage-panel{z-index:30;width:var(--stage-left-width);border:1px solid var(--line);background:var(--cream-panel-strong);opacity:0;pointer-events:none;border-radius:8px;align-content:start;gap:12px;min-height:0;max-height:calc(100svh - 32px);padding:12px;transition:opacity .18s ease-out,transform .18s ease-out;display:grid;position:fixed;top:16px;bottom:16px;overflow:auto}.stage-left-panel{left:16px;transform:translate(calc(-100% - 24px))}.stage-right-panel{width:var(--stage-right-width);right:16px;transform:translate(calc(100% + 24px))}.stage-shell.controls-open .stage-panel{opacity:.98;pointer-events:auto;transform:translate(0)}.stage-panel-heading{gap:4px;display:grid}.stage-kicker,.stage-group-title{color:var(--coral-deep);align-items:center;gap:7px;font-size:12px;font-weight:950;display:inline-flex}.stage-panel-heading h1,.stage-panel-heading h2,.stage-group-title h2{margin:0;line-height:1.05}.stage-panel-heading h1{font-family:var(--font-display);font-size:25px}.stage-panel-heading h2{font-size:22px}.stage-panel-heading p{color:var(--ink-muted);margin:0;font-size:12px;font-weight:800;line-height:1.3}.stage-control-group{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;gap:9px;padding:10px;display:grid}.stage-shell button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:var(--cream-panel-strong);cursor:pointer;font:inherit;border-radius:8px;font-size:13px;font-weight:900}.stage-shell button:disabled{cursor:not-allowed;opacity:.48}.stage-shell button[aria-pressed=true]{border-color:var(--coral);background:color-mix(in oklch, var(--coral-soft), var(--cream-panel-strong) 42%)}.stage-shell .quoridor-cell{width:var(--cell-size);height:var(--cell-size);min-height:0;color:inherit;box-shadow:none;cursor:default;background:0 0;border:0;border-radius:0;padding:0;display:block}.stage-shell .quoridor-cell.valid-move{cursor:pointer}.stage-shell.replay-open .quoridor-cell.valid-move:before{display:none}.stage-shell .quoridor-cell:disabled,.stage-shell .quoridor-cell[aria-disabled=true]{opacity:1}.stage-two-actions,.stage-wall-actions,.stage-replay-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stage-wall-actions,.stage-replay-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-two-actions button,.stage-wall-actions button,.stage-replay-actions button,.stage-reset-button,.stage-frame-meta button{justify-content:center;align-items:center;gap:7px;padding:0 9px;display:inline-flex}.stage-primary-action{color:var(--cream-panel)!important;border-color:var(--coral)!important;background:var(--coral)!important}.stage-tone-action.red{color:var(--coral-deep);background:color-mix(in oklch, var(--coral-soft), var(--cream-panel-strong) 38%);border-color:#b65c4db8;border-color:lab(50.2094% 36.2637 26.3454/.72)}.stage-tone-action.blue{color:var(--sky-deep);background:color-mix(in oklch, var(--sky-soft), var(--cream-panel-strong) 38%);border-color:#4378adb8;border-color:lab(48.6011% -5.55968 -33.9711/.72)}.stage-toggle{border:1px solid var(--line);background:var(--cream-panel-strong);min-height:36px;color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 9px;font-size:13px;font-weight:900;display:flex}.stage-toggle span{align-items:center;gap:7px;display:inline-flex}.stage-toggle input{appearance:none;border:1px solid var(--line);cursor:pointer;background:#232c38;background:lab(17.5453% -1.14149 -8.9888);border-radius:999px;width:38px;height:22px;position:relative}.stage-toggle input:after{background:var(--ink-muted);content:"";border-radius:999px;width:14px;height:14px;transition:transform .16s ease-out;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #572e172e;box-shadow:0 1px 3px lab(24.1651% 17.8651 23.0733/.18)}.stage-toggle input:checked{border-color:var(--coral);background:var(--coral)}.stage-toggle input:checked:after{transform:translate(16px)}.stage-segmented-control{gap:6px;display:grid}.stage-segmented-control>span,.stage-frame-meta,.stage-timeline-list button span{color:var(--ink-muted);font-size:12px;font-weight:850}.stage-segmented-control div{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.stage-segmented-control button{background:0 0;border-color:#0000;min-height:31px;font-size:12px}.stage-segmented-control button[aria-pressed=true]{border-color:var(--line-soft);background:var(--cream-panel)}.stage-search-field{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;min-height:36px;padding:0 9px;display:grid}.stage-search-field input,.stage-select{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;font-size:12px;font-weight:850}.stage-search-field input::placeholder{color:color-mix(in oklch, var(--ink-muted), transparent 28%)}.stage-select{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;width:100%;min-height:34px;padding:0 9px}.stage-text-field{gap:6px;display:grid}.stage-text-field>span{color:var(--ink-muted);font-size:12px;font-weight:850}.stage-text-field textarea{resize:vertical;border:1px solid var(--line);width:100%;min-width:0;min-height:54px;color:var(--ink);background:var(--cream-panel-strong);font:inherit;border-radius:8px;outline:none;padding:8px 9px;font-size:12px;font-weight:800;line-height:1.28}.stage-text-field textarea:focus-visible,.stage-search-field:focus-within,.stage-select:focus-visible{border-color:var(--coral);box-shadow:0 0 0 2px color-mix(in oklch, var(--coral), transparent 72%)}.stage-match-list{gap:6px;max-height:226px;display:grid;overflow:auto}.stage-match-row{text-align:left;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:46px;padding:7px 8px;display:grid}.stage-match-row span{gap:2px;min-width:0;display:grid}.stage-match-row strong,.stage-match-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stage-match-row strong{font-size:12px;line-height:1.15}.stage-match-row small,.stage-archive-note,.stage-archive-pager{color:var(--ink-muted);font-size:11px;font-weight:850}.stage-archive-note{border:1px solid var(--line-soft);background:var(--cream-panel-strong);border-radius:8px;margin:0;padding:8px}.stage-archive-pager{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.stage-archive-pager span{white-space:nowrap}.stage-archive-pager button{min-height:30px}.stage-wall-tray{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stage-wall-piece{text-align:left;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:7px;min-height:44px;padding:5px 7px;display:grid}.stage-wall-piece.red{color:var(--coral-deep)}.stage-wall-piece.blue{color:var(--sky-deep)}.stage-wall-piece.selected{background:color-mix(in oklch, currentColor 11%, var(--cream-panel-strong));border-color:currentColor}.stage-wall-piece.used{opacity:.42}.stage-wall-icon{width:38px;height:34px}.stage-wall-icon line{stroke:currentColor;stroke-width:8px;stroke-linecap:round}.stage-board-area{place-items:center;min-width:0;min-height:0;display:grid;overflow:visible}.stage-board-scale{place-items:center;display:grid}.stage-zoom-viewport{width:var(--board-width);height:var(--board-width);border-radius:16px;overflow:hidden}.stage-board-zoom{width:var(--board-width);height:var(--board-width);transform-origin:0 0;backface-visibility:hidden;will-change:transform;transition:transform .68s cubic-bezier(.22,1,.36,1);transform:translate(0,0)scale(1)}.stage-shell .board-shell{width:var(--board-width);max-width:none;padding:var(--board-pad);box-shadow:none;background:#1a1d2b;border:0;border-radius:16px;overflow:hidden}.stage-shell .coord-track{display:none}.stage-shell .coord{color:var(--ink);font-size:15px}.stage-shell .quoridor-board{--goal-top-fill:color-mix(in oklch, var(--sky), transparent 84%);--goal-bottom-fill:color-mix(in oklch, var(--coral), transparent 84%);background:0 0;border-radius:16px;overflow:hidden}.stage-shell .quoridor-board.goals-flipped{--goal-top-fill:color-mix(in oklch, var(--coral), transparent 84%);--goal-bottom-fill:color-mix(in oklch, var(--sky), transparent 84%)}.stage-shell .quoridor-board:before{background-color:#2820173d;background-color:lab(12.9994% 2.45437 7.62166/.24)}.stage-shell .quoridor-board:after{border-color:var(--board-grid-line);background-image:linear-gradient(to right, var(--board-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--board-grid-line) 1px, transparent 1px)}.stage-shell .wall-shape .wall-clearance{stroke:#131b26;stroke:lab(9.41931% -.915542 -8.57408)}.stage-shell .wall-decoration-shape .wall-clearance{opacity:.92;stroke:#131b26;stroke:lab(9.41931% -.915542 -8.57408);stroke-width:calc(var(--wall-thickness) + 3px)}.stage-shell .wall-decoration-shape .wall-rim{stroke:color-mix(in oklch, var(--wall-decoration-color), #03060d 35%)}@supports (color:lab(0% 0 0)){.stage-shell .wall-decoration-shape .wall-rim{stroke:color-mix(in oklch, var(--wall-decoration-color), lab(1.52576% -.122152 -3.09697) 35%)}}.stage-shell .wall-decoration-shape .wall-core{stroke:var(--wall-decoration-color)}.stage-shell .wall-decoration-shape.stage-burst-barrier .wall-clearance,.stage-shell .wall-decoration-shape.stage-burst-barrier .wall-rim,.stage-shell .wall-decoration-shape.stage-burst-barrier .wall-core{animation:.26s cubic-bezier(.16,1,.3,1) both stageBarrierPop}.stage-shell .wall-decoration-shape.stage-burst-barrier .wall-rim{animation-delay:28ms}.stage-shell .wall-decoration-shape.stage-burst-barrier .wall-core{animation-delay:44ms}@keyframes stageBarrierPop{0%{opacity:0;stroke-width:0}62%{opacity:1;stroke-width:calc(var(--wall-thickness) + 5px)}to{opacity:1}}.stage-shell .pawn-token{width:calc(var(--cell-size) * .54);height:calc(var(--cell-size) * .54)}.stage-shell .pawn-token.active{box-shadow:0 0 0 1px #1a1d2bfa, 0 0 0 3px var(--pawn-ring), 0 2px 6px #2d120433}@supports (color:lab(0% 0 0)){.stage-shell .pawn-token.active{box-shadow:0 0 0 1px #1a1d2bfa, 0 0 0 3px var(--pawn-ring), 0 2px 6px lab(9.19828% 12.9334 12.3223/.2)}}.stage-shell .pawn-token.stage-flashing{animation:stagePawnFlash var(--pawn-flash-duration,.12s) steps(1, end) infinite}@keyframes stagePawnFlash{0%,49%{--pawn-ring:color-mix(in oklch, var(--sky-deep), var(--ink) 16%);background:var(--sky-deep)}50%,to{--pawn-ring:color-mix(in oklch, var(--coral), var(--ink) 18%);background:var(--coral)}}.stage-shell .board-cell-decoration{width:calc(var(--cell-size) * .56);height:calc(var(--cell-size) * .56)}.stage-replay-actions button{min-width:0}.stage-control-group input[type=range]{width:100%;accent-color:var(--coral)}.stage-slider-field{gap:6px;display:grid}.stage-slider-field span{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:850;display:flex}.stage-slider-field strong{color:var(--ink)}.stage-frame-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.stage-frame-meta button{min-height:30px;padding:0 10px}.stage-timeline{min-height:0}.stage-timeline-list{gap:6px;max-height:340px;display:grid;overflow:auto}.stage-timeline-list button{text-align:left;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:0 8px;display:grid}.stage-timeline-list button[aria-current=step]{border-color:var(--coral);background:color-mix(in oklch, var(--coral-soft), var(--cream-panel-strong) 45%)}.stage-timeline-list button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stage-timeline-list button small{min-width:0;color:var(--gold);text-transform:uppercase;white-space:nowrap;gap:4px;font-size:10px;font-weight:950;display:inline-flex}.stage-target-grid{gap:8px;display:grid}.stage-shell.shorts-mode{--stage-key:#010103;--cell-size:clamp(34px, min(calc((100svh - 36px) * .562 / 11), calc((100vw - 24px) / 11)), 58px);--wall-thickness:3px;background:#010103;padding:0}.stage-shell.shorts-mode .stage-board-area{width:100vw;height:100svh;overflow:hidden}.stage-shorts-canvas{background:#010103;place-items:center;width:min(56.25svh,100vw);height:min(100svh,177.778vw);padding:0 12px;display:grid;position:relative;overflow:hidden}.stage-shorts-board-window{width:var(--board-width);height:var(--board-width);border-radius:8px;place-items:center;display:grid;overflow:hidden}.stage-shorts-canvas .stage-zoom-viewport,.stage-shorts-canvas .board-shell,.stage-shorts-canvas .quoridor-board{border-radius:8px}.stage-shell.shorts-mode .wall-decoration-shape .wall-clearance{stroke-width:calc(var(--wall-thickness) + 2px)}.stage-shorts-text{top:calc(var(--stage-caption-y) * 1%);z-index:5;color:#f8f8fa;width:100%;max-width:100%;font-size:calc(34px * var(--stage-shorts-text-scale) / 100);letter-spacing:0;text-align:center;text-wrap:balance;white-space:pre-line;overflow-wrap:anywhere;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none;text-shadow:0 2px 10px #01010361;outline:none;font-weight:800;line-height:1.18;position:absolute;left:50%;transform:translate(-50%,-50%)}.stage-caption-line{display:block}.stage-shorts-text-bottom{font-size:calc(36px * var(--stage-shorts-text-scale) / 100)}.stage-apple-emoji{vertical-align:-.18em;object-fit:contain;pointer-events:none;width:1.08em;height:1.08em;margin:0 .02em;display:inline-block}@media (max-width:1180px){.stage-shell{--stage-left-width:min(302px, calc(100vw - 32px));--stage-right-width:min(334px, calc(100vw - 32px))}.stage-right-panel{grid-template-columns:1fr;max-height:calc(100svh - 32px);display:grid}.stage-right-panel .stage-panel-heading,.stage-right-panel .stage-control-group{min-height:0}.stage-timeline-list{max-height:112px}}@media (max-width:820px){.stage-shell{--stage-left-width:calc(100vw - 24px);--stage-right-width:calc(100vw - 24px);--stage-pad:12px;--board-pad:0px}.stage-left-panel{left:12px}.stage-right-panel{grid-template-columns:1fr;max-height:calc(100svh - 24px);right:12px}}:root[data-theme=dark] .achievement-dialog{background:#181b26}.achievement-dialog-header{grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.achievement-owner-avatar{outline:3px solid var(--sky);background:0 0;border:0;border-radius:999px;place-items:center;width:76px;height:76px;padding:0;display:grid}.achievement-owner-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%}.achievement-dialog-title{gap:7px;min-width:0;display:grid}.achievement-dialog-title h2{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:29px;line-height:1.05;overflow:hidden}.achievement-dialog-title p{color:var(--ink-muted);margin:0;font-size:14px;font-weight:900}.achievement-progress-track,.achievement-card-progress{background:var(--line-soft);border-radius:999px;display:block;overflow:hidden}.achievement-progress-track{width:min(360px,100%);height:7px}.achievement-progress-track>span,.achievement-card-progress>span{border-radius:inherit;background:#2c7536;background:lab(43.458% -34.2433 27.3267);height:100%;display:block}.achievement-dialog-close{border:1px solid var(--line-soft);width:39px;height:39px;color:var(--ink);background:var(--cream-panel);cursor:pointer;border-radius:8px;place-items:center;display:grid}.achievement-dialog-close:hover{border-color:var(--coral);color:var(--coral-deep)}.achievement-dialog-body{grid-template-columns:174px minmax(0,1fr);gap:16px;min-height:0;display:grid}.achievement-category-list{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;align-content:start;gap:7px;min-height:0;padding:10px;display:grid}.achievement-category-list button{min-height:56px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.achievement-category-list button.selected{border-color:color-mix(in oklch, var(--coral), var(--line) 46%);background:color-mix(in oklch, var(--coral-soft), transparent 30%);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--coral), transparent 76%)}.achievement-category-icon{place-items:center;display:grid}.achievement-category-list button>span:last-child{gap:3px;min-width:0;display:grid}.achievement-category-list strong{margin-bottom:2px;font-size:13px;font-weight:950;display:block}.achievement-category-list small{color:var(--ink-muted);font-size:11px;font-weight:850}.achievement-category-progress{background:color-mix(in oklch, var(--line-soft), white 6%);border-radius:999px;width:100%;height:5px;display:block;overflow:hidden}.achievement-category-progress>span{border-radius:inherit;background:linear-gradient(90deg,#aa7a00,#297233);background:linear-gradient(90deg,lab(54.7705% 14.316 73.5085),lab(42.2953% -34.2553 27.3965));height:100%;display:block}.achievement-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.achievement-menu-card{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;grid-template-columns:58px minmax(0,1fr) 86px;align-items:center;gap:12px;min-height:102px;padding:12px;display:grid}.achievement-menu-card.locked{background:color-mix(in oklch, var(--cream-panel), var(--line-soft) 14%)}.achievement-menu-card.rarity-common{background:color-mix(in oklch, var(--cream-panel), white 8%)}.achievement-menu-card.rarity-uncommon{background:linear-gradient(135deg, #e2f4e37a, transparent 45%), var(--cream-panel);border-color:#83b78670;border-color:lab(69.8246% -25.5224 19.5383/.44)}@supports (color:lab(0% 0 0)){.achievement-menu-card.rarity-uncommon{background:linear-gradient(135deg, lab(94.596% -8.48654 6.34826/.48), transparent 45%), var(--cream-panel)}}.achievement-menu-card.rarity-rare{background:linear-gradient(135deg, #dcedff8a, transparent 48%), var(--cream-panel);border-color:#6da9e780;border-color:lab(67.1748% -7.08997 -37.559/.5);box-shadow:inset 0 0 0 1px #b3ceeb47;box-shadow:inset 0 0 0 1px lab(81.3601% -4.72936 -17.5104/.28)}@supports (color:lab(0% 0 0)){.achievement-menu-card.rarity-rare{background:linear-gradient(135deg, lab(92.9963% -3.54621 -12.3571/.54), transparent 48%), var(--cream-panel)}}:root[data-theme=dark] .achievement-menu-card.rarity-uncommon{background:linear-gradient(135deg, #172c19bd, transparent 50%), var(--cream-panel)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .achievement-menu-card.rarity-uncommon{background:linear-gradient(135deg, lab(15.8825% -12.7853 9.91971/.74), transparent 50%), var(--cream-panel)}}:root[data-theme=dark] .achievement-menu-card.rarity-rare{background:linear-gradient(135deg, #12283ed1, transparent 52%), var(--cream-panel)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .achievement-menu-card.rarity-rare{background:linear-gradient(135deg, lab(15.1347% -2.66463 -16.9652/.82), transparent 52%), var(--cream-panel)}}.achievement-menu-icon{background:color-mix(in oklch, currentColor, transparent 86%);border:2px solid;border-radius:999px;place-items:center;width:52px;height:52px;display:grid}.achievement-menu-card.locked .achievement-menu-icon{color:var(--ink-muted);background:color-mix(in oklch, var(--line-soft), transparent 45%)}.achievement-menu-copy{gap:6px;min-width:0;display:grid}.achievement-menu-title-row{align-items:start;gap:7px;min-width:0;display:flex}.achievement-menu-title-row strong{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;flex:auto;font-size:15px;font-weight:950;line-height:1.12;display:-webkit-box;overflow:hidden}.achievement-rarity{border:1px solid var(--line-soft);background:var(--cream-panel-strong);color:var(--ink-muted);border-radius:6px;flex:none;padding:2px 7px;font-size:10px;font-weight:900}.rarity-uncommon{color:#2c7536;color:lab(43.458% -34.2433 27.3267);background:#cbeccc80;background:lab(90.2775% -15.5675 11.7228/.5)}.rarity-rare{color:var(--sky-deep);background:#c5e1ff94;background:lab(88.3107% -5.17553 -19.251/.58)}:root[data-theme=dark] .rarity-uncommon{background:#163019b8;background:lab(17.1252% -14.7887 11.5496/.72)}:root[data-theme=dark] .rarity-rare{background:#132a41b8;background:lab(16.2868% -2.7616 -17.6422/.72)}.achievement-menu-copy p,.achievement-menu-copy small{margin:0;font-weight:800;line-height:1.35}.achievement-menu-copy p{color:var(--ink);font-size:12px}.achievement-menu-copy small{color:var(--ink-muted);font-size:10px}.achievement-menu-status{color:var(--ink-muted);text-align:right;align-content:center;justify-items:end;gap:6px;font-size:11px;font-weight:900;display:grid}.achievement-menu-status>svg{justify-self:end}.achievement-menu-card.earned .achievement-menu-status{color:#186d28;color:lab(40.0777% -37.2003 30.217)}.achievement-card-progress{width:76px;height:5px}.achievement-menu-status strong{color:var(--ink);font-size:12px;line-height:1}.profile-history-card{grid-template-rows:auto auto auto;gap:10px;padding:14px 18px 12px;display:grid}.profile-loading-card{background:color-mix(in oklch, var(--cream-panel-strong), var(--room-wash) 10%)}.profile-route-loading{background:color-mix(in oklch, var(--cream-panel-strong), transparent 28%)}.profile-history-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.profile-section-title.compact>span{font-size:18px}.history-filter-row{grid-template-columns:repeat(4,minmax(0,1fr));justify-self:end;align-items:center;gap:8px;width:min(100%,348px);display:grid}.history-filter-row button,.profile-history-pages button,.profile-history-pages a,.profile-history-pages span,.replay-button{border:1px solid var(--line-soft);color:var(--ink);background:var(--cream-panel);border-radius:7px;font-size:12px;font-weight:900}.history-filter-row button{cursor:pointer;min-width:0;min-height:30px}.history-filter-row button.selected,.profile-history-pages button.selected,.profile-history-pages a.selected{border-color:var(--coral);color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral)}.match-history-list{border:1px solid var(--line-soft);border-radius:8px;grid-template-rows:32px;grid-auto-rows:minmax(33px,auto);align-content:start;min-height:0;padding:8px;display:grid;position:relative;overflow:auto}.profile-history-table-header,.profile-match-row{grid-template-columns:minmax(46px,.52fr) 26px minmax(118px,1.5fr) minmax(74px,.76fr) minmax(66px,.68fr) minmax(82px,.82fr) minmax(46px,.44fr) minmax(78px,.74fr);align-items:center;gap:7px;padding:0 8px;display:grid}.profile-history-table-header span,.profile-match-row>*{min-width:0}.profile-history-table-header{color:var(--ink);border-bottom:1px solid var(--line-soft);font-size:11px;font-weight:950}.profile-history-table-header span:nth-child(2){opacity:0}.profile-history-table-header span:last-child{text-align:center}.profile-history-table-header .history-header-when{text-align:right;font-variant-numeric:tabular-nums;justify-self:end;width:100%}.profile-history-table-header .history-header-elo,.profile-history-table-header .history-header-end{text-align:center;justify-self:center}.profile-history-table-header .history-header-replay{justify-self:center}.match-history-list.loading .profile-history-table-header,.match-history-list.loading .profile-match-row{opacity:.4}.profile-match-row{border-bottom:1px solid var(--line-soft);background:color-mix(in oklch, var(--cream-panel-strong), transparent 6%);min-height:33px}.profile-match-row:last-child{border-bottom:0}.profile-match-row.blank{background:color-mix(in oklch, var(--cream-panel-strong), transparent 24%)}.profile-match-row.blank span{border-right:1px solid var(--line-soft);opacity:.55;min-height:1px}.profile-match-row.blank span:last-child{border-right:0}.match-result{font-size:12px;line-height:1}.match-result.win{color:#00460a;color:lab(24.938% -37.5987 32.6614)}.match-result.loss{color:#790000;color:lab(24.1823% 50.0188 42.6521)}.match-avatar,.match-avatar-image{border:1px solid var(--line-soft);width:25px;height:25px;color:var(--ink);background:var(--sky-soft);border-radius:999px;place-items:center;font-size:9px;font-weight:950;display:grid}.match-avatar-image{object-fit:cover;overflow:hidden}.match-avatar-image img{object-fit:cover;width:100%;height:100%}.match-ranked{color:var(--coral-deep)}.match-casual{color:#ad7d00;color:lab(55.9373% 14.2034 72.1698)}.match-computer{color:var(--sky-deep)}.match-opponent{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.match-opponent a{color:inherit;text-decoration:none}.match-opponent a:hover{color:var(--sky-deep);text-underline-offset:2px;text-decoration:underline}.match-mode{align-items:center;gap:5px;font-size:11px;font-weight:850;display:inline-flex}.match-elo{color:var(--ink-muted);text-align:center;font-variant-numeric:tabular-nums;justify-self:center;width:auto;font-size:11px;font-weight:950}.match-elo.gain{color:#186d28;color:lab(40.0777% -37.2003 30.217)}.match-elo.loss{color:var(--coral-deep)}.match-elo.empty{opacity:.48}.match-end-chip{border:1px solid var(--line-soft);max-width:100%;min-height:24px;color:var(--ink);background:var(--cream-panel);text-align:center;border-radius:999px;place-self:center;justify-items:center;gap:1px;width:fit-content;padding:3px 8px;font-size:9px;font-weight:950;line-height:1.05;display:inline-grid}.match-end-chip small{color:inherit;opacity:1;white-space:nowrap;font-size:8px;font-weight:850;line-height:1}.match-end-chip.reason-goal{color:#003c0c;color:lab(21.4383% -37.7785 31.7891);background:#daf8dbb8;background:lab(94.8543% -14.1498 10.6355/.72);border-color:#70b97694;border-color:lab(69.0201% -34.0942 26.4526/.58)}.match-end-chip.reason-forfeit,.match-end-chip.reason-disconnect,.match-end-chip.reason-timeout{color:#720500;color:lab(23.0146% 50.0882 41.8059);background:color-mix(in oklch, var(--coral-soft), transparent 30%);border-color:#f686738c;border-color:lab(68.6012% 42.1694 30.3672/.55)}.match-time{color:var(--ink-muted);text-align:right;font-variant-numeric:tabular-nums;justify-self:end;width:100%;font-size:11px;font-weight:850}.replay-button{cursor:pointer;justify-content:center;align-items:center;gap:5px;width:100%;min-height:22px;padding:0 8px;text-decoration:none;display:inline-flex}.profile-history-pages{justify-content:center;gap:8px;display:flex}.profile-history-pages button,.profile-history-pages a,.profile-history-pages span{cursor:pointer;place-items:center;min-width:34px;height:30px;text-decoration:none;display:grid}.profile-history-pages button:disabled,.profile-history-pages span[aria-disabled=true]{opacity:.38;cursor:default}.leaderboard-shell{height:100svh;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 50% 42%, #fffbf24d, transparent 40%), var(--leaderboard-bg-light,linear-gradient(180deg, var(--cream), var(--cream-soft)));background-position:50%;background-size:cover;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.leaderboard-shell{background:radial-gradient(circle at 50% 42%, lab(98.8975% .875294 6.8545/.3), transparent 40%), var(--leaderboard-bg-light,linear-gradient(180deg, var(--cream), var(--cream-soft)))}}:root[data-theme=dark] .leaderboard-shell{--cream-panel:#1f222d;--cream-panel-strong:#181b26;--line:#51657ca3;--line-soft:#3d4c5da3;--ink:#ede7de;--ink-muted:#beb6a9;--coral:#fa6b54;--coral-deep:#f47d69;--coral-soft:#582720b8;--sky:#499ae7;--sky-deep:#6aa9ed;--sky-soft:#1a3a59b8;--gold:#deaf56;--leaf:#70b174;background:radial-gradient(circle at 50% 42%, #03071157, transparent 42%), var(--leaderboard-bg-dark,linear-gradient(180deg, var(--cream), var(--cream-soft)));background-position:50%;background-size:cover}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .leaderboard-shell{--line:lab(41.8871% -3.26248 -15.4479/.64);--line-soft:lab(31.4757% -2.57616 -11.9552/.64);--ink:lab(91.9255% .668019 5.32243);--ink-muted:lab(74.5323% 1.24937 7.60745);--coral:lab(63.5571% 54.8676 41.1561);--coral-deep:lab(66.1808% 45.3415 32.9656);--coral-soft:lab(22.7563% 22.8647 16.1013/.72);--sky:lab(61.1413% -6.28623 -47.3149);--sky-deep:lab(67.0488% -5.74726 -41.3356);--sky-soft:lab(23.1849% -3.31046 -22.3594/.72);--gold:lab(74.6138% 10.1837 51.567);--leaf:lab(66.5802% -31.2386 24.1617);background:radial-gradient(circle at 50% 42%, lab(1.92827% -.0918806 -4.68847/.34), transparent 42%), var(--leaderboard-bg-dark,linear-gradient(180deg, var(--cream), var(--cream-soft)))}}.leaderboard-shell:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(90deg,#fff8ea5c,#fff8ea24);background:linear-gradient(90deg,lab(97.7432% .985444 7.62526/.36),lab(97.7432% .985444 7.62526/.14));position:fixed;inset:0}:root[data-theme=dark] .leaderboard-shell:before{background:linear-gradient(90deg,#0000026b,#0307114d);background:linear-gradient(90deg,lab(.101305% .078626 -.7061/.42),lab(1.92827% -.0918806 -4.68847/.3))}.leaderboard-shell>.topbar{place-self:start stretch;width:100%}.leaderboard-stage{z-index:1;align-self:center;place-items:center;min-height:0;padding:12px 18px;display:grid;position:relative}.leaderboard-board{width:min(1120px,100%);height:min(694px, calc(100svh - var(--topbar-h) - 18px));border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;min-height:0;padding:18px 28px 16px;display:grid;overflow:hidden}.leaderboard-heading{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:center;gap:18px;display:grid}.leaderboard-title-lockup{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:18px;min-width:0;display:grid}.leaderboard-logo{width:116px;height:auto}.leaderboard-heading h1{font-family:var(--font-display);margin:3px 0 0;font-size:clamp(27px,3.6svh,34px);line-height:1}.leaderboard-search{border:1px solid var(--line);background:var(--cream-panel);border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:0 14px;display:grid;position:relative}.leaderboard-search svg{color:var(--ink-muted)}.leaderboard-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:14px;font-weight:750}.leaderboard-search input::placeholder{color:var(--ink-muted)}.leaderboard-search-status{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.leaderboard-table-wrap{height:100%;min-height:0;position:relative}.leaderboard-table-wrap.loading .leaderboard-table{opacity:.38}.leaderboard-loading-overlay{background:color-mix(in oklch, var(--cream-panel-strong), transparent 36%)}.leaderboard-table{grid-template-rows:31px repeat(10,minmax(43px,1fr));align-content:start;height:100%;min-height:0;display:grid;overflow:hidden}.leaderboard-table-header,.leaderboard-row{grid-template-columns:minmax(48px,.5fr) minmax(238px,2.1fr) minmax(72px,.62fr) minmax(92px,.78fr) minmax(84px,.72fr) minmax(84px,.72fr) minmax(116px,1fr);align-items:center;gap:10px;padding:0 18px;display:grid}.leaderboard-table-header{color:var(--ink);border-bottom:1px solid var(--line-soft);font-size:13px;font-weight:950}.leaderboard-row{border-bottom:1px solid var(--line);background:0 0;min-height:43px}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row.blank{background:color-mix(in oklch, var(--cream-panel-strong), transparent 18%)}.leaderboard-row.blank span:not(.leaderboard-rank-empty){display:none}.leaderboard-rank{width:29px;height:29px;color:var(--ink);border:1px solid #0000;border-radius:999px;place-items:center;font-size:13px;font-weight:950;display:grid}.leaderboard-rank.rank-1,.leaderboard-rank.rank-2,.leaderboard-rank.rank-3{color:#fffbf4;color:lab(98.8795% .56228 4.55513)}.leaderboard-rank.rank-1{background:#d39900;background:lab(67.5474% 16.1072 81.1707);border-color:#ffc75a;border-color:lab(83.8982% 12.1836 61.0067)}.leaderboard-rank.rank-2{background:#95928b;background:lab(60.5879% .594288 3.78217);border-color:#b4b0aa;border-color:lab(72.1882% .588506 3.77822)}.leaderboard-rank.rank-3{background:#be6517;background:lab(52.8591% 32.8108 55.4257);border-color:#de8f57;border-color:lab(66.963% 26.8559 42.4565)}.leaderboard-rank-empty{color:var(--ink-muted);opacity:.5;background:0 0;border-color:#0000}.leaderboard-player{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.leaderboard-avatar{object-fit:cover;outline:2px solid var(--line-soft);border:0;border-radius:999px;width:32px;height:32px;display:block}.leaderboard-player-copy{justify-self:start;gap:1px;min-width:0;max-width:100%;display:grid}.leaderboard-player-name-line{grid-template-columns:minmax(0,auto) auto;align-items:center;gap:8px;width:fit-content;min-width:0;max-width:100%;display:inline-grid}.leaderboard-player-copy a{max-width:18ch;color:inherit;text-overflow:ellipsis;white-space:nowrap;padding-bottom:1px;font-size:13px;font-weight:950;line-height:1.22;text-decoration:none;display:block;overflow:hidden}.leaderboard-player-copy a:hover{color:var(--sky-deep);text-underline-offset:2px;text-decoration:underline}.leaderboard-player-copy small{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:850;line-height:1.1;overflow:hidden}.leaderboard-country{border-radius:4px;width:24px;height:18px;display:block;overflow:hidden}.leaderboard-country.placeholder{display:none}.leaderboard-country .twemoji-flag{filter:none;width:100%;height:100%}.leaderboard-elo{color:var(--ink);font-size:14px;font-weight:950}.leaderboard-day-rank{align-items:center;min-width:0;font-size:12px;font-weight:950;display:inline-flex}.rank-move{align-items:center;gap:3px;display:inline-flex}.rank-move.up,.leaderboard-day-elo.gain{color:#03611c;color:lab(35.4228% -37.283 30.7271)}.rank-move.down,.leaderboard-day-elo.loss{color:#b91400;color:lab(40.0618% 62.2025 58.1786)}.rank-move.flat,.leaderboard-day-elo.flat{color:var(--ink-muted)}.leaderboard-day-elo{font-size:12px;font-weight:950}.leaderboard-win-rate{font-size:13px;font-weight:950}.leaderboard-form{align-items:center;gap:9px;display:inline-flex}.form-dot{background:var(--line-soft);border-radius:999px;width:10px;height:10px}.form-dot.win{background:#1f692b;background:lab(38.8065% -34.2959 27.6362)}.form-dot.loss{background:#c92610;background:lab(44.7247% 61.973 53.659)}.form-dot.empty{opacity:.45}.leaderboard-pages{justify-content:center;margin-inline:auto;padding-top:0}.leaderboard-footer{justify-content:center;align-items:center;min-height:26px;display:grid;transform:translateY(-5px)}.leaderboard-elo-note{color:var(--ink-muted);align-items:center;gap:8px;margin:6px 0 0;font-size:12px;font-weight:850;line-height:1.35;display:inline-flex}.leaderboard-elo-note svg{color:#ad7d00;color:lab(55.9373% 14.2034 72.1698);flex:none}.leaderboard-own-rank{border-top:1px solid var(--line-soft);gap:6px;padding-top:8px;display:grid}.leaderboard-own-rank h2{color:var(--ink);text-align:center;margin:0;font-size:15px;font-weight:950}.leaderboard-row.own,.leaderboard-own-empty{border:1px solid var(--sky);background:color-mix(in oklch, var(--sky-soft), transparent 42%);border-radius:8px;min-height:54px}.leaderboard-own-empty{color:var(--ink-muted);justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:850;display:flex}.leaderboard-own-loading{border-color:var(--line-soft);background:color-mix(in oklch, var(--cream-panel), var(--room-wash) 12%)}.leaderboard-own-empty a{color:var(--sky-deep);font-weight:950;text-decoration:none}.leaderboard-own-empty a:hover{text-underline-offset:2px;text-decoration:underline}.settings-shell{height:100svh;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 50% 42%, #fffbf257, transparent 40%), var(--settings-bg-light,linear-gradient(180deg, var(--cream), var(--cream-soft)));background-position:50%;background-size:cover;grid-template-rows:auto minmax(0,1fr);place-items:stretch center;padding:0;display:grid;overflow:hidden}@supports (color:lab(0% 0 0)){.settings-shell{background:radial-gradient(circle at 50% 42%, lab(98.8975% .875294 6.8545/.34), transparent 40%), var(--settings-bg-light,linear-gradient(180deg, var(--cream), var(--cream-soft)))}}:root[data-theme=dark] .settings-shell{--cream-panel:#1f222d;--cream-panel-strong:#181b26;--line:#51657ca3;--line-soft:#3d4c5da3;--ink:#ede7de;--ink-muted:#beb6a9;--coral:#fa6b54;--coral-deep:#f47d69;--sky:#499ae7;--sky-deep:#6aa9ed;--panel-shadow:none;background:radial-gradient(circle at 50% 42%, #0307115c, transparent 42%), var(--settings-bg-dark,linear-gradient(180deg, var(--cream), var(--cream-soft)));background-position:50%;background-size:cover}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .settings-shell{--line:lab(41.8871% -3.26248 -15.4479/.64);--line-soft:lab(31.4757% -2.57616 -11.9552/.64);--ink:lab(91.9255% .668019 5.32243);--ink-muted:lab(74.5323% 1.24937 7.60745);--coral:lab(63.5571% 54.8676 41.1561);--coral-deep:lab(66.1808% 45.3415 32.9656);--sky:lab(61.1413% -6.28623 -47.3149);--sky-deep:lab(67.0488% -5.74726 -41.3356);background:radial-gradient(circle at 50% 42%, lab(1.92827% -.0918806 -4.68847/.36), transparent 42%), var(--settings-bg-dark,linear-gradient(180deg, var(--cream), var(--cream-soft)))}}.settings-shell:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(90deg,#fff8ea7a,#fff8ea33);background:linear-gradient(90deg,lab(97.7432% .985444 7.62526/.48),lab(97.7432% .985444 7.62526/.2));position:fixed;inset:0}:root[data-theme=dark] .settings-shell:before{background:linear-gradient(90deg,#0000027a,#03071157);background:linear-gradient(90deg,lab(.101305% .078626 -.7061/.48),lab(1.92827% -.0918806 -4.68847/.34))}.settings-panel{z-index:1;width:min(1320px,100% - 36px);height:min(760px, calc(100svh - var(--topbar-h) - 24px));border:1px solid var(--line);background:var(--cream-panel-strong);min-height:0;box-shadow:var(--panel-shadow);border-radius:8px;grid-template-rows:auto minmax(0,1fr);align-self:center;gap:14px;margin:12px 0;padding:clamp(16px,2vw,22px);display:grid;position:relative;overflow:hidden}.settings-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.settings-profile-link{border:1px solid var(--line-soft);min-height:36px;color:var(--ink);background:var(--cream-panel);border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.settings-profile-link:hover{border-color:var(--coral)}.settings-logo{width:108px;height:auto}.settings-header h1{font-family:var(--font-display);margin:0 0 4px;font-size:29px;line-height:1.05}.settings-header p{color:var(--ink-muted);margin:0;font-size:14px;font-weight:700;line-height:1.45}.settings-form-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(310px,1fr) minmax(360px,1.05fr) minmax(260px,.82fr);align-items:stretch;gap:12px;min-height:0;display:grid;position:relative}.settings-profile-form{display:contents}.settings-save-area{z-index:2;justify-items:end;gap:5px;display:grid;position:absolute;top:-68px;right:4px}.settings-save-top{min-width:150px}.settings-save-notice{border:1px solid var(--line-soft);background:var(--cream-panel);text-align:right;border-radius:8px;max-width:260px;margin:0;padding:5px 8px}.settings-mobile-tabs,.settings-mobile-notice{display:none}.settings-card{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;align-content:start;gap:10px;min-width:0;min-height:0;padding:13px;display:grid;overflow:visible}.profile-details-card{grid-area:1/1}.profile-picture-card{grid-area:1/2}.password-settings-card{grid-area:1/3}.settings-card-heading{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.settings-card-heading>span{width:34px;height:34px;color:var(--coral-deep);background:var(--coral-soft);border-radius:8px;place-items:center;display:grid}:root[data-theme=dark] .settings-card-heading>span{background:#44231db8;background:lab(18.3433% 15.6154 11.1667/.72)}.settings-card-heading h2{font-family:var(--font-display);margin:0;font-size:18px;line-height:1.1}.settings-card-heading p{color:var(--ink-muted);margin:2px 0 0;font-size:12px;font-weight:800}.settings-subsection-heading{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;display:grid}.settings-subsection-heading>span{width:22px;height:22px;color:var(--coral);place-items:center;display:grid}.settings-subsection-heading h2{font-family:var(--font-display);margin:0;font-size:15px;line-height:1.1}.settings-subsection-heading p{color:var(--ink-muted);margin:3px 0 0;font-size:12px;font-weight:800;line-height:1.25}.settings-field{color:var(--ink);gap:5px;font-size:13px;font-weight:900;display:grid}.settings-field input{border:1px solid var(--line-soft);width:100%;min-height:36px;color:var(--ink);background:var(--cream-panel-strong);font:inherit;border-radius:8px;padding:0 11px}.settings-field textarea,.settings-field select,.social-link-row input,.social-platform-control select,.country-select-row select{border:1px solid var(--line-soft);width:100%;color:var(--ink);background:var(--cream-panel-strong);font:inherit;border-radius:8px}.settings-field textarea{resize:none;height:76px;min-height:76px;padding:10px;line-height:1.45}.settings-field input:disabled{color:var(--ink-muted);cursor:not-allowed;opacity:.72}.settings-help,.settings-message{color:var(--ink-muted);margin:0;font-size:12px;font-weight:750;line-height:1.35}.settings-help.error,.settings-message.error{color:var(--coral-deep)}.settings-message.success{color:#2b7c37;color:lab(45.8935% -37.1236 29.7602)}.bio-counter{justify-self:end;margin-top:-5px}.settings-section-divider{background:var(--line-soft);height:1px;margin:3px 0}.social-links-list{gap:7px;display:grid}.social-link-row{grid-template-columns:minmax(112px,136px) minmax(0,1fr) 36px;align-items:center;gap:7px;display:grid}.social-platform-control{border:1px solid var(--line-soft);background:var(--cream-panel-strong);border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-height:36px;padding:0 8px;display:grid;position:relative}.social-platform-control img{object-fit:contain;width:21px;height:21px}.social-platform-control select{background:0 0;border:0;min-height:34px;padding:0 25px 0 0;font-size:13px;font-weight:900}.social-link-row>input{min-height:36px;padding:0 11px;font-size:13px;font-weight:750}.social-delete-button{border:1px solid var(--line-soft);width:36px;height:36px;color:var(--ink-muted);background:var(--cream-panel-strong);cursor:pointer;border-radius:8px;place-items:center;display:grid}.social-delete-button:hover{border-color:var(--coral);color:var(--coral-deep)}.add-social-button{border:1px solid var(--line-soft);min-height:34px;color:var(--ink);background:var(--cream-panel-strong);cursor:pointer;border-radius:8px;justify-content:center;justify-self:center;align-items:center;gap:8px;padding:0 17px;font-size:13px;font-weight:900;display:inline-flex}.add-social-button span{font-size:21px;line-height:0}.add-social-button:disabled{cursor:default;opacity:.55}.avatar-fieldset{border:0;gap:9px;min-width:0;margin:0;padding:0;display:grid}.avatar-fieldset legend{color:var(--ink);padding:0;font-size:13px;font-weight:900}.avatar-upload-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.avatar-file-input{display:none}.upload-photo-button,.custom-avatar-button{border:1px solid var(--line-soft);min-height:34px;color:var(--ink);background:var(--cream-panel-strong);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:900;display:inline-flex}.upload-photo-button{padding:0 12px}.upload-photo-button.secondary{color:var(--ink-muted)}.custom-avatar-button{justify-self:start;min-width:0;padding:4px 10px 4px 5px}.custom-avatar-button img{object-fit:cover;border-radius:999px;width:28px;height:28px}.upload-photo-button:hover,.custom-avatar-button:hover,.custom-avatar-button.selected{border-color:var(--coral)}.custom-avatar-button.selected{color:var(--coral-deep)}.profile-picture-layout{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;display:grid}.profile-picture-preview{outline:3px solid var(--coral);background:0 0;border:0;border-radius:999px;place-items:center;width:92px;height:92px;padding:0;display:grid}.profile-picture-preview img{object-fit:cover;border-radius:999px;width:100%;height:100%}.avatar-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:root[data-theme=dark] .settings-shell .upload-photo-button,:root[data-theme=dark] .settings-shell .custom-avatar-button,:root[data-theme=dark] .settings-shell .avatar-cropper,:root[data-theme=dark] .settings-shell .avatar-crop-dialog,:root[data-theme=dark] .settings-shell .social-platform-control,:root[data-theme=dark] .settings-shell .social-link-row>input,:root[data-theme=dark] .settings-shell .country-select-row,:root[data-theme=dark] .settings-shell .country-select-row select,:root[data-theme=dark] .settings-shell .social-delete-button,:root[data-theme=dark] .settings-shell .add-social-button{background:#181b26}:root[data-theme=dark] .settings-shell .avatar-crop-stage{background-color:#1f222d;background-image:linear-gradient(45deg,#1a222e 25%,#0000 25%),linear-gradient(-45deg,#1a222e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1a222e 75%),linear-gradient(-45deg,#0000 75%,#1a222e 75%),none;background-image:linear-gradient(45deg,lab(12.8933% -1.03565 -9.30123) 25%,#0000 25%),linear-gradient(-45deg,lab(12.8933% -1.03565 -9.30123) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,lab(12.8933% -1.03565 -9.30123) 75%),linear-gradient(-45deg,#0000 75%,lab(12.8933% -1.03565 -9.30123) 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.avatar-cropper{border:1px solid var(--line-soft);background:var(--cream-panel-strong);border-radius:8px;justify-items:center;gap:10px;padding:12px;display:grid}.avatar-crop-dialog-backdrop{z-index:80;background:#1104018a;background:lab(1.90898% 3.36724 2.59271/.54);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.avatar-crop-dialog{border:1px solid var(--line);background:var(--cream-panel-strong);width:min(390px,100%);box-shadow:none;border-radius:8px;justify-items:center;gap:13px;padding:16px;display:grid}.avatar-crop-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;display:grid}.avatar-crop-heading h2{font-family:var(--font-display);margin:0 0 4px;font-size:20px;line-height:1.1}.avatar-crop-heading p{color:var(--ink-muted);margin:0;font-size:13px;font-weight:750;line-height:1.35}.avatar-crop-close{border:1px solid var(--line-soft);width:34px;height:34px;color:var(--ink-muted);background:var(--cream-panel);cursor:pointer;border-radius:8px;place-items:center;display:grid}.avatar-crop-close:hover{border-color:var(--coral);color:var(--coral-deep)}.avatar-crop-stage{aspect-ratio:1;background:linear-gradient(45deg, #ebe4d7 25%, transparent 25%), linear-gradient(-45deg, #ebe4d7 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ebe4d7 75%), linear-gradient(-45deg, transparent 75%, #ebe4d7 75%), var(--cream-panel);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;width:min(260px,100%);position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.avatar-crop-stage{background:linear-gradient(45deg, lab(90.7771% .882536 6.8596) 25%, transparent 25%), linear-gradient(-45deg, lab(90.7771% .882536 6.8596) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, lab(90.7771% .882536 6.8596) 75%), linear-gradient(-45deg, transparent 75%, lab(90.7771% .882536 6.8596) 75%), var(--cream-panel)}}.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-photo{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;width:100%;max-width:none;height:100%;position:absolute;top:50%;left:50%}.avatar-crop-mask{pointer-events:none;background:radial-gradient(circle,#0000 58%,#0f050275 59%);background:radial-gradient(circle,#0000 58%,lab(1.92445% 2.70896 2.26139/.46) 59%);position:absolute;inset:0}.avatar-crop-mask:after{content:"";border:2px solid #fffbf4eb;border:2px solid lab(98.8795% .56228 4.55513/.92);border-radius:999px;position:absolute;inset:12%;box-shadow:0 0 0 1px #50322338;box-shadow:0 0 0 1px lab(24.3131% 12.3682 15.5147/.22)}.avatar-zoom-control{width:min(260px,100%);color:var(--ink-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;font-size:12px;font-weight:900;display:grid}.avatar-zoom-control input{width:100%;accent-color:var(--coral)}.avatar-crop-actions{justify-content:center;gap:8px;width:min(360px,100%);display:flex}.avatar-crop-actions .start-match-button,.avatar-crop-actions .upload-photo-button{flex:1 1 0;min-width:0}.avatar-choice-grid{grid-template-columns:repeat(5,54px);justify-content:start;gap:7px;display:grid}.avatar-choice{aspect-ratio:1;border:1px solid var(--line-soft);background:var(--cream-panel-strong);cursor:pointer;border-radius:8px;place-items:center;min-width:0;padding:4px;display:grid;position:relative;overflow:hidden}.avatar-choice:hover,.avatar-choice.selected{border-color:var(--coral)}.avatar-choice img{object-fit:cover;border-radius:7px;width:100%;height:100%}.avatar-check{color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral);border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:5px;right:5px}.avatar-choice strong{display:none}.preset-avatar-dialog-backdrop{z-index:80;background:#1104018a;background:lab(1.90898% 3.36724 2.59271/.54);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preset-avatar-dialog{border:1px solid var(--line);background:var(--cream-panel-strong);border-radius:8px;gap:14px;width:min(640px,100%);max-height:min(78svh,640px);padding:16px;display:grid}.preset-avatar-dialog-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.preset-avatar-dialog-heading h2{font-family:var(--font-display);margin:0 0 4px;font-size:20px;line-height:1.1}.preset-avatar-dialog-heading p{color:var(--ink-muted);margin:0;font-size:13px;font-weight:750;line-height:1.35}.avatar-choice-grid.modal{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;max-height:min(60svh,420px);padding-right:4px;overflow:auto}.avatar-choice-grid.modal .avatar-choice{aspect-ratio:auto;text-align:center;grid-template-rows:auto auto;gap:8px;padding:10px 8px}.avatar-choice-grid.modal .avatar-choice img{justify-self:center;width:72px;height:72px}.avatar-choice-grid.modal .avatar-choice strong{font-size:12px;font-weight:900;line-height:1.15;display:block}.country-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.country-choice{border:1px solid var(--line-soft);min-height:54px;color:var(--ink);background:var(--cream-panel-strong);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:20px minmax(0,1fr);gap:2px 8px;padding:9px;display:grid}.country-choice.selected{border-color:var(--coral);background:color-mix(in oklch, var(--coral-soft), transparent 38%)}.country-choice .radio-dot{border:1px solid var(--line);border-radius:999px;grid-row:1/span 2;place-items:center;width:18px;height:18px;margin-top:2px;display:grid}.country-choice.selected .radio-dot:after{background:var(--coral);content:"";border-radius:999px;width:8px;height:8px}.country-choice strong{font-size:13px;line-height:1.1}.country-choice small{color:var(--ink-muted);font-size:11px;font-weight:750;line-height:1.25}.country-select-row{border:1px solid var(--line-soft);background:var(--cream-panel-strong);border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:38px;padding:0 11px;display:grid}.country-select-row select{background:0 0;border:0;min-height:36px;font-weight:900}.country-select-row select:disabled{cursor:not-allowed;opacity:.62}.password-save-button{border:1px solid var(--line-soft);min-height:34px;color:var(--ink);background:var(--cream-panel-strong);cursor:pointer;border-radius:8px;justify-content:center;justify-self:center;align-items:center;gap:8px;padding:0 16px;font-weight:900;display:inline-flex}.password-save-button:disabled{cursor:default;opacity:.58}.settings-card .start-match-button{justify-self:end}.preset-avatar-summary{border:1px solid var(--line-soft);background:var(--cream-panel-strong);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.preset-avatar-current{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.preset-avatar-current img,.preset-avatar-placeholder{border-radius:999px;place-items:center;width:46px;height:46px;display:grid}.preset-avatar-current img{object-fit:cover}.preset-avatar-placeholder{color:var(--ink-muted);background:var(--cream-panel)}.preset-avatar-current strong{font-size:13px;font-weight:950;line-height:1.1;display:block}.preset-avatar-current small{color:var(--ink-muted);margin-top:3px;font-size:11px;font-weight:800;line-height:1.3;display:block}.avatar-picker-button,.managed-account-link{border:1px solid var(--line-soft);min-height:36px;color:var(--ink);background:var(--cream-panel);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.avatar-picker-button:hover,.managed-account-link:hover{border-color:var(--coral);color:var(--coral-deep)}.managed-account-card{border:1px solid var(--line-soft);background:var(--cream-panel-strong);border-radius:8px;gap:12px;padding:14px;display:grid}.managed-account-provider{gap:6px;display:grid}.managed-account-provider strong{font-size:14px;line-height:1.2}.managed-account-badge{border:1px solid color-mix(in oklch, var(--sky), var(--line) 42%);width:fit-content;min-height:24px;color:var(--sky-deep);background:color-mix(in oklch, var(--sky-soft), transparent 26%);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:950;display:inline-flex}.content-panel{background:#fffcf6;max-height:100%;padding:clamp(18px,3svh,28px)}.content-panel h1{max-width:620px;font-family:var(--font-display);margin:10px 0 14px;font-size:clamp(25px,4svh,34px);line-height:1.05}.content-panel h2{font-family:var(--font-display);margin:0;font-size:18px}.content-panel p{max-width:60ch;color:var(--ink-muted);margin:0 0 14px;font-size:clamp(13px,1.9svh,16px);font-weight:600;line-height:1.55}.section-kicker{color:var(--coral-deep);align-items:center;gap:8px;font-size:13px;font-weight:900;display:inline-flex}.rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.rule-card{border:1px solid var(--line-soft);background:#fff8ebc2;background:lab(97.7375% .876248 6.85518/.76);border-radius:8px;min-height:clamp(112px,17svh,150px);padding:clamp(13px,2.2svh,18px)}:root[data-theme=dark] .noku-shell .rule-card{border-color:var(--line-soft);background:#151d2ab8;background:lab(10.5627% -.955328 -9.62524/.72)}.rule-card span{width:38px;height:38px;color:var(--coral-deep);place-items:center;margin-bottom:12px;display:inline-grid}.rule-card p{margin:8px 0 0;font-size:14px}.rules-steps{gap:8px;max-width:58ch;margin:0 0 18px;padding:0;list-style:none;display:grid}.rules-steps li{border:1px solid var(--line-soft);color:var(--ink-muted);background:var(--cream-panel-strong);border-radius:8px;padding:9px 11px;font-size:14px;font-weight:700;line-height:1.38}.rules-steps strong{color:var(--ink)}.primary-cta{color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral);border-color:var(--coral-deep);justify-content:center;align-items:center;min-width:148px;padding:0 20px;font-weight:900;display:inline-flex}.primary-cta:hover{background:var(--coral-deep)}.example-panel,.quiet-panel,.asset-panel{gap:16px;display:grid}.example-board{border:1px solid var(--line);background:#fffbf480;background:lab(98.8795% .56228 4.55513/.5);border-radius:8px;grid-template-rows:repeat(7,34px);grid-template-columns:repeat(7,34px);width:max-content;display:grid;overflow:hidden}:root[data-theme=dark] .noku-shell .example-board{border-color:var(--line);background:#0b121ca8;background:lab(5.18947% -.545196 -7.46504/.66)}.example-cell{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.example-red,.example-blue{border-radius:5px;margin:2px}.example-red{background:var(--coral)}.example-blue{background:var(--sky-deep)}.tutorial-stage{place-items:center;width:min(1180px,100% - 28px);height:100%;margin:0 auto;padding:14px 0;display:grid;overflow:hidden}.tutorial-shell{width:100%;max-height:calc(100svh - var(--topbar-h) - 24px);place-items:center;min-height:0;display:grid}.tutorial-layout{grid-template-columns:minmax(220px,250px) max-content minmax(220px,250px);justify-content:center;align-items:start;gap:16px;width:fit-content;max-width:100%;min-height:0;display:grid}.tutorial-side-panel,.tutorial-board-panel{border:1px solid var(--line);background:var(--cream-panel-strong);box-shadow:var(--panel-shadow);border-radius:8px}:root[data-theme=dark] .noku-shell .tutorial-side-panel,:root[data-theme=dark] .noku-shell .tutorial-board-panel{background:var(--cream-panel)}.tutorial-side-panel{align-content:start;gap:12px;min-height:0;padding:14px;display:grid}.tutorial-guide-column{align-content:start;gap:12px;width:100%;min-height:0;display:grid}.tutorial-side-panel h2,.tutorial-side-panel h3{color:var(--ink);font-family:var(--font-display);margin:0;line-height:1}.tutorial-side-panel h2{font-size:18px}.tutorial-lessons-panel>h2,.tutorial-guide-panel>h2,.tutorial-wall-tray>h2{color:var(--ink);font-family:var(--font-display);letter-spacing:0;font-size:18px;font-weight:900;line-height:1}.tutorial-side-panel h3{font-size:14px}.tutorial-lesson-list{gap:8px;display:grid}.tutorial-lesson-card{border:1px solid var(--line-soft);min-height:61px;color:var(--ink);background:var(--cream-panel);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;display:grid}.tutorial-lesson-card[aria-current=step]{background:#fff4e0;background:lab(96.6096% 1.56909 11.5055);border-color:currentColor}.tutorial-lesson-card>span{background:var(--cream-panel-strong);border:1px solid;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.tutorial-lesson-card.red{color:var(--coral-deep)}.tutorial-lesson-card.blue{color:var(--sky-deep)}.tutorial-lesson-card.green{color:#1c702b;color:lab(41.2411% -37.183 30.1125)}.tutorial-lesson-card.gold{color:#9e6800;color:lab(48.7279% 20.3418 78.946)}.tutorial-lesson-card strong{min-width:0;color:var(--ink);font-size:12px;font-weight:950;line-height:1.15}.tutorial-lesson-card small{color:currentColor;font-size:11px;font-weight:950}.tutorial-board-panel{--cell-size:clamp(32px, min(2.75vw, calc((100svh - var(--topbar-h) - 270px) / 11)), 38px);--coord-size:clamp(20px, 2.2svh, 24px);--board-pad:clamp(7px, 1svh, 9px);--wall-thickness:clamp(4px, .34vw, 5px);--playable-size:calc(var(--cell-size) * 11);--board-width:calc(var(--coord-size) + var(--playable-size) + (var(--board-pad) * 2) + 2px);align-content:start;justify-items:center;gap:8px;min-width:0;max-height:100%;padding:12px;display:grid;overflow:visible}.tutorial-turn-banner{width:var(--board-width);grid-area:auto;justify-self:center}.tutorial-turn-banner .turn-status-panel{min-height:48px}.tutorial-turn-banner .turn-action-panel{min-height:42px;padding:5px 7px}.tutorial-reset-action{min-width:94px;color:var(--ink-muted)}.tutorial-board-wrap{width:var(--board-width);justify-items:center;max-width:100%;display:grid;position:relative}.tutorial-board-shell{grid-area:auto;justify-self:center}.tutorial-board .tutorial-target-cell:after{z-index:1;content:"";pointer-events:none;border:2px solid #d19000;border:2px solid lab(65.078% 19.9418 82.0756);border-radius:999px;position:absolute;inset:24%}.tutorial-board-hint{z-index:7;border:1px solid var(--line);width:min(330px,100% - 48px);color:var(--ink);background:var(--cream-panel-strong);box-shadow:var(--panel-shadow);border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-board-hint>span{border:1px solid color-mix(in oklch, var(--gold), var(--line) 45%);color:#a76d00;color:lab(51.0154% 22.0507 88.9231);background:#fff3d9;background:lab(96.6528% 2.90659 19.4218);border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.tutorial-board-hint.success>span{border-color:color-mix(in oklch, var(--leaf), var(--line) 45%);color:#1c702b;color:lab(41.2411% -37.183 30.1125);background:#d8f9d9;background:lab(94.9182% -15.5665 11.715)}.tutorial-board-hint.mistake>span{border-color:color-mix(in oklch, var(--coral), var(--line) 42%);color:var(--coral-deep);background:var(--coral-soft)}.tutorial-board-hint strong{color:var(--ink);font-size:15px;font-weight:950;line-height:1.2;display:block}.tutorial-board-hint p{color:var(--ink-muted);margin:3px 0 0;font-size:13px;font-weight:750;line-height:1.35}.tutorial-hint-action{color:#1c702b;color:lab(41.2411% -37.183 30.1125);cursor:pointer;background:#fff8eb;background:lab(97.7375% .876248 6.85518);border:1px solid #1c702b;border:1px solid lab(41.2411% -37.183 30.1125);border-radius:8px;grid-column:2;justify-content:center;align-items:center;gap:7px;width:fit-content;min-height:34px;margin-top:4px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.tutorial-hint-action.mistake{border-color:var(--coral-deep);color:var(--coral-deep);background:#fffbf4;background:lab(98.8857% .664294 5.31991)}.tutorial-hint-action.primary{border-color:var(--coral-deep);color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral)}.tutorial-final-actions{flex-wrap:wrap;grid-column:2;gap:8px;margin-top:4px;display:flex}.tutorial-wall-tray{align-content:start;gap:12px;width:100%;max-width:100%;min-height:0;display:grid}.tutorial-wall-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tutorial-wall-button{border-color:var(--line-soft);background:var(--cream-panel);grid-template-columns:minmax(0,1fr);gap:2px;min-height:54px;padding:4px}.tutorial-wall-button:hover:not(:disabled),.tutorial-wall-button.required:not(:disabled){border-color:var(--sky-deep);background:var(--sky-soft)}.tutorial-wall-button.used{opacity:.35}.tutorial-wall-button:disabled{cursor:default}.tutorial-wall-button .wall-piece-icon{width:54px;height:40px}.tutorial-wall-group .preview{filter:drop-shadow(0 0 8px #e7a13c70);filter:drop-shadow(0 0 8px lab(71.9578% 20.6362 60.5891/.44))}.tutorial-wall-group .preview .wall-clearance{opacity:.34}.tutorial-wall-group .preview .wall-rim,.tutorial-wall-group .preview .wall-core{opacity:.58;stroke-dasharray:1 1.65}.tutorial-wall-group .preview.valid .wall-clearance{stroke:#bef5c1;stroke:lab(91.8763% -25.4998 19.3841)}.tutorial-wall-group .preview.valid .wall-rim,.tutorial-wall-group .preview.valid .wall-core{opacity:.78;stroke-dasharray:none}.tutorial-wall-group .preview.invalid{filter:drop-shadow(0 0 10px #d33d2994);filter:drop-shadow(0 0 10px lab(49.4923% 58.5366 47.1461/.58))}.tutorial-wall-group .preview.invalid .wall-clearance{opacity:.62;stroke:#ffccc0;stroke:lab(87.548% 29.6414 20.7663)}.tutorial-wall-group .preview.invalid .wall-rim,.tutorial-wall-group .preview.invalid .wall-core{opacity:.88;stroke:#cc2a1b;stroke:lab(45.8683% 62.2002 50.529);stroke-dasharray:1 1.35}.tutorial-footer-actions{width:var(--board-width);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:100%;display:grid}.tutorial-footer-actions .setup-back,.tutorial-footer-actions .start-match-button,.tutorial-footer-actions .tutorial-try-button{gap:7px;min-width:0;min-height:38px;padding:0 10px;font-size:13px;line-height:1.1}.tutorial-try-button{color:#1c702b;color:lab(41.2411% -37.183 30.1125);background:var(--cream-panel);cursor:pointer;border:1px solid #1c702b;border:1px solid lab(41.2411% -37.183 30.1125);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:14px;font-weight:900;display:inline-flex}.tutorial-guide-panel{gap:14px}.tutorial-rule-list{display:grid}.tutorial-rule-item{border-bottom:1px solid var(--line-soft);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;display:grid}.tutorial-rule-item:last-child{border-bottom:0}.tutorial-rule-item>span{border:1px solid var(--line-soft);width:38px;height:38px;color:var(--sky-deep);background:var(--cream-panel);border-radius:999px;place-items:center;display:grid}.tutorial-rule-item strong{color:var(--ink);font-size:13px;font-weight:900;line-height:1.2}:root[data-theme=dark] .noku-shell .tutorial-lesson-card[aria-current=step],:root[data-theme=dark] .noku-shell .tutorial-board-hint,:root[data-theme=dark] .noku-shell .tutorial-wall-tray,:root[data-theme=dark] .noku-shell .tutorial-wall-button,:root[data-theme=dark] .noku-shell .tutorial-rule-item>span,:root[data-theme=dark] .noku-shell .tutorial-try-button,:root[data-theme=dark] .noku-shell .tutorial-hint-action{background:#151d2ab8;background:lab(10.5627% -.955328 -9.62524/.72)}.leaderboard-list{gap:10px;margin-top:18px;display:grid}.leader-row{border:1px solid var(--line-soft);background:#fff8ebc2;background:lab(97.7375% .876248 6.85518/.76);border-radius:8px;grid-template-columns:42px 44px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;min-height:clamp(58px,9svh,74px);padding:clamp(9px,1.5svh,12px) 14px;display:grid}:root[data-theme=dark] .noku-shell .leader-row{border-color:var(--line-soft);background:#151d2ab8;background:lab(10.5627% -.955328 -9.62524/.72)}.rank{color:#fffbf4;color:lab(98.8795% .56228 4.55513);background:var(--coral);border-radius:999px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.leader-avatar{outline:2px solid var(--line-soft);object-fit:cover;border:0;border-radius:999px;width:42px;height:42px;display:block;box-shadow:0 2px 8px #38170624;box-shadow:0 2px 8px lab(12.579% 16.179 16.6664/.14)}.leader-row h2{margin:0 0 3px}.leader-row p{margin:0;font-size:13px}.leader-row strong{color:var(--sky-deep);font-size:20px}.leader-country{place-items:center;display:grid}.best-score{color:var(--ink-muted);font-size:13px;font-weight:800}.quiet-panel{align-content:center;min-height:230px}.quiet-panel svg{color:var(--gold)}.ranked-notes{flex-wrap:wrap;gap:8px;display:flex}.ranked-notes span{border:1px solid var(--line-soft);color:var(--ink);background:var(--cream-panel-strong);border-radius:8px;padding:7px 9px;font-size:12px;font-weight:850}.asset-panel{padding:0;overflow:hidden}.asset-preview{background-image:var(--asset-bg-light);background-position:50%;background-size:cover;width:100%;height:min(42svh,360px);display:block}:root[data-theme=dark] .noku-shell .asset-preview{background-image:var(--asset-bg-dark)}.mobile-match-bar,.mobile-piece-stack,.mobile-piece-dock{display:none}@media (max-width:1180px){.scene{padding-left:12px;padding-right:12px}.profile-stage{grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:12px;width:calc(100% - 24px)}.profile-identity-card{padding:14px}.profile-identity-top{grid-template-columns:112px minmax(0,1fr);gap:14px;min-height:140px}.profile-avatar-large{width:112px;height:112px}.profile-title-row h1{font-size:28px}.profile-history-card{padding-left:12px;padding-right:12px}.profile-history-table-header,.profile-match-row{grid-template-columns:minmax(42px,.54fr) 26px minmax(84px,1.45fr) minmax(68px,.82fr) minmax(54px,.64fr) minmax(72px,.86fr) minmax(34px,.44fr) minmax(66px,.8fr);gap:6px;padding:0 7px}.board-column{--activity-panel-width:clamp(146px, 13.2vw, 170px);--player-panel-width:136px;--layout-column-gap:10px;grid-template-columns:var(--activity-panel-width) var(--player-panel-width) var(--board-width) var(--player-panel-width) var(--activity-panel-width)}.turn-action-panel .key-hint{display:none}.activity-header{padding-left:8px;padding-right:8px}.chat-composer{grid-template-columns:minmax(0,1fr) 30px;padding:7px}}@media (max-width:980px){:root{--topbar-h:92px;--play-gap:8px;--cell-size:min(4.9vw, 42px)}.topbar{grid-template-columns:auto 1fr;gap:8px 14px}.nav-tabs{order:3;grid-column:1/-1;justify-content:center;padding-bottom:2px;overflow-x:auto}.room-actions{gap:8px}.profile-button>span:not(.avatar){display:none}.game-table{max-width:100%}.board-column{order:-1}.player-panel{min-height:auto}.piece-tray{grid-template-columns:repeat(2,minmax(0,1fr))}.content-stage{grid-template-columns:minmax(0,820px);padding-top:12px}.landing-stage{grid-template-columns:minmax(0,1fr)}.landing-live-grid{grid-template-columns:minmax(300px,420px) minmax(300px,390px);gap:16px}.landing-menu-column{gap:10px}.landing-replay-showcase{--cell-size:clamp(26px, min(3.82vw, calc((100svh - var(--topbar-h) - 148px) / 11)), 36px)}.landing-logo{width:clamp(152px,17vw,190px)}.landing-tagline{font-size:15px}.landing-mode{grid-template-columns:42px minmax(0,1fr) 18px;min-height:74px;padding:11px}.landing-mode-icon{width:40px;height:40px}.landing-mode-copy strong{font-size:16px}.landing-mode-copy span{font-size:12px}.profile-achievements{gap:8px;padding:10px}.profile-achievements .profile-section-title{z-index:1;position:relative}.achievement-strip{align-self:start;gap:6px}.achievement-tile{gap:4px;min-height:86px;padding:8px 6px}.achievement-icon{width:30px;height:30px}.achievement-icon svg{width:26px;height:26px}.achievement-tile strong{font-size:10px}.achievement-tile small{display:none}}@media (max-width:760px){:root{--topbar-h:84px;--cell-size:max(21px, min(7.65vw, calc((100svh - var(--topbar-h) - 300px) / 11), 30px));--coord-size:18px;--wall-thickness:5px;--mini-cell:9px}.topbar{height:var(--topbar-h);min-height:var(--topbar-h);gap:6px 10px;padding:6px 12px}.brand{width:94px;height:34px}.room-actions{gap:6px}.theme-toggle,.discord-button,.notification-button{width:34px;min-height:34px}.profile-button{gap:5px;min-height:34px;padding:0 6px;font-size:12px}.profile-button .avatar-small{border-width:2px;outline-width:2px;width:29px;height:29px}.profile-button>span:not(.avatar){display:inline}.nav-tabs{border-top:1px solid var(--line-soft);background:#f5eee1e0;background:lab(94.2602% .933915 7.24241/.88);border-radius:0;justify-content:space-between;gap:0;width:calc(100% + 24px);margin:0 -12px -6px;padding:2px 12px 5px;overflow:visible}:root[data-theme=dark] .nav-tabs{background:#040913eb;background:lab(2.42029% -.181578 -5.08816/.92);border-top-color:#2b3c4fa3;border-top-color:lab(24.4796% -2.6242 -13.942/.64)}.nav-tab{white-space:normal;flex:1 1 0;min-width:0;min-height:32px;padding:0 5px;font-size:13px;line-height:1.1}.nav-tab:after{left:12px;right:12px}.scene{padding:16px 10px 6px}.auth-panel{gap:10px;width:min(420px,100% - 20px);margin:8px 0;padding:14px}.register-panel{max-height:calc(100svh - var(--topbar-h) - 14px);grid-template-columns:1fr;gap:8px}.register-panel .auth-panel-intro{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px 12px}.register-panel .auth-logo{grid-row:1/4;width:78px}.register-panel h1{margin:2px 0;font-size:23px}.register-panel p{font-size:11px;line-height:1.25}.register-panel .auth-form,.register-panel .auth-switch{grid-area:auto/1}.register-auth-form{gap:7px}.register-auth-form .auth-form-fields{grid-template-columns:1fr;gap:7px}.auth-form label{gap:4px;font-size:12px}.auth-form input{min-height:34px;padding:0 9px}.oauth-button{min-height:36px;font-size:13px}.auth-divider{gap:7px;font-size:11px}.auth-captcha-shell{justify-items:start;min-height:70px}.auth-captcha{transform-origin:0 0;min-width:303px;min-height:78px;transform:scale(.9)}.auth-message,.auth-config-note,.auth-switch{font-size:11px;line-height:1.25}.landing-stage{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:9px;width:min(100%,430px);padding:0 0 4px}.landing-live-grid{grid-template-columns:minmax(0,1fr);gap:8px;width:100%}.landing-menu-column{gap:8px}.landing-replay-showcase{display:none}.landing-hero{grid-template-rows:none;gap:8px;width:100%;height:auto}.landing-copy{grid-row:auto;gap:5px}.landing-logo{width:168px;max-width:min(70vw,168px)}.landing-tagline{max-width:31ch;font-size:15px;line-height:1.22}.landing-status-row{gap:6px}.landing-status-pill{min-height:29px;padding:0 9px;font-size:10px}.landing-play-row{grid-row:auto;grid-template-columns:1fr;gap:8px;width:100%}.landing-action-grid{grid-template-columns:1fr;gap:8px;width:100%}.landing-secondary-stack{gap:7px}.landing-mode{grid-template-columns:34px minmax(0,1fr) 16px;gap:8px;min-height:58px;padding:8px}.landing-mode.featured{min-height:150px;padding:13px 14px 12px}.landing-mode-icon{width:34px;height:34px}.landing-mode.featured .landing-mode-icon{width:44px;height:44px;margin-bottom:5px}.landing-mode-icon svg{width:21px;height:21px}.landing-mode-copy{gap:3px}.landing-mode-copy strong{font-size:14px}.landing-mode.featured .landing-mode-copy strong{font-size:21px}.landing-mode-copy span{font-size:11px;line-height:1.15}.landing-mode.featured .landing-mode-copy span{max-width:none}.landing-mode-arrow{width:16px;height:16px}.landing-mode-cta{width:min(180px,100%);min-height:38px;margin-top:10px;font-size:12px}.profile-stage{width:calc(100% - 20px);height:calc(100svh - var(--topbar-h) - 12px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-self:start;gap:8px;margin:6px auto 0}.profile-identity-card{grid-template-rows:auto auto auto;gap:8px;padding:10px}.profile-identity-top{grid-template-columns:78px minmax(0,1fr);gap:10px;min-height:0}.profile-avatar-large{width:78px;height:78px}.profile-name-block{gap:3px}.profile-title-row{gap:7px}.profile-title-row h1{font-size:23px}.profile-flag{width:34px;height:24px}.profile-username,.profile-name-block p{font-size:11px;line-height:1.22}.profile-social-row{gap:6px;min-height:30px;margin-top:2px}.profile-social-row button{width:31px;height:31px}.profile-social-row img{width:18px;height:18px}.profile-social-notice,.profile-no-socials{min-height:14px;font-size:10px}.profile-edit-button{width:min(142px,100%);min-height:30px;font-size:12px}.profile-stat{gap:3px;min-height:46px;padding:7px 4px}.profile-stat span{font-size:10px}.profile-stat strong{font-size:20px}.profile-achievements{gap:7px;padding:8px}.profile-section-title>span{font-size:15px}.profile-section-title button{font-size:11px}.achievement-strip{gap:6px}.achievement-tile{gap:2px;min-height:66px;padding:6px 4px}.achievement-icon{width:27px;height:27px}.achievement-icon svg{width:24px;height:24px}.achievement-tile strong{font-size:9px}.achievement-tile small{display:none}.achievement-tile-copy{gap:2px}.achievement-modal-backdrop{padding:8px}.achievement-dialog{gap:10px;width:calc(100vw - 16px);height:calc(100svh - 16px);padding:12px}.achievement-dialog-header{grid-template-columns:56px minmax(0,1fr) 34px;gap:10px}.achievement-owner-avatar{width:54px;height:54px}.achievement-dialog-title{gap:4px}.achievement-dialog-title h2{font-size:19px}.achievement-dialog-title p{font-size:12px}.achievement-progress-track{height:6px}.achievement-dialog-close{width:34px;height:34px}.achievement-dialog-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:9px}.achievement-category-list{grid-auto-columns:minmax(104px,1fr);grid-auto-flow:column;gap:6px;padding:7px;display:grid;overflow-x:auto}.achievement-category-list button{grid-template-columns:24px minmax(0,1fr);gap:6px;min-height:45px;padding:7px}.achievement-category-list strong{font-size:11px}.achievement-category-list small{font-size:9px}.achievement-card-grid{grid-template-columns:1fr;gap:7px;padding-right:2px}.achievement-menu-card{grid-template-columns:43px minmax(0,1fr) 62px;gap:8px;min-height:74px;padding:8px}.achievement-menu-icon{border-width:2px;width:40px;height:40px}.achievement-menu-icon svg{width:23px;height:23px}.achievement-menu-copy{gap:3px}.achievement-menu-title-row{gap:5px}.achievement-menu-title-row strong{font-size:12px}.achievement-rarity{padding:1px 4px;font-size:8px}.achievement-menu-copy p{font-size:10px}.achievement-menu-copy small{display:none}.achievement-menu-status{gap:4px;font-size:9px}.achievement-card-progress{width:52px}.achievement-menu-status strong{font-size:10px}.profile-history-card{gap:7px;padding:10px;overflow:hidden}.profile-history-header{grid-template-columns:1fr;gap:6px}.profile-section-title.compact>span{font-size:15px}.history-filter-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.history-filter-row strong{display:none}.history-filter-row button{min-width:0;min-height:29px;font-size:10px}.profile-history-table-header,.profile-match-row{grid-template-columns:36px 23px minmax(0,1fr) 42px 58px 28px;gap:5px;min-height:24px;padding:0 6px}.profile-history-table-header span:nth-child(4),.profile-history-table-header span:nth-child(7){display:none}.profile-history-table-header span:nth-child(8){text-align:right}.match-avatar,.match-avatar-image{width:23px;height:23px;font-size:8px}.match-result,.match-opponent{font-size:10px}.match-mode,.match-time{display:none}.match-elo{font-size:10px}.match-end-chip{gap:0;padding:0 5px;font-size:9px}.match-end-chip small{display:none}.replay-button{min-height:23px;padding:0 5px;font-size:0}.replay-button svg{width:14px;height:14px}.profile-history-pages{gap:6px}.profile-history-pages button{min-width:30px;height:27px;font-size:11px}.settings-shell{align-items:stretch;padding:0}.settings-panel{width:calc(100% - 20px);height:auto;max-height:calc(100svh - var(--topbar-h) - 12px);gap:9px;margin:6px 0;padding:11px}.settings-header{grid-template-columns:84px minmax(0,1fr) auto;gap:10px}.settings-profile-link{min-height:32px;padding:0 11px;font-size:12px}.settings-logo{width:84px}.settings-header h1{font-size:24px}.settings-header p{font-size:12px;line-height:1.25}.settings-form-grid{grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:1fr;gap:8px;height:auto;overflow:hidden}.settings-save-area{order:-2;justify-self:stretch;justify-items:stretch;position:static}.settings-save-top{min-height:36px}.settings-save-area.mobile-save-hidden{display:none}.settings-save-notice{text-align:center;max-width:none}.settings-mobile-tabs{order:-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.settings-mobile-tabs button{border:1px solid var(--line-soft);min-height:34px;color:var(--ink-muted);background:var(--cream-panel);cursor:pointer;border-radius:8px;font-size:12px;font-weight:900}.settings-mobile-tabs button.selected{border-color:var(--coral);color:var(--coral-deep);background:color-mix(in oklch, var(--coral-soft), transparent 34%)}.settings-mobile-notice{border:1px solid var(--line-soft);background:var(--cream-panel);border-radius:8px;padding:6px 8px;display:block}.profile-details-card,.profile-picture-card,.password-settings-card{grid-area:auto/1}.settings-card{gap:8px;padding:10px;display:none}.settings-card.mobile-section-active{display:grid}.settings-subsection-heading{grid-template-columns:20px minmax(0,1fr);gap:7px}.settings-subsection-heading>span{width:20px;height:20px}.settings-subsection-heading h2{font-size:14px}.settings-subsection-heading p,.settings-help,.settings-message{font-size:11px;line-height:1.22}.settings-field{gap:4px;font-size:12px}.settings-field input,.social-platform-control,.social-link-row>input,.social-delete-button{min-height:34px}.settings-field textarea{min-height:70px}.social-links-list{gap:6px}.social-link-row{grid-template-columns:minmax(126px,134px) minmax(0,1fr) 34px;gap:6px}.social-delete-button{width:34px;height:34px}.profile-picture-layout{grid-template-columns:82px minmax(0,1fr);gap:10px}.profile-picture-preview{justify-self:center;width:82px;height:82px}.country-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.country-choice{min-height:50px;padding:8px}.country-choice strong{font-size:12px}.country-choice small{font-size:10px}.avatar-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.preset-avatar-summary{grid-template-columns:1fr}.avatar-picker-button,.managed-account-link{width:100%}.preset-avatar-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 20px);padding:12px}.avatar-choice-grid.modal{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-upload-row{grid-template-columns:1fr}.upload-photo-button,.custom-avatar-button{width:100%}.settings-card .start-match-button{justify-self:stretch}.setup-stage{align-items:start;width:min(100%,430px)}.setup-panel{gap:10px;padding:12px}.setup-heading{grid-template-columns:1fr;gap:8px}.setup-heading h1{margin:5px 0;font-size:21px}.setup-heading p{font-size:12px;line-height:1.35}.setup-players{gap:7px}.setup-player{gap:8px;padding:8px}.setup-player .avatar-large{width:38px;height:38px;position:static}.setup-player strong{font-size:14px}.setup-control{gap:7px}.color-choice{grid-template-columns:24px minmax(0,1fr);justify-content:stretch;gap:7px;min-height:52px;padding:8px}.color-choice .color-swatch{width:23px;height:23px}.color-choice strong{font-size:14px}.color-choice small{font-size:10px}.setup-actions{gap:8px}.setup-back,.start-match-button{flex:1 1 0;min-width:0;min-height:38px;padding:0 10px}.friend-stage{align-items:start;width:min(100%,430px)}.friend-panel{width:100%;max-height:calc(100svh - var(--topbar-h) - 20px);gap:9px;padding:11px}.friend-heading h1{margin:4px 0;font-size:22px}.friend-heading p{font-size:12px;line-height:1.25}.friend-choice-grid{grid-template-columns:1fr;gap:8px}.friend-choice-card{text-align:left;grid-template-rows:auto auto auto auto;grid-template-columns:48px minmax(0,1fr);align-content:center;justify-items:start;gap:4px 10px;min-height:108px;padding:10px}.friend-choice-icon{grid-row:1/5;width:48px;height:48px}.friend-choice-icon svg{width:28px;height:28px}.friend-choice-card h2{grid-area:1/2;margin:0;font-size:17px}.friend-choice-card>p{text-align:left;grid-area:2/2;justify-content:flex-start;min-height:0}.friend-choice-card p,.friend-choice-card label{font-size:11px}.friend-create-notes{grid-area:3/2;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-height:34px}.friend-create-notes span{justify-content:center;gap:5px;min-height:34px;padding:0 5px;font-size:10px}.friend-create-notes svg{width:14px;height:14px}.friend-primary-action{grid-area:4/2;min-height:35px;margin-top:4px;font-size:13px}.join-code-field{grid-area:3/2;grid-template-columns:minmax(0,1fr) 32px}.join-code-field input{letter-spacing:.03em;height:34px;padding:0 9px;font-size:13px}.friend-next{gap:9px;font-size:14px}.friend-next-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.friend-next-step{text-align:center;grid-template-columns:1fr;justify-items:center;gap:3px;min-height:58px;padding:6px}.friend-next-step h2{font-size:11px}.friend-next-step p{display:none}.friend-footer-row,.lobby-actions{gap:8px;padding-top:6px}.friend-footer-row>span{text-align:center;font-size:11px}.friend-error{font-size:11px}.lobby-topline{grid-template-columns:1fr;gap:7px}.lobby-status{justify-self:start;min-height:30px;padding:0 9px;font-size:12px}.lobby-code-row{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.lobby-code-row span{font-size:11px}.lobby-code-row strong{letter-spacing:.12em;min-height:40px;padding:8px 10px;font-size:18px}.lobby-tool-button{min-width:0;min-height:40px;padding:0 9px;font-size:0}.lobby-tool-button svg{width:17px;height:17px}.lobby-body{grid-template-columns:1fr;gap:8px;padding-top:8px}.lobby-colors{border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-left:0}.lobby-colors-heading{grid-column:1/-1}.lobby-players,.lobby-colors,.lobby-player-list{gap:7px}.lobby-player-row{grid-template-columns:8px 42px minmax(0,1fr) 26px;gap:7px;min-height:62px;padding:8px}.lobby-player-row .avatar-large{width:42px;height:42px}.lobby-player-copy strong{font-size:14px}.lobby-player-copy em{padding:2px 5px;font-size:9px}.lobby-player-copy small{font-size:10px}.lobby-ready{width:24px;height:24px}.waiting-spinner{border-width:3px;width:20px;height:20px}.lobby-color-card{grid-template-columns:24px minmax(0,1fr) auto;gap:6px;min-height:48px;padding:7px}.lobby-color-card .lobby-color-swatch{width:22px;height:22px}.lobby-color-card strong{font-size:11px}.lobby-color-card span{font-size:9px}.lobby-color-card small{padding:2px 5px;font-size:9px}.swap-colors-button{grid-column:1/-1;min-width:0;min-height:32px;font-size:12px}.socket-state{display:none}.game-table{align-items:start;max-width:100%;height:100%}.player-panel{display:none}.board-column{height:100%;max-height:100%;width:min(100%, calc(var(--coord-size) + var(--playable-size) + 12px), 420px);order:0;grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr;align-content:start;gap:7px}.turn-banner{order:2;grid-area:auto;width:100%}.play-grid{order:3;width:100%;display:block}.activity-rail{order:5;grid-area:auto;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;width:100%;height:clamp(86px,11.5svh,96px);display:grid;position:static;top:auto;right:auto}.moves-panel,.chat-panel{grid-area:auto;height:100%}.activity-panel{min-width:0}.activity-header{min-height:26px;padding:5px 7px}.activity-title{gap:5px}.activity-title h2{font-size:12px}.activity-title svg{width:15px;height:15px}.activity-count,.activity-status{font-size:9px}.move-list{padding:3px 6px 6px}.move-row{grid-template-columns:18px minmax(0,1fr) auto;gap:4px;min-height:20px;padding:1px 0;font-size:10px}.move-row:nth-child(n+4){display:none}.move-turn{width:17px;height:17px;font-size:9px}.move-detail{gap:3px}.move-detail span{font-size:9px}.chat-list{gap:4px;padding:5px 7px 3px}.chat-message:nth-child(n+3){display:none}.chat-meta{font-size:9px}.chat-message p{font-size:10px;line-height:1.18}.chat-composer{grid-template-columns:minmax(0,1fr) 26px;gap:4px;padding:4px}.chat-composer input{height:24px;padding:0 7px;font-size:10px}.send-button{min-height:24px}.mobile-match-bar{border:1px solid var(--line);background:var(--cream-panel-strong);min-height:34px;box-shadow:var(--panel-shadow);border-radius:8px;order:1;grid-template-columns:1fr 1fr;align-items:center;gap:6px;padding:3px 6px;display:grid}.mobile-match-bar .avatar-small{outline-width:2px;width:28px;height:28px}.mobile-player{align-items:center;gap:5px;min-width:0;font-size:11px;font-weight:900;display:flex}.mobile-player-copy{gap:1px;min-width:0;display:grid}.mobile-player-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-player-copy small{color:var(--ink-muted);font-size:9px;font-weight:850;line-height:1}.mobile-player.blue{justify-content:flex-end}.mobile-player strong{color:var(--coral);font-size:15px;line-height:1}.mobile-player.blue strong{color:var(--sky-deep)}.turn-banner{align-items:stretch;gap:6px;min-height:0;padding:0}.turn-status-panel{gap:8px;min-height:52px;padding:7px 9px}.turn-heading-stack{gap:3px}.turn-heading-stack h1{font-size:16px}.turn-hint{min-height:1.25em;font-size:10px;line-height:1.25}.turn-action-panel{grid-template-columns:minmax(0,1fr) auto;gap:6px;min-height:44px;padding:6px;display:grid}.turn-actions{gap:5px}.confirm-wall-action{display:inline-flex}.action-button{gap:4px;min-height:31px;padding:0 4px;font-size:11px}.action-button.forfeit{min-width:0}.turn-forfeit{width:34px;min-width:34px;padding:0}.turn-forfeit span{display:none}.turn-forfeit.armed-danger{width:auto;min-width:68px;padding:0 8px}.turn-forfeit.armed-danger span{display:inline}.key-hint{display:none}.match-end-backdrop{padding:12px}.match-end-card{gap:10px;padding:18px}.match-end-card h2{font-size:24px}.match-end-stats,.match-end-wall-list,.match-end-actions{grid-template-columns:1fr}.board-shell{width:100%;padding:5px}.board-grid{grid-template-columns:var(--coord-size) var(--playable-size);grid-template-rows:var(--coord-size) var(--playable-size)}.coord{font-size:12px}.pawn-token{width:min(15px, calc(var(--cell-size) * .56));height:min(15px, calc(var(--cell-size) * .56))}.quoridor-cell.valid-move:before{inset:38%;box-shadow:0 0 0 2px #d5ffd77a,0 1px 4px #1a451f2e;box-shadow:0 0 0 2px lab(96.2685% -19.8191 14.9698/.48),0 1px 4px lab(25.5763% -22.811 18.1136/.18)}.mobile-piece-stack{order:4;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-height:0;display:grid}.mobile-piece-dock{border:1px solid var(--line);background:var(--cream-panel-strong);min-width:0;box-shadow:var(--panel-shadow);border-radius:8px;gap:4px;padding:7px 6px 8px;display:grid}.mobile-dock-heading{justify-content:space-between;align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.mobile-dock-heading span,.mobile-dock-heading strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-dock-heading strong{color:var(--coral-deep)}.mobile-dock-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:inline-flex;overflow:visible}.mobile-drop-wall-button{color:#784900;color:lab(35.904% 19.689 64.1016);cursor:pointer;background:#fff4dfc2;background:lab(96.6217% 1.88205 13.4639/.76);border:1px solid #d1aa6ec2;border:1px solid lab(72.2273% 8.91656 36.5377/.76);border-radius:7px;justify-content:center;align-items:center;gap:3px;min-height:22px;padding:0 6px;font-size:10px;font-weight:950;display:inline-flex}:root[data-theme=dark] .noku-shell .mobile-drop-wall-button{color:#e3be7b;color:lab(79.2785% 7.15986 38.9321);background:#1e293ac7;background:lab(16.3298% -1.15705 -12.1085/.78);border-color:#7b6544b8;border-color:lab(44.3713% 5.27173 22.0446/.72)}.mobile-piece-dock.opponent .mobile-dock-heading strong{color:var(--sky-deep)}.mobile-dock-pieces{scrollbar-width:thin;gap:5px;min-width:0;padding-bottom:1px;display:flex;overflow:auto hidden}.mobile-dock-pieces .wall-piece-button{border:1px solid var(--line-soft);background:#fff8ebad;background:lab(97.7375% .876248 6.85518/.68);min-width:42px;min-height:34px}.mobile-dock-pieces .wall-piece-icon{width:36px;height:30px}.mobile-dock-pieces .wall-piece-icon line{stroke-width:8px}:root[data-theme=dark] .noku-shell .mobile-dock-pieces .wall-piece-button{background:#17202cb3;background:lab(11.7251% -.999391 -9.63727/.7);border-color:#3c4f64b8;border-color:lab(32.6038% -2.95164 -14.6951/.72)}.content-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;gap:0;height:100%;padding-top:0}.example-panel,.quiet-panel,.asset-panel{display:none}.rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.piece-tray{grid-template-columns:repeat(4,minmax(42px,1fr))}.content-panel{padding:14px;overflow:hidden}.content-panel h1{margin:6px 0 8px;font-size:20px}.content-panel p{margin-bottom:8px;font-size:12px;line-height:1.35}.rule-card{min-height:0;padding:9px}.rule-card span{display:none}.rule-card h2{font-size:12px}.rule-card p{margin-top:5px;font-size:10px;line-height:1.28}.primary-cta{min-height:36px;font-size:12px}.leader-row{grid-template-columns:38px 1fr;min-height:52px;padding:8px 10px}.leaderboard-list{gap:7px;margin-top:10px}.leader-row strong,.best-score{grid-column:2}.leaderboard-stage{align-self:start;padding:10px}.leaderboard-board{width:min(100%,760px);height:calc(100svh - var(--topbar-h) - 20px);gap:8px;padding:12px}.leaderboard-heading{grid-template-columns:1fr;gap:8px}.leaderboard-title-lockup{grid-template-columns:78px minmax(0,1fr);gap:10px}.leaderboard-logo{width:78px}.leaderboard-heading h1{font-size:23px}.leaderboard-heading .section-kicker{font-size:12px}.leaderboard-search{min-height:36px;padding:0 10px}.leaderboard-search input{font-size:13px}.leaderboard-table{grid-template-rows:28px repeat(10,minmax(38px,1fr))}.leaderboard-table-header,.leaderboard-row{grid-template-columns:34px minmax(0,1fr) 52px 70px;gap:8px;padding:0 8px}.leaderboard-table-header span:nth-child(4),.leaderboard-table-header span:nth-child(5),.leaderboard-table-header span:nth-child(6),.leaderboard-row>.leaderboard-day-rank,.leaderboard-row>.leaderboard-day-elo,.leaderboard-row>.leaderboard-win-rate{display:none}.leaderboard-table-header span:nth-child(7){text-align:right}.leaderboard-row{min-height:38px}.leaderboard-row.blank span:nth-child(4),.leaderboard-row.blank span:nth-child(5),.leaderboard-row.blank span:nth-child(6),.leaderboard-row.blank span:nth-child(7){display:none}.leaderboard-rank{width:25px;height:25px;font-size:12px}.leaderboard-player{grid-template-columns:28px minmax(0,1fr);gap:7px}.leaderboard-avatar{width:27px;height:27px}.leaderboard-player-copy a{max-width:14ch;font-size:12px}.leaderboard-player-copy small{display:none}.leaderboard-country{width:20px;height:15px}.leaderboard-country .twemoji-flag{width:100%;height:100%}.leaderboard-elo,.leaderboard-win-rate{font-size:12px}.leaderboard-form{justify-content:flex-end;gap:5px}.form-dot{width:8px;height:8px}.leaderboard-pages{gap:5px}.leaderboard-footer{justify-content:center;align-items:center;min-height:30px}.leaderboard-elo-note{font-size:11px}.leaderboard-pages a,.leaderboard-pages span{min-width:28px;height:28px;font-size:11px}.leaderboard-own-rank{gap:6px;padding-top:7px}.leaderboard-own-rank h2{font-size:13px}.leaderboard-row.own,.leaderboard-own-empty{min-height:44px}.leaderboard-own-empty{text-align:center;padding:0 10px;font-size:12px}}@media (min-width:761px) and (max-width:820px){.profile-history-header{grid-template-columns:1fr;align-items:start;gap:8px}.history-filter-row{justify-self:stretch;gap:5px;width:100%}.history-filter-row button{min-height:28px;padding:0 4px;font-size:10px}.profile-history-table-header,.profile-match-row{grid-template-columns:minmax(42px,.62fr) minmax(74px,1.2fr) minmax(56px,.7fr) minmax(48px,.58fr) minmax(64px,.74fr) minmax(50px,.64fr);gap:6px;padding:0 7px}.profile-history-table-header span:nth-child(2),.profile-history-table-header span:nth-child(8),.profile-match-row>.match-avatar-image,.profile-match-row>.replay-button,.profile-history-table-header .history-header-replay{display:none}.leaderboard-stage{align-self:start;padding:10px}.leaderboard-board{width:min(100%,760px);height:calc(100svh - var(--topbar-h) - 20px);gap:8px;padding:12px}.leaderboard-heading{grid-template-columns:1fr;gap:8px}.leaderboard-title-lockup{grid-template-columns:78px minmax(0,1fr);gap:10px}.leaderboard-logo{width:78px}.leaderboard-heading h1{font-size:23px}.leaderboard-search{min-height:36px;padding:0 10px}.leaderboard-table{grid-template-rows:28px repeat(10,minmax(38px,1fr))}.leaderboard-table-header,.leaderboard-row{grid-template-columns:34px minmax(0,1fr) 52px 70px;gap:8px;padding:0 8px}.leaderboard-table-header span:nth-child(4),.leaderboard-table-header span:nth-child(5),.leaderboard-table-header span:nth-child(6),.leaderboard-row>.leaderboard-day-rank,.leaderboard-row>.leaderboard-day-elo,.leaderboard-row>.leaderboard-win-rate{display:none}.leaderboard-table-header span:nth-child(7){text-align:right}.leaderboard-row{min-height:38px}.leaderboard-player{grid-template-columns:28px minmax(0,1fr);gap:7px}.leaderboard-avatar{width:27px;height:27px}.leaderboard-player-copy a{max-width:14ch;font-size:12px}.leaderboard-player-copy small{display:none}.leaderboard-country{width:20px;height:15px}.leaderboard-form{justify-content:flex-end;gap:5px}.form-dot{width:8px;height:8px}}@media (max-width:760px) and (max-height:720px){.scene{padding-top:8px}.landing-stage,.landing-hero{gap:6px}.landing-logo{width:96px}.landing-tagline{max-width:30ch;font-size:12px}.landing-action-grid{gap:6px}.landing-mode{grid-template-columns:30px minmax(0,1fr) 14px;gap:6px;min-height:48px;padding:6px}.landing-mode-icon{width:30px;height:30px}.landing-mode.featured{min-height:116px;padding:8px}.landing-mode.featured .landing-mode-icon{width:34px;height:34px;margin-bottom:4px}.landing-mode-copy strong{font-size:13px}.landing-mode.featured .landing-mode-copy strong{font-size:17px}.landing-mode-copy span{display:none}.landing-status-pill{min-height:26px;padding:0 7px;font-size:9px}.landing-play-row{gap:6px}.landing-mode-cta{min-height:32px;margin-top:7px}.register-panel{gap:6px;padding:10px}.register-panel .auth-panel-intro{grid-template-columns:64px minmax(0,1fr);gap:5px 9px}.register-panel .auth-logo{width:64px}.register-panel h1{font-size:20px}.register-panel p{display:none}.register-auth-form,.register-auth-form .auth-form-fields{gap:6px}.auth-captcha-shell{min-height:64px}.auth-captcha{transform:scale(.82)}}@media (max-width:1180px){.tutorial-stage{width:min(100%,100% - 20px)}.tutorial-layout{grid-template-columns:minmax(190px,220px) max-content minmax(190px,220px);gap:10px}.tutorial-side-panel{padding:12px}.tutorial-guide-column{gap:10px}.tutorial-rule-item{grid-template-columns:36px minmax(0,1fr);gap:8px;min-height:50px}.tutorial-rule-item>span{width:32px;height:32px}.tutorial-wall-tray{gap:10px}.tutorial-wall-list{gap:6px}.tutorial-wall-button{min-height:48px}.tutorial-wall-button .wall-piece-icon{width:48px;height:34px}.tutorial-board-panel{--cell-size:clamp(29px, min(2.55vw, calc((100svh - var(--topbar-h) - 270px) / 11)), 35px);padding:10px}.tutorial-footer-actions{gap:8px}.tutorial-footer-actions .setup-back,.tutorial-footer-actions .start-match-button,.tutorial-footer-actions .tutorial-try-button{padding:0 8px;font-size:12px}.tutorial-footer-actions .setup-back svg,.tutorial-footer-actions .start-match-button svg{display:none}.tutorial-lesson-card{grid-template-columns:34px minmax(0,1fr);gap:8px;min-height:52px;padding:7px 8px}.tutorial-lesson-card>span{width:32px;height:32px}.tutorial-lesson-card small{display:none}}@media (max-width:980px){.tutorial-stage{align-items:start;overflow:hidden}.tutorial-shell{padding:0 2px 12px;overflow:auto}.tutorial-layout{grid-template-columns:minmax(0,1fr);align-items:start}.tutorial-lessons-panel{order:1}.tutorial-board-panel{order:2;justify-self:center;width:min(560px,100%)}.tutorial-guide-column{order:3;justify-self:center;width:min(560px,100%)}.tutorial-lesson-list{grid-template-columns:repeat(4,minmax(0,1fr))}.tutorial-lesson-card{text-align:center;grid-template-columns:1fr;justify-items:center}.tutorial-rule-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tutorial-wall-list{grid-template-columns:repeat(4,minmax(0,1fr))}.tutorial-rule-item{border:1px solid var(--line-soft);text-align:center;border-radius:8px;grid-template-columns:1fr;justify-items:center;gap:6px;min-height:82px;padding:8px}}@media (max-width:760px){.tutorial-stage{width:min(100%,100% - 12px);padding:8px 0}.tutorial-side-panel,.tutorial-board-panel{padding:9px}.tutorial-board-panel{--cell-size:max(21px, min(7.1vw, calc((100svh - var(--topbar-h) - 390px) / 11), 30px));--coord-size:18px;--board-pad:5px}.tutorial-turn-banner{gap:6px;padding:0}.tutorial-turn-banner .turn-status-panel{min-height:48px;padding:7px 9px}.tutorial-turn-banner .turn-action-panel{grid-template-columns:minmax(0,1fr) auto;gap:6px;min-height:42px;padding:5px;display:grid}.tutorial-turn-banner .turn-actions{gap:5px;display:flex}.tutorial-turn-banner .action-button{gap:4px;min-height:30px;padding:0 6px;font-size:11px}.tutorial-turn-banner .key-hint{display:none}.tutorial-reset-action{width:34px;min-width:34px;padding:0}.tutorial-reset-action span{display:none}.tutorial-footer-actions{grid-template-columns:1fr;gap:7px}.tutorial-board-hint{grid-template-columns:32px minmax(0,1fr);gap:9px;width:min(300px,100% - 24px);padding:11px}.tutorial-board-hint>span{width:32px;height:32px}.tutorial-board-hint strong{font-size:13px}.tutorial-board-hint p{font-size:11px}.tutorial-hint-action{min-height:30px;font-size:11px}.tutorial-lesson-list,.tutorial-rule-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px) and (max-height:720px){.tutorial-shell{max-height:calc(100svh - var(--topbar-h) - 12px)}.tutorial-guide-column{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}