:root {
  color-scheme: dark;
  --bg: #070a12;
  --panel: #0d1320;
  --panel-2: #111a2a;
  --line: #25314a;
  --line-soft: rgba(104, 126, 164, .18);
  --text: #f4f1e8;
  --muted: #99a4b8;
  --amber: #f1b84b;
  --amber-2: #ffdc7c;
  --cyan: #69d4d0;
  --red: #ef6a64;
  --green: #86d18d;
  --purple: #a98fe8;
  --radius: 4px;
  --shadow: 0 24px 70px rgba(0, 0, 0, .3);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font-family: "Space Grotesk", system-ui, sans-serif; }
button, input, select, textarea { font: inherit; }
button, a, label, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }

.starfield { position: fixed; inset: 0; pointer-events: none; opacity: .55; background-image: radial-gradient(circle at 8% 14%, rgba(255,255,255,.8) 0 1px, transparent 1.5px), radial-gradient(circle at 38% 74%, rgba(105,212,208,.75) 0 1px, transparent 1.5px), radial-gradient(circle at 72% 21%, rgba(241,184,75,.75) 0 1px, transparent 1.5px), radial-gradient(circle at 94% 67%, rgba(255,255,255,.65) 0 1px, transparent 1.5px); background-size: 211px 193px, 257px 241px, 179px 229px, 303px 187px; }
.app-shell { position: relative; display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: 100vh; }
.sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 28px 18px; background: rgba(8, 12, 21, .94); border-right: 1px solid var(--line-soft); backdrop-filter: blur(18px); z-index: 10; }
.brand { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; padding: 0 8px 25px; border-bottom: 1px solid var(--line-soft); }
.brand-mark { width: 42px; height: 42px; fill: var(--amber); filter: drop-shadow(0 0 14px rgba(241,184,75,.25)); shape-rendering: crispEdges; }
.brand-window { fill: var(--bg); }.brand-flame { fill: var(--cyan); }
.brand strong, .brand small { display: block; }.brand strong { letter-spacing: .16em; font-size: 16px; }.brand small { margin-top: 4px; color: var(--muted); font: 10px "DM Mono", monospace; letter-spacing: .08em; }
.main-nav { display: grid; gap: 5px; margin-top: 24px; }
.nav-item { display: flex; align-items: center; gap: 14px; width: 100%; padding: 13px 12px; border: 0; border-left: 2px solid transparent; background: transparent; color: var(--muted); cursor: pointer; text-align: left; transition: .18s ease; }
.nav-item span { color: #5d6a80; font: 10px "DM Mono", monospace; }
.nav-item:hover { color: var(--text); background: rgba(255,255,255,.03); }
.nav-item.is-active { color: var(--text); border-left-color: var(--amber); background: linear-gradient(90deg, rgba(241,184,75,.12), transparent); }
.nav-item.is-active span { color: var(--amber); }
.sidebar-note { margin-top: auto; padding: 16px 10px 0; border-top: 1px solid var(--line-soft); }.sidebar-note p { color: var(--muted); font-size: 12px; line-height: 1.55; }
.signal, .save-state { display: inline-flex; align-items: center; gap: 7px; font: 10px "DM Mono", monospace; letter-spacing: .08em; color: var(--green); }.signal i, .save-state i { width: 6px; height: 6px; background: currentColor; border-radius: 50%; box-shadow: 0 0 10px currentColor; }

main { min-width: 0; padding: 0 clamp(22px, 4vw, 64px) 80px; }
.topbar { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line-soft); margin-bottom: 44px; }
.topbar h1 { margin: 5px 0 0; font-size: clamp(20px, 2vw, 28px); font-weight: 500; }.top-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 9px; }
.eyebrow { margin: 0; color: var(--muted); font: 10px "DM Mono", monospace; letter-spacing: .14em; text-transform: uppercase; }.eyebrow.warm { color: var(--amber); }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 40px; padding: 9px 15px; border: 1px solid var(--amber); border-radius: 2px; background: var(--amber); color: #171006; font-weight: 700; font-size: 13px; cursor: pointer; text-decoration: none; box-shadow: 4px 4px 0 rgba(241,184,75,.14); transition: transform .15s ease, background .15s ease; }
.button:hover { transform: translate(-1px,-1px); background: var(--amber-2); }.button:active { transform: translate(1px,1px); }.button-quiet { background: transparent; color: var(--text); border-color: var(--line); box-shadow: none; }.button-quiet:hover { background: var(--panel-2); }
.file-button input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

