html{overscroll-behavior:none}.control{height:100%;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex;overflow:hidden}.control header{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.control header strong{color:var(--fg)}.dot{vertical-align:middle;background:var(--muted);border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--accent)}.dot.bad{background:var(--danger)}.scene-name{justify-content:space-between;align-items:baseline;gap:12px;padding:4px 2px;display:flex}.scene-name span{font-size:40px;font-weight:800;line-height:1.1}.scene-name small{color:var(--muted);white-space:nowrap;font-size:18px}.phase-banner{border-radius:var(--radius);background:var(--bg-2);justify-content:space-between;align-items:center;padding:14px 18px;font-size:22px;font-weight:700;display:flex}.phase-banner small{color:var(--muted);font-size:15px;font-weight:400}.test-mode-banner{border-radius:var(--radius);background:repeating-linear-gradient(135deg, var(--accent) 0 16px, #e6b800 16px 32px);color:#1a1a1a;letter-spacing:.04em;text-align:center;padding:10px 14px;font-size:18px;font-weight:800}.name-warning{border-radius:var(--radius);text-align:center;background:var(--danger);color:#fff;padding:10px 14px;font-size:16px}.wall-hidden-warning{border-radius:var(--radius);color:var(--fg);background:#ff620024;border-left:4px solid #ff6200;flex-shrink:0;padding:6px 12px;font-size:14px}.wall-hidden-warning summary{cursor:pointer;font-weight:700}.wall-hidden-warning summary span{color:#ff6200}.ctl-lights{white-space:nowrap;align-items:center;display:inline-flex}.ctl-lights .dot+.dot{margin-left:8px}.ctl-holder{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ctl-self{white-space:nowrap}.ctl-tools{align-items:center;gap:8px;margin-left:auto;display:inline-flex}@media (max-width:560px){.ctl-tools{gap:4px}.ctl-tools .pair-helper{font-size:0}.ctl-tools .pair-helper:before{content:"⊞";font-size:1.1rem}}.fullscreen-btn{width:40px;height:40px;color:var(--fg);background:0 0;border:2px solid #ffffff59;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ol-card.ol-folded{gap:8px;padding:8px 12px}.ol-folded-row{align-items:center;gap:10px;display:flex}.ol-folded-label{flex:none;font-size:22px}.ol-folded-row .ol-chips{flex:1;min-width:0}.ol-more{width:40px;height:40px;color:var(--fg);background:0 0;border:2px solid #ffffff4d;border-radius:50%;flex:none;padding:0;font-size:22px;line-height:1}.control-middle{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.choice-count{color:var(--muted);font-size:18px}.stepper{flex-shrink:0;grid-template-columns:minmax(150px,1fr) minmax(0,1.4fr) minmax(150px,1fr);align-items:stretch;gap:10px;display:grid}.stepper-arrow{min-height:64px;color:var(--fg);white-space:nowrap;-webkit-touch-callout:none;background:0 0;border:3px solid #1b99fb;padding:0 14px;font-size:24px;font-weight:800}.stepper-arrow:disabled{border-color:var(--bg-2);color:var(--muted);opacity:.6}.stepper-current{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;line-height:1.1;display:flex}.stepper-current strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:22px;font-weight:800;overflow:hidden}.stepper-current small{color:var(--muted);font-size:18px}@media (max-width:560px){.stepper{grid-template-columns:1fr 1fr;gap:6px 10px}.stepper-current{flex-direction:row;grid-area:1/1/auto/-1;align-items:baseline;gap:10px}.stepper-arrow{min-height:56px;font-size:22px}}.scenarios{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px;min-height:0;display:grid}.scenario{-webkit-touch-callout:none;background-color:#12305e;background-image:linear-gradient(160deg,#1d3b6b,#0e2245);background-position:50%;background-size:cover;border:4px solid #0000;align-items:flex-end;padding:0;display:flex;position:relative;overflow:hidden}.scenario-name{text-align:left;background:linear-gradient(#0000,#06163aeb 40%);width:100%;padding:12px 14px;font-size:24px;font-weight:800;line-height:1.1}.scenario.selected{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-2)}.scenario:disabled{opacity:.55}.scenario.selected:disabled{opacity:.85}.primary{background:var(--accent);color:#1a1a1a;flex-shrink:0;height:110px;font-size:30px;font-weight:800}.primary.advance{background:var(--accent-2)}.primary.none{background:var(--bg-2);color:var(--muted)}.primary:disabled{opacity:1}.observing-note{border-radius:var(--radius);border:2px solid var(--accent);color:var(--fg);text-align:center;flex-shrink:0;padding:12px 16px;font-size:18px;font-weight:700}.primary.busy{opacity:.6}.reset{height:56px;color:var(--muted);border:2px solid var(--bg-2);background:0 0;flex-shrink:0;font-size:16px}.hold-row{flex-shrink:0;grid-template-columns:1fr 1fr;gap:10px;display:grid}.hold-row .reset{height:52px;font-size:15px}.hold-label small{opacity:.75;margin-left:4px;font-size:12px}.reset.arming{border-color:var(--danger);color:var(--danger)}.hold{touch-action:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.hold-bar{background:#e639464d;width:0;position:absolute;top:0;bottom:0;left:0;right:auto}.hold.arming .hold-bar{width:100%;transition:width 1s linear}.hold-label{position:relative}.toast{background:var(--danger);color:#fff;border-radius:var(--radius);z-index:20;pointer-events:none;max-width:90vw;padding:14px 20px;font-size:20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.info{background:var(--bg-2);color:var(--fg);border:2px solid var(--ok)}.reconnecting-band{padding:max(10px, env(safe-area-inset-top)) 16px 10px;background:var(--bg-2);color:var(--muted);text-align:center;z-index:15;font-size:18px;font-weight:700;position:fixed;top:0;left:0;right:0}.welcome-band{padding:max(14px, env(safe-area-inset-top)) 16px 14px;background:var(--ok);color:#06220f;text-align:center;z-index:15;font-size:22px;font-weight:800;position:fixed;top:0;left:0;right:0}.claim{border-radius:var(--radius);border:1px solid var(--accent);height:44px;color:var(--accent);background:0 0;padding:0 14px;font-size:15px}.overlay .hint{color:var(--muted);font-size:16px}.overlay{text-align:center;z-index:10;background:#0b1f3af5;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;font-size:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.overlay button{background:var(--accent);color:#1a1a1a;height:64px;padding:0 28px;font-size:20px}.overlay button.secondary{background:var(--bg-2);color:var(--fg)}.win-toggle{border-radius:var(--radius);background:var(--bg-2);color:var(--fg);border:2px solid #ffffff29;flex-shrink:0;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.win-toggle.on{border-color:#26e5ae;box-shadow:0 0 0 3px #26e5ae38}.win-toggle-label{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.win-toggle-label svg{color:var(--muted);flex:none}.win-toggle.on .win-toggle-label svg{color:#ff6200}.win-toggle-label>span{display:grid}.win-toggle-label strong{font-size:24px;font-weight:800;line-height:1.1}.win-toggle-label small{color:var(--muted);font-size:14px}.win-toggle-options{flex:none;gap:6px;display:flex}.win-toggle-options button{border-radius:var(--radius);min-width:96px;height:64px;color:var(--muted);-webkit-touch-callout:none;background:0 0;border:2px solid #ffffff38;font-size:26px;font-weight:800}.win-toggle-options button.sel-no{color:#fff;background:#ffffff24;border-color:#fff}.win-toggle-options button.sel-yes{color:#06223a;background:#26e5ae;border:3px solid #ff6200}.win-toggle-options button:disabled{opacity:.5}.win-row{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.win-now{color:#fff;text-align:center;-webkit-touch-callout:none;background:#ff6200;border:3px solid #ff6200;flex:none;justify-content:center;align-items:center;gap:12px;min-height:60px;padding:8px 18px;display:flex}.win-now strong{font-size:24px;font-weight:800;line-height:1.1}.win-now small{opacity:.9;font-size:14px}.win-now:disabled{opacity:.5}.win-now-answers{gap:16px;display:flex}.overlay button.win-now-yes{color:#fff;background:#ff6200}.figure-toggle{border:3px solid var(--bg-2);flex-shrink:0;align-items:center;gap:16px;min-height:64px;padding:6px 18px;display:flex}.figure-toggle-text{flex:1;gap:2px;display:grid}.figure-toggle-text strong{font-size:26px;font-weight:800;line-height:1.1}.figure-toggle-text small{opacity:.85;font-size:16px}.figure-toggle-options{flex-shrink:0;gap:8px;display:flex}.figure-toggle-options button{border:3px solid var(--muted);min-width:132px;min-height:52px;color:var(--fg);-webkit-touch-callout:none;background:0 0;font-size:24px;font-weight:800}.figure-toggle-options button.on{color:#06223a;background:#26e5ae;border-color:#1b99fb}.figure-toggle-options button:disabled{opacity:.5}.prize-banner{background:var(--accent);color:#1a1a1a;border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:14px;font-weight:700;display:flex}.prize-banner button{color:#fff;background:#1a1a1a;height:48px;padding:0 16px}.prize-banner-actions{flex-shrink:0;gap:8px;display:flex}.prize-banner button.secondary{color:#1a1a1a;background:0 0;border:2px solid #1a1a1a}.prize-status{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.prize-status-line{font-size:15px;font-weight:700}.prize-status-active{color:var(--accent)}.prize-status-off{opacity:.7}.prize-warning{opacity:.75;font-size:12px}@media (min-width:900px) and (max-height:820px){.scenarios{grid-template-columns:repeat(4,1fr)}.stepper-arrow{min-height:56px}}@media (max-width:560px){.control{gap:8px;overflow-y:auto}.scene-name span{font-size:28px}.win-toggle{gap:8px;padding:6px 6px 6px 10px}.win-toggle-label strong,.figure-toggle-text strong{font-size:20px}.win-toggle-label small,.figure-toggle-text small{display:none}.win-toggle-options button{min-width:68px;height:52px;font-size:21px}.win-now{min-height:52px}.win-now strong{font-size:20px}.hold-row .reset{height:48px;font-size:13px}.hold-label small{margin-left:0;display:block}.primary{z-index:4;position:sticky;bottom:0}.figure-toggle{gap:10px;padding:4px 12px}.figure-toggle-options button{min-width:92px;font-size:20px}.control-middle{flex:1 0 auto}.scenarios{gap:8px;min-height:168px}.scenario-name{padding:8px 10px;font-size:18px}.primary{height:80px;font-size:24px}.control header{gap:8px}.ctl-lights,.ctl-holder{font-size:13px}}.ol-qr-box{flex-wrap:nowrap;padding:8px}.ol-qr-side{flex-direction:column;gap:6px;min-width:0;display:flex}.ol-qr-side .ol-btn-ghost{min-height:44px;margin-top:4px;font-size:15px}