@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=Handjet:wght@400;500;600;700;800&family=VT323&display=swap";:root{--bg: #0a0c11;--bg-2: #0f131c;--panel: #141a26;--panel-2: #1b2330;--line: #28303f;--well: #0c1018;--ink: #e8ebf2;--ink-soft: #cfd5e2;--ink-softer: #c4cbd9;--muted: #8a93a8;--factor-people: #4ea1ff;--factor-machines: #b07cff;--factor-resources: #ffb24e;--factor-free: #46d28a;--L: var(--factor-people);--K: var(--factor-machines);--Z: var(--factor-resources);--accent: #ff5d6c;--good: #46d28a;--warn: #ffb24e;--danger: #ff5d6c;--rarity-starter: #3a4763;--rarity-common: #3a4763;--rarity-rare: #6a5acd;--on-accent: #0a0c11;--on-factor: #0a0c11;--surface-page: var(--bg);--surface-card: var(--panel);--surface-raised: var(--panel-2);--surface-inset: var(--well);--border-hairline: var(--line);--border-focus: var(--accent);--text-strong: var(--ink);--text-body: var(--ink-soft);--text-muted: var(--muted);--action-primary: var(--accent);--action-on-primary: var(--on-accent)}:root{--font-display: "Silkscreen", "Press Start 2P", ui-monospace, monospace;--font-ui: "Handjet", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--font-mono: "VT323", ui-monospace, "SFMono-Regular", Menlo, monospace;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--weight-black: 800;--text-hero: clamp(2.6rem, 9vw, 5rem);--text-h1: 1.6rem;--text-h2: 1.25rem;--text-h3: 1.05rem;--text-body-lg: 1.1rem;--text-base: .95rem;--text-sm: .85rem;--text-xs: .78rem;--text-2xs: .7rem;--track-wordmark: .16em;--track-display: .12em;--track-eyebrow: .15em;--track-body: .02em;--track-normal: 0;--leading-tight: 1.25;--leading-snug: 1.45;--leading-body: 1.65;--nums-tabular: tabular-nums}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .7rem;--space-4: 1rem;--space-5: 1.2rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-pill: 999px;--radius-lg: 18px;--radius-md: 16px;--radius-sm: 12px;--radius-xs: 10px;--radius-2xs: 6px;--border: 1px solid var(--line);--border-accent: 1px solid var(--accent);--border-rare: 1px solid var(--rarity-rare);--rail: 3px;--glow-good: 0 0 60px rgba(70, 210, 138, .15);--glow-bitter: 0 0 60px rgba(255, 178, 78, .13);--glow-bad: 0 0 60px rgba(255, 93, 108, .13);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .35);--px: 3px;--border-pixel: 2px solid var(--line);--border-pixel-ink: 2px solid var(--ink);--shadow-pixel-sm: 3px 3px 0 0 rgba(0, 0, 0, .55);--shadow-pixel: 4px 4px 0 0 rgba(0, 0, 0, .55);--shadow-pixel-lg: 6px 6px 0 0 rgba(0, 0, 0, .55);--clip-pixel: polygon( 0 4px, 4px 4px, 4px 0, calc(100% - 4px) 0, calc(100% - 4px) 4px, 100% 4px, 100% calc(100% - 4px) , calc(100% - 4px) calc(100% - 4px) , calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 4px) , 0 calc(100% - 4px) );--blur-bar: blur(8px);--bg-void: radial-gradient(1200px 600px at 70% -10%, #16203a 0%, transparent 60%), var(--bg);--grad-card: linear-gradient(180deg, var(--panel-2), var(--panel));--grad-hero: linear-gradient(120deg, var(--L), var(--accent) 60%, var(--Z));--grad-meter: linear-gradient(90deg, var(--L), var(--accent));--ease: cubic-bezier(.2, .7, .2, 1);--dur-fast: .12s;--dur: .15s;--dur-slow: .3s;--lift: translateY(-3px)}html{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);letter-spacing:var(--track-body);background:var(--bg-void);color:var(--ink);image-rendering:pixelated;-webkit-font-smoothing:none}.pixel-icon{display:inline-block;position:relative;flex:none;image-rendering:pixelated;vertical-align:middle}.pixel-icon-cell{position:absolute;top:0;left:0;background:transparent}@keyframes stat-flash-up{0%,32%,to{background-color:transparent}16%,48%{background-color:color-mix(in srgb,var(--good) 55%,transparent)}}@keyframes stat-flash-down{0%,32%,to{background-color:transparent}16%,48%{background-color:color-mix(in srgb,var(--danger) 55%,transparent)}}@keyframes stat-flash-neutral{0%,32%,to{background-color:transparent}16%,48%{background-color:color-mix(in srgb,var(--accent) 50%,transparent)}}.stat-changed{animation:stat-flash-neutral .9s var(--ease) both}.stat-changed.up{animation-name:stat-flash-up}.stat-changed.down{animation-name:stat-flash-down}.meter-readout.stat-changed,.share-leg-pct.stat-changed,.stability-head .stat-changed,.chip b.stat-changed{padding:0 .22rem;margin:0 -.22rem}@keyframes regime-pop{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.02);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}.regime-badge.stat-changed{animation:regime-pop .75s var(--ease) both}@media(prefers-reduced-motion:reduce){.stat-changed,.regime-badge.stat-changed{animation:none}}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.1rem;background:#0a0c11d1;-webkit-backdrop-filter:var(--blur-bar);backdrop-filter:var(--blur-bar);border-bottom:var(--border-pixel)}.brand{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:var(--track-wordmark);background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer}.tabs{display:flex;gap:.25rem;flex-wrap:wrap}.tab{background:transparent;color:var(--muted);border:var(--border-pixel);border-color:transparent;border-radius:0;padding:.4rem .8rem;font-family:var(--font-display);font-size:.6rem;text-transform:uppercase;letter-spacing:var(--track-eyebrow);cursor:pointer;transition:color var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast)}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);background:var(--panel-2);border-color:var(--line)}.screen{max-width:980px;margin:0 auto;padding:1.5rem 1.1rem 4rem}.hero{text-align:center;padding:3rem 1rem 2rem}.hero h1{font-family:var(--font-display);font-weight:700;font-size:var(--text-hero);letter-spacing:var(--track-display);line-height:1.05;margin:0;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);font-size:1.1rem;margin:.5rem 0 1.5rem}.act{background:var(--panel);border:var(--border-pixel);border-radius:0;box-shadow:var(--shadow-pixel-sm);padding:1.4rem 1.5rem;margin:1rem 0}.act h2{font-family:var(--font-ui);font-weight:var(--weight-black);margin:0 0 .5rem}.act p{margin:0;line-height:var(--leading-body);color:var(--ink-soft)}.act.hook{background:var(--grad-card);text-align:center}.cta{margin-top:1rem;background:var(--accent);color:var(--on-accent);border:var(--border-pixel-ink);border-radius:0;box-shadow:var(--shadow-pixel-sm);padding:.65rem 1.4rem;font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:transform var(--dur-fast),box-shadow var(--dur-fast),filter var(--dur-fast)}.cta:hover{filter:brightness(1.08);box-shadow:var(--shadow-pixel)}.cta:active{transform:translate(3px,3px);box-shadow:none}.intro-block{margin-bottom:1.5rem}.intro-block h1{font-family:var(--font-ui);font-weight:var(--weight-black);margin:0 0 .3rem}.intro-block p{color:var(--ink-soft);line-height:1.6;max-width:62ch}.meta-stats{color:var(--muted);font-family:var(--font-mono);font-size:.95rem}.scenario-grid,.society-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.scenario{text-align:left;background:var(--panel);border:var(--border-pixel);border-radius:0;box-shadow:var(--shadow-pixel-sm);padding:1.2rem;color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--dur),transform var(--dur),box-shadow var(--dur)}.scenario:hover{border-color:var(--accent);transform:translate(-2px,-2px);box-shadow:var(--shadow-pixel)}.scenario h3{font-family:var(--font-ui);font-weight:var(--weight-black);margin:0 0 .5rem}.scenario p{margin:0 0 .8rem;color:var(--ink-softer);line-height:1.5;font-size:.92rem}.scenario-target{font-family:var(--font-mono);font-size:.92rem;color:var(--muted)}.play-grid{display:grid;grid-template-columns:320px 1fr;gap:1.2rem;align-items:start}@media(max-width:760px){.play-grid{grid-template-columns:1fr}}.status{background:var(--panel);border:var(--border-pixel);border-radius:0;box-shadow:var(--shadow-pixel-sm);padding:1rem;position:sticky;top:70px}.turn-stage{position:relative;width:100%;aspect-ratio:480 / 270;margin-bottom:.9rem;background:var(--bg);border:var(--border-pixel);box-shadow:var(--shadow-pixel-sm);overflow:hidden}.turn-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;image-rendering:pixelated}.regime-badge{display:flex;gap:.7rem;align-items:flex-start;border-radius:0;padding:.75rem .85rem;margin-bottom:.9rem;background:var(--panel-2)}.regime-text{min-width:0}.regime-tag{font-family:var(--font-display);font-size:.5rem;text-transform:uppercase;letter-spacing:var(--track-eyebrow);margin-bottom:.3rem}.regime-name{font-family:var(--font-display);font-size:.95rem;letter-spacing:.02em}.regime-line{color:var(--muted);font-size:.9rem;margin-top:.25rem}.regime-complementaritycommonwealth{box-shadow:inset var(--rail) 0 0 var(--good)}.regime-bottleneckaristocracy{box-shadow:inset var(--rail) 0 0 var(--Z)}.regime-rentiersingularity{box-shadow:inset var(--rail) 0 0 var(--K)}.regime-postscarcitydissolution{box-shadow:inset var(--rail) 0 0 var(--L)}.regime-limbotransition{box-shadow:inset var(--rail) 0 0 var(--danger)}.regime-mixedinmotion{box-shadow:inset var(--rail) 0 0 var(--muted)}.meter{margin:.7rem 0}.meter-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.meter-label{font-size:.92rem;font-weight:var(--weight-bold)}.meter-readout{font-family:var(--font-mono);font-size:.92rem;color:var(--muted);font-variant-numeric:var(--nums-tabular)}.meter-track{height:10px;background:var(--well);border:var(--border-pixel);border-radius:0;overflow:hidden}.meter-fill{height:100%;background:var(--grad-meter)}.meter-ends{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--font-mono);font-size:.85rem;margin-top:.2rem}.sharebar-wrap{margin:.9rem 0 .4rem}.sharebar{display:flex;gap:2px;height:30px;border:var(--border-pixel);border-radius:0;overflow:hidden}.seg{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.8rem;font-weight:var(--weight-bold);color:var(--on-factor);white-space:nowrap;overflow:hidden;min-width:0}.seg-L{background:var(--L)}.seg-K{background:var(--K)}.seg-Z{background:var(--Z)}.seg-F{background:var(--good)}.share-legend{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .8rem;margin-top:.55rem}.share-leg{display:flex;align-items:center;gap:.4rem}.share-leg-name{font-size:.82rem;color:var(--ink-soft)}.share-leg-pct{margin-left:auto;font-family:var(--font-mono);font-size:.85rem;color:var(--ink);font-variant-numeric:var(--nums-tabular)}.sharebar-cap{color:var(--muted);font-size:.85rem;text-align:center;margin-top:.5rem}.stability{margin-top:.7rem}.stability-head{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.25rem}.stability-track{height:12px;background:var(--well);border:var(--border-pixel);border-radius:0;overflow:hidden}.stability-fill{height:100%;transition:width var(--dur-slow)}.stability-fill.ok{background:var(--good)}.stability-fill.warn{background:var(--warn)}.stability-fill.danger{background:var(--danger)}.stat-chips{display:flex;gap:.5rem;margin-top:.8rem}.chip{flex:1;background:var(--panel-2);border:var(--border-pixel);border-radius:0;padding:.4rem .5rem;text-align:center}.chip span{display:block;color:var(--muted);font-size:.72rem}.chip b{font-family:var(--font-mono);font-size:1.05rem;font-variant-numeric:var(--nums-tabular)}.objective{background:var(--panel);border:var(--border-pixel);border-radius:0;box-shadow:var(--shadow-pixel-sm);padding:.7rem .9rem;margin-bottom:.9rem}.obj-goal{font-size:.95rem;font-weight:var(--weight-bold)}.obj-row{display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted);font-family:var(--font-mono);font-size:.9rem;margin-top:.4rem}.hand{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}.card{display:flex;flex-direction:column;text-align:left;background:var(--grad-card);border:var(--border-pixel);border-radius:0;box-shadow:var(--shadow-pixel-sm);padding:.7rem;color:var(--ink);font:inherit;cursor:pointer;position:relative;min-height:150px;transition:transform var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast)}.card:hover:not(.unplayable){transform:translate(-2px,-2px);border-color:var(--accent);box-shadow:var(--shadow-pixel)}.card.unplayable{opacity:.45;cursor:not-allowed;box-shadow:none}.card-cost{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:0;background:var(--accent);color:var(--on-accent);border:var(--border-pixel-ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.7rem}.card-name{font-weight:var(--weight-bold);font-size:.95rem;margin-bottom:.35rem}.card-desc{font-size:.82rem;color:var(--ink-soft);line-height:1.4}.card-foot{margin-top:auto;padding-top:.5rem;border-top:var(--border-pixel)}.card-result{font-size:.8rem;color:var(--ink);line-height:1.3;margin-bottom:.45rem}.fx-row{display:flex;gap:.3rem;flex-wrap:wrap}.fx-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--bg);border:2px solid var(--line);border-radius:0;padding:.1rem .32rem;line-height:1}.fx-tick{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em}.rarity-rare{border-color:var(--rarity-rare)}.rarity-common{border-color:var(--rarity-common)}.play-controls{margin:1rem 0 .6rem}.endturn{background:var(--panel-2);color:var(--ink);border:var(--border-pixel);border-color:var(--accent);border-radius:0;box-shadow:var(--shadow-pixel-sm);padding:.6rem 1.4rem;font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:transform var(--dur-fast),background var(--dur-fast),color var(--dur-fast),box-shadow var(--dur-fast)}.endturn:hover{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-pixel)}.endturn:active{transform:translate(3px,3px);box-shadow:none}.log{color:var(--muted);font-family:var(--font-mono);font-size:.92rem;line-height:1.5;border-top:var(--border-pixel);padding-top:.6rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070bb3;display:flex;align-items:center;justify-content:center;z-index:20;padding:1rem}.modal{background:var(--panel);border:var(--border-pixel);border-radius:0;box-shadow:var(--shadow-pixel-lg);padding:1.5rem;max-width:480px}.modal h3{font-family:var(--font-display);font-size:1rem;letter-spacing:.02em;margin:0 0 .6rem}.modal p{color:var(--ink-soft);line-height:1.6;font-size:.92rem}.choices{display:grid;gap:.5rem;margin-top:1rem}.choice{display:flex;justify-content:space-between;align-items:center;gap:.6rem;background:var(--panel-2);border:var(--border-pixel);border-radius:0;padding:.6rem .8rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast)}.choice:hover{border-color:var(--accent);transform:translate(-2px,-2px);box-shadow:var(--shadow-pixel-sm)}.ending{max-width:620px;margin:2rem auto;background:var(--panel);border:var(--border-pixel);border-radius:0;padding:2rem;text-align:center}.ending-good{box-shadow:var(--glow-good)}.ending-bitter{box-shadow:var(--glow-bitter)}.ending-bad{box-shadow:var(--glow-bad)}.ending-tag{color:var(--muted);font-family:var(--font-display);font-size:.6rem;letter-spacing:var(--track-eyebrow);text-transform:uppercase}.ending h1{font-family:var(--font-display);font-weight:700;font-size:1.6rem;letter-spacing:.04em;line-height:1.2;margin:.6rem 0 .8rem}.ending p{color:var(--ink-soft);line-height:1.7}.ending-actions{display:flex;gap:.6rem;justify-content:center;align-items:center;margin-top:1.4rem;flex-wrap:wrap}.society{background:var(--panel);border:var(--border-pixel);border-radius:0;box-shadow:var(--shadow-pixel-sm);padding:1.2rem}.society h3{font-family:var(--font-display);font-size:.95rem;letter-spacing:.02em}.society-feel{color:var(--ink-soft);line-height:1.55;font-size:.9rem}.society-how{font-size:.85rem;color:var(--ink-soft);margin-top:.7rem}.society-how-tag{display:inline-block;font-family:var(--font-display);font-size:.5rem;text-transform:uppercase;letter-spacing:var(--track-eyebrow);color:var(--accent);margin-right:.45rem}.factor-sig{display:flex;align-items:center;gap:.6rem;margin:.2rem 0;padding:.45rem .6rem;background:var(--well);border:var(--border-pixel)}.fsig-icons{display:flex;gap:.35rem}.fsig-icon.dim{opacity:.25}.fsig-icon.win{opacity:1}.fsig-label{font-size:.82rem;color:var(--muted)}.fsig-label b{color:var(--ink)}.society-foot{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem;font-size:.8rem}.reached{color:var(--good)}.unreached{color:var(--muted)}.mini{background:transparent;border:var(--border-pixel);color:var(--ink);border-radius:0;padding:.35rem .8rem;font-family:var(--font-display);font-size:.55rem;text-transform:uppercase;letter-spacing:var(--track-eyebrow);cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast)}.mini:hover{border-color:var(--accent);box-shadow:var(--shadow-pixel-sm)}.mini:active{transform:translate(2px,2px);box-shadow:none}.thresholds{line-height:1.7;color:var(--ink-soft);max-width:70ch}.src-note{color:var(--muted);font-size:.85rem}.src-note code{background:var(--panel-2);font-family:var(--font-mono);padding:.1rem .35rem;border-radius:0}.console{background:var(--panel);border:var(--border-pixel);border-radius:0;box-shadow:var(--shadow-pixel-sm);padding:1.2rem}.console-dials label{display:block;margin-bottom:1rem}.console-dials span{display:block;font-weight:var(--weight-bold)}.console-dials em{color:var(--accent);font-family:var(--font-mono);font-style:normal}.console-dials small{color:var(--muted);display:block;margin-top:.2rem}.console input[type=range]{width:100%;margin:.4rem 0;accent-color:var(--accent)}.ticktable{width:100%;border-collapse:collapse;margin-top:.8rem;font-family:var(--font-mono);font-size:.95rem}.ticktable th,.ticktable td{text-align:right;padding:.3rem .4rem;border-bottom:var(--border-pixel);font-variant-numeric:var(--nums-tabular)}.ticktable th:last-child,.ticktable td:last-child{text-align:left}.ticktable th{color:var(--muted);font-weight:var(--weight-bold)}