:root{--bg: #1e1d24;--bg-raise: #2a2932;--accent: #ff6700;--accent-soft: rgb(255 103 0 / 40%);--ink: #d9d8e0;--ink-dim: rgb(217 216 224 / 55%);--good: #3df59b;--caution: #ffb347;--denied: #ff4d5e;--ellipse: #ffd166}*{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--ink);font-family:Rajdhani,ui-sans-serif,-apple-system,Helvetica Neue,Arial,sans-serif}#app{height:100dvh;touch-action:none}.screen{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);text-align:center;background:var(--bg)}.screen[data-screen=TITLE]{background:#1e1d2459}.screen[hidden]{display:none}.screen h1{font-size:clamp(28px,6vw,48px);letter-spacing:.18em;color:var(--accent);text-shadow:0 0 18px rgb(255 103 0 / 40%)}.screen p{max-width:60ch;font-size:15px;letter-spacing:.06em;color:var(--ink-dim)}.actions{display:flex;gap:14px}.briefing-screen{justify-content:center;gap:18px}.briefing-cols{display:flex;gap:clamp(28px,5vw,72px);align-items:flex-start;justify-content:space-between;flex-wrap:wrap;width:min(1120px,94vw)}.briefing-col{display:flex;flex-direction:column;gap:14px}.briefing-col:first-child{flex:0 1 auto}.briefing-col:last-child{flex:1 1 540px;min-width:0}.briefing-points{list-style:none;counter-reset:brief;display:flex;flex-direction:column;gap:clamp(12px,2.4vh,22px);max-width:30ch;text-align:left}.briefing-points li{counter-increment:brief;position:relative;padding-left:50px;font-size:clamp(16px,2.2vw,22px);line-height:1.3;letter-spacing:.01em;color:var(--ink-dim)}.briefing-points li b{color:var(--ink)}.briefing-points li:before{content:counter(brief);position:absolute;left:0;top:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:var(--bg);font-weight:700;font-size:18px}.briefing-head{font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--accent)}.imu-row{display:flex;gap:10px}button.imu-btn{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:3px;width:auto;padding:10px 8px;min-height:0}.imu-name{font-size:13px;font-weight:700;letter-spacing:.06em}.imu-sub{font-size:10px;letter-spacing:.03em;opacity:.8}.sensor-legend{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;text-align:left;font-size:12.5px;line-height:1.3;color:var(--ink-dim)}.sensor-legend b{display:inline-block;min-width:42px;color:var(--accent);letter-spacing:.06em}button{font:inherit;letter-spacing:.14em;padding:12px 28px;min-height:48px;color:var(--bg);background:var(--accent);border:0;border-radius:4px;cursor:pointer;touch-action:manipulation}button:active{background:#ff8a3d}.screen.flight{z-index:1;padding:0;background:transparent}.screen.flight.attract .hud,.screen.flight.attract .cluster,.screen.flight.attract .sources,.screen.flight.attract .overlays,.screen.flight.attract .banner,.screen.flight.attract .drop-btn,.screen.flight.attract .fail-overlay,.screen.flight.attract .source-card,.screen.flight.attract .minimap,.screen.flight.attract .stick-base{display:none}.gl,.hud{position:absolute;inset:0;width:100%;height:100%}.hud{pointer-events:none}.cluster{position:absolute;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:flex;gap:8px}button.detent{padding:8px 12px;min-height:44px;font-size:12px;color:var(--accent);background:#1e1d24bf;border:1px solid var(--accent-soft)}button.detent.active{color:var(--bg);background:var(--accent)}button.drop-btn{position:absolute;left:50%;bottom:max(44px,calc(env(safe-area-inset-bottom) + 36px));transform:translate(-50%);min-width:150px;min-height:52px;font-size:19px;letter-spacing:.22em;background:var(--good);box-shadow:0 0 18px #3df59b73}button.drop-btn:disabled{background:#1e1d24cc;color:var(--ink-dim);border:1px solid rgb(217 216 224 / 35%);box-shadow:none}button.drop-btn[hidden]{display:none}.fail-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#1e1d24d1}.fail-overlay[hidden]{display:none}.fail-overlay h1{font-size:clamp(20px,4vw,34px);letter-spacing:.16em;color:var(--denied)}.screen[data-screen=CALIBRATE]{gap:10px}.screen[data-screen=CALIBRATE] h1{font-size:clamp(20px,4vw,30px)}button.toggle{width:236px;padding-left:0;padding-right:0;border:1px solid var(--accent);color:var(--ink-dim);background:transparent;border-color:#d9d8e04d}button.toggle[aria-pressed=true]{color:var(--bg);background:var(--accent);border-color:var(--accent)}button.toggle:disabled{opacity:.35;cursor:default}.cal-detail{display:flex;align-items:center;gap:24px;height:96px;visibility:hidden}.cal-detail .level{width:88px;height:88px}.cal-detail .level:after{inset:33px}.cal-detail .level-dot{top:36px;left:36px}.cal-detail.visible{visibility:visible}.level{position:relative;width:120px;height:120px;border:1px solid rgb(217 216 224 / 35%);border-radius:50%}.level:after{content:"";position:absolute;inset:46px;border:1px solid rgb(217 216 224 / 25%);border-radius:50%}.level-dot{position:absolute;top:52px;left:52px;width:16px;height:16px;border-radius:50%;background:var(--good);box-shadow:0 0 10px #3df59b99}.cal-status{min-height:1.2em;color:var(--good)}.stick-base{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;border:1px solid var(--accent-soft);border-radius:50%;pointer-events:none}.stick-base[hidden]{display:none}.stick-knob{position:absolute;top:28px;left:28px;width:40px;height:40px;border-radius:50%;background:#ff670059;border:1px solid var(--accent)}.sources{position:absolute;top:50%;right:max(8px,env(safe-area-inset-right));transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;width:140px}button.chip{display:flex;align-items:center;gap:7px;padding:8px 9px;min-width:0;min-height:0;text-align:left;font-size:15px;letter-spacing:.04em;color:var(--ink);background:#1e1d24d1;border:1px solid rgb(217 216 224 / 30%);border-radius:4px}.chip-dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:#555}button.chip[data-status=good] .chip-dot{background:var(--good);box-shadow:0 0 6px var(--good)}button.chip[data-status=warn] .chip-dot{background:var(--caution);box-shadow:0 0 6px var(--caution)}button.chip[data-status=bad] .chip-dot{background:var(--denied);box-shadow:0 0 6px var(--denied)}button.chip[data-status=off]{opacity:.45}.chip-id{font-weight:700;white-space:nowrap}.chip-info{margin-left:auto;padding-left:2px;color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap}button.chip.fixed{cursor:default}button.chip.gear{justify-content:center;font-size:14px;padding:5px;color:var(--ink-dim)}button.chip.gear.on{color:var(--bg);background:var(--caution)}.sources.expert button.chip:not(.gear){border-color:var(--caution)}.source-card{position:absolute;top:50%;right:154px;transform:translateY(-50%);width:min(320px,45%);padding:14px 16px;font-size:13px;line-height:1.5;letter-spacing:.03em;color:var(--ink);background:#1e1d24eb;border:1px solid var(--accent-soft);border-radius:4px;z-index:5}.source-card[hidden]{display:none}.source-card .card-status{margin-top:8px;font-size:11px;letter-spacing:.08em;color:var(--caution)}.overlays{position:absolute;left:max(104px,calc(env(safe-area-inset-left) + 92px));top:max(14px,env(safe-area-inset-top));display:flex;gap:8px}.minimap{position:absolute;left:116px;bottom:max(10px,env(safe-area-inset-bottom));width:224px;height:224px;pointer-events:none}@media(max-height:460px){.minimap{left:104px;width:168px;height:168px}}.banner{position:absolute;top:30%;left:50%;transform:translate(-50%);max-width:70%;padding:10px 18px;font-size:15px;letter-spacing:.12em;text-align:center;background:#1e1d24d9;border:1px solid var(--caution);color:var(--caution);pointer-events:none}.banner[data-kind=denied]{border-color:var(--denied);color:var(--denied)}.banner[data-kind=good]{border-color:var(--good);color:var(--good)}.banner[data-kind=info]{border-color:var(--ink-dim);color:var(--ink)}.banner[hidden]{display:none}.red-pulse{position:absolute;inset:0;pointer-events:none;opacity:0}.red-pulse.firing{animation:redpulse 1.6s ease-out 2}@keyframes redpulse{0%{opacity:0}25%{opacity:1}to{opacity:0}}.red-pulse{box-shadow:inset 0 0 90px 18px #ff4d5e8c}.screen[data-screen=PAUSED]{background:#1e1d24cc}.screen.debrief{gap:10px}.grade{font-size:clamp(34px,9vh,56px);font-weight:700;letter-spacing:.2em;line-height:1;color:var(--good);text-shadow:0 0 22px rgb(61 245 155 / 45%)}.grade[data-grade=C]{color:var(--caution);text-shadow:0 0 22px rgb(255 179 71 / 45%)}.grade[data-grade=F]{color:var(--denied);text-shadow:0 0 22px rgb(255 77 94 / 45%)}.score-line{font-size:13px;letter-spacing:.1em;color:var(--ink)}.debrief-row{display:flex;align-items:center;gap:18px;max-width:92vw}.debrief-map{height:min(44vh,300px);width:auto;border:1px solid rgb(217 216 224 / 30%);border-radius:4px}.debrief-right{display:flex;flex-direction:column;gap:10px;max-width:360px}.callouts{list-style:none;text-align:left;font-size:12.5px;line-height:1.45;color:var(--ink-dim);display:flex;flex-direction:column;gap:7px}.callouts li:before{content:"▸ ";color:var(--accent)}.sparkline{width:100%;height:56px;border:1px solid rgb(217 216 224 / 20%);border-radius:4px}@media(max-height:430px){.debrief-map{height:38vh}.grade{font-size:30px}.callouts{font-size:11px}}.share-modal{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0d0c11eb}.share-modal[hidden]{display:none}.share-modal img{max-width:78vw;max-height:70vh;border:1px solid var(--accent-soft);border-radius:6px}.share-modal p{font-size:11px;letter-spacing:.12em;color:var(--ink-dim)}.booth button{min-height:58px;font-size:17px}.booth button.chip{min-height:0}#rotate-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--bg)}#rotate-overlay[hidden]{display:none}.rotate-card{text-align:center;letter-spacing:.16em}.rotate-icon{display:block;margin:0 auto;color:var(--accent);transform-origin:50% 50%;animation:spin 2.4s ease-in-out infinite}.rotate-sub{margin-top:8px;font-size:13px;color:var(--ink-dim)}@keyframes spin{0%,60%{transform:rotate(0)}80%,to{transform:rotate(90deg)}}@media(max-height:430px){.screen{gap:8px}.screen h1{font-size:clamp(18px,6vh,30px)}.screen p{font-size:13px}button{min-height:42px;padding:9px 20px}.screen[data-screen=CALIBRATE]{gap:6px}.cal-detail{height:76px}.cal-detail .level{width:68px;height:68px}.cal-detail .level:after{inset:26px}.cal-detail .level-dot{top:26px;left:26px}}@media(max-height:330px){.screen[data-screen=CALIBRATE] p:not(.cal-status){display:none}.screen h1{font-size:16px}}