:root{--ink: #221e33;--paper: #fdfbf7;--bg: #f4f2fb;--violet: #6b4ee6;--violet-pale: #d9d1f7;--tangerine: #ff8a3d;--lemon: #ffd43b;--mint: #5ecfb0;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, sans-serif;--radius-card: 14px;--radius-pill: 999px;--shadow-card: 0 18px 40px rgba(34, 30, 51, .22);--shadow-soft: 0 6px 18px rgba(34, 30, 51, .1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3,.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin:0}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:var(--font-body);font-size:16px;color:var(--ink)}.app{min-height:100%;display:flex;flex-direction:column;max-width:520px;margin:0 auto;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom)}.screen{flex:1;display:flex;flex-direction:column;padding:20px 0 32px}.eyebrow{font-family:var(--font-body);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.muted{opacity:.62}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-pill);padding:14px 22px;font-weight:600;font-size:16px;transition:transform .08s ease,background .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.pill:active{transform:scale(.97)}.pill--primary{background:var(--violet);color:var(--paper)}.pill--ink{background:var(--ink);color:var(--paper)}.pill--tangerine{background:var(--tangerine);color:var(--ink)}.pill--ghost{background:transparent;border:1.5px solid rgba(34,30,51,.18);color:var(--ink)}.pill--quiet{background:#221e330f;color:var(--ink)}.pill:disabled{opacity:.4;pointer-events:none}.pill--block{width:100%}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);padding:9px 14px;font-size:14px;font-weight:500;background:var(--paper);border:1.5px solid rgba(34,30,51,.12);color:var(--ink);transition:transform .08s ease}.chip:active{transform:scale(.96)}.chip--on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip--player{padding-right:8px}.chip__x{opacity:.5;font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.pips{display:inline-flex;gap:5px;align-items:center}.pip{width:9px;height:9px;border-radius:50%;background:var(--violet-pale)}.pip--on{background:var(--tangerine)}.pips--onink .pip{background:#fdfbf738}.pips--onink .pip--on{background:var(--tangerine)}.card{position:relative;background:var(--ink);color:var(--paper);border-radius:var(--radius-card);padding:26px 24px 22px;box-shadow:var(--shadow-card);transform:rotate(var(--tilt, -1deg))}.card__eyebrow{color:var(--lemon);display:flex;align-items:center;gap:8px;margin-bottom:16px}.card__eyebrow .emoji{font-size:18px}.card__text{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,6.2vw,28px);line-height:1.22}.card__target{margin-top:16px;font-family:var(--font-display);font-weight:700;color:var(--lemon);font-size:18px}.card__meta{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#fdfbf7b3}.card__tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-bottom:14px;background:var(--lemon);color:var(--ink);font-weight:600;font-size:12px;padding:5px 11px;border-radius:var(--radius-pill)}@keyframes snap-in{0%{opacity:0;transform:translateY(26px) rotate(var(--tilt, -1deg)) scale(.92)}60%{opacity:1;transform:translateY(-4px) rotate(var(--tilt, -1deg)) scale(1.01)}to{transform:translateY(0) rotate(var(--tilt, -1deg)) scale(1)}}.card--snap{animation:snap-in .34s cubic-bezier(.2,.9,.3,1.2)}.bigbtn-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.bigbtn{--size: min(66vw, 260px);width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 38% 32%,#ff9f5e,var(--tangerine) 62%);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1.1;box-shadow:0 14px #c85f1c,0 26px 46px #c85f1c80;transition:transform .06s ease,box-shadow .06s ease;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;-webkit-user-select:none;user-select:none}.bigbtn:active,.bigbtn--down{transform:translateY(10px) scale(.98);box-shadow:0 4px #c85f1c,0 10px 22px #c85f1c73}.bigbtn--small{--size: 84px;font-size:13px;box-shadow:0 7px #c85f1c,0 12px 22px #c85f1c66}.bigbtn--small:active{transform:translateY(5px) scale(.98)}.reactions{display:flex;gap:10px;justify-content:center}.react{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 14px;border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow-soft);font-size:12px;font-weight:600;color:var(--ink);min-width:74px;transition:transform .08s ease}.react .emoji{font-size:20px}.react:active{transform:scale(.95)}.react--on{background:var(--lemon)}.timer-chip{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--lemon);padding:10px 16px;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-soft)}.timer-chip--done{background:var(--mint);color:var(--ink)}.stealth{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.stealth__big{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,8vw,34px)}.hold-btn{background:var(--ink);color:var(--paper);border-radius:var(--radius-card);padding:34px 20px;width:100%;font-weight:600}.field{margin-bottom:26px}.field__label{display:block;font-weight:600;margin-bottom:10px}.input{width:100%;border:1.5px solid rgba(34,30,51,.16);border-radius:var(--radius-card);padding:14px 16px;background:var(--paper)}.input:focus{outline:none;border-color:var(--violet)}.dial{display:flex;gap:8px}.dial__step{flex:1;padding:14px 0;border-radius:var(--radius-card);background:var(--paper);border:1.5px solid rgba(34,30,51,.12);font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink)}.dial__step--on{background:var(--tangerine);border-color:var(--tangerine)}.dial__labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px}.seg{display:flex;gap:8px}.seg__opt{flex:1;padding:13px 0;text-align:center;border-radius:var(--radius-card);background:var(--paper);border:1.5px solid rgba(34,30,51,.12);font-weight:600;color:var(--ink)}.seg__opt--on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--paper);border-radius:var(--radius-card);border:1.5px solid rgba(34,30,51,.12)}.switch{width:52px;height:30px;border-radius:var(--radius-pill);background:#221e332e;position:relative;transition:background .15s ease;flex:none}.switch--on{background:var(--mint)}.switch__knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--paper);transition:transform .15s ease;box-shadow:var(--shadow-soft)}.switch--on .switch__knob{transform:translate(22px)}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.iconbtn{width:40px;height:40px;border-radius:50%;background:#221e330f;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink)}.recap{background:var(--ink);color:var(--paper);min-height:100%}.recap .app{color:var(--paper)}.recap__eyebrow{color:var(--lemon)}.recap__stats{display:flex;gap:18px;flex-wrap:wrap;margin:6px 0 24px}.stat__n{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1}.stat__label{font-size:12px;opacity:.65}.recap-card{background:#fdfbf70f;border:1px solid rgba(253,251,247,.12);border-radius:var(--radius-card);padding:16px;margin-bottom:14px}.recap-card h3{font-size:16px;margin-bottom:12px}.award{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.token{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}.token--mvp{background:var(--lemon)}.token--story{background:var(--mint)}.token--controversial{background:var(--tangerine)}.token--surprise{background:var(--violet)}.recap .input{background:#fdfbf714;border-color:#fdfbf72e;color:var(--paper)}.recap .input::placeholder{color:#fdfbf766}.recap .chip{background:#fdfbf714;border-color:#fdfbf72e;color:var(--paper)}.recap .chip--on{background:var(--lemon);color:var(--ink);border-color:var(--lemon)}.quote-card{background:var(--lemon);color:var(--ink);border-radius:var(--radius-card);padding:20px;transform:rotate(-1.5deg);box-shadow:var(--shadow-card)}.quote-card__mark{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:.5}.stack{display:flex;flex-direction:column;gap:12px}.spacer{flex:1}.center{text-align:center}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#221e338c;display:flex;align-items:flex-end;justify-content:center;z-index:20;padding:0 12px 12px}.sheet{width:100%;max-width:496px;background:var(--bg);border-radius:20px;padding:22px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-card);animation:sheet-up .24s ease}@keyframes sheet-up{0%{transform:translateY(30px);opacity:0}}.sheet h3{margin-bottom:16px}.fanfare{animation:pop .4s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}