.whackup{--wu-ink:#f5e9d0;--wu-ink-dim:#c9b795;--wu-board:#241610;--wu-pin:#f2de4a;--wu-accent:#e0b64f;--wu-bad:#d94f3d;position:fixed;inset:0;z-index:40;background:#241610;color:var(--wu-ink);font-family:Avenir Next,Segoe UI,Roboto,Helvetica,Arial,sans-serif;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.whackup *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.whackup canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.whackup .wu-hud[hidden]{display:none}.whackup .wu-hud{position:absolute;top:0;left:0;right:0;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;background:linear-gradient(#241610f0,#24161000)}.whackup .side{min-width:104px}.whackup .side.right{text-align:right}.whackup .pname{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--wu-ink-dim);white-space:nowrap;max-width:34vw;overflow:hidden;text-overflow:ellipsis}.whackup .pname.active{color:var(--wu-pin)}.whackup .pmeta{margin-top:2px;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--wu-ink-dim);opacity:.85;white-space:nowrap;max-width:34vw;overflow:hidden;text-overflow:ellipsis;min-height:12px}.whackup .pips{margin-top:4px;display:flex;gap:5px}.whackup .side.right .pips{justify-content:flex-end}.whackup .pip{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--wu-ink-dim);opacity:.85}.whackup .pip.won{background:var(--wu-pin);border-color:var(--wu-pin)}.whackup .wu-mid{text-align:center;flex:1}.whackup .wu-leg{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--wu-ink-dim)}.whackup .wu-turnscore{font-size:34px;font-weight:700;line-height:1.05;color:var(--wu-ink);font-variant-numeric:tabular-nums}.whackup .wu-cheeses{margin-top:2px;display:flex;gap:6px;justify-content:center}.whackup .ch{width:22px;height:12px;border-radius:6px;background:var(--wu-pin);box-shadow:0 1px 0 #0006}.whackup .ch.spent{background:transparent;border:1.5px solid var(--wu-ink-dim);opacity:.5}.whackup .cscore{margin-top:5px;font-size:34px;font-weight:800;line-height:1;color:#fff;text-shadow:0 2px 0 #000c,0 0 12px #0008;font-variant-numeric:tabular-nums}.whackup .side.right .cscore{text-align:right}.whackup .wu-toast{position:absolute;top:32%;left:50%;transform:translate(-50%,-50%) scale(.9);font-weight:800;font-size:clamp(26px,7vw,44px);letter-spacing:.14em;text-transform:uppercase;color:var(--wu-pin);text-shadow:0 3px 0 #0008;opacity:0;transition:all .18s ease;pointer-events:none;text-align:center;line-height:1.2}.whackup .wu-toast.bad{color:var(--wu-bad)}.whackup .wu-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.whackup .wu-hint{position:absolute;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom));text-align:center;font-size:15px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wu-pin);text-shadow:0 2px 0 #0009;pointer-events:none;transition:opacity .3s;animation:wu-pulse 1.6s ease-in-out infinite}@keyframes wu-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.whackup .wu-hint{animation:none}}.whackup .wu-hint.off{opacity:0}.whackup .ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#160d08e6;z-index:20;padding:22px;opacity:0;pointer-events:none;transition:opacity .22s}.whackup .ov.on{opacity:1;pointer-events:auto}.whackup .card{max-width:400px;width:100%;text-align:center}.whackup .brand{font-size:clamp(34px,9vw,52px);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--wu-pin);text-shadow:0 4px 0 #0007}.whackup .brand small{display:block;font-size:12px;letter-spacing:.34em;color:var(--wu-ink-dim);margin-top:8px;font-weight:500}.whackup .brand img{display:block;margin:0 auto 6px;width:92px;height:92px;-o-object-fit:contain;object-fit:contain}.whackup .rule-line{width:64px;height:2px;background:var(--wu-accent);margin:20px auto;opacity:.8}.whackup .card p{font-size:14px;line-height:1.65;color:var(--wu-ink-dim)}.whackup .card h2{font-size:20px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;color:var(--wu-ink)}.whackup .bigscore{font-size:44px;font-weight:800;margin:6px 0 2px;font-variant-numeric:tabular-nums}.whackup .card a.wu-btn,.whackup .card button{display:block;width:100%;margin-top:12px;padding:14px 18px;font:inherit;font-size:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#241610;background:var(--wu-pin);border:none;border-radius:10px;cursor:pointer;box-shadow:0 3px 0 #0007;text-decoration:none;text-align:center}.whackup .card a.wu-btn.ghost,.whackup .card button.ghost{background:transparent;color:var(--wu-ink);border:1.5px solid var(--wu-ink-dim);box-shadow:none}.whackup .card button:active{transform:translateY(2px);box-shadow:0 1px 0 #0007}.whackup .card button:focus-visible{outline:2px solid var(--wu-ink);outline-offset:3px}.whackup .rules{text-align:left;font-size:13px;line-height:1.7;color:var(--wu-ink-dim);margin-top:6px}.whackup .rules b{color:var(--wu-ink)}.whackup .wu-legs{width:100%;margin:14px 0 4px;border-collapse:collapse;font-variant-numeric:tabular-nums}.whackup .wu-legs td,.whackup .wu-legs th{padding:5px 8px;font-size:13px;text-align:center;color:var(--wu-ink)}.whackup .wu-legs th{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wu-ink-dim);border-bottom:1px solid #f5e9d033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}.whackup .wu-legs td.lg,.whackup .wu-legs th.lg{text-align:left;color:var(--wu-ink-dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.whackup .wu-legs td.won{color:var(--wu-pin);font-weight:800}.whackup .wu-legs tr.foot td{border-top:1px solid #f5e9d033;font-weight:700}.whackup .wu-legs tr.foot+tr.foot td{border-top:none}.whackup .wu-legs td .sd{display:inline-block;margin-left:5px;font-size:10px;font-weight:700;color:var(--wu-ink-dim);vertical-align:middle}.whackup .wu-legs td.won .sd{color:var(--wu-pin);opacity:.85}.whackup .wu-legnote{margin:2px 0 4px;font-size:10.5px;line-height:1.5;letter-spacing:.04em;color:var(--wu-ink-dim);opacity:.85}.whackup .wu-save{min-height:18px;margin:8px 0 2px;font-size:12px;letter-spacing:.08em;color:var(--wu-accent)}.whackup .wu-board-body,.whackup .wu-stats{max-height:52vh;overflow-y:auto}.whackup .stats-name{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--wu-pin);margin-bottom:10px}.whackup .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.whackup .stats-grid .stat{background:#ffffff0d;border:1px solid #f5e9d022;border-radius:8px;padding:10px 4px;text-align:center}.whackup .stats-grid .sv{font-size:22px;font-weight:800;color:var(--wu-ink);font-variant-numeric:tabular-nums}.whackup .stats-grid .sl{margin-top:3px;font-size:9.5px;letter-spacing:.1em}.whackup .stats-grid .sl,.whackup .stats-sub{text-transform:uppercase;color:var(--wu-ink-dim)}.whackup .stats-sub{margin:14px 0 2px;font-size:11px;letter-spacing:.14em;text-align:left}.whackup .wu-tabs{display:flex;gap:8px;margin:4px 0 12px}.whackup .wu-tabs .wu-tab{display:block;flex:1;width:auto;margin-top:0;padding:9px 6px;font-size:11px;letter-spacing:.12em;color:var(--wu-ink);background:transparent;border:1.5px solid var(--wu-ink-dim);box-shadow:none}.whackup .wu-tabs .wu-tab.on{background:var(--wu-pin);color:#241610;border-color:var(--wu-pin)}.whackup .wu-board tr.me td{color:var(--wu-pin);font-weight:800}.whackup .wu-join{margin-top:6px}.whackup .wu-join p{font-size:13px}.whackup .wu-join-note{margin-top:10px;font-size:11.5px!important;opacity:.8}.whackup .wu-gauge{position:absolute;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));width:30px;height:min(36vh,250px);border:2px solid var(--wu-ink-dim);border-radius:14px;background:#160d08b0;overflow:hidden;z-index:12;pointer-events:auto;touch-action:none;cursor:ns-resize}.whackup .wu-gauge:after{content:"POWER";position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) rotate(-90deg);font-size:9px;font-weight:700;letter-spacing:.3em;color:#fff8;pointer-events:none;white-space:nowrap}.whackup .wu-gauge[hidden]{display:none}.whackup .wu-gauge-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(#d94f3d,#e0b64f 45%,#f2de4a)}.whackup .wu-gauge-sweet{position:absolute;left:0;right:0;bottom:52%;height:22%;z-index:2;background:#ffffff2e;border-top:1px dashed #fff9;border-bottom:1px dashed #fff9}.whackup .wu-leave{position:absolute;left:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:15;padding:9px 14px;font:inherit;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wu-ink);background:#160d08cc;border:1.5px solid var(--wu-ink-dim);border-radius:8px;cursor:pointer}.whackup .wu-leave[hidden]{display:none}.whackup .wu-leave:active{transform:translateY(1px)}.whackup .wu-mute{position:absolute;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:25;width:40px;height:40px;padding:0;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--wu-ink);background:#160d08cc;border:1.5px solid var(--wu-ink-dim);border-radius:8px;cursor:pointer}.whackup .wu-mute:active{transform:translateY(1px)}.whackup .wu-mute:focus-visible{outline:2px solid var(--wu-ink);outline-offset:2px}.whackup .wu-pow{position:absolute;top:38%;left:50%;z-index:30;transform:translate(-50%,-50%) scale(0) rotate(-12deg);font-size:clamp(44px,13vw,92px);font-weight:900;letter-spacing:.02em;color:#f2de4a;-webkit-text-stroke:3px #241610;text-shadow:0 5px 0 #0009;pointer-events:none;opacity:0}.whackup .wu-pow:before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:2.6em;height:2.1em;transform:translate(-50%,-50%);background:#e33b22;clip-path:polygon(50% 0,58.5% 18.1%,75% 6.7%,73.3% 26.7%,93.3% 25%,81.9% 41.5%,100% 50%,81.9% 58.5%,93.3% 75%,73.3% 73.3%,75% 93.3%,58.5% 81.9%,50% 100%,41.5% 81.9%,25% 93.3%,26.7% 73.3%,6.7% 75%,18.1% 58.5%,0 50%,18.1% 41.5%,6.7% 25%,26.7% 26.7%,25% 6.7%,41.5% 18.1%)}.whackup .wu-pow.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg);animation:wu-pow 1.3s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes wu-pow{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-18deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.22) rotate(6deg)}34%{transform:translate(-50%,-50%) scale(.98) rotate(-3deg)}75%{opacity:1;transform:translate(-50%,-50%) scale(1.02) rotate(0deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.08) rotate(0deg)}}@media (prefers-reduced-motion:reduce){.whackup *{transition:none!important;animation:none!important}}