:root{--bg:#0e1116;--panel:#161b22;--panel-2:#1c232d;--line:#2b3340;--text:#e6edf3;--dim:#8b949e;--own:#ffb347;--ghost:#7ee0ff;--good:#3fb950;--bad:#f85149;--accent:#ffb347;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.45 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}h1{letter-spacing:.01em;margin:0 0 4px;font-size:1.7rem}h2{margin:0 0 10px;font-size:1.05rem}h2.sub{margin:28px 0 10px}p{margin:0 0 8px}.hint{color:var(--dim);font-size:.9rem;font-weight:400}.dim{color:var(--dim)}.mono{font-family:var(--mono)}.good{color:var(--good)}.bad{color:var(--bad)}.error{color:var(--bad);min-height:1.4em;margin-top:6px}kbd{font:600 .75rem var(--mono);border:1px solid var(--line);color:var(--dim);background:var(--bg);border-bottom-width:2px;border-radius:5px;padding:1px 6px}.nav{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1116eb;align-items:center;gap:4px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.18em;color:var(--ghost);margin-right:12px;font-weight:800}.nav-link,.nav-player{cursor:pointer;color:var(--dim);background:0 0;border:0;border-radius:8px;padding:6px 10px}.nav-link:hover,.nav-player:hover{color:var(--text);background:var(--panel)}.nav-link.is-active{color:var(--text);background:var(--panel-2)}.nav-player{font-family:var(--mono);color:var(--own);border:1px solid var(--line);margin-left:auto}.view{max-width:980px;margin:0 auto;padding:20px 16px 48px}.page-head{margin-bottom:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}input[type=text],input[type=number],input[type=time],input[type=date]{background:var(--bg);border:1px solid var(--line);border-radius:8px;min-width:0;padding:8px 10px}input:focus-visible,button:focus-visible{outline:2px solid var(--ghost);outline-offset:2px}input[type=range]{accent-color:var(--accent);width:220px}.btn{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.btn:hover{border-color:var(--dim)}.btn-primary{background:var(--accent);color:#1a1205;border-color:var(--accent);font-weight:700}.btn-primary kbd{color:#5b3d0c;background:#ffc677;border-color:#c9862f}.btn-primary:hover{filter:brightness(1.06)}.btn-big{padding:13px 22px;font-size:1.05rem}.notice{border-color:var(--accent)}.notice p{margin:0 0 10px}.hero{padding:28px 0 18px}.hero h1{letter-spacing:.22em;color:var(--ghost);font-size:3rem}.lead{color:var(--dim);font-size:1.15rem}.player-list{flex-wrap:wrap;gap:10px;display:flex}.btn-player{font:700 1.1rem var(--mono);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;color:var(--own);border-radius:8px;padding:12px 18px}.btn-player.is-active{border-color:var(--own)}.seg{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.seg-btn{cursor:pointer;background:var(--bg);border:1px solid var(--line);min-width:40px;font-family:var(--mono);border-radius:7px;padding:8px 0}.seg-btn.is-active{background:var(--accent);color:#1a1205;border-color:var(--accent);font-weight:700}.seg-small .seg-btn{min-width:34px;padding:5px 0}.opts{gap:6px;display:grid}.opt{text-align:left;background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:8px;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;padding:10px 12px;display:grid}.opt.is-active{border-color:var(--ghost);box-shadow:inset 3px 0 0 var(--ghost)}.opt-value{font-family:var(--mono);color:var(--ghost)}.opt-note{color:var(--dim);grid-column:1/-1;font-size:.85rem}.keys{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;display:grid}.keys dt{text-align:right}.keys dd{margin:0}.slot{margin-bottom:18px}.slot-head{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.slot-title{text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;font-weight:700}.slot-time{color:var(--dim);font-family:var(--mono);font-size:.85rem}.slot-demo{border-top:1px dashed var(--line);margin-top:28px;padding-top:18px}.tiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.tile{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:4px;padding:14px;display:flex}button.tile:hover{border-color:var(--own)}.tile.is-off{cursor:default;opacity:.55}.tile-name{font-size:1.05rem;font-weight:700}.tile-about{color:var(--dim);font-size:.9rem}.tile-note{color:var(--ghost);margin-top:4px;font-size:.85rem}.tile.is-off .tile-note{color:var(--dim)}.res-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.res-own,.res-ghost,.res-points{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;padding:16px;display:flex}.res-label{color:var(--dim);align-items:center;gap:8px;font-size:.9rem;display:flex}.res-value{font:800 2.4rem/1.1 var(--mono)}.res-value.own{color:var(--own)}.res-value.ghost{color:var(--ghost)}.res-diff{font-weight:600}.facts{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.summary-cols{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.summary-col{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px}.summary-col ol{font-family:var(--mono);margin:8px 0 0;padding-left:22px;font-size:.9rem;line-height:1.6}.facts li{background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:.9rem}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot-own{background:var(--own)}.dot-ghost{background:var(--ghost)}.stats{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;min-width:160px;padding:12px 16px;display:flex}.stat-value{font:800 1.8rem var(--mono);color:var(--own)}.stat-label{color:var(--dim);font-size:.85rem}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table.pass{border-collapse:collapse;width:100%;font-size:.95rem}table.pass th,table.pass td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 12px}table.pass thead th{color:var(--dim);background:var(--panel);font-size:.85rem;font-weight:500}table.pass tbody tr:last-child th,table.pass tbody tr:last-child td{border-bottom:0}table.pass td{font-family:var(--mono)}table.pass td.pts{color:var(--own);font-weight:700}table.pass tr.is-off{opacity:.5}table.proto td{font-family:var(--font);font-size:.88rem}.tag{font:500 .72rem var(--font);color:var(--dim);border:1px solid var(--line);border-radius:99px;margin-left:8px;padding:1px 7px}.proto-form fieldset{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin:0 0 12px;padding:12px 16px 14px}.proto-form legend{padding:0 6px;font-size:.9rem;font-weight:700}.fields{flex-wrap:wrap;gap:12px 18px;display:flex}.field{color:var(--dim);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.field input{color:var(--text);width:150px}.field input[type=text]{width:230px}.msg{min-height:1.4em}body.is-playing{overflow:hidden}body.is-playing .nav{display:none}body.is-playing .view{max-width:none;padding:0}.screen-play{touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr auto;height:100dvh;display:grid}.hud{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:10px 16px;display:grid}.hud-name{font-weight:700}.hud-time{align-items:center;gap:10px;display:flex}.bar{background:var(--line);border-radius:3px;flex:1;height:6px;overflow:hidden}.bar-fill{background:var(--own);transform-origin:0;will-change:transform;height:100%;transform:scaleX(0)}.hud-secs{text-align:right;min-width:2.5ch;font-weight:700}.hud-ghost{color:var(--ghost);font-family:var(--mono);align-items:center;gap:8px;font-size:.9rem;display:flex}.hud-hint{color:var(--dim);font-size:.85rem}.stage{min-height:0;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.text-capture{opacity:0;caret-color:#0000;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;top:0;left:0}.help-overlay{border:1px solid var(--line);border-radius:var(--radius);background:#161b22f0;max-width:360px;padding:16px;position:absolute;top:16px;right:16px}.help-overlay[hidden]{display:none}.touch{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;display:none}.touch-btn{border:1px solid var(--line);background:var(--panel-2);touch-action:none;border-radius:12px;flex:22%;min-height:64px;font-size:1rem;font-weight:700}.touch-btn.is-down{background:var(--own);color:#1a1205}.touch-restart{flex:0 0 76px;font-size:1.6rem}@media (hover:none),(pointer:coarse){.touch{display:flex}.hud-hint{display:none}}@media (max-width:640px){.hud{grid-template-columns:1fr auto;gap:8px 12px}.hud-time{order:3;grid-column:1/-1}.hud-hint{display:none}h1{font-size:1.45rem}.hero h1{font-size:2.4rem}.res-value{font-size:2rem}}.nav-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.chips{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.chip{background:var(--panel-2);border:1px solid var(--line);font:600 .95rem var(--mono);border-radius:99px;align-items:center;gap:8px;padding:4px 12px;display:inline-flex}.chip.is-me{border-color:var(--own);color:var(--own)}.chip .chip-note{font:400 .78rem var(--font);color:var(--dim)}.chip.is-ready{border-color:var(--good)}.big-count{font:800 clamp(4rem, 18vw, 8rem)/1 var(--mono);text-align:center;color:var(--accent);margin:12px 0}.invite{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.invite p{margin:0}.status-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.check-line{font:500 .78rem var(--font);display:block}.check-ok{color:var(--good)}.check-diff{color:var(--bad)}.start-overlay{z-index:6;text-align:center;background:var(--bg);place-content:center;gap:6px;display:grid;position:absolute;inset:0}.start-overlay .big-count{margin:0}.hud-live{color:var(--ghost);font:.9rem var(--mono)}