:root{--paper:#f3ecdc;--paper-2:#e8dfca;--ink:#1b1a17;--ink-soft:#5c574d;--line:#cfc4ab;--seal:#b3261e;--seal-ink:#f3ecdc;--leaf:#3f7a2e;--grass:#6e9e34;--earth:#4a3726;--far:#4b6577;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141312;--paper-2:#1f1d1b;--ink:#ece4d2;--ink-soft:#a39c8d;--line:#3a3631;--seal:#d2453a;--seal-ink:#141312;--leaf:#7fb24f;--grass:#a3cf5e;--earth:#d9c39f;--far:#8ea8ba;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#141312;--paper-2:#1f1d1b;--ink:#ece4d2;--ink-soft:#a39c8d;--line:#3a3631;--seal:#d2453a;--seal-ink:#141312;--leaf:#7fb24f;--grass:#a3cf5e;--earth:#d9c39f;--far:#8ea8ba;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent;flex-direction:column;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;display:flex}[hidden]{display:none!important}.kanji,h1,.code{font-family:Noto Serif JP,serif}.bar{padding:max(8px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.brand{color:inherit;letter-spacing:.04em;font-weight:600;text-decoration:none}.brand .kanji{color:var(--seal);margin-right:4px;font-weight:900}button,input{font:inherit;color:inherit;background:var(--paper-2);border:1px solid var(--line);border-radius:6px;min-height:44px;padding:10px 14px}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--seal);outline-offset:2px}button.primary{background:var(--seal);color:var(--seal-ink);border-color:var(--seal);font-weight:600}.icon-btn{background:0 0;place-items:center;width:44px;padding:0;display:grid}.icon-btn svg{width:20px;height:20px}.view{flex:1;min-height:0;display:flex}#home{justify-content:center;align-items:center;padding:16px}.card{flex-direction:column;gap:10px;width:100%;max-width:420px;display:flex}.card h1{align-items:center;gap:12px;margin:0;font-size:1.6rem;font-weight:900;display:flex}.lead{color:var(--ink-soft);margin:0 0 8px}.seal{background:var(--seal);width:44px;height:44px;color:var(--seal-ink);border-radius:6px;place-items:center;font-size:1.5rem;display:inline-grid;transform:rotate(-4deg)}label{color:var(--ink-soft);font-size:.85rem}.row{gap:8px;display:flex}.row input{text-transform:lowercase;flex:1;min-width:0}.error{color:var(--seal);min-height:1.5em;margin:0}.muted{color:var(--ink-soft);font-size:.85rem}.help{color:var(--ink-soft);margin:8px 0 0;font-size:.8rem}.room-bar{align-items:center;gap:6px;margin-left:auto;margin-right:4px;display:flex}.room-bar .code{letter-spacing:.1em;font-size:1rem}button.small{min-height:34px;padding:4px 10px;font-size:.85rem}.room-bar .icon-btn{width:38px;min-height:38px;font-family:Noto Serif JP,serif}body.in-room .bar{padding-top:max(2px, env(safe-area-inset-top));padding-bottom:2px}body.in-room .bar .brand{font-size:.9rem}#room{position:relative;overflow:hidden}.stage{touch-action:none;position:absolute;inset:0}.stage canvas{display:block}.hud{pointer-events:none;font-size:.85rem;position:absolute;inset:0}.vitals{left:max(10px, env(safe-area-inset-left));flex-direction:column;gap:4px;width:150px;display:flex;position:absolute;top:8px}.hp,.reload{background:color-mix(in srgb, var(--ink) 15%, transparent);border-radius:3px;height:6px;overflow:hidden}.reload{height:3px}.hp-fill,.reload-fill{background:var(--ink);width:100%;height:100%}.hp-fill.low{background:var(--seal)}.weapon{font-family:Noto Serif JP,serif;font-weight:500}.timer{font:900 1.2rem Noto Serif JP,serif;position:absolute;top:6px;left:50%;transform:translate(-50%)}.feed{right:max(10px, env(safe-area-inset-right));text-align:right;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:8px}.feed li{background:color-mix(in srgb, var(--paper) 75%, transparent);border-radius:3px;padding:1px 6px}.feed li.mine{color:var(--seal);font-weight:600}.message{color:var(--seal);background:color-mix(in srgb, var(--paper) 70%, transparent);border-radius:6px;padding:4px 16px;font:900 1.6rem Noto Serif JP,serif;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}.status{color:var(--ink-soft);pointer-events:none;margin:0;font-size:.8rem;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.board{background:var(--paper);border:2px solid var(--ink);border-radius:6px;min-width:260px;max-width:calc(100% - 32px);max-height:calc(100% - 24px);padding:10px 16px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.board h2{color:var(--seal);text-align:center;margin:0 0 6px;font:900 1.3rem Noto Serif JP,serif}.board table{border-collapse:collapse;width:100%}.board th,.board td{text-align:left;padding:3px 8px}.board td:nth-child(n+3),.board th:nth-child(n+3){text-align:right}.board tr.me{color:var(--seal);font-weight:700}.touch{display:none;position:absolute;inset:0}body.touch-mode .touch{display:flex}@media (pointer:coarse){.touch{display:flex}}.zone{touch-action:none;flex:1;position:relative}.stick{border:2px solid color-mix(in srgb, var(--ink) 35%, transparent);border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;display:none;position:absolute}.stick.on{display:block}.zone-right .stick:after{content:"";border:1px dashed color-mix(in srgb, var(--ink) 30%, transparent);border-radius:50%;position:absolute;inset:14%}.zone-right .stick.firing{border-color:var(--seal)}.zone-right .stick.firing .knob{background:color-mix(in srgb, var(--seal) 70%, transparent)}.knob{background:color-mix(in srgb, var(--ink) 45%, transparent);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}.tbtn{background:color-mix(in srgb, var(--paper) 60%, transparent);border:2px solid color-mix(in srgb, var(--ink) 50%, transparent);touch-action:none;border-radius:50%;width:58px;height:58px;padding:0;font:900 1.4rem Noto Serif JP,serif;position:absolute}.tbtn.rope{right:max(18px, env(safe-area-inset-right));color:var(--seal);border-color:var(--seal);bottom:92px}.tbtn.swap{right:max(86px, calc(env(safe-area-inset-right) + 68px));width:46px;height:46px;font-size:1.1rem;bottom:150px}.rotate{z-index:10;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:600;display:none;position:fixed;inset:0}.rotate .kanji{color:var(--seal);font-size:4rem}@media (orientation:portrait) and (pointer:coarse){body.in-room .rotate{display:flex}}