:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#faf7f2;--color-surface:#fff;--color-surface-2:#f2ede6;--color-border:#d9d1c6;--color-border-strong:#7a8190;--color-text:#1e2330;--color-text-muted:#565d6b;--color-primary:#1b6a87;--color-primary-hover:#14536b;--color-on-primary:#fff;--color-accent:#f5953f;--color-warning:#9a5800;--color-success:#2d7a4b;--color-focus:#1b6a87;--game-bg:#1f2a44;--font-display:"Nunito", system-ui, "Segoe UI", Roboto, Arial, sans-serif;--font-text:"Atkinson Hyperlegible Next", system-ui, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--fs-xs:14px;--fs-sm:16px;--fs-md:18px;--fs-lg:22px;--fs-xl:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--button-h:48px;--shadow-1:0 1px 2px #1e23300f, 0 1px 3px #1e23301a;--focus-ring:0 0 0 3px var(--color-bg), 0 0 0 6px var(--color-focus)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#12151c;--color-surface:#1a1e27;--color-surface-2:#232833;--color-border:#3a4150;--color-border-strong:#6b7385;--color-text:#eceef2;--color-text-muted:#a9b0be;--color-primary:#6ec6e6;--color-primary-hover:#8fd5ee;--color-on-primary:#0e2a36;--color-accent:#f5a962;--color-warning:#f2c14e;--color-success:#73d29b;--color-focus:#6ec6e6;--shadow-1:0 0 0 1px var(--color-border)}}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-text);font-size:var(--fs-md);margin:0;line-height:1.55}h1,h2,h3{font-family:var(--font-display);margin:0 0 var(--space-3);font-weight:800;line-height:1.25}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}p{margin:0 0 var(--space-3)}a{color:var(--color-primary)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono);font-size:var(--fs-xs)}.shell{min-height:100vh}.header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);color:var(--color-text);text-decoration:none;display:flex}.brand-dot{background:var(--color-accent);border-radius:50%;width:22px;height:22px}.badge{font-family:var(--font-mono);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:999px;padding:2px 6px;font-size:11px;font-weight:600}.nav{align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.nav a{min-height:44px;padding:0 var(--space-2);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.nav a[aria-current=page]{border-bottom:3px solid var(--color-accent)}.content{max-width:1080px;padding:var(--space-5) var(--space-4) var(--space-6);margin:0 auto}.stack{gap:var(--space-5);display:grid}.grid-2{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));display:grid}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.row.spread{justify-content:space-between}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1)}.card.notice{border-left:6px solid var(--color-accent)}.card.start{text-align:center}.field{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);grid-template-columns:1fr minmax(120px,180px);display:grid}@media (max-width:480px){.field{gap:var(--space-1);grid-template-columns:1fr}}.field:last-of-type{border-bottom:none}.field>label{color:var(--color-text)}input[type=number],select{font:inherit;font-size:var(--fs-sm);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.check{align-items:center;gap:var(--space-3);min-height:44px;font-weight:600;display:flex}.check input{width:22px;height:22px;accent-color:var(--color-primary)}.hint{color:var(--color-text-muted);font-size:var(--fs-sm)}.hint.warn{color:var(--color-warning);font-weight:600}button{font:inherit;min-height:var(--button-h);padding:0 var(--space-5);border-radius:var(--radius-md);border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-weight:700}button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}button.primary:hover:not(:disabled){background:var(--color-primary-hover)}button.big{min-height:64px;font-size:var(--fs-lg);padding:0 var(--space-6);margin-bottom:var(--space-3)}button:disabled{opacity:.45;cursor:not-allowed}.preview{border-radius:var(--radius-md);background:#000;width:100%;max-height:70vh;position:relative;overflow:hidden}.preview video,.preview canvas{width:100%;height:100%;position:absolute;inset:0}.preview video{object-fit:cover}.mirrored{transform:scaleX(-1)}.preview-msg{color:#fff;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.meter{background:var(--color-surface-2);height:10px;margin:var(--space-3) 0;border-radius:999px;overflow:hidden}.quality-meter{width:100%;height:12px;margin:var(--space-3) 0;display:block}.meter.small{height:6px;margin:var(--space-2) 0}.meter-fill{background:var(--color-success);height:100%;transition:width .2s linear}.readout{border-collapse:collapse;width:100%}.readout th,.readout td{text-align:left;padding:2px 8px 2px 0}.steps{margin:0;padding-left:1.2em}.steps li{margin-bottom:var(--space-2)}.game{background:var(--game-bg);-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;inset:0;overflow:hidden}.game-host{cursor:none;position:absolute;inset:0}.game-host canvas{display:block}.hidden-video{opacity:0;pointer-events:none;width:320px;height:240px;position:fixed;top:0;left:-10000px}.hold-button{opacity:.55;touch-action:none;background:0 0;border:none;width:48px;height:48px;min-height:0;padding:0;position:absolute;top:2vmin;right:2vmin}.hold-track{fill:none;stroke:#2c3d63;stroke-width:4px}.hold-progress{fill:none;stroke:#8fa6d8;stroke-width:4px;stroke-dasharray:1;stroke-dashoffset:1px;transform-origin:24px 24px;transform:rotate(-90deg)}.hold-button.holding .hold-progress{animation:hold-fill var(--hold-ms) linear forwards}@keyframes hold-fill{to{stroke-dashoffset:0}}.hold-icon{fill:#3a4c75}.game-paused{color:#8fa6d8;font-family:var(--font-display);font-weight:800;position:absolute;top:2vmin;left:2vmin}.hud{width:240px;padding:var(--space-3);border-radius:var(--radius-md);color:#cfd8ec;font-size:var(--fs-xs);cursor:default;background:#101626d1;position:absolute;bottom:2vmin;right:2vmin}.hud-row{align-items:center;gap:var(--space-2);display:flex}.hud-row.warn{color:#f2c14e}.hud-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.hud-actions button{color:#fff;background:#26355a;border-color:#3a4c75;flex:1;min-height:40px;padding:0}.dot{background:#6b7385;border-radius:50%;width:10px;height:10px}.dot.ok{background:#73d29b}.summary{cursor:default;background:#0b102073;place-items:center;display:grid;position:absolute;inset:0}.summary .card{text-align:center;max-width:480px}.summary .row{justify-content:center}@media (prefers-reduced-motion:reduce){.meter-fill{transition:none}}.stepper{gap:var(--space-2);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.stepper li[aria-current=step] button{border-bottom:3px solid var(--color-accent);color:var(--color-text)}button.link{min-height:44px;padding:var(--space-1) var(--space-2);color:var(--color-primary);background:0 0;border:none;font-weight:600}.button-link{min-height:44px;padding:0 var(--space-4);margin-bottom:var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--color-primary);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.status{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-2);font-weight:600}.status.ok{border-left:4px solid var(--color-success)}.status.warn{border-left:4px solid var(--color-warning)}.status.bad{border-left:4px solid #c0392b}.choices{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.choice{gap:var(--space-1);text-align:left;padding:var(--space-3) var(--space-4);min-height:64px;display:grid}.calibration{gap:var(--space-3);margin-top:var(--space-4);display:grid}.card-frame{border:2px solid var(--color-primary);background:repeating-linear-gradient(45deg,#0000,#0000 8px,#1b6a8714 8px 16px);border-radius:3.18mm}.calibration input[type=range]{flex:1;min-width:160px}.tape-overlay{z-index:10;background:var(--color-bg);position:fixed;inset:0}.tape-line{background:var(--color-text);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tape-panel{max-width:min(520px,70vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seat{gap:var(--space-2);margin-top:var(--space-4);display:grid}h4{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-display)}.summary-card{text-align:left;max-height:92vh;overflow:auto}.mood{gap:var(--space-2);margin:0 0 var(--space-3);border:none;flex-wrap:wrap;padding:0;display:flex}.mood legend{margin-bottom:var(--space-2);font-weight:700}.mood button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.block-label{margin:var(--space-3) 0 var(--space-1);font-weight:600;display:block}textarea{width:100%;font:inherit;font-size:var(--fs-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.markers,.history{margin:0 0 var(--space-3);gap:var(--space-2);padding:0;list-style:none;display:grid}.markers li,.history li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.btn-small{min-height:44px;padding:0 var(--space-3)}.recording-controls{justify-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.dialog::backdrop{background:#0b102080}.dialog{width:min(520px, calc(100% - 2 * var(--space-4)));text-align:left;max-height:92vh;overflow:auto}.dialog input[type=password]{width:100%;min-height:44px;font:inherit;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.choices-inline{margin:0 0 var(--space-3);border:none;padding:0}.consent{gap:var(--space-2);padding-left:1.2em;display:grid}.rec-dot{background:#3a4c75;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(2vmin + 20px);right:calc(2vmin + 60px)}.zone-dot{opacity:.8;background:#3a4c75;border-radius:50%;width:10px;height:10px;position:absolute;bottom:calc(2vmin + 4px);left:calc(2vmin + 4px)}.zone-dot.in{background:#2e7d4f}.zone-dot.near{background:#a68a2c}.zone-dot.out,.zone-dot.gone{background:#a5473f}.hud .zone-status .status{padding:0 0 0 var(--space-2);background:0 0}.hud .zone-status .hint{color:inherit;opacity:.85}.hud-row.rec{color:#ff8a80;font-weight:700}.package-video{border-radius:var(--radius-md);background:#000;width:100%;max-height:60vh;transform:scaleX(-1)}.character-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid}.character-tile{align-items:stretch;gap:var(--space-2);padding:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-xs);flex-direction:column;font-weight:600;display:flex}.character-tile.on{border-color:var(--color-primary)}.character-tile span{align-items:center;gap:var(--space-2);display:flex}.character-tile input,.chip input{width:20px;height:20px;accent-color:var(--color-primary)}.character-preview{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--game-bg);width:100%;height:auto}.character-tile:not(.on) .character-preview{opacity:.45}.chips{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border:2px solid var(--color-border);font-size:var(--fs-sm);cursor:pointer;border-radius:999px;font-weight:600;display:inline-flex}.chip.on{border-color:var(--color-primary)}