:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f6efe3;--muted:#c8bbac;--amber:#d6a85b;--teal:#84d9e9;--danger:#ff6b72;--success:#8ef0b1;--panel:#0d0c0bc2;--paper:#312317d1;--line:#f6efe32e}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#030405;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.runtime{isolation:isolate;background:#030405;outline:none;min-height:100vh;position:relative;overflow:hidden}.three-stage{z-index:0;background:#050608;position:fixed;inset:0}.three-canvas{filter:saturate(1.08)contrast(1.05);width:100%;height:100%;display:block}.grade-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle at 52% 42%,#ffc4701f,#0000 27%),radial-gradient(circle at 18% 22%,#66cdeb21,#0000 25%),linear-gradient(90deg,#000000b8,#0000 24% 70%,#000000c7),linear-gradient(#0000005c,#0000 58%,#000000e6);position:fixed;inset:0}.top-hud,.title-composition,.briefing-panel,.reservation-book,.pass-panel,.results-panel,.bottom-console,.pause-card{z-index:4;position:relative}.top-hud{background:linear-gradient(#030405d6,#0304052e);grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:16px;padding:18px clamp(16px,3vw,40px);display:grid}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800}.top-hud h1{color:#fff8eb;letter-spacing:0;text-shadow:0 2px 20px #000000c7;margin:0;font-size:clamp(22px,2.8vw,44px);line-height:1}.hud-meters,.hud-actions,.title-actions,.touch-strip,.settings-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hud-meters span,.caption-line,.course-ticket,.pass-card,.table-card,.settings-panel,.results-panel,.book-panel,.brief-side{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 34px #00000059}.hud-meters span{color:#f3debd;text-align:center;min-width:84px;padding:8px 10px;font-size:12px}button{cursor:pointer;background:linear-gradient(#50391ee0,#1c150ee0);border:1px solid #ffe1aa47;border-radius:6px;min-height:36px;box-shadow:inset 0 1px #ffffff14,0 10px 20px #00000038}button:hover,button:focus-visible{border-color:#84d9e9bf;outline:none}button:disabled{cursor:not-allowed;opacity:.42}.primary{color:#130c06;background:linear-gradient(#d9aa58,#7a4d23);border-color:#fad27ec7;font-weight:800}.wide{width:100%}.title-composition{border-left:3px solid var(--amber);background:linear-gradient(90deg,#030405b3,#0304052e);width:min(760px,100% - 32px);margin:clamp(90px,17vh,180px) 0 0 clamp(16px,6vw,78px);padding:clamp(20px,4vw,42px)}.title-composition h2{letter-spacing:0;text-shadow:0 4px 28px #000000db;max-width:720px;margin:0;font-size:clamp(40px,7vw,82px);line-height:.95}.title-composition p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:clamp(15px,1.5vw,18px);line-height:1.5}.briefing-panel{grid-template-columns:minmax(280px,1fr) minmax(230px,340px);gap:18px;width:min(1140px,100% - 32px);margin:74px auto 150px;display:grid}.book-panel,.brief-side,.pass-card{padding:18px}.book-panel{background:linear-gradient(135deg, #52341ad6, #120d0ad1), var(--panel)}.book-panel h2,.results-panel h2,.pass-panel h2,.pause-card h2{letter-spacing:0;margin:0 0 14px;font-size:clamp(22px,3vw,38px)}.reservation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reservation-grid article{background:#ffeeca14;border:1px solid #ffe4b833;min-height:142px;padding:16px}.reservation-grid span,.course-ticket span,.score-grid span,.table-card span{color:var(--amber);font-size:12px;font-weight:800}.reservation-grid h3{margin:6px 0;font-size:20px}.reservation-grid p,.pass-card p,.pass-panel p,.pause-card p,.table-results p,.settings-panel p{color:var(--muted);line-height:1.45}.pass-card{margin-bottom:12px}.pass-card p{gap:4px;margin:10px 0;display:grid}.pass-card span{font-size:12px}.reservation-book{gap:9px;width:min(260px,28vw);display:grid;position:fixed;top:122px;left:clamp(12px,2vw,28px)}.table-card{text-align:left;border-radius:6px;gap:4px;width:100%;min-height:84px;padding:12px;display:grid}.table-card.is-selected,.scene-marker.is-selected{border-color:var(--teal);box-shadow:0 0 0 2px #84d9e938,0 18px 38px #0006}.table-card b{font-size:14px}.table-card small,.course-ticket small{color:#f1d9b4}.pass-panel{border:1px solid var(--line);background:linear-gradient(135deg, #1f140ce6, #050709bd), var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(322px,32vw);padding:16px;position:fixed;top:122px;right:clamp(12px,2vw,28px);box-shadow:0 18px 48px #00000080}.course-ticket{background:linear-gradient(135deg, #fff2d024, #935b2529), var(--paper);gap:4px;margin:14px 0;padding:12px;display:grid}.action-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-grid button{text-align:left;grid-template-columns:24px 1fr;align-items:center;gap:6px;min-height:46px;padding:8px;display:grid}.action-grid span{width:24px;height:24px;color:var(--teal);background:#ffffff1a;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.scene-marker{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050708d1;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:fixed;transform:translate(-50%,-50%)}.scene-marker b{font-size:17px;line-height:1}.scene-marker span{color:var(--muted);font-size:11px}.scene-marker.delighted{border-color:var(--success)}.scene-marker.calm{border-color:var(--teal)}.scene-marker.concerned{border-color:#e8c96f}.scene-marker.irritated{border-color:#ff9a5f}.scene-marker.at-risk{border-color:var(--danger)}.pause-card{background:#070707e6;border:1px solid #ffe5ae5c;width:min(420px,100% - 32px);padding:22px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 28px 70px #000000ad}.results-panel{background:linear-gradient(135deg, #28180dd6, #05080ac7), var(--panel);border:1px solid #ffe5ae47;width:min(740px,100% - 32px);margin:70px 0 150px clamp(16px,6vw,72px);padding:24px}.overall-score{border:1px solid var(--line);border-radius:50%;place-items:center;width:108px;height:108px;margin:10px 0 16px;font-size:42px;font-weight:900;display:grid}.overall-score.strong{color:var(--success)}.overall-score.mixed{color:#ffd16f}.overall-score.danger{color:var(--danger)}.score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.score-grid div{background:#ffffff0f;border:1px solid #ffe1aa2e;gap:4px;min-height:70px;padding:12px;display:grid}.score-grid b{font-size:26px}.table-results{margin:16px 0}.table-results p{margin:5px 0}.bottom-console{grid-template-columns:minmax(240px,1fr) auto auto;align-items:end;gap:10px;display:grid;position:fixed;bottom:14px;left:clamp(12px,2vw,28px);right:clamp(12px,2vw,28px)}.caption-line{color:#fff1d2;min-height:44px;padding:12px 14px}.caption-line[data-visible=false]{color:var(--muted)}.touch-strip{justify-content:end}.touch-strip button,.hud-actions button,.title-actions button{padding:8px 12px}.settings-panel{width:min(420px,90vw);padding:10px 12px}.settings-panel summary{cursor:pointer;color:var(--teal);font-weight:800}.settings-grid{margin:12px 0}.settings-grid label{color:var(--muted);align-items:center;gap:7px;display:flex}.remap-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.remap-grid button{min-height:34px;padding:6px 8px;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.is-contrast{--panel:#000000e6;--line:#ffffff80;--muted:#f4f4f4;--amber:#ffd400;--teal:#50e7ff}.is-reduced-motion .three-canvas{filter:contrast(1.12)}@media (max-width:940px){.top-hud{grid-template-columns:1fr;gap:10px;padding-bottom:8px}.hud-actions{justify-content:start}.briefing-panel{grid-template-columns:1fr;margin-top:24px}.reservation-grid{grid-template-columns:1fr}.reservation-book{grid-template-columns:repeat(4,minmax(0,1fr));width:auto;inset:auto 12px 158px}.table-card{min-height:72px;padding:9px}.table-card b{font-size:12px}.pass-panel{width:auto;max-height:34vh;inset:auto 12px 278px;overflow:auto}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.action-grid button{text-align:center;grid-template-columns:1fr;min-height:54px;font-size:11px}.action-grid span{margin:0 auto}.bottom-console{grid-template-columns:1fr}.touch-strip{justify-content:stretch}.touch-strip button{flex:74px}.scene-marker{width:46px;height:46px}}@media (max-width:640px){.title-composition,.results-panel{margin:24px auto 260px}.title-composition h2{font-size:clamp(36px,12vw,58px)}.hud-meters{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hud-meters span{min-width:0}.reservation-book{grid-template-columns:repeat(2,minmax(0,1fr))}.pass-panel{bottom:316px}.score-grid,.remap-grid{grid-template-columns:1fr 1fr}.caption-line{min-height:58px}}