@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff)format("woff")}:root{--gold:#f6c14a;--gold-2:#ffe391;--gold-3:#b37a17;--gold-grad:linear-gradient(180deg, #fff1b8 0%, #ffd460 38%, #e9a92a 62%, #b8761a 100%);--green:#0f6b3e;--green-2:#19a45c;--felt:#0b3f28;--bg:#03110b;--text:#fff8e6;--muted:#fff4d6ad;--glass:#081a129e;--glass-border:#ffd67847;--wa:#25d366;--wa-2:#128c4a;--danger:#ff5a4f;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--font-display:"Lilita One", "Nunito", system-ui, sans-serif;--font:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;margin:0;padding:0;font-weight:700;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}input{font:inherit;-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}.ico{width:1.2em;height:1.2em;display:inline-flex}.ico svg{width:100%;height:100%}.pbg{z-index:0;background:#020a06;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.pbg-img{filter:brightness(.42)saturate(1.15)blur(3px);transform-origin:60% 55%;background:url(/img/background_horizontal.jpg) 50%/cover no-repeat;animation:28s ease-in-out infinite alternate kenburns;position:absolute;top:-4%;bottom:-4%;left:-4%;right:-4%}@media (orientation:portrait){.pbg-img{filter:brightness(.55)saturate(1.15)blur(3px);background-image:url(/img/background_vertical.jpg)}}@keyframes kenburns{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}.pbg-rays{mix-blend-mode:screen;opacity:.55;background:repeating-conic-gradient(#ffd26e29 0deg 5deg,#0000 5deg 18deg);width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;animation:90s linear infinite spin;position:absolute;top:38%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0009 22%,#0000 55%);mask-image:radial-gradient(circle,#000 0%,#0009 22%,#0000 55%)}@media (orientation:landscape){.pbg-rays{top:50%;left:30%}}@keyframes spin{to{transform:rotate(360deg)}}.pbg-shade{background:radial-gradient(at 50% 30%,#1e6e3c40,#0000 60%),linear-gradient(#020a068c 0%,#020a061a 35%,#020a0633 65%,#020a06d9 100%);position:absolute;top:0;bottom:0;left:0;right:0}.pbg-particles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.pbg-vignette{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 18vmin 4vmin #000000d9}.glass{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:linear-gradient(#143424c7,#05140ddb);border-radius:22px;box-shadow:0 20px 60px #0000008c,inset 0 1px #ffecaa2e,inset 0 0 40px #ffc85a0a}.gold-text{font-family:var(--font-display);background:var(--gold-grad);color:#0000;filter:drop-shadow(0 2px #5a3505)drop-shadow(0 4px 10px #00000080);letter-spacing:.5px;-webkit-background-clip:text;background-clip:text}.screen{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.menu{flex-direction:column;align-items:center;display:flex}.topbar{z-index:5;padding:calc(var(--sat) + 10px) calc(var(--sar) + 14px) 0 calc(var(--sal) + 14px);justify-content:space-between;align-items:center;gap:10px;animation:.7s .15s both fadeDown;display:flex;position:absolute;top:0;left:0;right:0}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}}.pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:linear-gradient(#0a1e14d1,#030e09e6);border:1px solid #ffd26e59;border-radius:999px;align-items:center;gap:8px;max-width:52vw;height:42px;padding:0 14px 0 4px;font-size:15px;display:inline-flex;box-shadow:0 6px 18px #00000073,inset 0 1px #ffebaa33}.pill .name{text-overflow:ellipsis;overflow:hidden}.pill .ico{color:var(--gold);opacity:.85;width:16px;height:16px}.pill.chips{font-family:var(--font-display);color:var(--gold-2);letter-spacing:.5px;padding:0 6px 0 4px;font-size:20px}.pill.chips .plus{color:#fff;opacity:.45;background:linear-gradient(#37d17a,#0f7c43);border-radius:50%;place-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:grid;box-shadow:inset 0 1px #fff6,0 2px 6px #0006}.chip-ico{filter:drop-shadow(0 2px 4px #00000080);width:34px;height:34px}.chip-ico.spin{animation:4s ease-in-out infinite chipSpin}@keyframes chipSpin{0%,80%{transform:rotateY(0)}90%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.avatar{border:2px solid var(--gold);background:radial-gradient(circle at 35% 30%,#2b7a50,#0b2f1d);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 2px #00000059,0 3px 8px #00000080}.avatar img{object-fit:contain;width:92%;height:92%}.menu-body{padding:calc(var(--sat) + 64px) calc(var(--sar) + 18px) calc(var(--sab) + 30px) calc(var(--sal) + 18px);flex-direction:column;justify-content:center;align-items:center;gap:2.2vh;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.logo-wrap{width:min(84vw,460px);animation:1s cubic-bezier(.2,.9,.25,1.25) .1s both logoIn;position:relative}.logo-wrap:before{content:"";filter:blur(16px);background:radial-gradient(closest-side,#ffc85a73,#ffaa281f 55%,#0000 75%);border-radius:50%;animation:4s ease-in-out infinite breathe;position:absolute;top:8%;bottom:8%;left:5%;right:5%}.logo-float{animation:5.5s ease-in-out 1.2s infinite float;position:relative}.logo-float img{filter:drop-shadow(0 14px 24px #0009);width:100%;display:block}.shine{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.shine:after{content:"";mix-blend-mode:overlay;background:linear-gradient(100deg,#0000 0%,#fff0 20%,#fffff0bf 50%,#fff0 80%,#0000 100%);width:35%;animation:4.8s ease-in-out infinite sweep;position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-18deg)}.logo-float .shine{-webkit-mask-image:url(/img/logo.webp);mask-image:url(/img/logo.webp)}.logo-float .shine:after{mix-blend-mode:soft-light;background:linear-gradient(100deg,#0000 20%,#ffffffe6 50%,#0000 80%);animation-delay:1.4s}@keyframes sweep{0%{left:-60%}45%,to{left:130%}}@keyframes logoIn{0%{opacity:0;transform:scale(.6)translateY(-30px)}}@keyframes float{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-9px)rotate(.4deg)}}@keyframes breathe{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.menu-buttons{grid-template-columns:1fr 1fr;align-items:center;gap:1.4vh 3vw;width:min(90vw,440px);display:grid}.mbtn{opacity:0;width:100%;animation:.65s cubic-bezier(.2,.9,.3,1.25) forwards rise;animation-delay:calc(var(--i,0) * 90ms + .45s);transition:transform .12s,filter .2s;position:relative;transform:translateY(24px)scale(.96)}.mbtn img.face{pointer-events:none;width:100%;display:block}.mbtn .shine{-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask)}.mbtn.play{grid-column:1/-1;width:100%;margin:0 0 1vh}.mbtn.play .face{animation:2.2s ease-in-out 1.2s infinite glowPulse}.mbtn.play:before{content:"";z-index:-1;filter:blur(14px);background:radial-gradient(closest-side,#ffcd5abf,#0000);border-radius:999px;animation:2.2s ease-in-out 1.2s infinite breathe;position:absolute;top:18%;bottom:18%;left:8%;right:8%}@keyframes glowPulse{0%,to{filter:drop-shadow(0 6px 10px #0000008c)drop-shadow(0 0 #ffc85000)}50%{filter:drop-shadow(0 6px 10px #0000008c)drop-shadow(0 0 16px #ffcd5ad9)}}@keyframes rise{to{opacity:1;transform:none}}.mbtn:active{transform:scale(.94)!important}.mbtn.play:active .face{filter:brightness(1.2)drop-shadow(0 0 20px #ffdc78e6)}.mbtn.locked .face{filter:grayscale(.55)brightness(.58)contrast(.95)}.mbtn.locked .lock{z-index:2;color:var(--gold-2);letter-spacing:.8px;background:linear-gradient(#2a1a04,#120a00);border:1px solid #ffd26ebf;border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 5px;font-size:clamp(7px,1.2vh,10px);font-weight:900;display:flex;position:absolute;top:-2%;right:4%;box-shadow:0 3px 8px #0009}.mbtn.locked .lock .ico{width:12px;height:12px;color:var(--gold)}.mbtn.shake{opacity:1;animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.menu-foot{bottom:calc(var(--sab) + 8px);text-align:center;color:#fff0c859;letter-spacing:1px;font-size:11px;position:absolute;left:0;right:0}@media (orientation:landscape){.menu-body{padding-top:calc(var(--sat) + 54px);padding-bottom:calc(var(--sab) + 20px);flex-direction:row;justify-content:center;gap:4vw}.logo-wrap{width:min(44vw,540px,95vh)}.menu-buttons{grid-template-columns:1fr 1fr;align-items:center;gap:1.6vh 1.2vw;width:min(44vw,440px,118vh);display:grid}.mbtn.play{grid-column:1/-1;width:100%;margin:0 0 .8vh}}@media (orientation:landscape) and (max-height:430px){.menu-buttons{width:min(42vw,360px,100vh)}.pill{height:36px;font-size:13px}.chip-ico{width:28px;height:28px}.avatar{width:30px;height:30px}.pill.chips{font-size:17px}}@media (orientation:portrait){.menu-body{gap:4vh}.logo-wrap{width:min(92vw,480px)}}@media (orientation:portrait) and (max-height:700px){.menu-buttons{gap:1vh 3vw;width:min(84vw,380px)}.logo-wrap{width:min(80vw,400px)}}.modal-wrap{z-index:50;opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;place-items:center;padding:18px;transition:opacity .25s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal-wrap.show{opacity:1}.modal{width:min(92vw,420px);max-height:calc(100% - 20px);padding:22px 20px 20px;transition:transform .3s cubic-bezier(.2,.9,.3,1.3);position:relative;overflow:auto;transform:scale(.9)translateY(10px)}.modal-wrap.show .modal{transform:none}.modal-x{width:34px;height:34px;color:var(--gold-2);background:#00000059;border:1px solid #ffdc8c40;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.modal h2{text-align:center;margin:2px 0 6px;font-size:26px}.modal p{text-align:center;color:var(--muted);margin:6px 0;font-size:14px;line-height:1.35}.field{color:#fff;text-align:center;background:#00000073;border:1.5px solid #ffd26e66;border-radius:14px;outline:none;width:100%;height:50px;margin:14px 0 10px;padding:0 16px;font-size:18px;font-weight:800}.field:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f6c14a33}.avatars{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0 16px;display:grid}.avatars button{aspect-ratio:1;background:#0000004d;border:2px solid #0000;border-radius:50%;min-width:0;padding:3px;transition:transform .15s}.avatars button img{object-fit:contain;width:100%;height:100%}.avatars button.sel{border-color:var(--gold);background:radial-gradient(circle,#f6c14a59,#0000004d);transform:scale(1.08)}.btn{width:100%;height:56px;font-family:var(--font-display);letter-spacing:.6px;text-shadow:0 2px #00000059;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:21px;text-decoration:none;transition:transform .12s,filter .2s;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn .ico{width:26px;height:26px}.btn:after{content:"";background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:40%;animation:3.6s ease-in-out infinite sweep;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.btn-gold{color:#4a2a00;text-shadow:0 1px #ffffff80;background:linear-gradient(#fff0b0 0%,#ffd35a 35%,#f0a824 70%,#c97d12 100%);box-shadow:0 6px #7a4a08,0 10px 22px #00000080,inset 0 2px #ffffffb3}.btn-green{color:#fff;background:linear-gradient(#4ee08c 0%,#1fae5c 45%,#0f7e40 100%);box-shadow:0 6px #075a2c,0 10px 22px #00000080,inset 0 2px #ffffff73}.btn-wa{color:#fff;background:linear-gradient(#5cf08f 0%,#25d366 42%,#13a24c 100%);height:64px;font-size:22px;animation:2s ease-in-out infinite waPulse;box-shadow:0 6px #0b6e33,0 12px 26px #25d36659,inset 0 2px #ffffff80}.btn-wa .ico{width:32px;height:32px}@keyframes waPulse{0%,to{box-shadow:0 6px #0b6e33,0 12px 26px #25d3664d,inset 0 2px #ffffff80,0 0 #25d3668c}50%{box-shadow:0 6px #0b6e33,0 12px 26px #25d36673,inset 0 2px #ffffff80,0 0 0 10px #25d36600}}.btn-ghost{height:48px;font-family:var(--font);color:var(--gold-2);background:#00000059;border:1.5px solid #ffd26e73;font-size:15px;font-weight:800;box-shadow:inset 0 1px #ffebaa1f}.btn-ghost:after{display:none}.btn-ghost .ico{width:20px;height:20px}.btn[disabled]{filter:grayscale(.7)brightness(.7);pointer-events:none}.row{gap:10px;display:flex}.lobby{padding:calc(var(--sat) + 14px) calc(var(--sar) + 14px) calc(var(--sab) + 14px) calc(var(--sal) + 14px);justify-content:center;align-items:center;display:flex}.lobby-card{-webkit-overflow-scrolling:touch;width:min(94vw,440px);max-height:100%;padding:18px;animation:.6s cubic-bezier(.2,.9,.3,1.2) both cardIn;position:relative;overflow-y:auto}@keyframes cardIn{0%{opacity:0;transform:translateY(30px)scale(.95)}}.lobby-head{justify-content:center;align-items:center;min-height:38px;display:flex;position:relative}.lobby-head h1{margin:0;font-size:28px}.lobby-head .back{width:38px;height:38px;color:var(--gold-2);background:#00000059;border:1px solid #ffdc8c40;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.versus{justify-content:center;align-items:center;gap:14px;margin:14px 0 10px;display:flex}.vs-slot{flex-direction:column;align-items:center;gap:6px;width:110px;display:flex}.vs-slot .avatar{border-width:3px;width:74px;height:74px}.vs-slot .nm{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:14px;overflow:hidden}.vs-slot.empty .avatar{background:#00000059;border-style:dashed;border-color:#ffd26e99;animation:1.6s ease-in-out infinite breathe}.vs-slot.empty .avatar:after{content:"?";font-family:var(--font-display);color:var(--gold-2);font-size:36px}.vs-slot.joined .avatar{animation:.5s cubic-bezier(.2,.9,.3,1.6) pop}@keyframes pop{0%{transform:scale(.3)}}.vs-mark{font-family:var(--font-display);color:var(--gold);text-shadow:0 3px #6b3d02,0 0 18px #ffbe3c99;font-size:34px}.bet{background:#0006;border:1px solid #ffd26e59;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;margin:4px auto 14px;padding:6px 14px 6px 6px;font-size:14px;display:flex}.bet b{color:var(--gold-2)}.bet .chip-ico{width:28px;height:28px}.steps{gap:8px;margin:14px 0 12px;display:grid}.step{color:var(--muted);background:#00000047;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;display:flex}.step .n{width:28px;height:28px;font-family:var(--font-display);color:#3a2200;background:var(--gold-grad);border-radius:50%;flex:none;place-items:center;font-size:16px;display:grid;box-shadow:0 2px #7a4a08}.step b{color:var(--text)}.step.done{border-color:#4ee08c73}.step.done .n{color:#053;background:linear-gradient(#7cf0ab,#1fae5c)}.linkbox{background:#00000073;border:1px dashed #ffd26e73;border-radius:14px;align-items:center;gap:8px;margin-top:10px;padding:8px 8px 8px 14px;font-size:14px;display:flex}.linkbox .url{text-overflow:ellipsis;white-space:nowrap;color:var(--gold-2);flex:1;font-family:ui-monospace,Menlo,monospace;font-weight:600;overflow:hidden}.linkbox button{height:36px;color:var(--gold-2);background:#ffd26e26;border:1px solid #ffd26e66;border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:900;display:flex}.waiting{color:var(--gold-2);justify-content:center;align-items:center;gap:10px;margin:14px 0 4px;font-size:15px;display:flex}.spinner{border:3px solid #ffd26e40;border-top-color:var(--gold);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}.hint{color:var(--muted);text-align:center;margin:8px 4px 0;font-size:12.5px;line-height:1.35}.dots:after{content:"";animation:1.4s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.code-badge{text-align:center;color:var(--muted);letter-spacing:1px;margin-top:6px;font-size:12px}.code-badge b{color:var(--gold-2);letter-spacing:3px;font-size:14px}.challenge-title{text-align:center;margin:6px 0 0;font-size:24px;line-height:1.15}.join-logo{filter:drop-shadow(0 8px 16px #0009);width:min(62vw,250px);margin:-4px auto 0;animation:5s ease-in-out infinite float;display:block}@media (orientation:landscape) and (max-height:500px){.lobby-card{grid-template-columns:1fr 1fr;align-items:start;column-gap:18px;width:min(96vw,760px);display:grid}.lobby-card>.lobby-head,.lobby-card>.full{grid-column:1/-1}.join-logo{width:min(34vw,200px)}.steps{margin-top:6px}}.toast{left:50%;top:calc(var(--sat) + 16px);z-index:80;text-align:center;pointer-events:none;background:#081810f0;border:1px solid #ffd26e73;border-radius:14px;max-width:90vw;padding:11px 18px;font-size:15px;transition:transform .35s cubic-bezier(.2,.9,.3,1.3);position:fixed;transform:translate(-50%,-140%);box-shadow:0 10px 30px #00000080}.toast.show{transform:translate(-50%)}.toast.gold{color:var(--gold-2)}.toast.error{color:#ffd3cf;border-color:#ff5a5099}.game{touch-action:none;background:#041009;position:absolute;top:0;bottom:0;left:0;right:0}.game .pbg-img{filter:brightness(.22)saturate(1.1)blur(8px);animation:none}.game .pbg-rays,.game .pbg-particles{display:none}.game canvas.gl{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hud{z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.pbar{left:var(--hx);width:var(--hw);top:var(--hy);height:var(--hh);pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute}.pside{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.pside.right{text-align:right;flex-direction:row-reverse}.pav{width:var(--av);height:var(--av);flex:none;position:relative}.pav .avatar{border-width:2px;width:100%;height:100%}.pav .ring{opacity:0;background:conic-gradient(var(--ring-c,#4ee08c) calc(var(--p,1) * 360deg), #ffffff14 0);border-radius:50%;transition:opacity .3s;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.pav.active .ring{opacity:1}.pav.active .avatar{box-shadow:0 0 0 2px #00000059,0 0 16px #ffd26ecc}.pav .off{color:#ffb3ad;background:#0009;border-radius:50%;place-items:center;font-size:10px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.pav.offline .off{display:grid}.pinfo{flex-direction:column;gap:3px;min-width:0;display:flex}.pname{font-size:var(--fs);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 3px #000000b3;font-weight:900;overflow:hidden}.pname small{color:var(--gold-2);opacity:.85;font-weight:800}.pballs{gap:2px;display:flex}.pside.right .pballs{flex-direction:row-reverse}.pballs i{width:var(--bs);height:var(--bs);background:#00000073 0 0/cover;border-radius:50%;transition:opacity .3s,transform .3s;display:block;box-shadow:inset 0 1px 3px #000c}.pballs i.on{box-shadow:0 1px 2px #0009}.pballs i.gone{opacity:.18;transform:scale(.8)}.pot{background:linear-gradient(#000000a6,#140a00b3);border:1px solid #ffd26e73;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:0;padding:2px 10px 3px;display:flex}.pot .v{font-family:var(--font-display);font-size:calc(var(--fs) * 1.3);color:var(--gold-2);align-items:center;gap:4px;display:flex}.pot .chip-ico{width:calc(var(--fs) * 1.7);height:calc(var(--fs) * 1.7)}.pot .l{font-size:calc(var(--fs) * .62);letter-spacing:1px;color:var(--muted)}.powerbar{left:var(--pbx);top:var(--pby);width:var(--pbw);height:var(--pbh);border-radius:calc(var(--pbw) / 2);touch-action:none;background:linear-gradient(90deg,#000000bf,#191208cc 50%,#000000bf);border:2px solid #ffcd648c;position:absolute;overflow:hidden;box-shadow:0 8px 20px #0009,inset 0 0 12px #000c}.powerbar .fill{border-radius:calc(var(--pbw) / 2 - 3px);opacity:.95;background:linear-gradient(#ff3b2f 0%,#ffb52e 45%,#ffe45c 75%,#7dff8a 100%);height:0;position:absolute;top:3px;left:3px;right:3px;box-shadow:0 0 14px #ffb42899}.powerbar .ticks{pointer-events:none;background:repeating-linear-gradient(#ffe6a038 0 1px,#0000 1px 10%);position:absolute;top:6px;bottom:6px;left:0;right:0}.powerbar .cue{width:calc(var(--pbh) * 1.2);height:calc(var(--pbw) * .46);background:var(--cue-img,url(/catalog/cues/classico.webp)) center / 100% 100% no-repeat;pointer-events:none;will-change:transform;filter:drop-shadow(2px 0 3px #0009);position:absolute;top:50%;left:50%}.powerbar .pct{text-align:center;font-family:var(--font-display);color:#fff;text-shadow:0 1px 2px #000;opacity:0;font-size:13px;transition:opacity .2s;position:absolute;bottom:6px;left:0;right:0}.powerbar.active .pct{opacity:1}.powerbar.disabled{opacity:.45}.powerbar .hint-arrow{color:var(--gold-2);opacity:.8;text-shadow:0 1px 3px #000;font-size:18px;animation:1.4s ease-in-out infinite nudge;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}@keyframes nudge{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.finetune{left:var(--ftx);top:var(--fty);width:var(--ftw);height:var(--fth);touch-action:none;background:linear-gradient(90deg,#1b1b1b,#5a5a5a 30%,#8a8a8a 50%,#5a5a5a 70%,#1b1b1b);border:2px solid #ffcd6480;border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 8px 20px #0009}.finetune .ridges{background:repeating-linear-gradient(#0000008c 0 3px,#ffffff1f 3px 5px,#0000 5px 11px);position:absolute;top:-40px;bottom:-40px;left:0;right:0}.finetune:after{content:"";pointer-events:none;background:linear-gradient(#000000bf,#0000 25% 75%,#000000bf);position:absolute;top:0;bottom:0;left:0;right:0}.spinbtn{left:var(--sbx);top:var(--sby);width:var(--sbs);height:var(--sbs);background:radial-gradient(circle at 38% 32%,#fff 0%,#f1ede2 40%,#cfc7b4 75%,#9d957f 100%);border-radius:50%;position:absolute;box-shadow:0 6px 14px #0009,0 0 0 2px #ffcd6499}.spinbtn .dot,.spinbig .dot{pointer-events:none;background:radial-gradient(circle at 35% 35%,#ff6b5e,#d0180c);border-radius:50%;width:22%;height:22%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #ff2814b3}.spin-overlay{z-index:20;opacity:0;pointer-events:none;background:#0000008c;place-items:center;transition:opacity .2s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.spin-overlay.show{opacity:1;pointer-events:auto}.spinbig{aspect-ratio:1;touch-action:none;background:radial-gradient(circle at 38% 32%,#fff 0%,#f3efe4 40%,#d6cfbd 72%,#a39b85 100%);border-radius:50%;width:min(62vmin,300px);position:relative;box-shadow:0 20px 50px #000000b3,inset 0 0 0 1px #0000001a}.spinbig:before{content:"";border:1.5px dashed #0000002e;border-radius:50%;position:absolute;top:12%;bottom:12%;left:12%;right:12%}.spinbig:after{content:"";border-left:1px solid #0000001f;position:absolute;top:8%;bottom:8%;left:50%}.spinbig .hline{border-top:1px solid #0000001f;position:absolute;top:50%;left:8%;right:8%}.spin-overlay .cap{bottom:calc(var(--sab) + 18px);text-align:center;color:var(--muted);font-size:14px;position:absolute;left:0;right:0}.spin-overlay .reset{top:calc(var(--sat) + 14px);right:calc(var(--sar) + 14px);color:var(--gold-2);background:#00000080;border:1px solid #ffd26e66;border-radius:12px;padding:8px 14px;font-size:14px;position:absolute}.hbtn{width:40px;height:40px;color:var(--gold-2);background:#00000080;border:1px solid #ffd26e59;border-radius:12px;place-items:center;display:grid;position:absolute;box-shadow:0 4px 12px #00000080}.hbtn .ico{width:20px;height:20px}.banner{left:var(--tcx);top:var(--tcy);opacity:0;pointer-events:none;text-align:center;white-space:nowrap;font-family:var(--font-display);letter-spacing:.5px;color:var(--gold-2);z-index:6;background:linear-gradient(#000000c7,#0a140ed9);border:1.5px solid #ffd26e99;border-radius:16px;padding:10px 22px;font-size:clamp(16px,3.4vmin,28px);transition:opacity .25s,transform .35s cubic-bezier(.2,.9,.3,1.4);position:absolute;transform:translate(-50%,-50%)scale(.8);box-shadow:0 10px 30px #0000008c}.banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.banner.foul{color:#ffd6d2;border-color:#ff5a50cc}.banner.good{color:#d4ffe5;border-color:#4ee08ccc}.banner small{font-family:var(--font);color:var(--muted);letter-spacing:0;margin-top:2px;font-size:.58em;font-weight:800;display:block}.status-line{left:var(--tcx);top:calc(var(--ty) + var(--th) + 4px);color:var(--muted);white-space:nowrap;text-shadow:0 1px 3px #000;pointer-events:none;text-overflow:ellipsis;max-width:96vw;font-size:13px;position:absolute;overflow:hidden;transform:translate(-50%)}.game.portrait .status-line{white-space:normal;text-align:center;width:min(92vw,420px);top:calc(var(--ty) + var(--th) + 8px);line-height:1.3}.status-line b{color:var(--gold-2)}.conn{left:50%;top:calc(var(--sat) + 4px);z-index:30;color:#fff;background:#78140ad9;border-radius:10px;padding:6px 12px;font-size:12px;display:none;position:absolute;transform:translate(-50%)}.conn.show{display:block}.vs-screen{z-index:25;pointer-events:none;background:radial-gradient(#14462899,#000000e6);justify-content:center;align-items:center;gap:4vw;animation:.5s 3.1s forwards vsOut;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes vsOut{to{opacity:0}}.vs-card{flex-direction:column;align-items:center;gap:10px;width:36vw;max-width:260px;display:flex}.vs-card .avatar{border-width:4px;width:min(22vmin,130px);height:min(22vmin,130px)}.vs-card .nm{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(18px,4vmin,30px);overflow:hidden}.vs-card .sub{color:var(--muted);font-size:13px}.vs-card.l{animation:.6s cubic-bezier(.2,.9,.3,1.2) .1s both slideL}.vs-card.r{animation:.6s cubic-bezier(.2,.9,.3,1.2) .1s both slideR}@keyframes slideL{0%{transform:translate(-60vw)}}@keyframes slideR{0%{transform:translate(60vw)}}.vs-mid{flex-direction:column;align-items:center;gap:8px;display:flex}.vs-big{font-family:var(--font-display);color:var(--gold);text-shadow:0 5px #6b3d02,0 0 40px #ffbe3ccc;font-size:clamp(56px,16vmin,120px);animation:.5s cubic-bezier(.2,.9,.3,1.8) .55s both vsPop}@keyframes vsPop{0%{opacity:0;transform:scale(3)}}.vs-mid .bet{animation:.5s .9s both fadeUp}.vs-mid .who{color:var(--gold-2);font-size:14px;animation:.5s 1.3s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}}@media (orientation:portrait){.vs-screen{flex-direction:column;gap:3vh}.vs-card{width:70vw}}.result{z-index:26;background:#0009;place-items:center;padding:16px;animation:.4s both fadeIn;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}}.result-card{text-align:center;width:min(92vw,400px);padding:22px 20px 20px;animation:.6s cubic-bezier(.2,.9,.3,1.3) both cardIn}.result-card h1{margin:0;font-size:clamp(34px,9vmin,48px)}.result-card.lose h1{background:linear-gradient(#e7e7e7,#9a9a9a);-webkit-background-clip:text;background-clip:text}.result-card .reason{color:var(--muted);margin:4px 0 14px;font-size:14px}.result-card .prize{font-family:var(--font-display);justify-content:center;align-items:center;gap:10px;margin:6px 0 16px;font-size:40px;display:flex}.result-card .prize .chip-ico{width:56px;height:56px;animation:2.5s ease-in-out infinite chipSpin}.result-card.win .prize{color:#7dff9b;text-shadow:0 0 20px #50ff8c80}.result-card.lose .prize{color:#ff9a90}.result-card .btns{gap:12px;display:grid}.result-card .votes{color:var(--muted);min-height:18px;margin-top:10px;font-size:13px}.confetti{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.rotate-hint{left:50%;bottom:calc(var(--sab) + 8px);z-index:3;color:var(--muted);pointer-events:none;background:#00000073;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;animation:1s 1s both fadeIn;display:flex;position:absolute;transform:translate(-50%)}.rotate-hint .ico{width:16px;height:16px;color:var(--gold)}