:root{--color-bg:#1a1a1a;--color-bg-deep:#111;--color-bg-card:#131313;--color-bg-card-hover:#1c1c1c;--color-bg-modal:#000000e6;--color-bg-addon:#1a1200;--color-accent:#ffb400;--color-accent-dim:#5a3e00;--color-accent-glow:#ffb4002e;--color-text:#c8c8c8;--color-text-dim:#555;--color-text-muted:#888;--color-positive:#4c4;--color-warning:#c20;--color-border:#ffb400;--color-border-dim:#2e2200;--font-display:"Press Start 2P", monospace;--font-body:"Share Tech Mono", "Courier New", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);min-height:100vh;line-height:1.5}button{cursor:pointer;font-family:inherit}.app{grid-template-rows:auto 1fr;gap:20px;max-width:1100px;min-height:100vh;margin:0 auto;padding:16px 14px 140px;display:grid}.app-header{border-bottom:2px solid var(--color-accent);padding-bottom:18px}.app-title{font-family:var(--font-display);color:var(--color-accent);text-shadow:0 0 8px var(--color-accent-glow), 0 0 24px var(--color-accent-glow);letter-spacing:.12em;font-size:clamp(1rem,3vw,1.6rem);line-height:1.4}.app-subtitle{font-family:var(--font-body);color:var(--color-text-dim);letter-spacing:.2em;text-transform:uppercase;margin-top:8px;font-size:.7rem}.app-main{flex-direction:column;gap:16px;display:flex}.app-sidebar{order:1}.selectors-panel{order:2}.summary-panel{order:3}.selectors-panel{flex-direction:column;gap:10px;display:flex}.component-slot{border:1px solid var(--color-border-dim);background:var(--color-bg-card);padding:14px 16px}.slot-label{font-family:var(--font-display);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.2em;margin-bottom:10px;font-size:.42rem}.slot-button{background:var(--color-bg-deep);border:1px dashed var(--color-accent-dim);width:100%;color:var(--color-text-dim);text-align:left;align-items:center;gap:12px;padding:14px;transition:border-color 80ms,color 80ms,background-color 80ms;display:flex}.slot-button:hover{border-color:var(--color-accent);color:var(--color-accent);background:#1c1400;border-style:solid}.slot-button.selected{border:1px solid var(--color-accent);color:var(--color-accent);background:#1a1200;border-style:solid}.slot-plus{font-family:var(--font-display);color:var(--color-accent-dim);text-align:center;flex-shrink:0;width:20px;font-size:.9rem;line-height:1}.slot-button:hover .slot-plus,.slot-button.selected .slot-plus{color:var(--color-accent)}.slot-button-name{font-family:var(--font-body);letter-spacing:.06em;font-size:.85rem}.addon-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.addon-tag{border:1px solid var(--color-border-dim);background:var(--color-bg-addon);color:var(--color-text-muted);letter-spacing:.04em;align-items:center;gap:7px;padding:4px 8px;font-size:.72rem;display:inline-flex}.addon-tag-remove{color:var(--color-text-dim);background:0 0;border:none;align-items:center;padding:0;font-size:1rem;line-height:1;display:flex}.addon-tag-remove:hover{color:var(--color-warning)}.modal-overlay{background:var(--color-bg-modal);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg);border:none;border-top:2px solid var(--color-accent);box-shadow:0 0 40px var(--color-accent-glow), inset 0 0 60px #0009;flex-direction:column;width:100%;height:100dvh;max-height:100dvh;display:flex}.modal-header{border-bottom:1px solid var(--color-accent-dim);background:#111;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-title{font-family:var(--font-display);color:var(--color-accent);letter-spacing:.12em;text-shadow:0 0 8px var(--color-accent-glow);font-size:.48rem}.modal-close{border:1px solid var(--color-accent-dim);color:var(--color-text-dim);font-family:var(--font-display);letter-spacing:.12em;background:0 0;padding:12px 14px;font-size:.46rem;transition:border-color 80ms,color 80ms}.modal-close:hover{border-color:var(--color-accent);color:var(--color-accent)}.modal-options{flex-direction:column;gap:6px;padding:12px;display:flex;overflow-y:auto}.modal-empty{font-family:var(--font-display);color:var(--color-text-dim);text-align:center;letter-spacing:.1em;padding:24px;font-size:.45rem}.option-card{border:1px solid var(--color-border-dim);background:var(--color-bg-card);cursor:pointer;padding:16px;transition:border-color 80ms,background-color 80ms}.option-card:hover{border-color:var(--color-accent);background:var(--color-bg-card-hover)}.option-card-name{font-family:var(--font-display);color:var(--color-accent);letter-spacing:.08em;margin-bottom:7px;font-size:.5rem;line-height:1.6}.option-card-desc{color:var(--color-text-muted);margin-bottom:9px;font-size:.78rem;line-height:1.5}.option-card-stats{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.stat-base{font-family:var(--font-display);color:var(--color-text);letter-spacing:.06em;border:1px solid var(--color-border-dim);background:#111;padding:3px 6px;font-size:.42rem}.stat-delta{font-family:var(--font-display);letter-spacing:.06em;border:1px solid;padding:3px 6px;font-size:.42rem}.stat-delta.positive{color:var(--color-positive);background:#0a1a0a;border-color:#1a4a1a}.stat-delta.negative{color:var(--color-warning);background:#1a0700;border-color:#4a1200}.visualizer{border:1px solid var(--color-accent);background:var(--color-bg-card);padding:16px;position:static}.visualizer-title{font-family:var(--font-display);color:var(--color-accent);text-transform:uppercase;letter-spacing:.18em;border-bottom:1px solid var(--color-accent-dim);text-shadow:0 0 8px var(--color-accent-glow);margin-bottom:14px;padding-bottom:10px;font-size:.42rem}.visualizer-row{border-bottom:1px solid var(--color-border-dim);justify-content:space-between;align-items:baseline;gap:8px;padding:7px 0;display:flex}.visualizer-key{font-family:var(--font-display);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.12em;flex-shrink:0;font-size:.36rem}.visualizer-value{font-family:var(--font-body);color:var(--color-text);text-align:right;word-break:break-word;font-size:.7rem}.visualizer-value.empty{color:var(--color-text-dim);font-size:1rem}.visualizer-addons{padding-top:6px}.visualizer-addon-item{font-family:var(--font-body);color:var(--color-text-muted);letter-spacing:.04em;padding:3px 0;font-size:.68rem}.visualizer-addon-item:before{content:"» ";color:var(--color-accent-dim)}.stat-block{border:1px solid var(--color-border-dim);background:var(--color-bg-card);margin-top:10px;padding:14px 16px;display:none}.stat-block-title{font-family:var(--font-display);color:var(--color-accent);text-transform:uppercase;letter-spacing:.18em;border-bottom:1px solid var(--color-accent-dim);margin-bottom:10px;padding-bottom:8px;font-size:.42rem}.stat-list{flex-direction:column;gap:4px;display:flex}.stat-row{border-bottom:1px solid var(--color-border-dim);justify-content:space-between;align-items:baseline;padding:5px 0;display:flex}.stat-row dt{font-family:var(--font-display);color:var(--color-text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.36rem}.stat-row dd{font-family:var(--font-body);color:var(--color-text);font-size:.82rem}.stat-row--negative dd{color:var(--color-warning)}.stat-block-mobile{gap:8px;margin-top:10px;padding:4px 0 6px;display:flex;overflow-x:auto}.stat-chip{border:1px solid var(--color-border-dim);background:var(--color-bg-card);flex-direction:column;flex:1 0 auto;align-items:center;gap:2px;min-width:56px;padding:6px 10px;display:flex}.stat-chip-label{font-family:var(--font-display);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.36rem}.stat-chip-value{font-family:var(--font-body);color:var(--color-text);font-size:.85rem}.stat-chip--negative .stat-chip-value{color:var(--color-warning)}.resource-warnings{flex-direction:column;gap:6px;margin-top:0;display:flex}.resource-warning{color:var(--color-warning);background:#1a0700;border:1px solid #4a1200;padding:8px 10px;font-size:.72rem;line-height:1.5}.action-bar{z-index:50;background:var(--color-bg);border-top:1px solid var(--color-accent-dim);padding:10px 14px calc(10px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000080}.action-bar .summarize-button{margin-top:0}.reset-button{width:100%;color:var(--color-text-dim,#888);border:1px solid var(--color-text-dim,#888);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;margin-bottom:12px;padding:10px 16px;font-size:.46rem;transition:color 80ms,border-color 80ms,box-shadow 80ms;display:block}.reset-button:hover{color:#fff;border-color:#fff}.summarize-button{background:var(--color-accent);color:#000;width:100%;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;border:none;margin-top:12px;padding:12px 16px;font-size:.46rem;transition:opacity 80ms,box-shadow 80ms;display:block}.summarize-button:hover:not(:disabled){box-shadow:0 0 16px var(--color-accent-glow)}.summarize-button--disabled{opacity:.35;cursor:not-allowed}.summarize-button--loading{opacity:.7;cursor:wait}.summary-panel{align-items:flex-end;gap:10px;margin-top:4px;display:flex}.narrative-summary{border:1px solid var(--color-accent-dim);color:var(--color-text);background:#0e0b00;flex:1;padding:12px 14px;font-size:.8rem;font-style:italic;line-height:1.6}.narrative-error{color:var(--color-warning);background:#1a0700;border:1px solid #4a1200;flex:1;padding:10px 12px;font-size:.75rem;line-height:1.5}@media (width>=768px){.app{gap:28px;padding:28px 24px}.app-main{grid-template-columns:1fr 260px;align-items:start;gap:20px;display:grid}.app-sidebar,.selectors-panel,.summary-panel{order:0}.visualizer{position:sticky;top:24px}.stat-block{display:block}.stat-block-mobile{display:none}.modal{border:2px solid var(--color-accent);border-top:2px solid var(--color-accent);box-shadow:0 0 0 1px #000, 0 0 40px var(--color-accent-glow), inset 0 0 60px #0009;width:min(620px,92vw);height:auto;max-height:80vh}.modal-close{padding:6px 10px;font-size:.38rem}.option-card{padding:13px 14px}.slot-button{padding:12px 14px}.action-bar{box-shadow:none;background:0 0;border-top:none;gap:0;padding:0;position:static}.action-bar .summarize-button{margin-top:12px}.resource-warnings{margin-top:8px}.summary-panel{grid-column:1/-1;gap:16px;margin-top:20px}}.viz-svg{image-rendering:auto;width:100%;height:auto;display:block}@keyframes vizFadeIn{0%{opacity:0}to{opacity:1}}.viz-layer{animation:.3s ease-out vizFadeIn}.viz-ghost{fill:none;stroke:var(--color-accent);stroke-dasharray:4 3;opacity:.35}.viz-prompt{font-family:var(--font-display);fill:var(--color-accent);text-shadow:0 0 8px var(--color-accent-glow)}.viz-prompt-sub{font-family:var(--font-body);fill:var(--color-text-muted)}.mechanic{flex-shrink:0;align-self:flex-end;width:64px}.mechanic-svg{width:100%;height:auto;display:block}