@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #0c0d0f;--surface: #141618;--surface-raised: #1b1e21;--line: #ffffff14;--line-strong: #ffffff24;--text: #ececee;--text-muted: #9a9ca1;--text-faint: #6d7076;--accent: #7dd3c0;--accent-ink: #0c1512;--warn: #e8a87c;--good: #8fc99b;--danger: #e08a86;--radius: 10px;--radius-sm: 6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#viewport{position:fixed;inset:0}canvas{display:block;cursor:grab;width:100%;height:100%}canvas:active{cursor:grabbing}code{font:12px/1.5 JetBrains Mono;color:var(--text)}::selection{background:#7dd3c033}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.topbar{position:fixed;inset:0 0 auto;height:56px;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:linear-gradient(#0c0d0fdd,#0c0d0f00);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;letter-spacing:-.01em}.brand b{font-weight:600;color:var(--text-muted)}.mark{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:600}.nav{display:flex;gap:4px;font-size:13px}.nav a{color:var(--text-muted);text-decoration:none;padding:6px 11px;border-radius:var(--radius-sm)}.nav a:hover{color:var(--text);background:#ffffff0a}.nav a.active{color:var(--text);background:#ffffff12}.account{position:relative;margin-left:6px}.account-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;font-size:13px;background:transparent;border-color:var(--line-strong);color:var(--text-muted)}.account-chip:hover:not(:disabled){color:var(--text)}.account-menu{position:absolute;top:calc(100% + 8px);right:0;width:290px;display:grid;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 40px #0006}.account-menu p{margin:0;font-size:12px;line-height:1.55}.account-menu hr{width:100%;border:0;border-top:1px solid var(--line);margin:0}.account-actions{display:grid;gap:8px}.account-actions button{justify-content:flex-start}.account-error{color:var(--danger)}.orbit-help{position:fixed;top:176px;left:50%;transform:translate(-50%);color:#d8e5e099;font:11px/1 JetBrains Mono;pointer-events:none;z-index:2;text-shadow:0 1px 3px #000c;animation:settle .8s ease 7s forwards}@keyframes settle{to{opacity:0;visibility:hidden}}.pointer-hint{position:fixed;top:170px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:10px}.pointer-hint span{font:11px/1 JetBrains Mono;color:#d8e5e0aa;text-shadow:0 1px 3px #000c}select,button,input{font-family:inherit;font-size:13px;color:var(--text);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-height:32px;padding:0 10px}select{appearance:none;padding-right:26px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-faint) 50%),linear-gradient(135deg,var(--text-faint) 50%,transparent 50%);background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}button{cursor:pointer;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover:not(:disabled){background:#24282c;border-color:#ffffff3a}button:active:not(:disabled){background:#101214}button:disabled{opacity:.45;cursor:not-allowed}select:hover{border-color:#ffffff3a}button.icon{display:inline-grid;place-items:center;width:34px;min-height:34px;padding:0;font-size:17px}button.icon svg{display:block}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:500}button.primary:hover:not(:disabled){background:#93dccb;border-color:#93dccb}button.ghost{background:transparent;border-color:transparent;color:var(--text-muted)}button.ghost:hover:not(:disabled){background:#ffffff0f;color:var(--text);border-color:transparent}button.ghost.danger:hover:not(:disabled){color:var(--danger)}input{width:100%}input::placeholder{color:var(--text-faint)}label{color:var(--text-muted);font-size:11px}.controls{position:fixed;left:0;right:0;bottom:36px;z-index:3;width:fit-content;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:9px;padding:10px 4px;background:#16181bec;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px #0005;max-width:calc(100vw - 32px)}.control-group{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:0 12px}.control-group+.control-group{border-left:1px solid var(--line)}.controls label{display:grid;gap:4px}.controls select{max-width:200px;text-overflow:ellipsis}.control-group>button{align-self:end}.controls .scrubber,.controls .timecode{align-self:center}.controls .segmented{padding:2px}.controls .segmented button{min-height:26px}.flight-strip{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:9px 20px;font:11px/1 JetBrains Mono;color:var(--text-muted);background:linear-gradient(#0c0d0f00,#0c0d0fee);pointer-events:none}#event{color:var(--accent)}.keymap{max-width:100%;text-align:center;color:var(--text-faint);font:11px/1 JetBrains Mono}.control-rows{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:center;max-width:100%}.recording{position:fixed;top:68px;left:16px;z-index:5;display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--surface-raised);border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--text-muted);box-shadow:0 6px 20px #0004}.recording-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);flex:none}button.recording{cursor:pointer}button.recording:hover{border-color:var(--line-strong);color:var(--text);background:var(--surface-raised)}.recording-ranked .recording-dot{background:var(--good)}.recording-saving .recording-dot{background:var(--accent);animation:pulse 1s ease-in-out infinite}.recording-saved .recording-dot{background:var(--accent)}.recording-failed .recording-dot{background:var(--danger)}.recording-failed{border-color:#e08a8655}.decision-error{position:fixed;top:68px;left:0;right:0;z-index:5;width:fit-content;margin-inline:auto;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;max-width:min(620px,calc(100vw - 40px));background:var(--surface-raised);border:1px solid #e08a8655;border-radius:var(--radius);font-size:12px;color:var(--text);box-shadow:0 8px 28px #0006}.decision-error strong{color:var(--danger);font-size:11px;font-weight:600}.decision-error span{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#06070899;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sheet{width:min(520px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 64px #0007}.sheet header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.sheet h2{margin:0 0 6px;font-size:16px;font-weight:600;letter-spacing:-.01em}.sheet header p{margin:0;font-size:12px;line-height:1.55;color:var(--text-muted);max-width:46ch}.sheet header button{margin-left:auto}.field{display:grid;gap:5px;margin-bottom:12px}.field>span{font-size:12px;color:var(--text-muted)}.muted{color:var(--text-faint)}.key-row{padding:16px 0;border-top:1px solid var(--line)}.key-row-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;font-size:13px}.key-provider{font-weight:500}.key-saved{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.key-saved code{color:var(--text-muted)}.key-actions{display:flex;gap:8px;margin-top:14px}.scope{display:grid;gap:8px;margin:0 0 4px;padding:0;border:0}.scope label{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--text);cursor:pointer}.scope input{width:auto;min-height:0;margin:2px 0 0;accent-color:var(--accent)}.scope span span{display:block;font-size:11px}.flight-display{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;--hud: #6bff9e;--ab: #ffb347;color:var(--hud);font:12px JetBrains Mono;letter-spacing:.06em}.flight-display text{fill:var(--hud);font:11px JetBrains Mono;letter-spacing:.06em}.flight-display line,.flight-display path,.flight-display rect,.flight-display circle{vector-effect:non-scaling-stroke}.flight-display>g{filter:drop-shadow(0 0 3px #0b3d1f) drop-shadow(0 0 1px #000c)}.tape-ticks line{stroke:var(--hud);stroke-width:1.2;opacity:.75}.tape-ticks text{font-size:10px;opacity:.85}.tape-box path,.tape-box rect{fill:#02150acc;stroke:var(--hud);stroke-width:1.3}.tape-box text{font:600 17px Barlow Condensed;letter-spacing:.06em;fill:#eafff1}.tape-caption{font-size:9px;letter-spacing:.2em;opacity:.7}.tape-sub{font-size:10px;opacity:.9}.heading-caret{fill:var(--hud)}.throttle-track{fill:#02150a99;stroke:var(--hud);stroke-width:1.1}.throttle-fill{opacity:.8}.control-box{fill:#02150a99;stroke:var(--hud);stroke-width:1.1}.control-cross{stroke:var(--hud);stroke-width:.8;opacity:.35}.control-dot{fill:var(--hud)}.control-rudder{fill:var(--hud);opacity:.85}.stores-value{font:600 19px Barlow Condensed;letter-spacing:.05em;fill:#eafff1}.conformal line{stroke:var(--hud);stroke-width:1.6}.conformal .horizon{stroke-width:2.1}.conformal .rung-label{font-size:10px}.fpm circle{fill:none;stroke:var(--hud);stroke-width:2}.fpm line{stroke-width:2}.aoa-bracket path{fill:none;stroke:var(--ab);stroke-width:2.2}.tactical{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;--hud: #6bff9e;--shoot: #b9ff6b}.tactical text{font:9px JetBrains Mono;letter-spacing:.12em;fill:var(--hud)}.reticle{stroke:var(--hud);stroke-width:1.4;fill:none;filter:drop-shadow(0 0 3px #0009)}.reticle circle{stroke:inherit}.reticle .pip{fill:var(--hud);stroke:none}.target-box{filter:drop-shadow(0 0 3px #000a)}.target-box rect{fill:none;stroke:#ffd98a;stroke-width:1.4}.target-box text{fill:#ffd98a}.lead-line{stroke:#ffd98a;stroke-width:1;stroke-dasharray:3 4;opacity:.75}.bandit-arrow path{fill:#ffd98a;filter:drop-shadow(0 0 4px #000a)}.shoot-cue text{fill:var(--shoot);font:600 15px Barlow Condensed;letter-spacing:.3em;paint-order:stroke;stroke:#06140caa;stroke-width:3px;text-anchor:middle}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.shoot-cue{animation:pulse .7s ease-in-out infinite}.details{position:fixed;top:68px;right:16px;z-index:3;width:286px;max-height:calc(100vh - 68px - 36px - var(--controls-height, 96px) - 24px);overflow:auto;padding:14px 16px;background:#16181bf2;border:1px solid var(--line);border-radius:var(--radius);font:11px/1.45 JetBrains Mono;color:var(--text-muted);box-shadow:0 8px 28px #0004}.details header{display:grid;gap:3px;margin-bottom:14px;padding-right:26px}.details header span:first-child{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--text)}.details-note{font-family:Inter,sans-serif;font-size:11px;color:var(--text-faint);line-height:1.45}.details-toggle{position:absolute;top:8px;right:8px;width:26px;min-height:26px;padding:0;font-size:13px;background:transparent;border-color:transparent;color:var(--text-faint)}.details-toggle:hover{background:#ffffff0f;border-color:transparent;color:var(--text)}.details.collapsed{width:auto;padding:0;background:none;border:none;box-shadow:none;top:84px;right:0}.details.collapsed header,.details.collapsed section{display:none}.details.collapsed .details-toggle{position:static;width:auto;padding:8px 12px 8px 9px;gap:5px;font-family:Inter,sans-serif;font-size:12px;background:#16181bf2;border:1px solid var(--line);border-right:none;border-radius:var(--radius) 0 0 var(--radius);color:var(--text-muted)}.details.collapsed .details-toggle:hover{color:var(--text);border-right:none}.details h2{margin:16px 0 7px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--text-faint);text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:5px}.details section:first-of-type h2{margin-top:0}.details dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0}.details dt{color:var(--text-faint);white-space:nowrap}.details dd{margin:0;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.details dd.good{color:var(--good)}.details dd.bad{color:var(--warn)}.details-sub{color:var(--text-faint)}.details-rationale{margin:9px 0 0;font-family:Inter,sans-serif;font-size:11px;line-height:1.5;color:var(--text-muted);font-style:italic}.distribution{margin-top:11px}.distribution-head{display:flex;justify-content:space-between;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.distribution-row{display:grid;grid-template-columns:82px 1fr 22px;gap:7px;align-items:center;margin-bottom:2px}.distribution-label{color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distribution-bar{height:5px;background:#ffffff10;border-radius:3px;overflow:hidden}.distribution-bar span{display:block;height:100%;background:#fff3;border-radius:3px}.distribution-value{text-align:right;color:var(--text-faint);font-variant-numeric:tabular-nums}.distribution-row.chosen .distribution-label,.distribution-row.chosen .distribution-value{color:var(--text)}.distribution-row.chosen .distribution-bar span{background:var(--accent)}.page{position:fixed;inset:56px 0 0;z-index:4;overflow:auto;padding:32px 32px 72px;background:var(--bg);display:grid;grid-template-columns:minmax(0,1280px);justify-content:center;align-content:start}.page.overlay-page{background:#0c0d0fe8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page h1{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.page-intro{margin:0 0 26px;max-width:70ch;font-size:13px;line-height:1.6;color:var(--text-muted)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-actions{display:flex;align-items:center;gap:10px}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.segmented button{min-height:27px;padding:0 12px;font-size:12px;background:transparent;border:none;border-radius:4px;color:var(--text-muted)}.segmented button:hover:not(:disabled){background:#ffffff0a;color:var(--text)}.segmented button[aria-pressed=true]{background:#ffffff16;color:var(--text)}.summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.stat{display:grid;gap:4px;padding:12px 16px;min-width:124px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stat span{font-size:11px;color:var(--text-faint)}.stat strong{font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.rank{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--text-muted);background:#ffffff0d}.rank-1{color:var(--accent-ink);background:var(--accent)}.rank-2{color:var(--text);background:#ffffff20}.rank-3{color:#e3c39e;background:#e3c39e22}.badge{margin-left:8px;padding:2px 7px;border-radius:999px;font-size:10px;color:var(--text-muted);background:#ffffff0d}.badge-anthropic,.badge-openai,.badge-jev{color:var(--accent);background:#7dd3c01f}.badge-human{color:var(--warn);background:#e8a87c1f}.meter{display:inline-block;width:46px;height:4px;margin-right:8px;background:#ffffff16;border-radius:2px;vertical-align:middle}.meter-fill{display:block;height:100%;background:var(--accent);border-radius:2px}.notice{color:var(--text-muted);font-size:13px;line-height:1.65;max-width:70ch}.footnote{margin-top:22px;color:var(--text-faint);font-size:12px;line-height:1.7;max-width:90ch}table.data{width:100%;border-collapse:collapse;font:12px/1.5 JetBrains Mono}table.data th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line-strong);font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:var(--text-faint);white-space:nowrap}table.data td{padding:10px;border-bottom:1px solid var(--line);color:var(--text-muted)}table.data tr:hover td{background:#ffffff06}table.data .num{text-align:right;font-variant-numeric:tabular-nums}table.data .strong{color:var(--text);font-weight:500}table.data .muted{color:var(--text-faint)}table.data .policy{font-size:10px;color:var(--text-faint);opacity:.75}table.data .warn{color:var(--warn)}table.data a{color:var(--accent);text-decoration:none}table.data a:hover{text-decoration:underline}.replay-meta{position:fixed;top:68px;left:16px;z-index:3;display:grid;gap:5px;padding:12px 14px;background:#16181bf2;border:1px solid var(--line);border-radius:var(--radius);font:11px/1.5 JetBrains Mono;max-width:min(460px,calc(100% - 32px));box-shadow:0 8px 28px #0004}.replay-meta .muted{color:var(--text-faint)}.replay-meta .rationale{color:var(--accent);font-style:italic}.scrubber{appearance:none;-webkit-appearance:none;width:min(380px,38vw);height:5px;min-height:0;padding:0;border:none;border-radius:3px;cursor:pointer;background:linear-gradient(to right,var(--accent) var(--played, 0%),#ffffff1f var(--played, 0%))}.scrubber::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--text);border:none;cursor:grab}.scrubber::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--text);border:none;cursor:grab}.scrubber:active::-webkit-slider-thumb{cursor:grabbing}.timecode{font:11px JetBrains Mono;color:var(--text-muted);min-width:92px;text-align:center}@media(max-width:900px){.controls{bottom:60px;max-width:calc(100vw - 16px);justify-content:flex-start}.keymap{display:none}.details{width:min(286px,calc(100vw - 24px));max-height:calc(100vh - 260px)}.page{padding:22px 16px 72px}table.data{font-size:11px}.page>table.data{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:560px){.brand div{display:none}.topbar{padding:0 12px}.nav{gap:0;font-size:12px}.nav a{padding:6px 8px}.account-menu{width:min(290px,calc(100vw - 24px))}.recording,.decision-error{left:8px;right:8px;width:auto;max-width:none}.orbit-help,.pointer-hint{display:none}}
