: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:flex-end;justify-content:space-between;gap:12px;font-size:13px;color:#fdfbf7b3}.card__chaos{display:flex;flex-direction:column;gap:6px}.card__chaos-cap{font-family:var(--font-body);font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#fdfbf773}.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}.chaos-btn{--size: min(66vw, 268px);--socket: #b8531a;position:relative;width:var(--size);height:var(--size);display:grid;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;outline:none}.chaos-btn--small{--size: 120px}.chaos-btn__glow{position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle,#ff8a3d80,#ff8a3d00 66%);filter:blur(9px);animation:chaos-breathe 3.6s ease-in-out infinite;transition:opacity .25s ease,transform .5s ease-out}@keyframes chaos-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.82;transform:scale(1.07)}}.chaos-btn[data-down=true] .chaos-btn__glow{animation:none;opacity:1;transform:scale(1.2)}.chaos-btn:focus-visible .chaos-btn__glow{opacity:.95}.chaos-btn__cap{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;border:none;padding:0;overflow:hidden;display:grid;place-items:center;color:var(--ink);background:radial-gradient(circle at 38% 30%,#ffd0a3 0%,#ff9f5e 40%,var(--tangerine) 74%,#ef7a2c 100%);box-shadow:inset 0 4px 8px #fff9,inset 0 -13px 24px #96401280,0 16px 0 var(--socket),0 30px 52px #b4531a80;transform:translateY(0) scale(1);transition:transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.chaos-btn[data-down=true] .chaos-btn__cap{transform:translateY(13px) scale(.972);transition:transform 90ms ease-out,box-shadow 90ms ease;box-shadow:inset 0 4px 8px #fff6,inset 0 -7px 15px #9640128c,0 3px 0 var(--socket),0 8px 18px #b4531a73}.chaos-btn--small .chaos-btn__cap{box-shadow:inset 0 3px 6px #fff9,inset 0 -8px 16px #96401280,0 9px 0 var(--socket),0 16px 26px #b4531a73}.chaos-btn--small[data-down=true] .chaos-btn__cap{transform:translateY(7px) scale(.972);box-shadow:inset 0 3px 6px #fff6,inset 0 -5px 12px #9640128c,0 2px 0 var(--socket),0 6px 14px #b4531a66}.chaos-btn__label{position:relative;z-index:3;font-family:var(--font-display);font-weight:800;letter-spacing:.07em;font-size:calc(var(--size) * .155);line-height:1}.chaos-btn__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:50%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.32) 49%,transparent 61%);transform:translate(-130%);animation:chaos-shine 5s ease-in-out infinite}@keyframes chaos-shine{0%,72%{transform:translate(-130%)}86%,to{transform:translate(130%)}}.chaos-btn__ring{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:50%;pointer-events:none;border:3px solid rgba(255,212,59,.9);animation:chaos-ring .55s cubic-bezier(.2,.6,.3,1) forwards}@keyframes chaos-ring{0%{opacity:.9;transform:scale(.86);border-width:7px}to{opacity:0;transform:scale(1.75);border-width:1px}}.chaos-btn__sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;pointer-events:none}.chaos-btn__spark{position:absolute;width:calc(var(--size) * .045);height:calc(var(--size) * .045);border-radius:50%;background:var(--lemon);animation:chaos-spark .58s ease-out forwards}.chaos-btn__spark:nth-child(3n){background:var(--tangerine)}.chaos-btn__spark:nth-child(3n+1){background:var(--mint)}@keyframes chaos-spark{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.3)}25%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--size) * -.66)) scale(.7)}}@media(prefers-reduced-motion:reduce){.chaos-btn__glow,.chaos-btn__shine,.chaos-btn__ring,.chaos-btn__spark{animation:none}.chaos-btn__cap{transition:transform .12s ease}}.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)}.mission-veil{width:100%;border-radius:var(--radius-card);border:1.5px dashed rgba(34,30,51,.25);background:#221e330a;padding:42px 20px;text-align:center;color:var(--ink);font-weight:600}.peek-btn{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.peek-btn--active{background:var(--ink);color:var(--paper)}.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}}.beta-badge{margin-left:8px;padding:2px 7px;border-radius:var(--radius-pill);background:var(--violet);color:var(--paper);font-size:10px;letter-spacing:.08em}.beta{border-radius:var(--radius-card);background:#6b4ee60f;border:1.5px solid rgba(107,78,230,.2);padding:14px}.beta__head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.beta__head strong{font-family:var(--font-display);font-size:15px}.beta__head .muted{font-size:12px}.beta__tags{display:flex;flex-wrap:wrap;gap:7px}.beta__tag{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:var(--radius-pill);background:var(--paper);border:1.5px solid rgba(34,30,51,.12);color:var(--ink);font-size:13px;font-weight:500;transition:transform .08s ease}.beta__tag:active{transform:scale(.96)}.beta__tag--on{background:var(--violet);color:var(--paper);border-color:var(--violet)}.beta__notes{margin-top:10px}.beta__notes-toggle{margin-top:10px;font-size:13px;font-weight:600;color:var(--violet)}.betactl-divider{height:1px;background:#221e331a;margin:18px 0 14px}.beta-disclosure{margin-top:18px;text-align:center}.beta-disclosure>summary{list-style:none;cursor:pointer;color:#221e3347;font-size:20px;line-height:1;padding:6px;-webkit-user-select:none;user-select:none}.beta-disclosure>summary::-webkit-details-marker{display:none}