:root{--surface: #0b1220;--panel: #111a2b;--panel-raised: #16213656;--border: #24324a;--ink: #e6edf7;--ink-2: #9fb0c8;--ink-3: #64748b;--cyan: #35d0e0;--amber: #f5a623;--red: #f0616d;--radius: 10px}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--surface);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}.num{font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums}.app{max-width:430px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:12px 14px calc(20px + env(safe-area-inset-bottom))}.hud{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);margin-bottom:14px}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.hud-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.hud-capacity{font-size:14px;color:var(--ink)}.hud-capacity b{color:var(--cyan);font-weight:600}.bs-track{flex:1;height:6px;border-radius:3px;background:var(--panel-raised);border:1px solid var(--border);overflow:hidden}.bs-fill{height:100%;background:var(--cyan);transition:width .6s ease}.bs-fill[data-low=true]{background:var(--amber)}.trend{font-size:13px;width:2.5em;text-align:right}.trend[data-dir=up]{color:var(--cyan)}.trend[data-dir=down]{color:var(--amber)}.dots{display:flex;gap:7px;align-items:center}.dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink-3);background:transparent}.dot[data-s=done]{background:var(--ink-2);border-color:var(--ink-2)}.dot[data-s=current]{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 6px var(--cyan)}.dot[data-s=chaos]{border-color:var(--amber)}.mood{font-size:13px}.mood[data-m=calm]{color:var(--cyan)}.mood[data-m=uneasy],.mood[data-m=ominous]{color:var(--amber)}.badges{display:flex;gap:6px;flex-wrap:wrap}.pillar-badge{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--amber);color:var(--amber);background:transparent}.beat{display:flex;flex-direction:column;gap:14px;flex:1}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:16px}.panel[data-tone=alert]{border-color:var(--amber)}.panel[data-tone=incident]{border-color:var(--red)}.panel[data-tone=good]{border-color:var(--cyan)}.kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.kicker[data-tone=alert]{color:var(--amber)}.kicker[data-tone=incident]{color:var(--red)}.kicker[data-tone=good]{color:var(--cyan)}.event-text{font-size:17px;font-weight:500}.event-text.telegraph{font-style:italic}.sub{color:var(--ink-2);font-size:14px}.fine{color:var(--ink-3);font-size:12.5px}.card-fan{display:flex;justify-content:center;align-items:flex-end;padding:22px 0 14px}.fan-slot{flex:0 0 auto;width:clamp(128px,38vw,164px);transform:rotate(var(--fan-angle, 0deg));transform-origin:50% 150%;transition:transform .18s ease;z-index:1}.fan-slot+.fan-slot{margin-left:var(--fan-overlap, -40px)}.fan-slot:focus-within,.fan-slot:has(.pcard[data-selected=true]){transform:rotate(0) translateY(-14px) scale(1.08);z-index:10}@media(hover:hover){.fan-slot:hover{transform:rotate(0) translateY(-14px) scale(1.08);z-index:10}}.pcard{position:relative;width:100%;aspect-ratio:5 / 7;display:flex;flex-direction:column;gap:5px;padding:8px;text-align:left;font:inherit;color:var(--ink);cursor:pointer;border:1px solid transparent;border-radius:12px;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(165deg,color-mix(in srgb,var(--type-color) 65%,var(--border)),var(--border) 60%) border-box;box-shadow:0 6px 16px #00000059}.pcard[data-type=compute]{--type-color: var(--amber)}.pcard[data-type=scaling]{--type-color: var(--cyan)}.pcard[data-type=cache]{--type-color: #a78bfa}.pcard[data-type=feature]{--type-color: #6ee7a0}.pcard[data-type=service]{--type-color: var(--ink-2)}.pcard[data-selected=true]{box-shadow:0 0 0 2px var(--cyan),0 10px 22px #00000073}.pcard:disabled{cursor:not-allowed}.pcard:disabled>*{opacity:.45}.pcard-head{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:26px}.pcard-name{font-weight:700;font-size:12.5px;line-height:1.15}.pcard-cost{flex:0 0 auto;font-size:11px;font-weight:600;color:var(--cyan);border:1px solid color-mix(in srgb,var(--cyan) 55%,var(--border));border-radius:999px;padding:2px 6px;background:var(--surface);white-space:nowrap}.pcard-art{flex:1;min-height:52px;display:grid;place-items:center;border-radius:7px;border:1px solid color-mix(in srgb,var(--type-color) 35%,var(--border));color:var(--type-color);background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--type-color) 18%,transparent),transparent 72%),repeating-linear-gradient(0deg,transparent 0 11px,#ffffff08 11px 12px),repeating-linear-gradient(90deg,transparent 0 11px,#ffffff08 11px 12px),var(--surface)}.pcard-art svg{width:44%;height:auto;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--type-color) 50%,transparent))}.pcard-typeline{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--type-color) 75%,var(--ink-2));border-bottom:1px solid var(--border);padding-bottom:3px}.pcard-text{font-size:11px;line-height:1.35;color:var(--ink-2);min-height:44px}.pcard-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3)}.pcard-locked{position:absolute;left:6px;right:6px;bottom:6px;font-size:10px;line-height:1.3;text-align:center;color:var(--amber);background:#16110bf2;border:1px solid var(--amber);border-radius:6px;padding:3px 6px}.tile-list{display:flex;flex-direction:column;gap:10px}.tile{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--ink);padding:12px 14px;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-height:44px;transition:border-color .15s ease}.tile:not(:disabled):active{border-color:var(--cyan)}.tile[data-selected=true]{border-color:var(--cyan);background:#0e2230}.tile:disabled{cursor:not-allowed;opacity:.55}.tile-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.tile-name{font-weight:600;font-size:15px}.cost{color:var(--cyan);font-size:13.5px;white-space:nowrap}.tile-effect{color:var(--ink-2);font-size:13.5px}.tile-meta{display:flex;gap:10px;font-size:12px;color:var(--ink-3)}.tier-chip{text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;padding:1px 6px;border-radius:4px;border:1px solid var(--border);color:var(--ink-2);align-self:flex-start}.tile[data-locked=true] .tile-name{color:var(--ink-3)}.locked-note{color:var(--amber);font-size:12.5px}.decline{border-style:dashed;background:transparent}.btn{border:1px solid var(--cyan);border-radius:var(--radius);background:transparent;color:var(--cyan);font:inherit;font-weight:600;padding:12px 16px;min-height:48px;cursor:pointer}.btn:active{background:#0e2230}.btn[data-variant=quiet]{border-color:var(--border);color:var(--ink-2);font-weight:500}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1}.spark-wrap{display:flex;flex-direction:column;gap:4px}.spark-head{display:flex;justify-content:space-between;align-items:baseline}.spark-value{font-size:14px;color:var(--ink)}.spark-svg{width:100%;height:56px;display:block}.delta-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:14.5px}.delta-row:last-child{border-bottom:none}.delta-steps{color:var(--amber)}.delta-steps[data-good=true]{color:var(--cyan)}.callback{font-size:16.5px;font-weight:500;border-left:3px solid var(--amber);padding-left:12px}.thread{display:flex;flex-direction:column;align-items:stretch;gap:0}.thread-node{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:12px 14px}.thread-node[data-tone=incident]{border-color:var(--red)}.thread-time{font-size:11px;color:var(--ink-3);letter-spacing:.08em}.thread-line{width:2px;height:34px;background:var(--amber);margin-left:24px}.why-input{width:100%;min-height:88px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;font-size:15px;padding:10px 12px;resize:vertical}.why-input:focus{outline:none;border-color:var(--cyan)}.summary-json{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--ink-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;overflow-x:auto;white-space:pre}.spacer{flex:1}@media(prefers-reduced-motion:reduce){.bs-fill,.fan-slot{transition:none}}