*{box-sizing:border-box}html,body{margin:0;height:100%;background:#04060b;color:#e8eef8;font-family:Inter,system-ui,sans-serif}body.is-alarm #gs-banner{border-color:#ff334dcc;color:#ff9aaa;box-shadow:0 0 24px #ff334d33}body.is-alarm #panel{border-color:#ff334d6b}body{overflow:hidden}.shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(188px,214px);grid-template-rows:minmax(0,1fr);gap:8px;height:100vh;padding:8px}body[data-capture=review] .shell{grid-template-columns:minmax(0,1fr);gap:0;padding:0}body[data-capture=review] .stage{border-radius:0}body[data-capture=review] #panel{opacity:0;pointer-events:none}body[data-capture=review] #hud{opacity:1;pointer-events:none}body[data-capture=review] .hall-banner{top:18px;left:24px;transform:none;padding:8px 13px;background:linear-gradient(105deg,#05141fe6,#090d18d1);border-color:#7ef8ff85;box-shadow:0 8px 22px #0000003d,0 0 18px #4be0df14;font-size:11px}body[data-capture=review] .detection-wrap{top:18px;right:24px;width:224px;padding:9px 11px;background:linear-gradient(105deg,#090d18d6,#1f1210db);border-color:#ffb14d7a;box-shadow:0 8px 22px #0000003d,0 0 18px #ffb14d14}body[data-capture=review] .review-brief{top:60px;left:24px;padding:8px 12px;background:linear-gradient(105deg,#05141fdb,#130e19d6);border-color:#ffd9a06b;color:#ffe2b4;box-shadow:0 7px 18px #0003,0 0 16px #ffb14d12}body[data-capture=review] .mission-rail{display:block;left:24px;bottom:18px}body[data-capture=review] .lift-progress{bottom:20px;width:286px}.viewport{position:relative;min-width:0;min-height:0}.stage{position:absolute;inset:0;border-radius:12px;overflow:hidden;background:#04060b}#app canvas{display:block;width:100%;height:100%}#hud{position:absolute;inset:0;pointer-events:none}.hall-banner{position:absolute;top:10px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:999px;font-size:13px;letter-spacing:.14em;background:#070c18c7;border:1px solid rgba(126,248,255,.25);color:#9feefc;white-space:nowrap}.review-brief{position:absolute;top:58px;left:24px;z-index:2;max-width:min(360px,calc(100vw - 48px));padding:7px 11px;border-radius:6px;background:#050b15c7;border:1px solid rgba(255,177,77,.3);color:#ffd9a0;font-size:10px;letter-spacing:.14em;line-height:1.35;white-space:nowrap;box-shadow:0 7px 18px #0003}.mission-rail{display:none;position:absolute;left:16px;bottom:14px;z-index:2;width:min(330px,calc(100vw - 32px));padding:9px 11px 8px;border:1px solid rgba(126,248,255,.25);border-radius:9px;background:linear-gradient(115deg,#070f1bed,#0f1420db);box-shadow:0 8px 24px #00000047,inset 0 1px #ffffff0a}.mission-rail-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.2em;color:#70dce8}.mission-rail-head b{overflow:hidden;color:#d8e9f0;font-size:9px;font-weight:600;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.mission-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:7px}.mission-step{display:block;overflow:hidden;padding:5px 4px;border:1px solid rgba(126,248,255,.12);border-radius:5px;color:#71849a;font-size:8px;letter-spacing:.08em;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.mission-step.is-active{border-color:#ffb14dbd;background:#ffb14d24;color:#ffdca5}.mission-step.is-complete{border-color:#3dfc9a70;background:#3dfc9a1c;color:#6cf6b0}.mission-legend{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:7px;color:#93a6ba;font-size:8px;letter-spacing:.1em}.mission-legend span{display:inline-flex;align-items:center;gap:4px}.legend-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px currentColor}.legend-player{color:#56f4d3;background:#56f4d3}.legend-patrol{color:#ff6b9b;background:#ff6b9b}.legend-los{color:#ffd05a;background:#ffd05a}.detection-wrap{position:absolute;top:10px;right:14px;width:190px;padding:8px 10px;border-radius:10px;background:#070c18d1;border:1px solid rgba(255,177,77,.22)}.detection-wrap .meter-label{font-size:10px;letter-spacing:.2em;color:#ffb14d}.detection-meter{margin-top:5px;height:12px;border-radius:999px;overflow:hidden;background:#141c2ee6;border:1px solid rgba(255,217,160,.25)}.detection-meter span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#ffd9a0,#ffb14d 45%,#ff6a3d 75%,#ff3b4e);transition:width .08s linear}.detection-meter span.is-alert{background:linear-gradient(90deg,#ff6a3d,#ff3b4e)}.meter-ticks{position:relative;display:block;height:6px}.meter-ticks i{position:absolute;top:-9px;width:1px;height:6px;background:#e8eef88c}.meter-ticks #gs-tick-suspicious{left:35%}.meter-ticks #gs-tick-alert{left:70%}.lift-progress{position:absolute;bottom:18px;left:50%;transform:translate(-50%);width:260px;padding:8px 12px;border-radius:10px;background:#070c18d9;border:1px solid rgba(126,248,255,.3)}.lift-progress span{font-size:11px;letter-spacing:.16em;color:#9feefc}.lift-bar{margin-top:5px;height:10px;border-radius:999px;overflow:hidden;background:#141c2ee6}.lift-bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#7ef8ff,#3dfc9a);transition:width .06s linear}.result-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:300px;padding:22px 26px;border-radius:14px;text-align:center;background:#090d18f0;border:1px solid rgba(255,217,160,.35);pointer-events:auto}.result-card h2{margin:0 0 6px;font-size:22px;color:#ffd9a0;letter-spacing:.08em}.result-card p{margin:0 0 14px;color:#b8c4d8;font-size:14px}.is-hidden{display:none!important}.panel{position:relative;z-index:3;min-width:0;width:auto;max-height:calc(100vh - 20px);display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#0a0f1c8a;border:1px solid rgba(126,248,255,.22);overflow-y:auto;backdrop-filter:blur(4px)}.gs-brand .eyebrow{margin:0;font-size:11px;letter-spacing:.22em;color:#7ef8ff;text-transform:uppercase}.gs-brand h1{margin:4px 0 5px;font-size:22px;letter-spacing:.04em;color:#ffd9a0}.gs-brand .blurb{margin:0;font-size:11.5px;line-height:1.45;color:#a9b6cc}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-grid article{padding:7px 8px;border-radius:8px;background:#0d1322d1;border:1px solid rgba(126,248,255,.1)}.stat-grid span{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7d8ba3}.stat-grid strong{display:block;margin-top:2px;font-size:14px;color:#e8eef8;font-variant-numeric:tabular-nums}.section-label{margin:0 0 6px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#7d8ba3}.guard-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:5px 7px;margin-bottom:5px;border-radius:8px;background:#0d1322c7;border:1px solid rgba(126,248,255,.1);font-size:10.5px;color:#a9b6cc}.guard-row b{color:#e8eef8}.guard-row .state{padding:1px 8px;border-radius:999px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.state-idle{background:#3dfc9a29;color:#3dfc9a}.state-investigate{background:#ffb14d2e;color:#ffb14d}.state-alert{background:#ff3b4e33;color:#ff6a7d}.guard-row .route,.guard-row .speed{font-variant-numeric:tabular-nums;color:#7d8ba3}.controls-list{margin:0;padding:0 0 0 15px;font-size:11px;line-height:1.65;color:#a9b6cc}.controls-list b{color:#ffd9a0}.action-row{display:flex;flex-wrap:wrap;gap:8px}.action-row button{min-width:44px;min-height:44px;padding:8px 12px;border-radius:8px;font-size:12px;letter-spacing:.06em;background:#131b2ef2;border:1px solid rgba(126,248,255,.22);color:#cfe2f4;cursor:pointer}.action-row button:active{background:#233252f2}.evidence-strip{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 10px;border-radius:8px;background:#0d1322c2;border:1px solid rgba(126,248,255,.1);font-size:10px;letter-spacing:.06em;color:#7d8ba3}.evidence-strip code{color:#9feefc;font-variant-numeric:tabular-nums}@media(max-width:860px){.shell{display:flex;flex-direction:column;padding:8px;gap:8px;height:100dvh}.viewport{flex:1 1 auto;min-height:0}.panel{flex:0 0 auto;max-height:42vh;width:auto}.detection-wrap{width:150px}}