:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07080b}.app,.scene-canvas,canvas{width:100%;height:100%}.scene-canvas,canvas{touch-action:none}.app{background:radial-gradient(120% 90% at 50% 8%,#2a3038 0%,#14171c 38%,#0a0c10 70%,#06070a 100%);position:relative}.topbar{pointer-events:none;z-index:10;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:#f4f1ea;text-shadow:0 2px 12px #00000080;align-items:center;gap:8px;font-weight:600;display:flex}.brand .logo{font-size:22px}.brand .name{font-size:19px}.brand .tag{color:#1a1408;background:linear-gradient(120deg,#f6d860,#f2994a);border-radius:999px;padding:2px 7px;font-size:12px;font-weight:700}.panel{-webkit-backdrop-filter:blur(16px)saturate(1.1);color:#e9e6df;z-index:10;background:#111318a8;border:1px solid #ffffff14;border-radius:16px;width:264px;padding:14px;position:fixed;top:64px;right:18px;box-shadow:0 20px 60px #00000080}.player{background:#ffffff0a;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:background .2s,border-color .2s;display:flex}.player.active{background:#f6d8601f;border-color:#f6d86059}.player-id{align-items:center;gap:8px;min-width:0;display:flex}.player-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.me-tag{text-transform:uppercase;letter-spacing:.5px;opacity:.7;background:#ffffff1a;border-radius:999px;padding:1px 6px;font-size:10px}.swatch{border-radius:4px;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0006}.swatch.light{background:#efe4cf}.swatch.dark{background:#2a2520;box-shadow:inset 0 0 0 1px #ffffff40}.clock{font-variant-numeric:tabular-nums;letter-spacing:.5px;color:#f4f1ea;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:22px;font-weight:600}.player.active .clock{color:#f6d860}.game-status{text-align:center;background:#ffffff0d;border-radius:10px;margin-top:10px;padding:8px;font-size:13px;font-weight:600}.game-status.over{color:#f6d860;background:#f6d86029}.resign{width:100%;margin-top:8px}.resign:hover:not(:disabled){background:#eb575738!important;border-color:#eb575766!important}.status-row{background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:9px 12px;font-size:14px;font-weight:600;display:flex}.controls{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;display:grid}button{font:inherit;color:#f0ede6;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;padding:9px 8px;font-size:13px;transition:background .15s,transform 50ms}button:hover:not(:disabled){background:#ffffff26}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}.theme-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.theme-row label{opacity:.75;font-size:13px}.theme-row select{font:inherit;color:#f0ede6;background:#ffffff14;border:1px solid #ffffff1a;border-radius:9px;flex:1;padding:7px 8px;font-size:13px}.moves{background:#0000002e;border-radius:10px;max-height:300px;margin-top:10px;padding:8px;overflow-y:auto}.moves .empty{opacity:.55;margin:4px;font-size:13px}.moves ol{font-variant-numeric:tabular-nums;margin:0;padding:0;font-size:13px;list-style:none}.moves li{border-radius:6px;grid-template-columns:30px 1fr 1fr;gap:6px;padding:3px 6px;display:grid}.moves li:nth-child(odd){background:#ffffff08}.moves .no{opacity:.45}.moves .w,.moves .b{font-weight:500}.hint{text-align:center;color:#ffffff80;pointer-events:none;z-index:10;font-size:12px;position:fixed;bottom:14px;left:0;right:0}@media (width<=720px){.panel{border-radius:16px 16px 0 0;width:auto;inset:auto 0 0}}.player-turn{color:#f6d860;font-size:11px;animation:1.4s ease-in-out infinite pulse-turn}@keyframes pulse-turn{0%,to{opacity:.4}50%{opacity:1}}.chessclock{z-index:12;background:linear-gradient(#30323700,#16171b),linear-gradient(#2c2e33,#15161a);border:1px solid #000000a6;border-radius:14px;align-items:stretch;gap:0;padding:10px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 24px 60px #0009,inset 0 1px #ffffff12,inset 0 -2px 8px #00000080}.cc-side{flex-direction:column;align-items:center;gap:6px;padding:8px 14px;transition:transform .18s,opacity .18s;display:flex}.cc-side.up{transform:translateY(-3px)}.cc-side.down{opacity:.72;transform:translateY(2px)}.cc-side.press{animation:.26s cc-slap}@keyframes cc-slap{0%{transform:translateY(-3px)}45%{transform:translateY(5px)}to{transform:translateY(2px)}}.cc-name{color:#b9b6ae;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:150px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.cc-dot{border-radius:3px;flex:none;width:11px;height:11px;box-shadow:inset 0 0 0 1px #00000080}.cc-dot.light{background:#efe4cf}.cc-dot.dark{background:#2a2520;box-shadow:inset 0 0 0 1px #ffffff4d}.cc-lcd{font-variant-numeric:tabular-nums;letter-spacing:1px;text-align:center;color:#5a4a18;background:#0c0d0a;border-radius:8px;min-width:98px;padding:7px 14px;font-family:DS-Digital,ui-monospace,SF Mono,Menlo,monospace;font-size:32px;font-weight:700;line-height:1;box-shadow:inset 0 2px 6px #000000d9}.cc-lcd.on{color:#ffb22e;text-shadow:0 0 10px #ffb22e8c}.cc-lcd.on.low{color:#ff5a4d;text-shadow:0 0 12px #ff5a4d99}.cc-hinge{justify-content:center;align-items:center;width:26px;display:flex}.cc-rock{background:#444;border-radius:50%;width:10px;height:10px;transition:box-shadow .18s,background .18s,transform .18s}.cc-rock.w{background:#efe4cf;transform:translate(-3px);box-shadow:0 0 8px #fff6}.cc-rock.b{background:#2a2520;transform:translate(3px);box-shadow:0 0 8px #0009}@media (width<=720px){.chessclock{padding:8px;bottom:12px;right:50%;transform:translate(50%)}.cc-lcd{min-width:92px;font-size:30px}}.lichess-fab{z-index:20;-webkit-backdrop-filter:blur(12px);color:#f0ede6;font:inherit;cursor:pointer;background:#14161cb8;border:1px solid #ffffff1f;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;position:fixed;bottom:16px;left:16px;box-shadow:0 8px 24px #0006}.lichess-fab:hover{background:#1e2128d9}.lichess-card{-webkit-backdrop-filter:blur(22px)saturate(1.2);color:#ece9e2;z-index:20;background:#101217c7;border:1px solid #ffffff1a;border-radius:20px;width:min(380px,92vw);padding:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0009}.lc-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.lc-title{letter-spacing:.2px;font-size:17px;font-weight:700}.lc-x{color:#999;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.lc-x:hover{color:#fff}.lc-sub{opacity:.7;margin:0 0 18px;font-size:13px;line-height:1.5}.lc-user{color:#f6d860;background:#ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 12px;font-weight:600;display:flex}.lc-field{flex-direction:column;gap:7px;margin-bottom:16px;font-size:13px;display:flex}.lc-field>span{opacity:.75}.lc-field b{color:#f6d860}.lc-field input[type=range]{accent-color:#f6d860;width:100%}.lc-seg{gap:6px;display:flex}.lc-seg button{min-width:0;font:inherit;color:#e6e3dc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;flex:1;padding:9px 4px;font-size:12px;transition:background .15s,border-color .15s}.lc-seg button:hover{background:#ffffff1a}.lc-seg button.on{color:#f6d860;background:#f6d86033;border-color:#f6d8608c;font-weight:600}.lc-primary{width:100%;font:inherit;color:#1a1408;cursor:pointer;background:linear-gradient(120deg,#f6d860,#f2994a);border:none;border-radius:12px;margin-top:4px;padding:12px;font-size:15px;font-weight:700;transition:filter .15s,transform 50ms}.lc-primary:hover:not(:disabled){filter:brightness(1.05)}.lc-primary:active:not(:disabled){transform:translateY(1px)}.lc-primary:disabled{opacity:.6;cursor:default}.lc-ghost{font:inherit;color:#d8d4cc;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:5px 10px;font-size:12px}.lc-ghost:hover{background:#ffffff14}.lc-error{color:#ff8a8a;margin:12px 0 0;font-size:12px}.lc-over{text-align:center}.lc-result{margin-bottom:4px;font-size:30px;font-weight:800}.lc-result.win{color:#6fcf97}.lc-result.loss{color:#eb5757}.lc-result.draw{color:#f6d860}.lc-result-sub{opacity:.7;margin-bottom:18px;font-size:14px}