: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}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:8px;width:132px}button.chip{display:flex;align-items:center;gap:8px;padding:9px 10px;min-height:0;text-align:left;font-size:15px;letter-spacing:.06em;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}.chip-info{margin-left:auto;color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}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(72px,env(safe-area-inset-left));top:max(58px,calc(env(safe-area-inset-top) + 44px));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}}