:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--fg:#d7deea;--muted:#8f99ad;--line:#2a3142;--surface:#131824;--button:#1b2232;--button-held:#34415e;--primary:#5b93ff;--primary-fg:#06101f;--ok:#2f8a57;--error:#ff8a8a;--wall:#3d4860;--arena:380px}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.5 system-ui,sans-serif}h1{margin:0 0 8px;font-size:26px;line-height:1.2}h1:focus{outline:none}p{margin:0 0 12px}.muted,.tagline{color:var(--muted)}.boot{text-align:center;color:var(--muted);padding:32px 16px}.screen{align-content:start;gap:16px;max-width:520px;margin:0 auto;padding:24px 16px 32px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}button{font:inherit;color:var(--fg);background:var(--button);border:1px solid var(--line);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 18px;font-weight:600}button:hover:not(:disabled){border-color:var(--muted)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}button.secondary{background:0 0}button.small{min-height:36px;padding:6px 12px;font-size:14px}.field{gap:4px;display:grid}.field>span{color:var(--muted);font-size:14px}input{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:8px;width:100%;padding:10px 12px;font-size:16px}.form,.join{gap:12px;display:grid}.error{color:var(--error);margin:0}.notice{color:var(--muted);border-left:3px solid var(--primary);margin:0;padding-left:10px}.balance{background:var(--surface);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:baseline;padding:12px 16px;display:flex}.balance strong{font-variant-numeric:tabular-nums;font-size:32px}.code{letter-spacing:.04em;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}.invite{gap:12px;display:grid}.invite-box summary{cursor:pointer;color:var(--muted)}.invite-box[open] summary{margin-bottom:12px}.arena-screen{grid-template-columns:var(--arena);grid-template-areas:"bar""arena""pad""notice""list""invite";justify-content:center;gap:12px;max-width:none;padding:12px 16px 24px}.arena-screen.beside{grid-template-columns:var(--arena) 176px;grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"arena bar""arena pad""arena notice""arena list""arena invite"}.stage{display:contents}.bar{grid-area:bar;justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.beside .bar{flex-wrap:wrap;align-items:flex-start}.status{margin:0;font-size:15px}.arena-box{width:var(--arena);height:var(--arena);grid-area:arena;position:relative}canvas.arena{border:1px solid var(--wall);touch-action:none;background:#121620;border-radius:4px;width:100%;height:100%;display:block}.overlay{pointer-events:none;font-size:calc(var(--arena) * .3);color:#ffffffd9;text-shadow:0 2px 12px #0009;font-variant-numeric:tabular-nums;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.notice{grid-area:notice}.invite-box{grid-area:invite}.pad{grid-area:pad;grid-template-columns:1fr 1.4fr 1fr;gap:12px;display:grid}.beside .pad{grid-template-columns:1fr}.beside .pad-button{min-height:60px}.pad-button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:16px;min-height:76px;padding:0;font-size:30px}.pad-button.thrust,.pad-button.ready{font-size:20px}.pad-button.held{background:var(--button-held);border-color:var(--muted)}.pad-button.thrust.waiting{opacity:.55}.pad-button.ready.on{background:var(--ok);border-color:var(--ok);color:#fff}.players{grid-area:list;gap:6px;margin:0;padding:0;list-style:none;display:grid}.players li{background:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.players li.me{outline:1px solid var(--muted)}.players .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.players .detail{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.tag{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;margin-left:6px;padding:0 8px;font-size:12px}.chip{background:var(--c);color:#0b0d12;font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:inline-grid}.results table{border-collapse:collapse;width:100%}.results th,.results td{border-bottom:1px solid var(--line);text-align:left;padding:8px 6px}.results th{color:var(--muted);font-size:14px;font-weight:600}.results .num{text-align:right;font-variant-numeric:tabular-nums}.results tr.me td{background:var(--surface)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bench{white-space:pre-wrap;border:1px solid var(--line);background:#0b0d12eb;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;position:fixed;bottom:8px;left:8px;right:8px}h2{margin:0 0 4px;font-size:18px}.small{font-size:14px}.code.small{font-size:15px}.box{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:8px;padding:12px 16px;display:grid}.unsettled{gap:10px;margin:0;padding:0;list-style:none;display:grid}.unsettled li{align-items:center;gap:12px;display:flex}.unsettled p{margin:2px 0 0}.grow{flex:1;min-width:0}textarea{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);resize:vertical;border-radius:8px;width:100%;padding:10px 12px;font-size:16px}fieldset{border:1px solid var(--line);border-radius:8px;gap:10px;margin:0;padding:12px}legend{color:var(--muted);padding:0 4px;font-size:14px}