*{box-sizing:border-box}html,body{margin:0;height:100%;background:#05070c;color:#e8eef8;font-family:Inter,system-ui,sans-serif}body{overflow:hidden}.shell{display:flex;gap:14px;height:100vh;padding:14px}.viewport{position:relative;flex:1 1 auto;min-width:0}.stage{position:absolute;inset:0;border-radius:12px;overflow:hidden;background:#05070c}#app canvas{display:block;width:100%;height:100%}#hud{position:absolute;inset:0;pointer-events:none}.hole-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}.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{flex:0 0 300px;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:12px;background:#0a0f1cd9;border:1px solid rgba(126,248,255,.14);overflow-y:auto}.vb-brand .eyebrow{margin:0;font-size:11px;letter-spacing:.22em;color:#7ef8ff;text-transform:uppercase}.vb-brand h1{margin:4px 0 6px;font-size:24px;letter-spacing:.04em;color:#ffd9a0}.vb-brand .blurb{margin:0;font-size:12.5px;line-height:1.5;color:#a9b6cc}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-grid article{padding:8px 10px;border-radius:8px;background:#0d1322e6;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:16px;color:#e8eef8;font-variant-numeric:tabular-nums}.power-meter{height:12px;border-radius:999px;background:#141c2ee6;border:1px solid rgba(255,217,160,.25);overflow:hidden}.power-meter span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#ffb14d,#ff6a3d);transition:width .08s linear}.power-meta{display:flex;justify-content:space-between;font-size:11px;color:#7d8ba3;letter-spacing:.08em}.mission-line{margin:0;padding:8px 10px;border-radius:8px;font-size:12px;letter-spacing:.1em;color:#9feefc;background:#0a1a20b3;border:1px solid rgba(126,248,255,.18);font-variant-numeric:tabular-nums}.controls-list{margin:0;padding:0 0 0 16px;font-size:12px;line-height:1.8;color:#a9b6cc}.controls-list b{color:#ffd9a0}.action-row{display:flex;flex-wrap:wrap;gap:8px}.action-row button{flex:1 1 auto;min-height:44px;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:12.5px;letter-spacing:.06em;color:#dceafa;background:#182238e6;border:1px solid rgba(126,248,255,.2)}.action-row button:hover{background:#202e4cf2;border-color:#7ef8ff66}.action-row button:active{transform:translateY(1px)}.action-row button:focus-visible{outline:3px solid #7ef8ff;outline-offset:2px}.evidence-strip{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#66748c}.evidence-strip code{color:#9feefc;font-size:11px}body[data-capture=review] .shell{display:block;padding:0}body[data-capture=review] .viewport{width:100%;height:100%}body[data-capture=review] .stage{border-radius:0}body[data-capture=review] .panel{position:absolute;z-index:3;top:18px;right:18px;width:252px;padding:12px;gap:9px;overflow:visible;background:#050912e0;border-color:#7ef8ff42;box-shadow:0 16px 42px #0000005c}body[data-capture=review] .vb-brand .eyebrow,body[data-capture=review] .vb-brand .blurb,body[data-capture=review] .power-meter,body[data-capture=review] .power-meta,body[data-capture=review] .controls-list,body[data-capture=review] .action-row,body[data-capture=review] .evidence-strip{display:none}body[data-capture=review] .vb-brand h1{margin:0;font-size:18px}body[data-capture=review] .stat-grid{gap:5px}body[data-capture=review] .stat-grid article{padding:6px 7px}body[data-capture=review] .stat-grid strong{font-size:14px}body[data-capture=review] .mission-line{font-size:10px;padding:7px 8px}body[data-capture=review] .hole-banner{top:18px}@media(max-width:860px){.shell{flex-direction:column;padding:8px}.panel{flex:0 0 auto;max-height:42vh}.hole-banner{font-size:11px}}