:root{--paper: #f7f0dd;--paper-2: #fffaf0;--ink: #14110f;--ink-soft: #4a4038;--pink: #ff3d81;--blue: #1f4bff;--yellow: #ffd23f;--green: #0fc97f;--purple: #7b2ff7;--orange: #ff6b1a;--line: 3px solid var(--ink);--shadow: 6px 6px 0 var(--ink);--shadow-sm: 4px 4px 0 var(--ink);--shadow-lg: 10px 10px 0 var(--ink);--radius: 6px;--ease: cubic-bezier(.2, .9, .25, 1);--bounce: cubic-bezier(.34, 1.56, .64, 1);--font-display: "Archivo Black", "Arial Black", system-ui, sans-serif;--font-body: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;text-rendering:optimizeLegibility}.paper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--paper);background-image:radial-gradient(var(--ink) .6px,transparent .7px),radial-gradient(var(--ink) .6px,transparent .7px);background-size:22px 22px,22px 22px;background-position:0 0,11px 11px;opacity:.09}.shell{max-width:660px;margin:0 auto;padding:20px 16px 64px;display:flex;flex-direction:column;gap:20px;min-height:100dvh}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.015em;margin:0;line-height:.98;text-transform:uppercase}h1{font-size:clamp(2.4rem,12vw,4.2rem)}h2{font-size:clamp(1.25rem,5vw,1.6rem)}h3{font-size:1.05rem}p{margin:0}.lead{color:var(--ink-soft);line-height:1.55;font-size:1rem}.muted{color:var(--ink-soft)}.tiny{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding-bottom:2px;border-bottom:2px solid var(--ink)}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.grow{flex:1}.glass{background:var(--paper-2);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.card{padding:20px}.card-tabbed{padding-top:30px}.card-tabbed:after{content:attr(data-tab);position:absolute;top:-3px;left:-3px;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;background:var(--ink);color:var(--paper);border-radius:var(--radius) 0 8px 0}.sticker{display:inline-block;font-family:var(--font-display);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;background:var(--yellow);border:2px solid var(--ink);border-radius:3px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-3deg)}.sticker.pink{background:var(--pink);color:var(--paper-2)}.sticker.blue{background:var(--blue);color:var(--paper-2)}.sticker.green{background:var(--green)}.sticker.purple{background:var(--purple);color:var(--paper-2)}.badge{display:inline-block;font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border:2px solid var(--ink);border-radius:3px;background:var(--yellow);color:var(--ink);white-space:nowrap}.badge.quiet{background:transparent;color:var(--ink-soft);border-color:var(--ink-soft)}input,button,textarea{font:inherit;color:inherit}input[type=text],input[type=number]{width:100%;padding:13px 15px;background:var(--paper-2);border:var(--line);border-radius:var(--radius);box-shadow:inset 3px 3px #14110f12;outline:none;font-family:var(--font-body);transition:box-shadow .15s var(--ease),transform .15s var(--ease)}input[type=text]:focus,input[type=number]:focus{box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}input::placeholder,textarea::placeholder{color:#4a403880}.code-input{text-transform:uppercase;letter-spacing:.34em;text-align:center;font-family:var(--font-mono);font-size:1.7rem;font-weight:700;padding:16px 12px 16px 22px}.btn{border:var(--line);background:var(--paper-2);border-radius:var(--radius);padding:13px 18px;cursor:pointer;font-family:var(--font-display);font-size:.95rem;letter-spacing:.02em;text-transform:uppercase;box-shadow:var(--shadow-sm);transition:transform .12s var(--ease),box-shadow .12s var(--ease),background .15s var(--ease)}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow)}.btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:2px 2px 0 var(--ink)}.btn-primary{background:var(--pink);color:var(--paper-2)}.btn-primary:hover:not(:disabled){background:#ff2a74}.btn-blue{background:var(--blue);color:var(--paper-2)}.btn-ghost{background:transparent;box-shadow:none;border-style:dashed}.btn-ghost:hover:not(:disabled){background:#14110f0f;box-shadow:none;transform:translate(-1px,-1px)}.btn-danger{background:var(--orange);color:var(--paper-2)}.btn:focus-visible,.choice:focus-visible,.pack:focus-visible{outline:3px dashed var(--blue);outline-offset:3px}.players{display:flex;flex-wrap:wrap;gap:9px}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:var(--paper-2);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-weight:500;font-size:.92rem;transform:rotate(var(--tilt, 0deg))}.chip.is-host{background:var(--yellow)}.dot{width:9px;height:9px;border-radius:50%;background:var(--green);border:2px solid var(--ink);flex:none}.dot.off{background:var(--paper)}.choices{display:grid;gap:11px}.choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius);background:var(--paper-2);border:var(--line);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;font-family:var(--font-body);font-weight:500;font-size:1.02rem;transform:rotate(var(--tilt, 0deg));transition:transform .14s var(--ease),box-shadow .14s var(--ease),background .14s var(--ease);animation:rise .4s var(--bounce) both}.choice:hover:not(:disabled){transform:rotate(0) translate(-2px,-2px);box-shadow:var(--shadow);background:#fff}.choice[aria-pressed=true]{background:var(--ink);color:var(--paper);transform:rotate(0) translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.choice[aria-pressed=true] .badge{background:var(--yellow);color:var(--ink)}.choice:disabled{opacity:.42;cursor:not-allowed;box-shadow:2px 2px 0 var(--ink)}.choice .num{font-family:var(--font-mono);font-size:.8rem;font-weight:700;min-width:1.6em;opacity:.6}.question{font-family:var(--font-display);font-size:clamp(1.5rem,6.6vw,2.3rem);line-height:1.1;text-transform:uppercase;letter-spacing:-.01em}.question em{font-style:normal;background:var(--yellow);box-shadow:0 0 0 4px var(--yellow);box-decoration-break:clone;-webkit-box-decoration-break:clone}.timer{display:inline-flex;align-items:baseline;gap:5px;font-family:var(--font-mono);font-weight:700;font-size:1.35rem;font-variant-numeric:tabular-nums;padding:4px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--paper-2);box-shadow:2px 2px 0 var(--ink)}.timer.urgent{background:var(--pink);color:var(--paper-2);animation:throb .9s ease-in-out infinite alternate}.timer .unit{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.bar{height:16px;border:2px solid var(--ink);border-radius:999px;background:var(--paper-2);overflow:hidden}.bar>i{display:block;height:100%;background-color:var(--blue);background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.45) 0 5px,transparent 5px 11px);transition:width .45s var(--ease)}.bar.pink>i{background-color:var(--pink)}.bar.green>i{background-color:var(--green)}.reveal-name{font-family:var(--font-display);font-size:clamp(2.2rem,10vw,3.6rem);line-height:.95;text-transform:uppercase;animation:stamp .5s var(--bounce) both;text-shadow:4px 4px 0 var(--pink)}.tally-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:2px dashed rgba(20,17,15,.25);animation:rise .36s var(--ease) both}.tally-row:last-child{border-bottom:none}.tally-row .who{min-width:6em;font-weight:700}.tally-row .count{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;min-width:2.2em;text-align:right}.tally-row .bar{flex:1;height:13px}.tally-row.won{background:var(--yellow);border:2px solid var(--ink);border-radius:var(--radius);padding:9px 10px;margin:2px 0}.tally-row.won:last-child{border-bottom:2px solid var(--ink)}.breakdown{display:grid;gap:7px}.vote-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.92rem;padding:7px 11px;background:#14110f0b;border-radius:var(--radius);border-left:4px solid var(--purple)}.vote-line .arrow{font-family:var(--font-mono);font-weight:700;color:var(--purple)}.vote-line .voter{font-weight:700}.vote-line .target{background:var(--yellow);padding:1px 6px;border-radius:3px;font-weight:700}.vote-line .target.skipped{background:transparent;border:2px dashed var(--ink-soft);color:var(--ink-soft);font-weight:500}.ticket{display:inline-flex;flex-direction:column;gap:2px;padding:10px 16px;background:var(--ink);color:var(--paper);border-radius:var(--radius);box-shadow:4px 4px 0 var(--pink)}.ticket .label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.ticket .code{font-family:var(--font-mono);font-size:1.6rem;font-weight:700;letter-spacing:.22em}.pack-list{display:grid;gap:9px}.pack-toggle{padding:6px 10px;font-size:.8rem;gap:8px}.pack-caret{font-family:var(--font-mono);font-weight:700;line-height:1}.pack{display:grid;gap:3px;text-align:left;padding:13px 15px;border-radius:var(--radius);border:var(--line);background:var(--paper-2);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .14s var(--ease),box-shadow .14s var(--ease),background .14s var(--ease)}.pack:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.pack[aria-pressed=true]{background:var(--yellow);transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.pack-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pack-head strong{font-family:var(--font-display);font-weight:400;font-size:1rem;text-transform:uppercase;letter-spacing:.01em}.pack-sample{font-style:italic;opacity:.75}.custom-input{width:100%;resize:vertical;min-height:110px;padding:13px 15px;border-radius:var(--radius);border:var(--line);background:var(--paper-2);box-shadow:inset 3px 3px #14110f12;font-family:var(--font-body);line-height:1.55;outline:none}.custom-input:focus{box-shadow:var(--shadow-sm)}.rules{display:grid;gap:14px}.rule{display:flex;align-items:center;justify-content:space-between;gap:14px}.rule-text{display:flex;flex-direction:column;gap:1px}.rule-text strong{font-size:.95rem}.rule-text span{font-size:.8rem;color:var(--ink-soft)}.switch{position:relative;flex:none;width:58px;height:32px;border:var(--line);border-radius:999px;background:var(--paper-2);cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:background .18s var(--ease)}.switch[aria-checked=true]{background:var(--green)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background:var(--ink);border-radius:999px;transition:transform .2s var(--bounce)}.switch[aria-checked=true]:after{transform:translate(26px);background:var(--paper-2)}.stepper{display:inline-flex;align-items:center;gap:0;border:var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper-2);box-shadow:2px 2px 0 var(--ink);flex:none}.stepper button{border:none;background:transparent;cursor:pointer;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;padding:5px 12px;line-height:1;transition:background .12s var(--ease)}.stepper button:hover:not(:disabled){background:var(--yellow)}.stepper button:disabled{opacity:.3;cursor:not-allowed}.stepper .value{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;min-width:3.1em;text-align:center;padding:6px 0;border-left:2px solid var(--ink);border-right:2px solid var(--ink);background:#14110f0a}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:50;padding:12px 18px;border-radius:var(--radius);background:var(--orange);color:var(--paper-2);border:var(--line);box-shadow:var(--shadow);font-weight:500;max-width:min(90vw,460px);cursor:pointer;animation:rise .28s var(--bounce) both}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;text-align:center;background:var(--ink);cursor:pointer;overflow:hidden;animation:fade .25s var(--ease) both}.splash-word{position:relative;font-family:var(--font-display);font-size:clamp(4.5rem,30vw,13rem);line-height:.85;letter-spacing:-.03em;color:var(--paper);animation:stamp .6s var(--bounce) both}.splash-word:before,.splash-word:after{content:attr(data-word);position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.splash-word:before{color:var(--pink);transform:translate(-7px,5px)}.splash-word:after{color:var(--blue);transform:translate(7px,-5px)}.splash .tiny{color:var(--paper);border-bottom-color:var(--pink)}.splash .lead{color:#f7f0ddb3}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti i{position:absolute;display:block;width:13px;height:13px;border:2px solid var(--ink);animation:fall 2.6s linear infinite}.pulse-in{animation:rise .42s var(--bounce) both}@keyframes rise{0%{opacity:0;transform:translateY(14px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes stamp{0%{opacity:0;transform:scale(1.5) rotate(-6deg)}70%{opacity:1;transform:scale(.97) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes throb{0%{transform:scale(1)}to{transform:scale(1.07)}}@keyframes fall{0%{transform:translateY(-12vh) rotate(0)}to{transform:translateY(112vh) rotate(540deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.choice:hover:not(:disabled),.pack:hover,.btn:hover:not(:disabled){transform:none}}@media (max-width: 380px){.shell{padding:14px 11px 48px;gap:16px}.card{padding:16px}.chip{font-size:.86rem}}