:root{--paper: #f4f2ec;--paper-raised: #faf9f5;--ink: #1a1c1e;--ink-soft: #4a4d51;--ink-faint: #8a8d92;--rule: #d8d5cc;--rule-strong: #c3bfb3;--signal: #c8102e;--signal-wash: #f9ebec;--serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SFMono-Regular", ui-monospace, "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;--maxw: 720px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.dim{color:var(--ink-faint)}.app{min-height:100dvh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem max(1.1rem,env(safe-area-inset-left)) .85rem max(1.1rem,env(safe-area-inset-right));background:#f4f2eceb;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:.7rem;min-width:0}.mark{width:14px;height:14px;flex:none;background:var(--signal);border-radius:2px}.brand-text{min-width:0}.brand-text h1{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.01em}.brand-text p{margin:.1rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:1.5rem max(1.1rem,env(safe-area-inset-left)) 4rem max(1.1rem,env(safe-area-inset-right))}.footer{border-top:1px solid var(--rule);padding:1rem 1.1rem calc(1rem + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.intro .lede{font-family:var(--serif);font-size:1.18rem;line-height:1.5;color:var(--ink-soft);margin:0 0 2.4rem}.step{margin-bottom:2.6rem}.step-label{color:var(--ink-faint);margin:0 0 .9rem;padding-bottom:.5rem;border-bottom:1px solid var(--rule)}.scenario-grid{display:grid;grid-template-columns:1fr;gap:.7rem}.scenario-card{text-align:left;background:var(--paper-raised);border:1px solid var(--rule);border-radius:4px;padding:1.1rem 1.15rem;cursor:pointer;font:inherit;color:inherit;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.scenario-card:hover{border-color:var(--rule-strong)}.scenario-card.is-selected{border-color:var(--signal);box-shadow:inset 3px 0 0 var(--signal)}.scenario-card h3{margin:0 0 .3rem;font-size:1.06rem;font-weight:600}.scenario-card .tagline{color:var(--signal);margin:0 0 .6rem;font-size:.68rem}.scenario-card .blurb{margin:0;font-size:.95rem;color:var(--ink-soft);line-height:1.5}.role-row{display:flex;flex-wrap:wrap;gap:.55rem}.role-chip{font:inherit;font-size:.92rem;background:var(--paper-raised);border:1px solid var(--rule);border-radius:999px;padding:.5rem .95rem;cursor:pointer;color:var(--ink-soft);transition:border-color .12s ease,color .12s ease,background .12s ease}.role-chip:hover{border-color:var(--rule-strong)}.role-chip.is-selected{border-color:var(--signal);color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--signal)}.begin-step{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}.btn-primary{font:inherit;font-weight:600;background:var(--signal);color:#fff;border:1px solid var(--signal);border-radius:3px;padding:.6rem 1.1rem;cursor:pointer;transition:filter .12s ease,opacity .12s ease}.btn-primary:hover{filter:brightness(.92)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-large{padding:.8rem 1.4rem;font-size:1.02rem}.btn-ghost{font:inherit;font-size:.85rem;background:transparent;color:var(--ink-soft);border:1px solid var(--rule-strong);border-radius:3px;padding:.45rem .85rem;cursor:pointer;white-space:nowrap;transition:border-color .12s ease,color .12s ease}.btn-ghost:hover{border-color:var(--ink-soft);color:var(--ink)}.hint{font-size:.85rem;color:var(--ink-faint)}.play{display:flex;flex-direction:column;gap:2rem}.turn{scroll-margin-top:5rem}.turn.is-past{opacity:.62}.turn-meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.5rem}.turn-no{color:var(--ink)}.turn.is-shock .turn-no{color:var(--signal)}.shock-tag{color:#fff;background:var(--signal);padding:.2rem .5rem;border-radius:2px;font-size:.64rem}.turn-headline{font-family:var(--serif);font-size:1.4rem;line-height:1.25;margin:0 0 1.2rem;font-weight:600;letter-spacing:-.01em}.turn.is-shock .turn-headline{color:var(--signal)}.section{margin-bottom:1.3rem}.section-label{color:var(--ink-faint);margin:0 0 .45rem}.prose p{margin:0 0 .75rem;color:var(--ink-soft)}.prose p:last-child{margin-bottom:0}.decision-demand{border-left:3px solid var(--signal);padding:.15rem 0 .15rem .95rem;margin-top:1.5rem}.demand-label{color:var(--signal)}.demand-text{margin:0;font-family:var(--serif);font-size:1.15rem;line-height:1.45;color:var(--ink)}.your-decision{margin-top:1.4rem;padding-top:1.1rem;border-top:1px dashed var(--rule-strong)}.your-decision .prose p{color:var(--ink);font-style:italic}.turn.is-shock{background:var(--signal-wash);margin-left:-1.1rem;margin-right:-1.1rem;padding:1.3rem 1.1rem;border-radius:4px;border:1px solid #eccfd2}.decision-form{margin-top:.5rem;display:flex;flex-direction:column;gap:.6rem;background:var(--paper-raised);border:1px solid var(--rule);border-top:3px solid var(--signal);border-radius:4px;padding:1.1rem}.decision-label{color:var(--signal);font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.decision-input{font:inherit;font-size:1rem;width:100%;resize:vertical;background:#fff;border:1px solid var(--rule-strong);border-radius:3px;padding:.7rem .8rem;color:var(--ink);line-height:1.5}.decision-input:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 2px var(--signal-wash)}.decision-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.thinking{display:flex;align-items:center;gap:.6rem;color:var(--ink-faint);padding:.5rem 0}.dots{display:inline-flex;gap:4px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--signal);opacity:.3;animation:pulse 1.1s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.16s}.dots i:nth-child(3){animation-delay:.32s}@keyframes pulse{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.error{border:1px solid var(--signal);background:var(--signal-wash);border-radius:4px;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.error p{margin:0;color:var(--signal);font-size:.95rem}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (min-width: 640px){body{font-size:18px}.turn-headline{font-size:1.6rem}.scenario-card{padding:1.25rem 1.35rem}}