:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2a2f36;--panel:#1f2329;--text:#e9edf1;--muted:#8b96a3;--accent:#e5484d;font-family:system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;display:flex}.view{flex-direction:column;flex:1;min-height:0;display:flex}.hud{padding:.5rem max(.75rem, env(safe-area-inset-right)) .5rem max(.75rem, env(safe-area-inset-left));background:var(--panel);border-bottom:1px solid #000;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.hud-group{align-items:center;gap:.75rem;display:flex}.hud-right{justify-content:flex-end}.counter{min-width:3.2em;color:var(--accent);text-align:center;background:#000;border-radius:4px;padding:.1em .35em;font:700 1.4rem ui-monospace,Cascadia Mono,Consolas,monospace}.level,.timers{font-variant-numeric:tabular-nums;white-space:nowrap}.muted{color:var(--muted)}button{font:inherit;color:inherit;cursor:pointer}.face,.mode,.menu-button{background:#3a414b;border:2px outset #59626e;border-radius:6px;place-items:center;width:2.6rem;height:2.6rem;padding:0;font-size:1.5rem;display:grid}.face:active,.mode[aria-pressed=true]{border-style:inset}.mode[aria-pressed=true]{background:#5a2a2d}@media not (any-pointer:coarse){.mode{display:none}}.board-area{flex:1;min-height:0;position:relative}.board-area>canvas{touch-action:none;width:100%;height:100%;display:block}.toast{text-align:center;pointer-events:none;background:#000c;border-radius:8px;max-width:calc(100% - 2rem);padding:.6rem 1rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.overlay{background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.overlay-box{background:var(--panel);text-align:center;border-radius:10px;padding:1.25rem 1.5rem}.menu{background:var(--panel);width:min(28rem,100% - 2rem);max-height:calc(100% - 2rem);color:var(--text);-webkit-user-select:text;user-select:text;border:1px solid #000;border-radius:10px;padding:.5rem 1.25rem 1.25rem}.menu::backdrop{background:#0000008c}.menu .btn-wide{margin:0 0 .5rem}.menu h2{margin:1rem 0 .5rem;font-size:1.05rem}.menu-close-form{justify-content:flex-end;display:flex}.menu-close{background:0 0;border:none;padding:.25rem .5rem;font-size:1.1rem}.records{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.records th,.records td{text-align:left;border-bottom:1px solid #343a43;padding:.3rem .4rem}.records th{color:var(--muted);font-weight:600}.records tr.latest td{color:#ffd166}.setting{align-items:flex-start;gap:.5rem;display:flex}a{color:#8fb3ff}.legal-link{text-align:center;margin:1.25rem 0 0;font-size:.9rem}.legal-page{-webkit-user-select:text;user-select:text;height:auto;display:block}.legal{max-width:44rem;margin:0 auto;padding:1rem 1.25rem 3rem;line-height:1.55}.legal h1{margin:2rem 0 .75rem;font-size:1.6rem}.legal h2{margin:1.5rem 0 .5rem;font-size:1.1rem}.opt-out{background:var(--panel);border:1px solid #343a43;border-radius:8px;padding:.75rem 1rem}.hud-simple h1{text-align:center;white-space:nowrap;margin:0;font-size:1.15rem}.hud-simple>:first-child{justify-self:start}.hud-simple>:last-child{justify-self:end}.code{letter-spacing:.08em;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.btn{white-space:nowrap;background:#3a414b;border:1px solid #59626e;border-radius:6px;padding:.5rem .9rem}.btn:hover{background:#444c57}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:#2f5fd0;border-color:#4a78e6}.btn-primary:hover{background:#3a6ce0}.btn-wide{width:100%;margin-top:.75rem;padding:.7rem;display:block}.panel-area{-webkit-user-select:text;user-select:text;flex:1;min-height:0;padding:1rem;overflow-y:auto}.panel{max-width:32rem;margin:0 auto}.card{background:var(--panel);border:1px solid #343a43;border-radius:10px;margin-top:1rem;padding:.9rem 1rem 1rem}.card h2{margin:0 0 .6rem;font-size:1rem}.card .setting{margin-bottom:.75rem}.field{gap:.35rem;display:grid}input[type=text]{width:100%;min-width:0;font:inherit;color:var(--text);background:#14171b;border:1px solid #454d58;border-radius:6px;padding:.5rem .65rem}input[type=text]:focus{outline-offset:1px;outline:2px solid #4a78e6}.inline-form{gap:.5rem;display:flex}.error{color:#ffb4b6;background:#3b1d20;border-radius:6px;margin:.75rem 0 0;padding:.5rem .75rem}.error.info{color:#cfe0ff;background:#1d2b45}.center{text-align:center}.room-list,.player-list{margin:0;padding:0;list-style:none}.room-list li{border-bottom:1px solid #343a43;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem 0;display:flex}.room-list li:last-child{border-bottom:none}.player-list li{align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.player-dot{border-radius:50%;flex:none;width:.85rem;height:.85rem}.player-list .disconnected{opacity:.5}.badge{color:var(--muted);border:1px solid #454d58;border-radius:999px;padding:.05rem .4rem;font-size:.75rem}.scoreboard{pointer-events:none;background:#14171bd9;border-radius:8px;min-width:10rem;max-width:calc(100% - 1.5rem);padding:.5rem .75rem;position:absolute;top:.75rem;right:.75rem}.scoreboard p{margin:.25rem 0 0;font-size:.85rem}.scoreboard p:empty{display:none}.scores li{font-variant-numeric:tabular-nums}.scores .score{margin-left:auto;padding-left:.75rem;font-weight:700}.scores .out{opacity:.55}.scores .me{font-weight:700}.banner{background:#14171beb;border:1px solid #454d58;border-radius:8px;align-items:center;gap:.75rem;max-width:calc(100% - 2rem);padding:.6rem .9rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.banner.warning{background:#3c1e0af2;border-color:#f76b15}.end-panel{background:#0000008c;place-items:center;padding:1rem;display:grid;position:absolute;inset:0;overflow-y:auto}.end-box{background:var(--panel);border:1px solid #000;border-radius:10px;width:min(26rem,100%);padding:1rem 1.25rem 1.25rem}.end-box h2{margin:0 0 .25rem}.end-box>p{margin:.25rem 0}.ranking{margin:.75rem 0;padding:0;list-style:none}.ranking li{font-variant-numeric:tabular-nums;border-bottom:1px solid #343a43;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.ranking .place{width:1.8rem;font-weight:700}.ranking .score{margin-left:auto;font-weight:700}.ranking .me{color:#ffd166}.rematch{margin-top:.75rem}.rematch p{margin:0 0 .5rem}.end-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.btn-link{color:var(--muted);background:0 0;border:none;margin:.75rem auto 0;text-decoration:underline;display:block}.end-show{position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}@media (width<=480px){.hud{gap:.4rem}.level{display:none}}