:root{--brand-ink:#0a0a0a;--brand-paper:#fff;--brand-accent:#0a0a0a;--brand-accent-ink:#fff;--bg:#f2f2f0;--surface:var(--brand-paper);--ink:var(--brand-ink);--ink-muted:#6e6e6b;--line:var(--brand-ink);--line-soft:#d6d6d3;--set-1-bg:#fff;--set-1-ink:#0a0a0a;--set-1-pattern:#0a0a0a0f;--set-2-bg:#dcdcd9;--set-2-ink:#0a0a0a;--set-2-pattern:#0a0a0a14;--set-3-bg:#0a0a0a;--set-3-ink:#fff;--set-3-pattern:#ffffff14;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-card:24px;--radius-pill:999px;--shadow-card:0 1px 0 #0000000d, 0 22px 44px -22px #00000073;--shadow-ghost:0 1px 0 #0000000a, 0 10px 22px -16px #0000004d}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.muted{color:var(--ink-muted)}.center{text-align:center}.small{font-size:13px;line-height:1.5}.phase{min-height:100%}.screen{max-width:480px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.logo{letter-spacing:-.01em;align-items:center;gap:6px;font-weight:700;display:inline-flex}.logo-sm{font-size:17px}.logo-lg{font-family:var(--font-display);gap:10px;font-size:40px;font-weight:600}.btn{border-radius:var(--radius-pill);border:1.5px solid var(--line);min-height:52px;padding:0 24px;font-size:16px;font-weight:600;transition:transform .12s,opacity .2s}.btn:active{transform:scale(.97)}.btn.primary{background:var(--brand-accent);color:var(--brand-accent-ink);border-color:var(--brand-accent)}.btn.ghost{background:0 0}.btn.block{width:100%}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.link{text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:0 8px;font-size:15px;text-decoration:underline}:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}.home{text-align:center;justify-content:space-between;align-items:center;gap:16px}.home-logo{margin-top:28px}.fan{place-items:center;width:100%;height:230px;display:grid;position:relative}.fan-card{border:1.5px solid var(--line);width:128px;height:180px;box-shadow:var(--shadow-card);border-radius:18px;position:absolute}.fan-inner{flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.fan-numeral{font-family:var(--font-display);font-size:40px;line-height:1}.fan-name{letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:12px}.home-copy h1{font-family:var(--font-display);max-width:20ch;margin:0 auto 10px;font-size:clamp(24px,6.4vw,30px);font-weight:500;line-height:1.2}.home-copy p{font-size:14px}.home-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.home-actions .link{align-self:center}.tone-1{background:var(--set-1-bg);color:var(--set-1-ink);--pattern:var(--set-1-pattern)}.tone-2{background:var(--set-2-bg);color:var(--set-2-ink);--pattern:var(--set-2-pattern)}.tone-3{background:var(--set-3-bg);color:var(--set-3-ink);border-color:var(--set-3-bg);--pattern:var(--set-3-pattern)}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;display:grid}.topbar .end{justify-self:end}.topbar .end.armed{font-weight:700}.set-pill{letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--line);border-radius:var(--radius-pill);white-space:nowrap;padding:6px 12px;font-size:12px;font-weight:600}.progress{background:var(--line-soft);border-radius:3px;height:3px;margin:10px 0 0;overflow:hidden}.progress-fill{background:var(--brand-accent);height:100%;display:block}.stage{perspective:1400px;flex:1;width:min(84vw,340px);min-height:380px;max-height:560px;margin:24px auto 0;position:relative}.stack-ghost,.card-shell{border-radius:var(--radius-card);position:absolute;inset:0 0 28px}.stack-ghost{border:1.5px solid var(--line);box-shadow:var(--shadow-ghost);transform-origin:50% 100%;z-index:0}.card-shell{z-index:2;transform-style:preserve-3d}.flipper{width:100%;height:100%;transform-style:preserve-3d;position:relative}.card-face{border-radius:var(--radius-card);border:1.5px solid var(--line);box-shadow:var(--shadow-card);backface-visibility:hidden;text-align:left;flex-direction:column;padding:22px;display:flex;position:absolute;inset:0;overflow:hidden}.tone-3.card-face,.tone-3.stack-ghost{border-color:var(--set-3-bg)}.back{justify-content:center;align-items:center}.back:disabled{cursor:default}.back-pattern{border-radius:calc(var(--radius-card) - 10px);opacity:.9;background-image:repeating-linear-gradient(45deg, var(--pattern) 0 1px, transparent 1px 12px);border:1px solid;position:absolute;inset:12px}.back-mark{background:inherit;border:1.5px solid;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:relative}.back-label{letter-spacing:.14em;text-transform:uppercase;background:inherit;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:28px}.back-hint{background:inherit;padding:2px 8px;font-size:13px;position:absolute;bottom:28px}.front-top{letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;font-size:12px;font-weight:600;display:flex}.question{font-family:var(--font-display);letter-spacing:-.005em;flex:1;align-items:center;font-size:clamp(25px,7vw,31px);line-height:1.22;display:flex}.front-foot{opacity:.7;align-items:center;gap:6px;font-size:13px;display:inline-flex}.intro{text-align:center;justify-content:center;align-items:center;gap:6px}.intro-kicker{letter-spacing:.24em;text-transform:uppercase;font-size:12px;font-weight:600}.intro-numeral{font-family:var(--font-display);font-size:96px;line-height:1}.intro-name{font-family:var(--font-display);font-size:28px;font-style:italic}.intro-blurb{opacity:.8;max-width:24ch;margin-top:10px;font-size:15px;line-height:1.45}.intro-cta{letter-spacing:.06em;font-size:13px;position:absolute;bottom:26px}.controls{justify-content:center;align-items:center;min-height:76px;display:flex}.actions{grid-template-columns:1fr 1.6fr;gap:10px;width:100%;display:grid}.hint{font-size:14px}.closing{justify-content:center;padding-left:16px;padding-right:16px}.closing-card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:30px 18px 22px;position:relative}.burst{width:0;height:0;position:absolute;top:28px;left:50%}.ray{background:var(--brand-accent);transform-origin:1px 64px;border-radius:2px;width:2px;height:26px;position:absolute;top:-64px;left:-1px}.closing-kicker{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:600;display:block}.closing-title{text-align:center;font-family:var(--font-display);margin:4px 0 20px;font-size:44px;font-weight:500}.closing-body{flex-direction:column;gap:18px;display:flex}.closing-body>.link{align-self:center;margin-top:-8px}.closing-step{grid-template-columns:30px 1fr;gap:12px;display:grid}.closing-step h3,.rate h3{margin-bottom:4px;font-size:17px}.closing-step p{margin-bottom:10px;font-size:14px}.step-no{border:1.5px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid}.chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{border-radius:var(--radius-pill);border:1.5px solid var(--line);background:0 0;min-height:44px;padding:0 16px;font-size:15px;font-weight:500}.chip.on{background:var(--brand-accent);color:var(--brand-accent-ink);border-color:var(--brand-accent)}.confirm-mark{align-self:center}.confirm-line{text-align:center;font-family:var(--font-display);font-size:30px}.rate{border-top:1.5px solid var(--line-soft);text-align:center;padding-top:16px}.dots{justify-content:space-between;gap:2px;margin-top:10px;display:flex}.dot{aspect-ratio:1;border:1.5px solid var(--line);background:0 0;border-radius:50%;flex:0 44px;min-width:0;padding:0;font-size:15px;font-weight:600}.dot.on{background:var(--brand-accent);color:var(--brand-accent-ink)}.dots-legend{justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.sheet-layer{z-index:10;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#0006;position:absolute;inset:0}.sheet{background:var(--surface);width:100%;max-width:480px;max-height:88dvh;padding:12px 22px max(22px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0;position:relative;overflow:auto}.sheet-handle{background:var(--line-soft);border-radius:4px;width:40px;height:4px;margin:0 auto 16px;display:block}.sheet h2{font-family:var(--font-display);margin-bottom:12px;font-size:28px;font-weight:500}.sheet h3{margin:18px 0 6px;font-size:15px}.how{margin:0;padding-left:20px;font-size:15px;line-height:1.6}.cite{border-left:2px solid var(--line);margin:8px 0;padding-left:10px}.cite a{color:inherit}.proto-note{border:1.5px dashed var(--line);border-radius:12px;margin:12px 0 18px;padding:10px 12px}@media (height<=700px){.stage{min-height:330px;margin-top:16px}.fan{height:200px}}.fan-card{cursor:pointer;padding:0}.fan-card.picked{box-shadow:0 1px #0000000d,0 28px 48px -20px #0000008c}.pick-hint{margin-top:-2px;font-size:13px}.drag-layer{transform-style:preserve-3d;position:absolute;inset:0}.drag-layer.swipeable{cursor:grab;touch-action:pan-y}.drag-layer.swipeable:active{cursor:grabbing}.stamp{letter-spacing:.16em;text-transform:uppercase;pointer-events:none;background:0 0;border:2px solid;border-radius:10px;padding:6px 14px;font-size:15px;font-weight:800;position:absolute;top:54px}.stamp-next{left:20px;transform:rotate(-10deg)}.stamp-pass{right:20px;transform:rotate(10deg)}.actions-wrap{width:100%}.swipe-hint{text-align:center;margin-top:8px;font-size:12px}.screen.play{position:relative}button.set-pill{background:var(--surface);align-items:center;gap:6px;min-height:34px;display:inline-flex}button.set-pill:disabled{cursor:default}.menu-scrim{z-index:20;cursor:default;background:#0000002e;border:0;padding:0;position:fixed;inset:0}.set-menu{top:calc(max(16px, env(safe-area-inset-top)) + 52px);z-index:21;background:var(--surface);border:1.5px solid var(--line);width:min(300px,100% - 32px);box-shadow:var(--shadow-card);transform-origin:50% 0;border-radius:20px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;left:50%;translate:-50%}.set-menu-title{letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:2px 0 4px;font-size:12px;font-weight:600}.set-option{border:1.5px solid var(--line);text-align:left;border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;min-height:56px;padding:0 14px 0 6px;display:grid}.set-option.current{outline:2.5px solid var(--ink);outline-offset:2px}.set-option:disabled{opacity:.4;cursor:not-allowed}.set-option-numeral{font-family:var(--font-display);text-align:center;font-size:24px}.set-option-name{font-size:16px;font-weight:600}.set-option-status{opacity:.75;font-size:13px}.swap-prompt{text-align:center;margin-bottom:4px}.swap-prompt h3{margin-bottom:6px;font-size:19px}.swap-prompt p{max-width:26ch;margin:0 auto;font-size:15px;line-height:1.45}.actions{grid-template-columns:52px 1fr 1.6fr}.btn.round{background:0 0;place-items:center;width:52px;padding:0;display:grid}.btn.round:disabled{opacity:.2}.card-shell[aria-hidden=true] .card-face{box-shadow:var(--shadow-ghost)}.card-shell{transform-origin:50% 100%}.actions .btn{white-space:nowrap;padding:0 14px}