:root{--night:#161016;--night-deep:#0b0910;--glow:#ff7a18;--ember:#ffb24d;--name:#f7efe6;--muted:#b7ada4;--plate:#8a8a8a;--silhouette:#7c4dcc;--turn:#46d16a;--spark:#ffd23f;--heart:#ff5a5f;--danger:#e23b3b;--collar-hi:#9aa0aa;--collar-lo:#3e424a}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:radial-gradient(circle at 50% 46%, #ff7a1847 0%, #ff641414 30%, transparent 55%), radial-gradient(circle at 50% 44%, var(--night) 0%, var(--night-deep) 70%, #060409 100%);color:var(--name);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{height:100dvh}.wb{height:100%;position:relative}.wb__stage{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.wb__stage[hidden]{display:none}.wb__arena{width:min(92vmin,720px);height:min(92vmin,720px);position:relative}.wb__input{z-index:5;color:#0000;caret-color:#0000;cursor:default;text-align:center;background:0 0;border:0;outline:none;font-size:16px;position:absolute;inset:0}.wb__input:disabled{pointer-events:none}.wb__embers{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.wb__ember{background:radial-gradient(circle, var(--ember) 0%, var(--glow) 55%, #ff781400 100%);opacity:0;will-change:transform, opacity;border-radius:50%;animation-name:wb-ember;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-14px}@keyframes wb-ember{0%{opacity:0;transform:translateY(0)scale(1)}12%{opacity:.85}85%{opacity:.4}to{opacity:0;transform:translateY(-94vh)translate(14px)scale(.3)}}.wb__socket{filter:blur(2px);z-index:0;pointer-events:none;background:radial-gradient(circle,#ff8c1e80 0%,#ff6e1442 42%,#ff5a0a0f 66%,#0000 78%);border-radius:50%;width:clamp(158px,36vmin,280px);height:clamp(158px,36vmin,280px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wb__bomb{z-index:3;background:radial-gradient(circle at 34% 28%,#55585f 0%,#23222a 34%,#0e0c11 78%);border:2px solid #050406;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:clamp(96px,22vmin,150px);height:clamp(96px,22vmin,150px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 7px 9px 16px #ffffff1a,inset -7px -9px 20px #0009,0 10px 30px #0009,0 0 42px #ff781447}.wb__collar{background:linear-gradient(var(--collar-hi) 0%, #6c7178 45%, var(--collar-lo) 100%);z-index:1;border:1px solid #2a2d33;border-radius:5px 5px 3px 3px;width:32%;height:15%;position:absolute;top:-7%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff80,0 2px 3px #00000080}.wb__collar:before{content:"";background:#17141a;border-radius:50%;width:40%;height:42%;position:absolute;top:2px;left:50%;transform:translate(-50%)}.wb__wick{transform-origin:bottom;z-index:2;background:repeating-linear-gradient(48deg,#b9822f 0 3px,#7f5620 3px 6px);border-radius:3px;width:6%;height:40%;position:absolute;bottom:102%;left:50%;transform:translate(-50%)rotate(5deg);box-shadow:inset 0 0 2px #00000073}.wb__spark{background:radial-gradient(circle, #fff 0%, var(--spark) 40%, var(--glow) 74%, transparent 100%);border-radius:50%;width:13px;height:13px;animation:.5s ease-in-out infinite alternate wb-spark;position:absolute;top:-7px;left:50%;box-shadow:0 0 10px 3px #ffb43ce6,0 0 22px 7px #ff781480}@keyframes wb-spark{0%{opacity:.85;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-2px)scale(1.18)}}.wb__bomb-frag{letter-spacing:.03em;color:#f4ede3;text-shadow:0 1px #0000008c,0 0 7px #0006;font-size:clamp(1.5rem,5.4vmin,2.6rem);font-weight:900;transform:rotate(-4deg)}.wb__boom{z-index:6;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.wb__boom-flash{opacity:0;background:radial-gradient(circle, #fff 0%, #ffe27a 20%, var(--glow) 48%, #e23b3b8c 72%, transparent 82%);border-radius:50%;width:clamp(140px,30vmin,210px);height:clamp(140px,30vmin,210px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)}.wb__boom.is-on .wb__boom-flash{animation:.32s ease-out forwards wb-boom-flash}.wb__boom-ring{opacity:0;border:5px solid #ffc85ae6;border-radius:50%;width:clamp(120px,26vmin,180px);height:clamp(120px,26vmin,180px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}.wb__boom.is-on .wb__boom-ring{animation:.52s ease-out forwards wb-boom-ring}.wb__boom-shard{background:radial-gradient(circle, #ffd23f 0%, var(--glow) 60%, transparent 100%);opacity:0;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wb__boom.is-on .wb__boom-shard{animation:.6s ease-out forwards wb-boom-shard}@keyframes wb-boom-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}@keyframes wb-boom-ring{0%{opacity:.9;border-width:5px;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(2.3)}}@keyframes wb-boom-shard{0%{transform:translate(-50%, -50%) rotate(var(--a)) translateX(0) scale(1);opacity:1}to{transform:translate(-50%, -50%) rotate(var(--a)) translateX(var(--d)) scale(.2);opacity:0}}.wb__bomb.is-boom{animation:.32s ease-in-out wb-boom-shake}@keyframes wb-boom-shake{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(calc(-50% - 5px),calc(1px - 50%))}40%{transform:translate(calc(5px - 50%),-50%)}60%{transform:translate(calc(-50% - 3px),calc(-50% - 1px))}80%{transform:translate(calc(2px - 50%),-50%)}}.wb__bomb-time{min-height:1em;color:var(--spark);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000000b3;margin-top:3px;font-size:clamp(.8rem,2.6vmin,1.1rem);font-weight:800;line-height:1}.wb__fuse{z-index:3;pointer-events:none;width:clamp(152px,33vmin,232px);height:clamp(152px,33vmin,232px);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)rotate(-60deg)}.wb__fuse[hidden]{display:none}.wb__fuse-track{fill:none;stroke:#00000061;stroke-width:3.5px;stroke-dasharray:240.86 48.17}.wb__fuse-bar{fill:none;stroke:var(--spark);stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffb43c8c);transition:stroke .18s linear}.wb__fuse.is-critical .wb__fuse-bar{animation:.5s ease-in-out infinite wb-fuse-pulse}@keyframes wb-fuse-pulse{0%,to{opacity:1}50%{opacity:.4}}.wb__pointer{border-left:13px solid #0000;border-right:13px solid #0000;border-bottom:26px solid var(--spark);filter:drop-shadow(0 0 6px #f5c518b3);z-index:4;width:0;height:0;position:absolute;top:50%;left:50%}.wb__pointer[hidden]{display:none}.wb__player{text-align:center;z-index:25;pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:clamp(84px,15vmin,120px);display:flex;position:absolute;transform:translate(-50%,-50%)}.wb__pname{color:var(--name);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #0009;max-width:100%;font-size:clamp(.85rem,2.4vmin,1.15rem);font-weight:800;overflow:hidden}.wb__badge{justify-content:center;align-items:center;gap:2px;height:clamp(14px,2.6vmin,19px);display:flex}.wb__hearts{gap:2px;display:inline-flex}.wb__heart{width:clamp(12px,2.2vmin,17px);height:clamp(12px,2.2vmin,17px);fill:var(--heart);filter:drop-shadow(0 1px 1px #00000080)}.wb__skull{width:clamp(15px,2.8vmin,20px);height:clamp(15px,2.8vmin,20px)}.wb__avatar{justify-content:center;align-items:center;width:clamp(58px,11vmin,84px);height:clamp(64px,12vmin,92px);display:flex}.wb__face{filter:drop-shadow(0 4px 6px #00000073);width:100%;height:100%;transition:transform .14s;overflow:visible}.wb__face-body{fill:var(--silhouette)}.wb__face-hi{fill:#ffffff29}.wb__mouth,.wb__brows path,.wb__eyes-dead path{fill:none;stroke:#241033;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.wb__sweat{fill:#8fd3ff;stroke:#4a90c2;stroke-width:1px}.wb__brows,.wb__eyes-dead,.wb__sweat,.wb__mouth{display:none}.wb__mouth--neutral{display:block}.wb__mouth--panic,.wb__mouth--happy{fill:#241033;stroke:none}.wb__word{letter-spacing:.04em;text-transform:uppercase;min-height:1.3em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #000000e6,0 0 8px #000000bf;max-width:130%;font-size:clamp(.8rem,2.2vmin,1.1rem);font-weight:800;overflow:hidden}.wb__player.is-turn .wb__pname{color:var(--turn)}.wb__player.is-turn .wb__word{color:var(--name)}.wb__player.is-turn .wb__face{filter:drop-shadow(0 0 10px #46d16aa6)drop-shadow(0 4px 6px #00000073);transform:scale(1.1)}.wb__player.is-turn .wb__mouth--neutral{display:none}.wb__player.is-turn .wb__mouth--focus,.wb__player.is-turn .wb__brows{display:block}.wb__stage.is-critical .wb__player.is-turn .wb__mouth--focus{display:none}.wb__stage.is-critical .wb__player.is-turn .wb__mouth--panic,.wb__stage.is-critical .wb__player.is-turn .wb__sweat{display:block}.wb__stage.is-critical .wb__player.is-turn .wb__face{animation:.28s ease-in-out infinite wb-panic}.wb__player.is-happy .wb__mouth--neutral,.wb__player.is-happy .wb__mouth--focus{display:none}.wb__player.is-happy .wb__mouth--happy{display:block}.wb__emote-face,.wb__emo,.wb__player.is-emote .wb__base-face{display:none}.wb__player.is-emote .wb__emote-face,.wb__player.is-emote--risa .wb__emo--risa,.wb__player.is-emote--sorpresa .wb__emo--sorpresa,.wb__player.is-emote--enojo .wb__emo--enojo,.wb__player.is-emote--burla .wb__emo--burla,.wb__player.is-emote--llanto .wb__emo--llanto{display:block}.wb__emo .wb__ln{fill:none;stroke:#241033;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.wb__emo .wb__fl,.wb__emo .wb__pupil{fill:#241033}.wb__emo .wb__white{fill:#fff}.wb__emo .wb__tongue{fill:#ff7a8a}.wb__emo .wb__frog-skin{fill:#52a447}.wb__emo .wb__tear{fill:#8fd3ff;stroke:#4a90c2;stroke-width:1px}.wb__emo [class*=wb__a-]{transform-box:fill-box;transform-origin:50%}.wb__player.is-emote--risa .wb__frog-skin{fill:#52a447}.wb__player.is-emote--risa .wb__emo--risa{animation:.4s ease-in-out infinite wb-frog-jump}.wb__player.is-emote--risa .wb__a-mouth{transform-origin:top;animation:.2s ease-in-out infinite alternate wb-frog-mouth}.wb__player.is-emote--risa .wb__a-tongue{transform-origin:50%;animation:.2s ease-in-out infinite alternate wb-frog-tongue}.wb__player.is-emote--llanto .wb__a-tear--l{animation:1.25s ease-in infinite wb-tear-fall}.wb__player.is-emote--llanto .wb__a-tear--r{animation:1.25s ease-in .62s infinite wb-tear-fall}.wb__player.is-emote--llanto .wb__a-mouth{animation:.7s ease-in-out infinite wb-sob-mouth}.wb__player.is-emote--sorpresa .wb__emo--sorpresa{animation:.38s cubic-bezier(.34,1.56,.64,1) wb-gasp-hit}.wb__player.is-emote--sorpresa .wb__a-pupil{animation:.7s ease-in-out infinite alternate wb-gasp-pupil}.wb__player.is-emote--sorpresa .wb__a-mouth{animation:.7s ease-in-out infinite alternate wb-gasp-mouth}.wb__player.is-emote--enojo .wb__emo--enojo{animation:.11s linear infinite wb-rage-shake}.wb__player.is-emote--enojo .wb__a-brow--l{animation:.22s ease-in-out infinite alternate wb-rage-brow-l}.wb__player.is-emote--enojo .wb__a-brow--r{animation:.22s ease-in-out infinite alternate wb-rage-brow-r}.wb__player.is-emote--enojo .wb__a-mouth{animation:.22s ease-in-out infinite alternate wb-rage-mouth}.wb__player.is-emote--enojo .wb__face-body{animation:.5s ease-in-out infinite alternate wb-rage-heat}.wb__player.is-emote--burla .wb__a-tongue{transform-origin:top;animation:.3s ease-in-out infinite alternate wb-taunt-tongue}.wb__player.is-emote--burla .wb__a-eye{animation:1.4s ease-in-out infinite wb-taunt-wink}@keyframes wb-frog-jump{0%,to{transform:translateY(0)scaleY(1)scaleX(1)}30%{transform:translateY(-8px)scaleY(1.05)scaleX(.95)}50%{transform:translateY(-10px)scaleY(1.1)scaleX(.9)}80%{transform:translateY(0)scaleY(.9)scaleX(1.1)}}@keyframes wb-frog-mouth{0%{transform:scale(.9)}to{transform:scale(1.1)}}@keyframes wb-frog-tongue{0%{transform:translate(0)}to{transform:translateY(2px)}}@keyframes wb-tear-fall{0%{opacity:0;transform:translateY(-2px)scale(.5)}14%{opacity:1;transform:translateY(0)scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(17px)scale(.8)}}@keyframes wb-sob-mouth{0%,to{transform:scaleX(1)translateY(0)}50%{transform:scaleX(1.12)translateY(.6px)}}@keyframes wb-gasp-hit{0%{transform:scale(.72)}60%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes wb-gasp-pupil{0%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes wb-gasp-mouth{0%{transform:scaleY(1)}to{transform:scaleY(1.2)}}@keyframes wb-rage-shake{0%,to{transform:translate(0)}25%{transform:translate(-.7px,.3px)}75%{transform:translate(.7px,-.3px)}}@keyframes wb-rage-brow-l{0%{transform:rotate(0)}to{transform:rotate(4deg)}}@keyframes wb-rage-brow-r{0%{transform:rotate(0)}to{transform:rotate(-4deg)}}@keyframes wb-rage-mouth{0%{transform:scaleX(1)}to{transform:scaleX(1.1)}}@keyframes wb-rage-heat{0%{fill:#a8384f}to{fill:#d1504a}}@keyframes wb-taunt-tongue{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}@keyframes wb-taunt-wink{0%,62%,to{transform:scaleY(1)}68%,74%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.wb__emo,.wb__emo *{animation:none!important}}.wb__player.is-out.is-emote{opacity:.95}.wb__player.is-out.is-emote .wb__face-body{fill:var(--silhouette)}.wb__player.is-emote--enojo .wb__face-body{fill:#a8384f}.wb__player.is-emote.is-emote--risa .wb__face-body{fill:#52a447}.wb__player.is-emote-pop .wb__avatar{animation:.38s cubic-bezier(.34,1.56,.64,1) wb-emote-pop}.wb__emotes{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000006b;border:2px solid #ffffff24;border-radius:999px;gap:clamp(4px,1vmin,9px);padding:6px;display:flex;position:absolute;bottom:clamp(8px,2.4vh,20px);right:clamp(8px,2vw,22px)}.wb__emotes[hidden]{display:none}.wb__emote{cursor:pointer;background:#ffffff12;border:0;border-radius:50%;width:clamp(38px,6.4vmin,50px);height:clamp(38px,6.4vmin,50px);padding:0;transition:transform .12s,background .12s;position:relative}.wb__emote:hover,.wb__emote:focus-visible{background:#ffd23f33;outline:none;transform:translateY(-3px)scale(1.08)}.wb__emote:active{transform:translateY(0)scale(.94)}.wb__emo-head{width:100%;height:100%}.wb__emo-head .wb__emo{display:block}.wb__emo-head .wb__face-body{fill:var(--silhouette)}.wb__emote-key{color:var(--night-deep);background:var(--spark);border-radius:6px;padding:2px 4px;font-size:.58rem;font-weight:900;line-height:1;position:absolute;bottom:-1px;right:-1px}.wb__emotes.is-cooling{opacity:.42;pointer-events:none}@media (height<=500px){.wb__emotes{flex-direction:column;gap:3px;padding:4px;top:50%;bottom:auto;right:4px;transform:translateY(-50%)}.wb__emote{width:34px;height:34px}.wb__emote-key{display:none}}.wb__player.is-me .wb__pname{text-underline-offset:3px;text-decoration:underline}.wb__player.is-out{opacity:.6}.wb__player.is-out .wb__pname,.wb__player.is-out .wb__word{text-decoration:line-through}.wb__player.is-out .wb__face-body{fill:#4a4a52}.wb__player.is-out .wb__face-hi,.wb__player.is-out .wb__eyes{display:none}.wb__player.is-out .wb__eyes-dead{display:block}.wb__player.is-out .wb__mouth--neutral{display:none}.wb__player.is-out .wb__mouth--dead{display:block}.wb__player.is-off .wb__pname{color:var(--muted);font-style:italic}.wb__bubble{color:var(--danger);white-space:nowrap;opacity:0;pointer-events:none;z-index:3;background:#fff;border:2px solid #241033;border-radius:11px;padding:3px 9px;font-size:clamp(.6rem,1.7vmin,.82rem);font-weight:900;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%)scale(.5)}.wb__bubble:after{content:"";border:5px solid #0000;border-top-color:#241033;position:absolute;top:100%;left:50%;transform:translate(-50%)}.wb__stage.is-critical .wb__player.is-turn .wb__bubble{animation:.35s ease-out forwards wb-bubble}.wb__player.is-reject{animation:.35s wb-shake}.wb__word.is-reject{color:var(--danger);text-decoration:none}.wb__word.is-accept{color:var(--turn);animation:.4s wb-stamp}@keyframes wb-panic{0%,to{transform:scale(1.1)translate(0)}25%{transform:scale(1.12)translate(-1.5px)}75%{transform:scale(1.12)translate(1.5px)}}@keyframes wb-emote-pop{0%{transform:scale(1)translateY(0)}45%{transform:scale(1.18)translateY(-7px)}to{transform:scale(1)translateY(0)}}@keyframes wb-bubble{0%{opacity:0;transform:translate(-50%)scale(.5)translateY(4px)}60%{opacity:1;transform:translate(-50%)scale(1.12)}to{opacity:1;transform:translate(-50%)scale(1)}}.wb__overlay{justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.wb__overlay[hidden]{display:none}.wb__card{text-align:center;background:#2c2724;border:2px solid #ffffff24;border-radius:16px;width:100%;max-width:460px;padding:34px 28px;box-shadow:0 20px 60px #00000080}.wb__title{letter-spacing:.02em;color:var(--name);margin:0 0 14px;font-size:2rem;font-weight:900}.wb__body{color:var(--muted);margin:0 0 20px;font-size:1.05rem;line-height:1.5}.wb__btn{font:inherit;background:var(--turn);color:#10231a;cursor:pointer;border:0;border-radius:999px;padding:12px 26px;font-size:1rem;font-weight:800}.wb__btn:hover{filter:brightness(1.08)}.wb__countdown{z-index:40;color:var(--name);text-shadow:0 6px 18px #0009;pointer-events:none;justify-content:center;align-items:center;font-size:clamp(5rem,22vw,12rem);font-weight:900;display:flex;position:absolute;inset:0}.wb__countdown[hidden]{display:none}.wb__countdown.is-pop{animation:countdown-pop var(--step,.7s) ease-out}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.1)}to{opacity:.9;transform:scale(1)}}@keyframes wb-shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 6px),-50%)}75%{transform:translate(calc(6px - 50%),-50%)}}@keyframes wb-stamp{0%{opacity:0;transform:scale(.7)rotate(-3deg)}50%{opacity:1;transform:scale(1.15)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}