:root{color-scheme:dark;--ink:#07111d;--panel:#111a2c;--panel-2:#18243a;--cream:#fff3cf;--muted:#aab9bd;--yellow:#ffd45c;--pink:#e45879;--cyan:#55d7e5;--mint:#69dea8;--danger:#ff6c58;--violet:#b59cff;--border:#425169;--shadow:#030712}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0,#1f2945 0,#07111d 44%,#030711 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cream)}body{min-height:100vh}button,a,select,input{font:inherit}button,a{touch-action:manipulation}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.orientation-message{display:none}.orion-shell{width:min(1800px,100%);min-height:100vh;margin:0 auto;background:rgba(4,10,20,.88);box-shadow:0 0 80px rgba(0,0,0,.55)}.orion-header{min-height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:9px clamp(12px,2vw,28px);border-bottom:3px solid var(--yellow);background:linear-gradient(90deg,#151426,#25203b 52%,#151426)}.back-link{color:#d4e3e5;text-decoration:none;font-weight:800;font-size:13px}.back-link:hover,.back-link:focus-visible{color:var(--yellow)}.wordmark{display:flex;align-items:baseline;gap:8px;letter-spacing:.13em;text-transform:uppercase}.wordmark span{font-size:12px;color:var(--cyan);font-weight:900}.wordmark strong{font-size:27px;line-height:1;color:var(--yellow);text-shadow:3px 3px 0 #8a324e}.header-actions{justify-self:end;display:flex;gap:7px}.header-actions button,.room-actions button,.grid-panel button,.overlay-actions button,.overlay-actions a,.settings-dialog button{border:2px solid var(--border);border-radius:8px;background:#1b2740;color:var(--cream);padding:9px 12px;font-weight:850;cursor:pointer;text-decoration:none}.header-actions button:hover,.room-actions button:hover,.grid-panel button:hover,.overlay-actions button:hover,.overlay-actions a:hover,.settings-dialog button:hover{border-color:var(--yellow);transform:translateY(-1px)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:4px solid var(--cyan);outline-offset:2px}.status-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#33425a;border-bottom:1px solid #4e607b}.status-strip article{min-width:0;padding:9px 12px;background:#111a2c;display:flex;align-items:baseline;justify-content:space-between;gap:9px}.status-strip span,.panel-kicker,.eyebrow{font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.status-strip strong{font-size:17px;white-space:nowrap}.status-strip b{font-weight:950}.meter-card{position:relative;overflow:hidden}.meter-card i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#27334a}.meter-card i::after{content:"";display:block;width:var(--meter);height:100%;background:var(--mint);transition:width .15s linear}.meter-card[data-overload-meter] i::after{background:var(--danger)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:calc(100vh - 170px)}.motel-stage{position:relative;min-width:0;background:#07111d;overflow:hidden}.game-canvas{width:100%;height:100%;min-height:650px;display:grid;place-items:center}.game-canvas canvas{display:block;max-width:100%;max-height:100%}.control-deck{display:grid;grid-template-rows:auto auto auto auto minmax(150px,1fr) minmax(155px,1fr);gap:1px;background:#33425a;border-left:3px solid var(--yellow);overflow:auto}.control-deck>section{padding:14px 15px;background:linear-gradient(180deg,#17243a,#111a2c)}.selected-room-panel h2{margin:3px 0 0;font-size:25px;line-height:1.05}.guest-line{margin:5px 0 11px;color:#c0cfd2;font-weight:700}.room-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 12px}.room-stats div{display:flex;justify-content:space-between;gap:7px;padding:7px 8px;border:1px solid #3f4e66;border-radius:6px;background:#0c1525}.room-stats dt{color:#94a6ac;font-size:11px}.room-stats dd{margin:0;font-size:12px;font-weight:900;color:#fff}.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.room-actions .drone-button{grid-column:1/-1;border-color:var(--yellow);background:#3c2f1d}.room-actions button[aria-pressed=true],.grid-panel button[aria-pressed=true]{border-color:var(--mint);background:#18362f}.room-actions button:disabled,.grid-panel button:disabled{opacity:.45;cursor:not-allowed;transform:none}.grid-panel,.broadcast-panel,.drone-panel{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}.grid-panel p,.broadcast-panel p,.drone-panel p{grid-column:1/-1;margin:0;color:#96a9ae;font-size:11px;line-height:1.35}.grid-panel strong,.broadcast-panel strong,.drone-panel strong{font-size:13px}.broadcast-panel strong[data-active=true]{color:var(--pink);text-shadow:0 0 16px rgba(228,88,121,.6)}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading span{font-size:9px;color:#7f929b;text-transform:uppercase}.forecast-panel ol,.event-panel ol{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.forecast-panel li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 9px;border-left:4px solid var(--yellow);background:#0b1424}.forecast-panel li[data-visible=false]{border-left-color:#58677d;opacity:.68}.forecast-panel li span{font-size:10px;color:#95a9af;text-transform:uppercase;font-weight:850}.forecast-panel li strong{font-size:12px}.forecast-panel li time{grid-row:1/3;grid-column:2;align-self:center;color:var(--yellow);font-weight:950}.event-panel li{display:grid;grid-template-columns:42px 1fr;gap:7px;padding:6px 7px;border-radius:5px;background:#0b1424;font-size:11px;line-height:1.3}.event-panel li time{color:#7f929b;font-family:ui-monospace,monospace}.event-panel li[data-tone=good]{border-left:3px solid var(--mint)}.event-panel li[data-tone=warn]{border-left:3px solid var(--yellow)}.event-panel li[data-tone=bad]{border-left:3px solid var(--danger)}.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:rgba(3,7,17,.84);backdrop-filter:blur(9px)}.overlay[hidden]{display:none}.briefing-card,.compact-card,.result-card{width:min(820px,94%);border:4px solid var(--yellow);border-radius:18px;background:linear-gradient(145deg,#1f2942,#111827);padding:clamp(20px,3vw,36px);box-shadow:16px 16px 0 rgba(0,0,0,.45)}.briefing-card h1,.compact-card h2,.result-card h2{margin:6px 0 12px;font-size:clamp(32px,5vw,60px);line-height:.95}.radio-line{font-size:18px;line-height:1.45;color:#d2dee0}.briefing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.briefing-grid div{padding:13px;border:2px solid #425169;border-radius:9px;background:#0c1525}.briefing-grid span{display:block;margin-bottom:5px;color:var(--cyan);font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.briefing-grid strong{font-size:13px;line-height:1.35}.control-primer{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.control-primer span{padding:6px 8px;border-radius:6px;background:#0c1525;color:#b8c7ca;font-size:11px}.control-primer kbd{color:var(--yellow);font:900 11px ui-monospace,monospace}.overlay-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.overlay-actions .primary,.settings-dialog .primary{border-color:var(--yellow);background:var(--yellow);color:#17131f}.overlay-actions.vertical{display:grid}.best-night{margin:13px 0 0;color:#91a4aa;font-size:12px}.compact-card{width:min(470px,92%)}.result-card{width:min(680px,94%)}.result-heading{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:20px}.result-heading>span{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:var(--yellow);color:#201628;font-size:62px;font-weight:1000;box-shadow:0 0 0 8px rgba(255,212,92,.18)}.result-heading h2{font-size:38px}.result-heading strong{color:var(--cyan)}.result-card dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.result-card dl div{padding:10px;border:1px solid #40506a;border-radius:7px;background:#0b1424}.result-card dt{font-size:10px;color:#8da2aa}.result-card dd{margin:4px 0 0;font-size:18px;font-weight:950}.orion-footer{display:flex;justify-content:space-between;gap:20px;padding:8px 18px;border-top:1px solid #3e4f68;background:#0c1525;color:#91a5ab;font-size:10px}.orion-footer p{margin:0}.settings-dialog{width:min(720px,94vw);border:4px solid var(--yellow);border-radius:15px;background:#121c2f;color:var(--cream);padding:0;box-shadow:0 30px 90px #000}.settings-dialog::backdrop{background:rgba(3,7,17,.82);backdrop-filter:blur(7px)}.settings-dialog form{padding:22px}.settings-dialog header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.settings-dialog h2{margin:4px 0 18px;font-size:30px}.settings-dialog header button{padding:4px 10px;font-size:24px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-grid label{display:grid;gap:6px;padding:10px;border:1px solid #40506a;border-radius:8px;background:#0b1424}.settings-grid label>span{font-size:12px;font-weight:800}.settings-grid select,.settings-grid input[type=range]{width:100%}.settings-grid select{padding:8px;border:1px solid #566784;border-radius:5px;background:#17243a;color:#fff}.settings-grid .check-row{grid-template-columns:auto 1fr;align-items:center}.settings-note{color:#9fb0b5;font-size:12px}.full-width{width:100%}.high-contrast{--border:#fff}.high-contrast .control-deck>section,.high-contrast .status-strip article,.high-contrast .briefing-card,.high-contrast .compact-card,.high-contrast .result-card{background:#000}.high-contrast .control-deck{border-left-color:#fff}.reduced-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.grid-overloaded .status-strip{box-shadow:inset 0 -4px 0 var(--danger)}
@media(max-width:1180px){.play-layout{grid-template-columns:minmax(0,1fr) 310px}.control-deck>section{padding:11px}.status-strip{grid-template-columns:repeat(3,1fr)}.game-canvas{min-height:560px}.briefing-grid{grid-template-columns:1fr}}
@media(max-width:860px){.orion-header{grid-template-columns:1fr auto}.wordmark{display:none}.play-layout{grid-template-columns:1fr}.control-deck{border-left:0;border-top:3px solid var(--yellow);grid-template-columns:1fr 1fr;grid-template-rows:auto}.forecast-panel,.event-panel{min-height:180px}.game-canvas{min-height:520px}.orion-footer{flex-direction:column}.settings-grid{grid-template-columns:1fr}}
@media(max-width:620px){.status-strip{grid-template-columns:repeat(2,1fr)}.header-actions button:first-child{display:none}.play-layout{display:block}.control-deck{grid-template-columns:1fr}.briefing-card{padding:18px}.briefing-card h1{font-size:40px}.briefing-grid{display:none}.result-card dl{grid-template-columns:1fr 1fr}.result-heading{grid-template-columns:78px 1fr}.result-heading>span{width:72px;height:72px;font-size:44px}.result-heading h2{font-size:28px}}
@media(max-height:520px) and (orientation:landscape){html,body{height:100%;overflow:hidden}.orion-shell{height:100%;min-height:0}.orion-header{min-height:42px;padding:3px 8px}.back-link{font-size:10px}.wordmark strong{font-size:19px}.header-actions button{padding:5px 7px;font-size:10px}.status-strip{grid-template-columns:repeat(6,1fr)}.status-strip article{padding:4px 7px}.status-strip span{font-size:7px}.status-strip strong{font-size:12px}.play-layout{height:calc(100vh - 82px);grid-template-columns:minmax(0,1fr) 270px}.game-canvas{min-height:0;height:100%}.control-deck{grid-template-rows:auto auto auto 1fr}.drone-panel,.event-panel{display:none}.control-deck>section{padding:7px 9px}.selected-room-panel h2{font-size:18px}.guest-line{margin:2px 0 6px;font-size:11px}.room-stats{margin-bottom:6px}.room-stats div{padding:3px 5px}.room-actions button,.grid-panel button{padding:5px 7px;font-size:10px}.forecast-panel ol{gap:3px;margin-top:3px}.forecast-panel li{padding:4px 6px}.orion-footer{display:none}.briefing-grid{display:none}.briefing-card{padding:15px;width:min(760px,96%)}.briefing-card h1{font-size:34px;margin:3px 0}.radio-line{font-size:12px}.control-primer{margin:7px 0}.overlay-actions{margin-top:8px}.best-night{display:none}}
@media(orientation:portrait) and (max-width:760px){.orientation-message{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;text-align:center;gap:8px;padding:32px;background:#07111d;color:var(--cream)}.orientation-message strong{font-size:28px;color:var(--yellow)}.orientation-message span{color:#a9b9bd}.orion-shell{display:none}}
