@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#ffffe5;--video-matte:#fefde4;--hud-bg:#ffffffb8;--hud-border:#00000014;--text:#1a1a1a;--text-muted:#5c5c5c;--accent:#2563eb;--accent-soft:#2563eb26;--positive:#16a34a;--negative:#dc2626;--radius:12px;--shadow:0 8px 32px #00000014;--rocket-height:min(98dvh, calc(98vw * 986 / 510));--video-zoom:1.45;--hud-sheet-collapsed:calc(5.25rem + env(safe-area-inset-bottom,0px));--hud-sheet-expanded:min(46vh, 360px);--hud-sheet-height:var(--hud-sheet-expanded)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}#app{min-height:100vh}.page{min-height:100dvh;display:block;position:relative}.page--hud-collapsed{--hud-sheet-height:var(--hud-sheet-collapsed)}.stage-area{background:var(--video-matte);justify-content:center;align-items:center;height:100dvh;min-height:100dvh;padding:0;display:flex;position:relative;overflow:visible}.hud-area{top:max(.75rem, env(safe-area-inset-top,0px));right:max(.75rem, env(safe-area-inset-right,0px));z-index:20;pointer-events:none;justify-content:flex-end;align-items:flex-start;width:min(300px,30vw);display:flex;position:fixed}.hud-area>*{pointer-events:auto}.video-stage{height:var(--rocket-height);aspect-ratio:510/986;cursor:default;transform-origin:50%;background:var(--video-matte);flex-shrink:0;width:auto;max-width:98vw;transition:transform .1s;position:relative;overflow:visible}.video-stage--launchable{cursor:pointer}.video-stage--launching{pointer-events:none}.video-stage__layers--launching{transition:none;animation:4.2s cubic-bezier(.33,0,.2,1) launch}@keyframes launch{0%{transform:translateY(0)}4%{transform:translateY(6%)}8%{transform:translateY(-8%)}16%{transform:translateY(-135%)}18%{transform:translateY(-160%)}58%{transform:translateY(-160%)}64%{transform:translateY(-160%)}76%{transform:translateY(-50%)}86%{transform:translateY(-14%)}93%{transform:translateY(4%)}97%{transform:translateY(-1.5%)}to{transform:translateY(0)}}.video-stage__layers{background:var(--video-matte);transform-origin:50% 100%;width:100%;height:100%;position:relative}.video-stage__layers:before{content:"";background:var(--video-matte);z-index:0;position:absolute;inset:0}.video-layer{z-index:1;object-fit:contain;object-position:center center;opacity:0;pointer-events:none;background-color:var(--video-matte);width:100%;height:100%;transform:scale(var(--video-zoom));transform-origin:50%;transition:opacity .35s;display:block;position:absolute;inset:0}.video-layer--active{opacity:1}.video-stage__hint{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;opacity:.55;pointer-events:none;white-space:nowrap;font-size:.75rem;transition:opacity .2s;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.video-stage:not(.video-stage--launchable) .video-stage__hint{opacity:0}.stats-hud{background:var(--hud-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--hud-border);border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--shadow);padding:1.25rem;transition:transform .4s,box-shadow .3s;transform:translate(0)}.stats-hud--revealed{animation:.45s hudSlideIn}.stats-hud--pulse{animation:.4s hudPulse}@keyframes hudSlideIn{0%{opacity:.6;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes hudPulse{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 8px 40px #2563eb33}}.stats-hud__title{margin:0;font-size:1.35rem;font-weight:600}.stats-hud__subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:.15rem 0 0;font-size:.8rem}.hud-collapse{display:none}.stats-hud__header{margin-bottom:1rem}.stats-hud__footer{border-top:1px solid var(--hud-border);margin-top:1rem;padding-top:.75rem}.rocket-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.rocket-tab{border:1px solid var(--hud-border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;transition:all .2s}.rocket-tab--active,.rocket-tab:hover{background:var(--accent-soft);color:var(--accent);border-color:#2563eb4d}.view-switcher{flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem;display:flex}.view-btn{border:1px solid var(--hud-border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:6px;padding:.3rem .6rem;font-size:.75rem}.view-btn--active{background:var(--text);color:var(--bg);border-color:var(--text)}.hud-tabs{border-bottom:1px solid var(--hud-border);gap:0;margin-bottom:1rem;display:flex}.hud-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:.5rem;font-size:.78rem}.hud-tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.metric-grid{flex-direction:column;gap:.65rem;margin-bottom:1rem;display:flex}.metric-row__header{justify-content:space-between;margin-bottom:.2rem;font-size:.78rem;display:flex}.metric-val{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem}.metric-bar{background:#0000000f;border-radius:3px;height:5px;overflow:hidden}.metric-bar__fill{background:linear-gradient(90deg, var(--accent), #60a5fa);border-radius:3px;height:100%;transition:width .5s}.radar-wrap{justify-content:center;margin:.5rem 0 1rem;display:flex}.radar-chart{overflow:visible}.radar-label{fill:var(--text-muted);font-family:Inter,sans-serif;font-size:9px}.spec-strip{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.spec-chip{color:var(--text-muted);background:#0000000a;border-radius:4px;padding:.2rem .45rem;font-family:JetBrains Mono,monospace;font-size:.68rem}.engineering-note{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.5}.panel-heading{margin:0 0 .75rem;font-size:.85rem;font-weight:600}.heatmap-wrap{border:1px solid var(--hud-border);background:var(--bg);border-radius:8px;margin-bottom:.75rem;overflow:hidden}.heatmap-img{width:100%;display:block}.engineering-score{margin:.5rem 0 0;font-size:.78rem}.spec-diff__pickers{gap:.75rem;margin-bottom:1rem;display:flex}.spec-diff__label{color:var(--text-muted);flex-direction:column;flex:1;gap:.25rem;font-size:.72rem;display:flex}.spec-diff__select{border:1px solid var(--hud-border);background:#fff;border-radius:6px;padding:.35rem;font-size:.78rem}.diff-row{grid-template-columns:1fr auto;align-items:center;gap:.25rem .5rem;margin-bottom:.65rem;display:grid}.diff-row__label{color:var(--text-muted);grid-column:1/-1;font-size:.72rem}.diff-row__bars{flex-direction:column;gap:.2rem;display:flex}.diff-bar{background:#0000000d;border-radius:3px;height:14px;position:relative;overflow:hidden}.diff-bar span{z-index:1;font-family:JetBrains Mono,monospace;font-size:.6rem;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.diff-bar__fill{border-radius:3px;height:100%;transition:width .4s}.diff-bar--a .diff-bar__fill{background:#2563eb80}.diff-bar--b .diff-bar__fill{background:#10b98180}.diff-delta{text-align:right;min-width:2rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500}.delta--pos{color:var(--positive)}.delta--neg{color:var(--negative)}.delta--zero{color:var(--text-muted)}.audio-toggle{border:1px solid var(--hud-border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.75rem;display:flex}.audio-toggle--on{background:var(--accent-soft);color:var(--accent)}@media (width<=860px){:root{--stage-available-h:calc(100dvh - var(--hud-sheet-height) - env(safe-area-inset-top,0px));--rocket-height:min(var(--stage-available-h), calc(100vw * 986 / 510));--video-zoom:1.48}.stage-area{height:calc(100dvh - var(--hud-sheet-height));min-height:calc(100dvh - var(--hud-sheet-height));padding-top:env(safe-area-inset-top,0px);justify-content:center;align-items:center}.video-stage{height:var(--rocket-height);width:auto;max-width:100vw}.hud-area{width:auto;height:var(--hud-sheet-height);justify-content:center;align-items:stretch;padding:0;transition:height .25s;inset:auto 0 0}.video-stage__hint{background:#ffffe5e0;border-radius:999px;padding:.25rem .6rem;font-size:.68rem;top:.35rem}.hud-collapse{border:none;border-bottom:1px solid var(--hud-border);width:100%;color:var(--text-muted);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;align-items:center;gap:.45rem;margin:0 0 .55rem;padding:.45rem .75rem .15rem;font-size:.72rem;display:flex}.hud-collapse__bar{background:#0000002e;border-radius:999px;width:2.25rem;height:.22rem}.hud-collapse__chevron{transition:transform .2s;display:inline-block}.stats-hud:not(.stats-hud--collapsed) .hud-collapse__chevron{transform:rotate(180deg)}.stats-hud{-webkit-overflow-scrolling:touch;max-width:100%;max-height:100%;padding:.35rem .85rem calc(.75rem + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;transition:padding .25s;overflow-y:auto}.stats-hud--collapsed{padding-top:.15rem;overflow:hidden}.stats-hud--collapsed .stats-hud__header,.stats-hud--collapsed .hud-tabs,.stats-hud--collapsed .hud-panel,.stats-hud--collapsed .stats-hud__footer{display:none}.stats-hud--collapsed .rocket-tabs{margin-bottom:.4rem}.stats-hud--collapsed .view-switcher{margin-bottom:0}.stats-hud__title{font-size:1.15rem}.stats-hud__header,.hud-tabs{margin-bottom:.75rem}.metric-grid{gap:.5rem;margin-bottom:.75rem}.radar-wrap{margin:.25rem 0 .75rem}.rocket-tab,.view-btn{min-height:2.25rem}}@media (prefers-reduced-motion:reduce){.video-stage__layers--launching,.stats-hud--revealed,.stats-hud--pulse{animation:none}.video-layer,.metric-bar__fill{transition:none}}