:root{--night:#0d1219;--night-deep:#070a0f;--forge:#ff6a1f;--hot:#ffb347;--white-hot:#fff3d6;--steel:#8fa3b8;--steel-dark:#3d4c5c;--name:#eef3f7;--muted:#93a3b3;--silhouette:#4f7ea8;--turn:#43dba1;--danger:#e2452f}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:radial-gradient(circle at 50% 46%, #ff6a1f42 0%, #ff5a1412 30%, transparent 55%), radial-gradient(circle at 50% 44%, var(--night) 0%, var(--night-deep) 70%, #04060a 100%);color:var(--name);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#app{height:100dvh}.wc{height:100%;position:relative}.wc__stage{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.wc__stage[hidden]{display:none}.wc__arena{width:min(92vmin,720px);height:min(92vmin,720px);position:relative}.wc__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}.wc__input:disabled{pointer-events:none}.wc__sparks{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.wc__spark{background:radial-gradient(circle, var(--white-hot) 0%, var(--hot) 45%, #ff6a1f00 100%);opacity:0;will-change:transform, opacity;border-radius:50%;animation-name:wc-spark;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-14px}@keyframes wc-spark{0%{opacity:0;transform:translateY(0)scale(1)}12%{opacity:.85}85%{opacity:.35}to{opacity:0;transform:translateY(-94vh)translate(14px)scale(.3)}}.wc__forge{filter:blur(2px);z-index:0;pointer-events:none;background:radial-gradient(circle,#ff821e73 0%,#ff64143d 42%,#ff500a0f 66%,#0000 78%);border-radius:50%;width:clamp(170px,38vmin,300px);height:clamp(170px,38vmin,300px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wc__count{z-index:1;letter-spacing:.22em;color:var(--steel);opacity:.75;white-space:nowrap;pointer-events:none;font-size:clamp(.62rem,1.7vmin,.85rem);font-weight:800;position:absolute;top:16px;right:18px}.wc__link{z-index:3;width:clamp(116px,30vmin,200px);height:clamp(93px,24vmin,160px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wc__link-body{background:linear-gradient(#1a1410, #120e0c) padding-box, linear-gradient(155deg, var(--white-hot) 0%, var(--hot) 30%, var(--forge) 62%, #a83208 100%) border-box;border:clamp(11px,2.4vmin,18px) solid #0000;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .2s;display:flex;position:absolute;inset:0;box-shadow:0 0 34px #ff6a1f6b,inset 0 0 22px #ff6a1f47}.wc__link-side{border:clamp(7px, 1.5vmin, 11px) solid var(--steel-dark);z-index:-1;background:0 0;border-radius:999px;width:30%;height:66%;position:absolute;top:50%;box-shadow:inset 0 0 6px #0009}.wc__link-side--l{border-color:var(--steel-dark);left:-14%;transform:translateY(-50%)}.wc__link-side--r{border-color:#6b5544;right:-14%;transform:translateY(-50%)}.wc__letter{color:var(--white-hot);text-shadow:0 0 14px #ff8c28d9,0 2px 2px #00000080;font-size:clamp(2.2rem,8vmin,4rem);font-weight:900;line-height:1}.wc__time{min-height:1em;color:var(--hot);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000000b3;margin-top:2px;font-size:clamp(.75rem,2.3vmin,1rem);font-weight:800;line-height:1}.wc__link.is-forged .wc__link-body{animation:.5s ease-out wc-forge}@keyframes wc-forge{0%{box-shadow:0 0 70px #ffdc96e6,inset 0 0 40px #ffdc96b3}to{box-shadow:0 0 34px #ff6a1f6b,inset 0 0 22px #ff6a1f47}}.wc__stage.is-critical .wc__link-body{background:linear-gradient(#1a1010, #120c0c) padding-box, linear-gradient(155deg, #ff9a86 0%, var(--danger) 45%, #7d1a10 100%) border-box;animation:.5s ease-in-out infinite wc-link-pulse}@keyframes wc-link-pulse{0%,to{box-shadow:0 0 30px #e2452f80,inset 0 0 20px #e2452f4d}50%{box-shadow:0 0 48px #e2452fcc,inset 0 0 26px #e2452f80}}.wc__snap{z-index:6;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.wc__snap-flash{opacity:0;background:radial-gradient(circle, #fff 0%, var(--white-hot) 22%, var(--forge) 50%, #e2452f80 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)}.wc__snap.is-on .wc__snap-flash{animation:.32s ease-out forwards wc-snap-flash}.wc__snap-ring{opacity:0;border:5px solid #ffbe78e6;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)}.wc__snap.is-on .wc__snap-ring{animation:.52s ease-out forwards wc-snap-ring}.wc__snap-shard{background:linear-gradient(90deg, var(--white-hot), var(--forge));opacity:0;border-radius:2px;width:7px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wc__snap.is-on .wc__snap-shard{animation:.6s ease-out forwards wc-snap-shard}@keyframes wc-snap-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}@keyframes wc-snap-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 wc-snap-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}}.wc__link.is-snap{animation:.32s ease-in-out wc-snap-shake}@keyframes wc-snap-shake{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(calc(-50% - 5px),calc(1px - 50%))rotate(-2deg)}40%{transform:translate(calc(5px - 50%),-50%)rotate(2deg)}60%{transform:translate(calc(-50% - 3px),calc(-50% - 1px))rotate(-1deg)}80%{transform:translate(calc(2px - 50%),-50%)}}.wc__timer{z-index:3;pointer-events:none;width:clamp(150px,40vmin,268px);height:clamp(150px,40vmin,268px);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)rotate(-90deg)}.wc__timer[hidden]{display:none}.wc__timer-track{fill:none;stroke:#8fa3b829;stroke-width:3.5px}.wc__timer-bar{fill:none;stroke:var(--hot);stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffa03c8c);transition:stroke .18s linear}.wc__timer.is-critical .wc__timer-bar{animation:.5s ease-in-out infinite wc-timer-pulse}@keyframes wc-timer-pulse{0%,to{opacity:1}50%{opacity:.4}}.wc__pointer{border-left:13px solid #0000;border-right:13px solid #0000;border-bottom:26px solid var(--hot);filter:drop-shadow(0 0 6px #ffa03cb3);z-index:4;width:0;height:0;position:absolute;top:50%;left:50%}.wc__pointer[hidden]{display:none}@media (width<=560px){.wc__pointer{display:none}}.wc__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%)}.wc__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}.wc__badge{justify-content:center;align-items:center;gap:4px;height:clamp(14px,2.6vmin,19px);display:flex}.wc__link-badge,.wc__broken{filter:drop-shadow(0 1px 1px #00000080);width:clamp(20px,3.6vmin,27px);height:clamp(13px,2.3vmin,17px)}.wc__link-badge rect{stroke:var(--hot)}.wc__broken path{stroke:var(--steel-dark);stroke-linecap:round}.wc__links{color:var(--steel);font-size:clamp(.6rem,1.7vmin,.8rem);font-weight:900;line-height:1}.wc__avatar{justify-content:center;align-items:center;width:clamp(58px,11vmin,84px);height:clamp(64px,12vmin,92px);display:flex}.wc__face{filter:drop-shadow(0 4px 6px #00000073);width:100%;height:100%;transition:transform .14s;overflow:visible}.wc__face-body{fill:var(--silhouette)}.wc__face-hi{fill:#ffffff29}.wc__mouth,.wc__brows path,.wc__eyes-dead path{fill:none;stroke:#10202c;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.wc__sweat{fill:#8fd3ff;stroke:#4a90c2;stroke-width:1px}.wc__brows,.wc__eyes-dead,.wc__sweat,.wc__mouth{display:none}.wc__mouth--neutral{display:block}.wc__mouth--panic,.wc__mouth--happy{fill:#10202c;stroke:none}.wc__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}.wc__tail{color:var(--hot);text-shadow:0 0 10px #ff8c28b3}.wc__player.is-turn .wc__pname{color:var(--turn)}.wc__player.is-turn .wc__word{color:var(--name)}.wc__player.is-turn .wc__face{filter:drop-shadow(0 0 10px #43dba199)drop-shadow(0 4px 6px #00000073);transform:scale(1.1)}.wc__player.is-turn .wc__mouth--neutral{display:none}.wc__player.is-turn .wc__mouth--focus,.wc__player.is-turn .wc__brows{display:block}.wc__stage.is-critical .wc__player.is-turn .wc__mouth--focus{display:none}.wc__stage.is-critical .wc__player.is-turn .wc__mouth--panic,.wc__stage.is-critical .wc__player.is-turn .wc__sweat{display:block}.wc__stage.is-critical .wc__player.is-turn .wc__face{animation:.28s ease-in-out infinite wc-panic}.wc__player.is-happy .wc__mouth--neutral,.wc__player.is-happy .wc__mouth--focus{display:none}.wc__player.is-happy .wc__mouth--happy{display:block}.wc__emote-face,.wc__emo,.wc__player.is-emote .wc__base-face{display:none}.wc__player.is-emote .wc__emote-face,.wc__player.is-emote--risa .wc__emo--risa,.wc__player.is-emote--sorpresa .wc__emo--sorpresa,.wc__player.is-emote--enojo .wc__emo--enojo,.wc__player.is-emote--burla .wc__emo--burla,.wc__player.is-emote--llanto .wc__emo--llanto{display:block}.wc__emo .wc__ln{fill:none;stroke:#10202c;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.wc__emo .wc__fl,.wc__emo .wc__pupil{fill:#10202c}.wc__emo .wc__white{fill:#fff}.wc__emo .wc__tongue{fill:#ff7a8a}.wc__emo .wc__frog-skin{fill:#52a447}.wc__emo .wc__tear{fill:#8fd3ff;stroke:#4a90c2;stroke-width:1px}.wc__emo [class*=wc__a-]{transform-box:fill-box;transform-origin:50%}.wc__player.is-emote--risa .wc__frog-skin{fill:#52a447}.wc__player.is-emote--risa .wc__emo--risa{animation:.4s ease-in-out infinite wc-frog-jump}.wc__player.is-emote--risa .wc__a-mouth{transform-origin:top;animation:.2s ease-in-out infinite alternate wc-frog-mouth}.wc__player.is-emote--risa .wc__a-tongue{transform-origin:50%;animation:.2s ease-in-out infinite alternate wc-frog-tongue}.wc__player.is-emote--llanto .wc__a-tear--l{animation:1.25s ease-in infinite wc-tear-fall}.wc__player.is-emote--llanto .wc__a-tear--r{animation:1.25s ease-in .62s infinite wc-tear-fall}.wc__player.is-emote--llanto .wc__a-mouth{animation:.7s ease-in-out infinite wc-sob-mouth}.wc__player.is-emote--sorpresa .wc__emo--sorpresa{animation:.38s cubic-bezier(.34,1.56,.64,1) wc-gasp-hit}.wc__player.is-emote--sorpresa .wc__a-pupil{animation:.7s ease-in-out infinite alternate wc-gasp-pupil}.wc__player.is-emote--sorpresa .wc__a-mouth{animation:.7s ease-in-out infinite alternate wc-gasp-mouth}.wc__player.is-emote--enojo .wc__emo--enojo{animation:.11s linear infinite wc-rage-shake}.wc__player.is-emote--enojo .wc__a-brow--l{animation:.22s ease-in-out infinite alternate wc-rage-brow-l}.wc__player.is-emote--enojo .wc__a-brow--r{animation:.22s ease-in-out infinite alternate wc-rage-brow-r}.wc__player.is-emote--enojo .wc__a-mouth{animation:.22s ease-in-out infinite alternate wc-rage-mouth}.wc__player.is-emote--enojo .wc__face-body{animation:.5s ease-in-out infinite alternate wc-rage-heat}.wc__player.is-emote--burla .wc__a-tongue{transform-origin:top;animation:.3s ease-in-out infinite alternate wc-taunt-tongue}.wc__player.is-emote--burla .wc__a-eye{animation:1.4s ease-in-out infinite wc-taunt-wink}@keyframes wc-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 wc-frog-mouth{0%{transform:scale(.9)}to{transform:scale(1.1)}}@keyframes wc-frog-tongue{0%{transform:translate(0)}to{transform:translateY(2px)}}@keyframes wc-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 wc-sob-mouth{0%,to{transform:scaleX(1)translateY(0)}50%{transform:scaleX(1.12)translateY(.6px)}}@keyframes wc-gasp-hit{0%{transform:scale(.72)}60%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes wc-gasp-pupil{0%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes wc-gasp-mouth{0%{transform:scaleY(1)}to{transform:scaleY(1.2)}}@keyframes wc-rage-shake{0%,to{transform:translate(0)}25%{transform:translate(-.7px,.3px)}75%{transform:translate(.7px,-.3px)}}@keyframes wc-rage-brow-l{0%{transform:rotate(0)}to{transform:rotate(4deg)}}@keyframes wc-rage-brow-r{0%{transform:rotate(0)}to{transform:rotate(-4deg)}}@keyframes wc-rage-mouth{0%{transform:scaleX(1)}to{transform:scaleX(1.1)}}@keyframes wc-rage-heat{0%{fill:#a8384f}to{fill:#d1504a}}@keyframes wc-taunt-tongue{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}@keyframes wc-taunt-wink{0%,62%,to{transform:scaleY(1)}68%,74%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.wc__emo,.wc__emo *{animation:none!important}}.wc__player.is-out.is-emote{opacity:.95}.wc__player.is-out.is-emote .wc__face-body{fill:var(--silhouette)}.wc__player.is-emote--enojo .wc__face-body{fill:#a8384f}.wc__player.is-emote.is-emote--risa .wc__face-body{fill:#52a447}.wc__player.is-emote-pop .wc__avatar{animation:.38s cubic-bezier(.34,1.56,.64,1) wc-emote-pop}.wc__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)}.wc__emotes[hidden]{display:none}.wc__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}.wc__emote:hover,.wc__emote:focus-visible{background:#ffb34733;outline:none;transform:translateY(-3px)scale(1.08)}.wc__emote:active{transform:translateY(0)scale(.94)}.wc__emo-head{width:100%;height:100%}.wc__emo-head .wc__emo{display:block}.wc__emo-head .wc__face-body{fill:var(--silhouette)}.wc__emote-key{color:var(--night-deep);background:var(--hot);border-radius:6px;padding:2px 4px;font-size:.58rem;font-weight:900;line-height:1;position:absolute;bottom:-1px;right:-1px}.wc__emotes.is-cooling{opacity:.42;pointer-events:none}@media (height<=500px){.wc__emotes{flex-direction:column;gap:3px;padding:4px;top:50%;bottom:auto;right:4px;transform:translateY(-50%)}.wc__emote{width:34px;height:34px}.wc__emote-key{display:none}}.wc__player.is-me .wc__pname{text-underline-offset:3px;text-decoration:underline}.wc__player.is-out{opacity:.6}.wc__player.is-out .wc__pname,.wc__player.is-out .wc__word{text-decoration:line-through}.wc__player.is-out .wc__face-body{fill:#46505c}.wc__player.is-out .wc__face-hi,.wc__player.is-out .wc__eyes{display:none}.wc__player.is-out .wc__eyes-dead{display:block}.wc__player.is-out .wc__mouth--neutral{display:none}.wc__player.is-out .wc__mouth--dead{display:block}.wc__player.is-out .wc__tail{color:inherit;text-shadow:none}.wc__player.is-off .wc__pname{color:var(--muted);font-style:italic}.wc__bubble{color:var(--danger);white-space:nowrap;opacity:0;pointer-events:none;z-index:3;background:#fff;border:2px solid #10202c;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)}.wc__bubble:after{content:"";border:5px solid #0000;border-top-color:#10202c;position:absolute;top:100%;left:50%;transform:translate(-50%)}.wc__stage.is-critical .wc__player.is-turn .wc__bubble{animation:.35s ease-out forwards wc-bubble}.wc__player.is-reject{animation:.35s wc-shake}.wc__word.is-reject{color:var(--danger);text-decoration:none}.wc__word.is-accept{color:var(--name);animation:.4s wc-stamp}@keyframes wc-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 wc-emote-pop{0%{transform:scale(1)translateY(0)}45%{transform:scale(1.18)translateY(-7px)}to{transform:scale(1)translateY(0)}}@keyframes wc-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)}}.wc__overlay{justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.wc__overlay[hidden]{display:none}.wc__card{text-align:center;background:#1b232c;border:2px solid #ffffff24;border-radius:16px;width:100%;max-width:460px;padding:34px 28px;box-shadow:0 20px 60px #00000080}.wc__title{letter-spacing:.02em;color:var(--name);margin:0 0 14px;font-size:2rem;font-weight:900}.wc__body{color:var(--muted);margin:0 0 20px;font-size:1.05rem;line-height:1.5}.wc__btn{font:inherit;background:var(--turn);color:#0b2019;cursor:pointer;border:0;border-radius:999px;padding:12px 26px;font-size:1rem;font-weight:800}.wc__btn:hover{filter:brightness(1.08)}.wc__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}.wc__countdown[hidden]{display:none}.wc__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 wc-shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 6px),-50%)}75%{transform:translate(calc(6px - 50%),-50%)}}@keyframes wc-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)}}