.whack-play{--play-accent:#7c5a3c;--play-soft:#eadfc8;--play-shadow:#bfa27a}.whack-play #wm-instruction{top:20px;padding:6px 24px;background:#5b7a45;border:3px solid white;border-radius:20px;color:#fffbed;font:800 clamp(22px,2.6vw,38px)/1.2 Playful,sans-serif;letter-spacing:0;text-shadow:0 2px 0 #0006;box-shadow:0 5px 0 #bfa27a;visibility:hidden}.whack-play #wm-instruction[data-tone=warn]{background:#c65a6b}.whack-play #wm-instruction[data-tone=gold]{background:#d99a2b}.whack-play #wm-time{top:20px;right:24px;padding:6px 16px;background:#fffbed;border:3px solid white;border-radius:18px;color:#3e5232;text-shadow:none;font:800 38px/1.2 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.whack-play #wm-time.low{color:#b73949;text-shadow:none}.whack-play #wm-score{left:24px;bottom:38px;font:800 44px/1.1 Playful,sans-serif;color:#3e5232;text-shadow:0 2px 0 #fff8}.whack-play #wm-best{left:24px;bottom:16px;color:#5d7050;font:700 14px Playful,sans-serif;letter-spacing:0}.whack-play #wm-combo{color:#8a5a2c;text-shadow:0 2px 0 #fff8;font-family:Playful,sans-serif;letter-spacing:0}.whack-play #wm-poselost{background:#fffbed;color:#8c3543;border:3px solid white;border-radius:16px;padding:10px 20px;font:700 18px Playful,sans-serif}.whack-play #wm-count-num{color:#fffbed;-webkit-text-stroke:3px #7c5a3c;text-shadow:0 7px 0 #7c5a3c;font-family:Playful,sans-serif}.whack-play #wm-rank{color:#7c5a3c;font:800 clamp(25px,4vw,42px) Playful,sans-serif;text-shadow:none}.whack-play #wm-r-score{color:#3e5232;font:800 70px/1 Playful,sans-serif;text-shadow:none}.whack-play #wm-newbest,.whack-play #wm-r-score-label{color:#5d7050;letter-spacing:0;text-shadow:none;animation:none}.whack-play #wm-load-error-msg{color:#8c3543;background:#fffbed;border:3px solid white;border-radius:18px;font-size:16px}@media(max-width:650px){.whack-play #wm-instruction{top:16px;font-size:20px;padding:8px 14px;max-width:calc(100% - 120px)}.whack-play #wm-time{top:16px;right:12px;font-size:28px;padding:8px}.whack-play #wm-combo{right:16px;font-size:22px}}.whack-play .wm-board{position:fixed;inset:0;z-index:3;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.whack-play .wm-board[hidden]{display:none}.whack-play .wm-mute{position:fixed;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:12;width:46px;height:46px;border-radius:50%;border:3px solid #fff;background:#fffbed;color:#7c5a3c;display:grid;place-items:center;box-shadow:0 4px 0 #bfa27a;cursor:pointer;padding:0}.whack-play .wm-mute .wm-mute-on{display:none}.whack-play .wm-mute[aria-pressed=true] .wm-mute-on{display:inline}.whack-play .wm-mute[aria-pressed=true] .wm-mute-off{display:none}.whack-play .wm-bhud{position:fixed;inset:0;z-index:5;pointer-events:none;font-family:Playful,sans-serif;color:#3e5232}.whack-play .wm-bhud[hidden]{display:none}.whack-play .wm-b-time{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);min-width:64px;text-align:center;padding:4px 16px;background:#fffbed;border:3px solid #fff;border-radius:18px;font:800 30px/1.15 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 4px 0 #bfa27a}.whack-play .wm-b-time.low{color:#b73949}.whack-play .wm-b-score{top:calc(10px + env(safe-area-inset-top,0px));font:800 34px/1.1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.whack-play .wm-b-combo,.whack-play .wm-b-score{position:absolute;left:calc(16px + env(safe-area-inset-left,0px));text-shadow:0 2px 0 #fff8}.whack-play .wm-b-combo{top:calc(50px + env(safe-area-inset-top,0px));font:800 20px Playful,sans-serif;color:#8a5a2c}.whack-play .wm-b-chips{position:absolute;top:calc(58px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:max-content;max-width:min(96vw,760px)}.whack-play .wm-chip{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:14px;background:#fffbedee;border:2px solid var(--c);font:700 14px Playful,sans-serif;box-shadow:0 2px 0 #0002}.whack-play .wm-chip:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}.whack-play .wm-chip.me{background:var(--c);color:#fff}.whack-play .wm-chip.me:before{background:#fff}.whack-play .wm-chip-name{max-width:90px}.whack-play .wm-b-msg,.whack-play .wm-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whack-play .wm-b-msg{position:absolute;top:calc(96px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);padding:6px 20px;background:#5b7a45;border:3px solid #fff;border-radius:20px;color:#fffbed;font:800 clamp(18px,2.4vw,30px)/1.2 Playful,sans-serif;box-shadow:0 4px 0 #bfa27a;max-width:94vw}.whack-play .wm-b-msg[hidden]{display:none}.whack-play .wm-b-msg[data-tone=warn]{background:#c65a6b}.whack-play .wm-b-msg[data-tone=gold]{background:#d99a2b}.whack-play .wm-b-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:900 clamp(90px,18vw,170px)/1 Playful,sans-serif;color:#fffbed;-webkit-text-stroke:3px #7c5a3c;text-shadow:0 7px 0 #7c5a3c}.whack-play .wm-b-count[hidden]{display:none}.whack-play .wm-b-pause{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));pointer-events:auto;width:46px;height:46px;border-radius:50%;border:3px solid #fff;background:#fffbed;color:#7c5a3c;display:grid;place-items:center;box-shadow:0 4px 0 #bfa27a;cursor:pointer;padding:0}.whack-play .wm-b-keys{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);font:700 13px Playful,sans-serif;color:#5d7050;white-space:nowrap;max-width:80vw;overflow:hidden;text-overflow:ellipsis}.whack-play .wm-bhud-party .wm-b-chips,.whack-play .wm-bhud-party .wm-b-combo,.whack-play .wm-bhud-party .wm-b-keys,.whack-play .wm-bhud-party .wm-b-pause,.whack-play .wm-bhud-party .wm-b-score,.whack-play .wm-bhud-party .wm-b-time{display:none}@media (hover:none),(pointer:coarse){.whack-play .wm-b-keys{display:none}}.whack-play .wm-board-menu{margin-top:18px;padding-top:16px;border-top:2px dashed #d8c7a2}.whack-play .wm-label{margin:0 0 10px;font:800 18px Playful,sans-serif;color:#7c5a3c;letter-spacing:0}.whack-play .wm-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.whack-play .wm-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:8px;column-gap:8px;align-items:center;text-align:left;min-height:56px;padding:8px 10px;border-radius:16px;border:3px solid #eadfc8;background:#fffbed;color:#3e5232;cursor:pointer;font-family:Playful,sans-serif}.whack-play .wm-card[aria-checked=true]{border-color:#7c5a3c;background:#fff3d6;box-shadow:0 3px 0 #bfa27a}.whack-play .wm-card-icon{grid-row:1/3;font-size:24px}.whack-play .wm-card-name{font:800 15px/1.15 Playful,sans-serif}.whack-play .wm-card-note{font:600 12px/1.2 Playful,sans-serif;color:#6b7a5e}.whack-play .wm-chips{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.whack-play .wm-chips[hidden]{display:none}.whack-play .wm-chips-label{font:700 14px Playful,sans-serif;color:#6b7a5e;margin-right:4px}.whack-play .wm-chip-btn{min-height:44px;padding:0 14px;border-radius:14px;border:3px solid #eadfc8;background:#fffbed;color:#3e5232;font:700 14px Playful,sans-serif;cursor:pointer}.whack-play .wm-chip-btn[aria-checked=true]{border-color:#7c5a3c;background:#fff3d6}.whack-play .wm-board-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.whack-play .wm-board-actions [hidden]{display:none}.whack-play .wm-b-title{font:800 clamp(26px,4.4vw,44px) Playful,sans-serif;color:#7c5a3c;text-align:center}.whack-play .wm-b-r-score{font:800 64px/1 Playful,sans-serif;color:#3e5232;margin-top:6px}.whack-play .wm-b-r-label{font:700 15px Playful,sans-serif;color:#5d7050;margin-bottom:10px}.whack-play .wm-b-table{list-style:none;margin:6px 0 10px;padding:0;width:min(420px,100%);display:flex;flex-direction:column;gap:5px}.whack-play .wm-b-table[hidden]{display:none}.whack-play .wm-b-table li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:6px 12px;border-radius:14px;background:#fffbed;border:3px solid var(--c);font:700 17px Playful,sans-serif;color:#3e5232}.whack-play .wm-b-table li.me{background:#fff3d6}.whack-play .wm-place{width:26px;height:26px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:14px}.whack-play .wm-row-name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whack-play .wm-board-results .stat-grid[hidden]{display:none}.whack-play .wm-b-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 16px;width:min(520px,100%)}.whack-play .wm-b-actions button{margin:0}.whack-play .wm-b-actions [hidden]{display:none}@media(max-width:650px){.whack-play .wm-b-time{font-size:24px;padding:3px 12px}.whack-play .wm-b-score{font-size:26px}.whack-play .wm-b-combo{top:calc(42px + env(safe-area-inset-top,0px));font-size:16px}.whack-play .wm-b-chips{top:calc(72px + env(safe-area-inset-top,0px))}.whack-play .wm-chip{font-size:12px;padding:2px 8px 2px 6px}.whack-play .wm-b-msg{top:calc(108px + env(safe-area-inset-top,0px));font-size:17px}.whack-play .wm-b-r-score{font-size:52px}}@media(max-height:500px) and (min-aspect-ratio:7/5){.whack-play .wm-b-time{left:calc(16px + env(safe-area-inset-left,0px));transform:none;top:calc(84px + env(safe-area-inset-top,0px));font-size:24px}.whack-play .wm-b-keys{display:none}}@media(max-height:500px){.whack-play .wm-b-chips{top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));left:calc(12px + env(safe-area-inset-left,0px));transform:none;flex-direction:column;align-items:flex-start;max-width:30vw}.whack-play .wm-b-msg{top:calc(56px + env(safe-area-inset-top,0px))}}.whack-play .pp-standings{position:absolute;z-index:6;left:calc(env(safe-area-inset-left,0px) + 12px);top:96px;width:190px;flex-direction:column;overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - 180px);touch-action:pan-y}.whack-play:not([data-board=play]) .pp-standings{display:none}@media(max-width:650px){.whack-play .pp-standings{top:calc(72px + env(safe-area-inset-top,0px));left:8px;right:8px;width:auto;flex-direction:row;justify-content:center;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;max-height:none}}@media(max-height:500px) and (min-aspect-ratio:7/5){.whack-play .pp-standings{top:calc(124px + env(safe-area-inset-top,0px));width:170px;max-height:calc(100dvh - 134px)}}.whack-play[data-board=play] .wm-mute{top:calc(10px + env(safe-area-inset-top,0px));right:calc(68px + env(safe-area-inset-right,0px));bottom:auto}