.view { display: none; animation: view-in .28s ease both; }.view.is-active { display: block; }@keyframes view-in { from { opacity: 0; transform: translateY(5px); } }
.card { background: linear-gradient(145deg, rgba(17,26,42,.94), rgba(11,17,29,.96)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.card-glow { box-shadow: 0 24px 100px rgba(0,0,0,.35), inset 0 0 80px rgba(45,70,104,.08); }
.hero { position: relative; display: grid; grid-template-columns: minmax(0, .92fr) minmax(430px, 1.08fr); min-height: 510px; overflow: hidden; }
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, transparent 49%, rgba(241,184,75,.08) 49%, rgba(241,184,75,.08) calc(49% + 1px), transparent calc(49% + 1px)); }
.hero-copy { position: relative; z-index: 2; align-self: center; padding: clamp(34px, 5vw, 72px); }.hero h2 { margin: 20px 0; max-width: 660px; font-size: clamp(40px, 5vw, 72px); line-height: .98; letter-spacing: -.055em; }.hero h2 em { color: var(--amber); font-style: normal; }.hero-lede { max-width: 620px; color: #bcc5d3; font-size: 17px; line-height: 1.7; }.hero-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 30px; }
.sector-map { position: relative; min-height: 510px; overflow: hidden; background: radial-gradient(ellipse at 45% 50%, rgba(29,52,75,.48), transparent 35%), radial-gradient(circle at 78% 28%, rgba(105,212,208,.12), transparent 17%), #080c16; isolation: isolate; }
.sector-map::before, .sector-map::after { content: ""; position: absolute; background: #050710; z-index: 1; filter: drop-shadow(0 0 8px #000); }.sector-map::before { width: 120%; height: 36%; left: -10%; top: -11%; clip-path: polygon(0 0,100% 0,100% 62%,89% 62%,89% 78%,72% 78%,72% 60%,55% 60%,55% 91%,34% 91%,34% 70%,18% 70%,18% 87%,0 87%); }.sector-map::after { width: 120%; height: 35%; left: -10%; bottom: -12%; clip-path: polygon(0 28%,15% 28%,15% 4%,34% 4%,34% 29%,51% 29%,51% 11%,70% 11%,70% 35%,87% 35%,87% 10%,100% 10%,100% 100%,0 100%); }
.map-grid { position:absolute; inset:0; opacity:.15; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size: 28px 28px; transform: perspective(400px) rotate(-3deg) scale(1.15); }
.route { position: absolute; height: 2px; background: linear-gradient(90deg, transparent, var(--amber), transparent); opacity: .25; transform-origin: left center; }.route-a { width: 50%; left: 8%; top: 58%; transform: rotate(-12deg); }.route-b { width: 33%; left: 52%; top: 48%; transform: rotate(19deg); }.route-c { width: 31%; left: 48%; top: 50%; transform: rotate(-33deg); }
.planet { position:absolute; border-radius:50%; z-index:2; box-shadow: inset -8px -7px 0 rgba(0,0,0,.35), 0 0 25px currentColor; }.planet-one { width:28px;height:28px;left:12%;top:63%;background:var(--purple);color:rgba(169,143,232,.22); }.planet-two { width:48px;height:48px;right:10%;top:33%;background:#2e8b86;color:rgba(105,212,208,.22); }.planet-three { width:20px;height:20px;right:27%;bottom:17%;background:#a96741;color:rgba(241,184,75,.2); }
.resource { position:absolute;color:var(--amber-2);font-size:11px;text-shadow:0 0 10px var(--amber);z-index:3;animation:twinkle 1.8s infinite alternate; }.resource-one{left:32%;top:32%}.resource-two{right:16%;top:58%;animation-delay:.5s}.resource-three{left:40%;bottom:20%;animation-delay:1s}@keyframes twinkle{to{opacity:.35;transform:scale(.75)}}
.mothership { position:absolute;z-index:4;left:47%;top:48%;width:76px;height:34px;background:var(--text);clip-path:polygon(0 38%,22% 38%,22% 12%,75% 12%,75% 27%,100% 42%,100% 68%,72% 68%,72% 88%,22% 88%,22% 65%,0 65%);filter:drop-shadow(0 0 16px rgba(241,184,75,.38));animation:ship-float 3s ease-in-out infinite; }.mothership span{position:absolute;width:15px;height:10px;left:34px;top:10px;background:var(--cyan)}.mothership i{position:absolute;width:18px;height:7px;left:2px;top:14px;background:var(--amber);box-shadow:-15px 0 9px var(--amber)}@keyframes ship-float{50%{transform:translateY(-5px)}}
.pod{position:absolute;z-index:4;width:15px;height:10px;background:var(--amber);clip-path:polygon(0 30%,35% 30%,35% 0,100% 50%,35% 100%,35% 70%,0 70%);filter:drop-shadow(0 0 7px var(--amber))}.pod-one{left:37%;top:38%;transform:rotate(-25deg)}.pod-two{right:27%;top:61%;transform:rotate(30deg)}
.map-label { position:absolute;z-index:4;margin:0;color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.1em}.label-home{right:7%;top:24%}.label-fleet{left:44%;top:57%;color:var(--amber)}

.north-star-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.principle-card{padding:25px;box-shadow:none}.card-index{color:var(--amber);font:10px "DM Mono",monospace;letter-spacing:.1em}.principle-card h3{font-size:19px;margin:18px 0 8px}.principle-card p,.system-card p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}
.split-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.loop-card,.question-card,.encounter-card,.verdict-card,.tech-card,.pipeline-card,.risks-card,.decision-table-card{padding:28px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.section-heading h3{margin:7px 0 0;font-size:21px}.status-tag{display:inline-flex;padding:6px 8px;border:1px solid rgba(105,212,208,.35);color:var(--cyan);font:9px "DM Mono",monospace;letter-spacing:.1em;background:rgba(105,212,208,.06)}
.loop-list{list-style:none;margin:0;padding:0}.loop-list li{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:15px 0;border-top:1px solid var(--line-soft)}.loop-list li>span{color:var(--amber);font:11px "DM Mono",monospace}.loop-list strong{font-size:14px}.loop-list p{margin:3px 0 0;color:var(--muted);font-size:13px}.loop-list b{color:var(--muted);font:11px "DM Mono",monospace}
label{display:grid;gap:7px;color:#c9d0dc;font-size:13px}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:2px;background:#090e18;color:var(--text);padding:11px 12px;outline:none}textarea{resize:vertical;line-height:1.55}textarea:focus,input:focus,select:focus{border-color:var(--amber);box-shadow:0 0 0 2px rgba(241,184,75,.1)}.field-help{color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:0}
.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}.page-intro h2{font-size:clamp(36px,5vw,62px);line-height:1;margin:10px 0 14px;letter-spacing:-.04em}.page-intro>div>p:last-child{max-width:780px;color:var(--muted);line-height:1.65;margin-bottom:0}
.lab-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}.controls-card{padding:24px;box-shadow:none}.form-group{padding:0 0 19px;margin-bottom:19px;border-bottom:1px solid var(--line-soft)}.range-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.range-heading label{display:block}.range-heading output{color:var(--amber);font:11px "DM Mono",monospace}input[type="range"]{appearance:none;height:3px;padding:0;border:0;background:var(--line)}input[type="range"]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border:3px solid var(--bg);background:var(--amber);box-shadow:0 0 0 1px var(--amber);cursor:pointer}.compact-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.controls-card .compact-fields{grid-template-columns:1fr}.controls-card select{padding:9px 10px}
.simulation-card{min-width:0;overflow:hidden;padding:0;box-shadow:none}.sim-hud{display:flex;gap:18px;align-items:center;min-height:44px;padding:0 16px;background:#090d17;border-bottom:1px solid var(--line);color:var(--muted);font:10px "DM Mono",monospace}.sim-hud b{color:var(--text);font-weight:500}.sim-status{margin-left:auto!important;color:var(--green)!important}.fuel-icon{display:inline-block;width:7px;height:11px;margin-right:5px;background:var(--amber);vertical-align:-2px;clip-path:polygon(25% 0,75% 0,100% 30%,100% 100%,0 100%,0 30%)}#expedition-canvas{display:block;width:100%;height:auto;aspect-ratio:900/440;background:#060910;touch-action:none;cursor:crosshair}.sim-controls{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#090d17;border-top:1px solid var(--line)}.sim-controls p{margin:0;color:var(--muted);font-size:12px}.sim-controls .button{min-height:34px;padding:6px 11px}kbd{border:1px solid var(--line);background:var(--panel-2);padding:2px 5px;border-radius:2px;font:10px "DM Mono",monospace}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.metric-card{padding:18px 20px;border:1px solid var(--line);background:rgba(13,19,32,.7)}.metric-card span{display:block;color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.1em}.metric-card strong{display:block;margin:10px 0 4px;font:500 25px "DM Mono",monospace}.metric-card small{color:var(--muted)}.metric-card.is-danger strong{color:var(--red)}.metric-card.is-good strong{color:var(--green)}
.lab-bottom{grid-template-columns:1.2fr .8fr}.timeline{position:relative;display:flex;justify-content:space-between;gap:8px;padding:34px 0 8px}.timeline::before{content:"";position:absolute;left:0;right:0;top:21px;height:1px;background:var(--line)}.event{position:relative;flex:1;padding-top:8px}.event::before{content:"";position:absolute;top:-17px;left:0;width:8px;height:8px;background:var(--amber);box-shadow:0 0 0 4px var(--panel),0 0 0 5px var(--line)}.event span{color:var(--amber);font:9px "DM Mono",monospace}.event strong{display:block;margin-top:6px;font-size:12px;text-transform:capitalize}.event small{color:var(--muted)}.verdict-card>p{color:var(--muted);line-height:1.65}.assumption{margin-top:18px;padding:15px;border-left:2px solid var(--amber);background:rgba(241,184,75,.06)}.assumption strong{font-size:13px}.assumption p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}

.playzone-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.playzone-actions label{min-width:185px}.playzone-actions select{padding-block:9px}.playzone-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.playzone-stage{overflow:hidden;box-shadow:none}.playzone-canvas-wrap{position:relative;background:#050812}.playzone-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:900/480;touch-action:none}.playzone-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;background:rgba(5,8,18,.68);backdrop-filter:blur(3px);z-index:4}.playzone-overlay[hidden]{display:none}.playzone-overlay strong{margin:10px 0 7px;font-size:clamp(26px,4vw,46px)}.playzone-overlay p{max-width:390px;margin:0 24px;color:#b9c3d1;line-height:1.55}.playzone-recall{position:absolute;top:16px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;padding:9px 13px;border:1px solid var(--red);background:rgba(35,10,13,.9);box-shadow:0 0 30px rgba(239,106,100,.2);z-index:3}.playzone-recall[hidden]{display:none}.playzone-recall i{grid-row:1/3;width:8px;height:8px;background:var(--red);box-shadow:0 0 12px var(--red);animation:twinkle .45s infinite alternate}.playzone-recall span{color:var(--red);font:9px "DM Mono",monospace;letter-spacing:.12em}.playzone-recall b{font-size:11px}.playzone-tutorial{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:9px 13px;border:1px solid var(--line);background:rgba(8,13,23,.92);color:#c9d2df;font-size:12px;white-space:nowrap;z-index:3}.playzone-tutorial b{color:var(--amber)}.playzone-hud{overflow-x:auto}.quick-comms{display:flex;align-items:center;gap:7px;padding:12px 14px;border-top:1px solid var(--line);background:#090d17}.quick-comms>span{margin-right:auto;color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.1em}.quick-comms button{padding:7px 9px;border:1px solid var(--line);background:transparent;color:#bbc5d2;cursor:pointer;font-size:11px;transition:.15s}.quick-comms button:hover,.quick-comms button.is-sent{border-color:var(--amber);color:var(--amber);background:rgba(241,184,75,.07);transform:translateY(-1px)}.quick-comms button kbd{margin-right:4px}.playzone-side{display:grid;gap:12px}.playzone-side .card{padding:21px;box-shadow:none}.playzone-side h3{margin:7px 0 10px;font-size:17px}.playzone-side p,.playzone-side li{color:var(--muted);font-size:12px;line-height:1.55}.playzone-side ul{padding-left:17px;margin-bottom:0}.control-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.control-legend span{color:#bec8d5;font-size:11px}.control-legend kbd{margin-right:3px}.log-run-card .button{width:100%;margin-top:9px}.log-run-card .button:disabled{opacity:.42;cursor:not-allowed;transform:none}.inspiration-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border:1px solid var(--line);background:var(--line);gap:1px}.inspiration-grid article{padding:23px;background:#0b101b}.inspiration-grid span{color:var(--amber);font:9px "DM Mono",monospace;letter-spacing:.1em}.inspiration-grid h3{margin:12px 0 7px;font-size:16px}.inspiration-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.system-map{height:430px;position:relative;margin-bottom:16px;overflow:hidden;box-shadow:none;background:radial-gradient(circle at 50% 50%,rgba(105,212,208,.09),transparent 30%),rgba(10,15,25,.7)}.system-map svg{position:absolute;inset:0;width:100%;height:100%}.system-map svg path{fill:none;stroke:var(--line);stroke-width:2;marker-end:url(#arrow)}.system-map svg marker path{fill:var(--line);stroke:none}.system-map svg .spoke{stroke-dasharray:4 8;opacity:.65;marker-end:none}.system-node{position:absolute;z-index:2;width:170px;padding:16px;border:1px solid var(--line);background:#0c1220;box-shadow:6px 6px 0 rgba(0,0,0,.25)}.system-node small,.system-node span{display:block;color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.08em}.system-node strong{display:block;margin:6px 0;font-size:15px}.node-center{left:50%;top:50%;transform:translate(-50%,-50%);border-color:var(--amber);text-align:center}.node-center small{color:var(--amber)}.node-a{left:8%;top:17%}.node-b{right:8%;top:17%}.node-c{right:8%;bottom:14%}.node-d{left:8%;bottom:14%}
.systems-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.system-card{display:grid;grid-template-columns:46px 1fr;gap:17px;padding:24px;box-shadow:none}.system-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(241,184,75,.35);background:rgba(241,184,75,.05);color:var(--amber);font:20px "DM Mono",monospace}.system-card h3{margin:5px 0 9px}.check-row{display:flex;grid-template-columns:none;align-items:flex-start;gap:8px;margin-top:16px;color:#b7c0ce;font-size:12px}.check-row input,.risk input{width:15px;height:15px;accent-color:var(--amber);margin:1px 0 0}.decision-table-card,.risks-card{margin-top:16px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.1em}th,td{padding:14px 12px;border-top:1px solid var(--line-soft)}td{color:#bcc4d0}td strong{color:var(--text)}
.board-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.filter-chip{padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.filter-chip.is-active{border-color:var(--amber);color:var(--amber);background:rgba(241,184,75,.06)}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.board-lane{min-height:430px;padding:14px;background:rgba(9,14,24,.62);border:1px solid var(--line-soft)}.lane-heading{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 15px;border-bottom:1px solid var(--line-soft)}.lane-heading h3{margin:0;font-size:14px}.lane-heading span{font:10px "DM Mono",monospace;color:var(--muted)}.feature-list{display:grid;gap:9px;margin-top:10px}.feature-card{padding:16px;border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left}.feature-card:hover{border-color:#4b5a73}.feature-card.is-hidden{display:none}.feature-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}.category-tag{color:var(--cyan);font:9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.feature-card[data-category="content"] .category-tag{color:var(--purple)}.feature-card[data-category="platform"] .category-tag{color:var(--amber)}.feature-card h4{margin:0 0 8px;font-size:14px}.feature-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.feature-delete{padding:0;border:0;background:transparent;color:#68758b;cursor:pointer}.feature-delete:hover{color:var(--red)}
.playtest-metrics{margin:0 0 28px}.playtest-layout{grid-template-columns:1.15fr .85fr}.playtest-list{display:grid;gap:10px}.empty-state{padding:36px;border:1px dashed var(--line);color:var(--muted);text-align:center;font-size:13px}.session-card{display:grid;grid-template-columns:84px 1fr auto;gap:18px;padding:20px;border:1px solid var(--line);background:rgba(13,19,32,.75)}.session-date{color:var(--amber);font:11px "DM Mono",monospace}.session-card h3{margin:0 0 8px;font-size:15px}.session-card p{margin:5px 0;color:var(--muted);font-size:12px;line-height:1.5}.confidence{align-self:start;padding:5px 7px;border:1px solid var(--line);color:var(--muted);font:9px "DM Mono",monospace}.hypothesis-card{padding:28px}.hypothesis-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.hypothesis-card ul,.milestone ul{padding-left:18px;color:#bbc4d1;line-height:1.65;font-size:13px}
.roadmap-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.milestone{position:relative;display:flex;gap:14px;min-height:300px;padding:23px;background:#0b101b}.milestone.is-now{background:linear-gradient(145deg,rgba(241,184,75,.1),#0b101b 60%)}.milestone-number{color:#56637a;font:11px "DM Mono",monospace}.milestone.is-now .milestone-number{color:var(--amber)}.milestone small{color:var(--muted);font:9px "DM Mono",monospace}.milestone h3{margin:9px 0;font-size:19px}.milestone p{color:var(--muted);font-size:13px;line-height:1.55}.tech-layout{grid-template-columns:1.1fr .9fr}.tech-card>p{color:var(--muted);line-height:1.65}.architecture{display:flex;align-items:center;gap:9px;margin-top:25px}.architecture div{flex:1;padding:13px;border:1px solid var(--line);background:rgba(0,0,0,.16)}.architecture span,.architecture strong{display:block}.architecture span{color:var(--muted);font:8px "DM Mono",monospace}.architecture strong{margin-top:5px;font-size:11px}.architecture i{color:var(--amber);font-style:normal}.pipeline-card{display:grid;align-content:start;gap:15px}.pipeline-card .section-heading{margin-bottom:4px}.pipeline-actions{display:flex;gap:8px;flex-wrap:wrap}.risk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.risk{display:flex;grid-template-columns:none;gap:11px;padding:15px;border:1px solid var(--line);background:rgba(0,0,0,.13)}.risk strong,.risk small{display:block}.risk small{margin-top:4px;color:var(--muted);line-height:1.45}
.commitment-card{margin-top:16px;padding:28px;box-shadow:none}.commitment-card .section-heading{align-items:center}.gate-track{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.gate{position:relative;min-height:112px;padding:14px 11px;background:#0a0f1a}.gate span{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);color:var(--muted);font:10px "DM Mono",monospace}.gate strong,.gate small{display:block}.gate strong{margin-top:13px;font-size:12px}.gate small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.35}.gate.is-current{background:linear-gradient(145deg,rgba(241,184,75,.11),#0a0f1a)}.gate.is-current span{border-color:var(--amber);color:var(--amber)}.standing-prompt{display:grid;grid-template-columns:150px 1fr;gap:20px;margin-top:18px;padding:17px 18px;border-left:2px solid var(--amber);background:rgba(241,184,75,.05)}.standing-prompt span{color:var(--amber);font:9px "DM Mono",monospace;letter-spacing:.1em}.standing-prompt p{margin:0;color:#c2cbd7;font-size:13px;line-height:1.55}.text-link{color:var(--amber);font-size:11px;text-decoration:none}.text-link:hover{text-decoration:underline}
dialog{width:min(620px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--text);box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(2,4,9,.8);backdrop-filter:blur(5px)}dialog form{display:grid;gap:16px;padding:26px}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.dialog-heading h2{margin:6px 0 0}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:22px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.toast{position:fixed;z-index:30;right:24px;bottom:24px;transform:translateY(20px);padding:12px 16px;border:1px solid var(--line);background:var(--panel-2);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s ease;font-size:13px}.toast.is-visible{opacity:1;transform:none}

@media (max-width:1100px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.hero{grid-template-columns:1fr}.hero::before{display:none}.sector-map{min-height:410px}.north-star-grid{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:repeat(2,1fr)}.gate-track{grid-template-columns:repeat(4,1fr)}.lab-layout{grid-template-columns:240px minmax(0,1fr)}.playzone-layout{grid-template-columns:1fr}.playzone-side{grid-template-columns:repeat(3,1fr)}.topbar{align-items:flex-start;padding:24px 0}.top-actions{max-width:410px}}
@media (max-width:800px){.app-shell{display:block}.sidebar{position:sticky;height:auto;display:block;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}.brand{display:none}.main-nav{display:flex;min-width:max-content;margin:0;gap:2px}.nav-item{width:auto;padding:10px;border-left:0;border-bottom:2px solid transparent}.nav-item.is-active{border-left:0;border-bottom-color:var(--amber)}.sidebar-note{display:none}main{padding:0 18px 60px}.topbar{min-height:auto;margin-bottom:30px;display:block}.topbar>div:first-child{display:none}.top-actions{justify-content:flex-start;max-width:none}.save-state{margin-right:auto}.hero-copy{padding:34px 26px}.hero h2{font-size:42px}.split-layout,.lab-layout,.playtest-layout,.tech-layout{grid-template-columns:1fr}.controls-card{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.controls-card .form-group{margin:0}.controls-card .compact-fields{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.playzone-side{grid-template-columns:1fr}.inspiration-grid{grid-template-columns:1fr}.quick-comms{flex-wrap:wrap}.quick-comms>span{width:100%;margin-bottom:2px}.gate-track{grid-template-columns:repeat(2,1fr)}.standing-prompt{grid-template-columns:1fr;gap:8px}.system-map{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}.system-map svg{display:none}.system-node{position:static!important;width:auto;transform:none!important}.node-center{grid-column:1/-1}.systems-grid,.risk-grid{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.board-lane{min-height:auto}.architecture{align-items:stretch;flex-direction:column}.architecture i{transform:rotate(90deg);align-self:center}}
@media (max-width:520px){main{padding-inline:12px}.top-actions{gap:6px}.top-actions .save-state{width:100%;margin-bottom:4px}.top-actions .button{flex:1;padding-inline:8px;font-size:12px}.hero h2{font-size:36px}.hero-copy{padding:30px 20px}.hero-lede{font-size:15px}.sector-map{min-height:330px}.north-star-grid{gap:10px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h2{font-size:40px}.playzone-actions{width:100%}.playzone-actions label{width:100%}.playzone-actions .button{flex:1}.playzone-tutorial{max-width:calc(100% - 20px);white-space:normal;text-align:center}.quick-comms button{flex:1 1 42%}.controls-card{grid-template-columns:1fr}.controls-card .compact-fields{grid-template-columns:repeat(2,1fr)}.sim-hud{gap:9px;overflow-x:auto}.sim-controls{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:15px}.timeline{display:grid;padding-top:0}.timeline::before{display:none}.event{padding:10px 0 10px 20px;border-left:1px solid var(--line)}.event::before{top:16px;left:-4px}.system-map{grid-template-columns:1fr}.node-center{grid-column:auto}.system-card{grid-template-columns:35px 1fr;padding:18px}.system-icon{width:34px;height:34px}.roadmap-grid{grid-template-columns:1fr}.milestone{min-height:0}.session-card{grid-template-columns:1fr}.confidence{justify-self:start}.compact-fields{grid-template-columns:1fr}.loop-card,.question-card,.encounter-card,.verdict-card,.tech-card,.pipeline-card,.risks-card,.decision-table-card{padding:20px}.risk-grid{grid-template-columns:1fr}.toast{left:12px;right:12px;bottom:12px}.map-label{display:none}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}