:root{--navy: #0d1c3b;--navy-deep: #08132a;--navy-up: #15295a;--navy-line: rgba(97, 231, 178, .22);--yellow: #f5f521;--lime: #a9ee5a;--mint: #61e7b2;--aqua: #23ecd9;--white: #f4fbff;--muted: #9fb0d6;--ink: #0d1c3b;--hot-1: #ff5d6c;--hot-2: #d81b5f;--neon: linear-gradient(90deg, var(--yellow) 0%, var(--lime) 40%, var(--mint) 72%, var(--aqua) 100%);--radius: 14px;--display: "Quicksand", "Varela Round", system-ui, sans-serif;--ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--navy);color:var(--white);font-family:var(--ui);overflow:hidden;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}button{font:inherit;cursor:pointer}input{font:inherit}:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.act{appearance:none;border:0;border-radius:999px;padding:10px 18px;font-family:var(--display);font-weight:700;letter-spacing:.01em;color:var(--ink);background:var(--white);box-shadow:0 6px 16px #00000059;transition:transform .12s ease,box-shadow .12s ease,filter .12s;white-space:nowrap}.act:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.act:active:not(:disabled){transform:translateY(1px)}.act:disabled{opacity:.4;cursor:default}.act.yes{background:var(--neon);color:var(--ink);box-shadow:0 0 18px #23ecd959,0 6px 16px #00000059}.act.hot{background:linear-gradient(180deg,var(--hot-1),var(--hot-2));color:#fff;text-transform:uppercase;box-shadow:0 0 18px #ff466e73,0 6px 18px #00000059}.act.envido{background:linear-gradient(180deg,#5ff6e8,#1ab8d6);color:var(--ink);box-shadow:0 0 16px #23ecd959,0 6px 16px #00000059}.act.flor{background:linear-gradient(180deg,#fbfb7a,var(--yellow));color:var(--ink);box-shadow:0 0 18px #f5f52173,0 6px 18px #00000059}.act.no{background:#3a4a72;color:var(--white)}.act.ghost{background:transparent;color:var(--white);box-shadow:inset 0 0 0 1.5px #61e7b280}.act.big{font-size:1.1rem;padding:14px 22px;width:100%}.act.small{padding:4px 10px;font-size:.8rem}.act.pulse{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 6px #f5f5214d,0 0 24px #f5f52199}}.link{background:none;border:0;color:var(--aqua);text-decoration:underline;padding:8px}.portal,.lobby{position:absolute;inset:0;overflow:auto;background:radial-gradient(700px 380px at 20% 0%,rgba(245,245,33,.1),transparent 70%),radial-gradient(800px 460px at 85% 10%,rgba(35,236,217,.12),transparent 70%),linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%)}.portal{display:grid;justify-items:center;align-content:start;gap:22px;padding:max(20px,env(safe-area-inset-top)) 16px 32px}.brand{text-align:center;max-width:560px;display:grid;justify-items:center;gap:10px}.brand .logo{width:min(260px,64vw);height:auto;filter:drop-shadow(0 0 30px rgba(35,236,217,.25)) drop-shadow(0 18px 30px rgba(0,0,0,.5));animation:glow 4s ease-in-out infinite}@keyframes glow{50%{filter:drop-shadow(0 0 44px rgba(169,238,90,.35)) drop-shadow(0 18px 30px rgba(0,0,0,.5))}}.brand p{margin:0 auto;max-width:44ch;color:var(--muted);line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.games{width:min(560px,100%);display:grid;gap:12px}.game-card{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:16px;padding:12px 16px 12px 12px;text-align:left;border:1.5px solid transparent;border-radius:18px;color:var(--white);background:#15295a8c;box-shadow:inset 0 0 0 1px var(--navy-line);transition:transform .15s ease,box-shadow .15s;font:inherit}.game-card.on{cursor:pointer;background:linear-gradient(var(--navy-up),var(--navy-up)) padding-box,var(--neon) border-box;box-shadow:0 0 26px #23ecd92e,0 12px 30px #00000059}.game-card.on:hover{transform:translateY(-3px);box-shadow:0 0 36px #a9ee5a47,0 16px 34px #0006}.game-card .txt{display:grid;gap:3px;min-width:0}.game-card b{font-family:var(--display);font-size:1.45rem;font-weight:700}.game-card small{color:var(--muted);font-size:.86rem;line-height:1.35}.game-card .go{font-family:var(--display);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;padding:8px 14px;border-radius:999px;background:var(--neon);color:var(--ink)}.game-card.soon{opacity:.7}.game-card.soon .go{background:#ffffff1a;color:var(--white)}.thumb{position:relative;height:84px;display:block}.thumb canvas{position:absolute;height:76px;width:auto;top:4px;left:calc(10px + var(--i) * 22px);border-radius:6px;transform:rotate(calc(-8deg + var(--i) * 14deg));box-shadow:0 6px 14px #00000073}.thumb.domino{display:grid;place-items:center}.thumb.domino svg{height:76px;transform:rotate(-10deg);filter:drop-shadow(0 0 10px rgba(35,236,217,.35))}.foot{color:var(--muted);opacity:.7;font-size:.8rem;margin-top:8px}.lobby{display:grid;place-items:center;gap:24px;padding:24px 16px 40px;grid-template-columns:minmax(0,1fr);align-content:safe center}.lobby .back{position:absolute;top:max(14px,env(safe-area-inset-top));left:14px;background:#08132ab3;color:var(--white);border:0;padding:8px 14px;border-radius:999px;font-family:var(--display);font-weight:700;z-index:2;box-shadow:inset 0 0 0 1px var(--navy-line)}.hero{text-align:center}.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,8vw,4.2rem);margin:8px 0 4px;line-height:1;background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(35,236,217,.25))}.hero h1 span{display:block;font-size:.42em;letter-spacing:.32em;color:var(--white);-webkit-text-fill-color:var(--white);text-transform:uppercase;margin-top:10px}.hero .tag{max-width:460px;margin:10px auto 0;color:var(--muted);line-height:1.45}.fan{position:relative;height:clamp(90px,18vh,160px);margin:18px auto 10px;width:260px}.fan canvas{position:absolute;left:50%;bottom:0;height:100%;width:auto;border-radius:10px;transform-origin:50% 110%;transform:translate(-50%) rotate(calc(var(--i) * 14deg)) translateY(calc(abs(var(--i))*6px));box-shadow:0 12px 24px #00000080,0 0 22px #23ecd91f;animation:fanIn .8s cubic-bezier(.2,.9,.3,1.3) both;animation-delay:calc((var(--i) + 1) * 90ms)}@keyframes fanIn{0%{transform:translate(-50%) translateY(40px) rotate(0);opacity:0}}.panel{width:min(460px,100%);background:#08132ab8;backdrop-filter:blur(6px);border-radius:20px;padding:22px;box-shadow:0 20px 50px #00000073,inset 0 0 0 1px var(--navy-line);display:grid;gap:16px}.field{display:grid;gap:6px}.field span,.seg>span{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mint);font-weight:600}.field input,#code{background:#ffffff0f;border:1.5px solid rgba(97,231,178,.25);color:var(--white);padding:12px 14px;border-radius:12px;outline:none}.field input:focus,#code:focus{border-color:var(--aqua);box-shadow:0 0 0 3px #23ecd926}.opts{display:grid;gap:10px}.seg{display:grid;grid-template-columns:72px 1fr 1fr;gap:6px;align-items:center}.seg button{background:#ffffff0d;border:1.5px solid rgba(97,231,178,.18);color:var(--white);padding:9px 8px;border-radius:10px;font-family:var(--display);font-weight:600}.seg button.on{background:var(--neon);color:var(--ink);border-color:transparent;font-weight:700}.online h3{font-family:var(--display);margin:4px 0 10px;font-size:1.15rem}.online .row{display:flex;gap:8px}.online .row #code{width:100%;min-width:0;text-transform:uppercase;letter-spacing:.3em;text-align:center}.online.disabled{opacity:.75}.muted{color:var(--muted);font-size:.9rem;margin:0;line-height:1.4}.waiting h2{font-family:var(--display);margin:0}.code{font-family:var(--ui);letter-spacing:.25em;color:var(--yellow);background:#0000004d;padding:2px 10px;border-radius:8px}.seats{list-style:none;padding:0;margin:0;display:grid;gap:8px}.seats li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0d}.seats li.a{box-shadow:inset 3px 0 0 var(--aqua)}.seats li.b{box-shadow:inset 3px 0 0 var(--hot-1)}.seats .team{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);width:72px}.seats i{color:var(--muted);flex:1}.seats b{flex:1}.game,#stage{position:absolute;inset:0}#stage canvas{display:block;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;font-family:var(--ui)}#hud>*{pointer-events:auto}#hud .fx-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.menu-btn{position:absolute;width:40px;height:32px;border-radius:10px;border:0;background:#08132a99;display:grid;place-content:center;gap:4px;box-shadow:inset 0 0 0 1px var(--navy-line)}.menu-btn span{display:block;width:18px;height:2px;background:var(--white);border-radius:2px}.game .menu-btn{right:14px;bottom:14px}.score{position:absolute;top:14px;right:14px;background:#08132ab8;border-radius:var(--radius);padding:10px 12px 8px;box-shadow:0 8px 22px #0006,inset 0 0 0 1px var(--navy-line);display:grid;gap:6px;min-width:200px;backdrop-filter:blur(4px)}.score .row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.score .row small{grid-column:1 / -1;margin-top:-6px;font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);text-align:right}.score .name{font-family:var(--display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.score .mine .name{color:var(--yellow)}.score b{font-family:var(--display);font-weight:700;font-size:1.5rem;min-width:32px;text-align:right;display:inline-block;font-variant-numeric:tabular-nums}.score .mine b{color:var(--yellow);text-shadow:0 0 12px rgba(245,245,33,.45)}.score b.bump{animation:bump .7s cubic-bezier(.2,1.6,.4,1)}@keyframes bump{30%{transform:scale(1.6);color:var(--aqua)}}.score .sticks{display:flex;gap:3px;align-items:center;flex-wrap:nowrap}.score .group{width:18px;height:18px}.score .half{width:1px;height:16px;background:#61e7b266;margin:0 3px}.stick line{stroke:#ffffff1a;stroke-width:2.6;stroke-linecap:round}.stick circle{fill:transparent}.stick.on line{stroke:var(--mint)}.stick.on circle{fill:var(--yellow)}.score .target{font-size:.68rem;color:var(--muted);text-align:right;text-transform:uppercase;letter-spacing:.1em}.seat{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:#08132ab3;font-size:.85rem;white-space:nowrap;transition:box-shadow .3s,background .3s;box-shadow:inset 0 0 0 1px var(--navy-line)}.seat[data-side=bottom],.seat[data-side=left]{transform:translateY(-50%)}.seat[data-side=right]{transform:translate(-100%,-50%)}.seat .avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--ink)}.seat.ally .avatar{background:var(--aqua)}.seat.rival .avatar{background:#ff9aa6}.seat .tag{font-style:normal;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;background:var(--yellow);color:var(--ink);padding:2px 6px;border-radius:6px;font-weight:800}.seat .tag.dealer{background:#ffffff24;color:var(--white)}.seat .tag.off{background:var(--hot-2);color:#fff}.seat.active{background:#23ecd929;box-shadow:0 0 0 2px var(--aqua),0 0 22px #23ecd98c}.seat.off{opacity:.6}.vira-info{position:absolute;font-size:.72rem;line-height:1.35;background:#08132aa6;padding:6px 10px;border-radius:10px;max-width:190px;box-shadow:inset 0 0 0 1px var(--navy-line)}.vira-info b{color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.vira-info span{color:var(--muted)}.info{position:absolute;left:14px;bottom:72px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.info span{background:#08132ab3;padding:5px 10px;border-radius:999px;font-size:.78rem;box-shadow:inset 0 0 0 1px var(--navy-line)}.info b{color:var(--aqua);font-size:.95rem;margin-left:4px;font-variant-numeric:tabular-nums}.info .flor{box-shadow:inset 0 0 0 1.5px var(--yellow)}.info .flor b{color:var(--yellow)}.info .hot{background:#d81b5f8c}.dock{position:absolute;right:14px;bottom:60px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:min(360px,44vw)}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.prompt{font-size:.85rem;background:#08132ab3;padding:6px 12px;border-radius:10px;text-align:right}.prompt:empty{display:none}.prompt.ask{background:#780c32cc;box-shadow:0 0 0 1.5px var(--hot-1),0 0 20px #ff5d6c66;animation:attn .8s ease-in-out 2;font-size:.95rem}.prompt.ask .call{color:var(--yellow)}.prompt.turn{background:#23ecd91f;box-shadow:inset 0 0 0 1px #23ecd980}@keyframes attn{50%{transform:scale(1.04)}}.bubble{position:absolute;transform:translate(-50%,-100%);background:var(--white);color:var(--ink);padding:8px 14px;border-radius:16px;font-weight:700;box-shadow:0 8px 20px #00000073;animation:pop .35s cubic-bezier(.2,1.6,.4,1) both;white-space:nowrap;z-index:5;font-family:var(--display);font-size:1.05rem}.bubble:after{content:"";position:absolute;left:50%;bottom:-8px;border:8px solid transparent;border-bottom:0;border-top-color:var(--white);transform:translate(-50%)}.bubble.side-top{transform:translate(-50%,10px)}.bubble.side-top:after{top:-8px;bottom:auto;border-top:0;border-bottom:8px solid var(--white)}.bubble.side-left{transform:translate(10px,-50%)}.bubble.side-right{transform:translate(calc(-100% - 10px),-50%)}.bubble.side-left:after,.bubble.side-right:after{display:none}.bubble.big{background:linear-gradient(180deg,var(--hot-1),var(--hot-2));color:#fff;font-size:1.35rem;box-shadow:0 0 24px #ff466e80}.bubble.big:after{border-top-color:var(--hot-2)}.bubble.side-top.big:after{border-bottom-color:var(--hot-1)}.bubble.yes{background:var(--mint)}.bubble.yes:after{border-top-color:var(--mint)}.bubble.side-top.yes:after{border-bottom-color:var(--mint)}.bubble.pts b{color:#0f7f86;font-size:1.3rem}.bubble.out{animation:fadeOut .45s ease forwards}@keyframes pop{0%{opacity:0;scale:.4}}@keyframes fadeOut{to{opacity:0;translate:0 -10px}}.banner{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center;padding:14px 34px;border-radius:18px;background:linear-gradient(#08132aeb,#08132aeb) padding-box,var(--neon) border-box;border:2px solid transparent;box-shadow:0 0 40px #23ecd940,0 20px 60px #0009;animation:slam .5s cubic-bezier(.2,1.5,.4,1) both;z-index:6}.banner .t{font-family:var(--display);font-size:clamp(1.8rem,6vw,3rem);font-weight:700;color:var(--white);letter-spacing:.02em}.banner .s{color:var(--muted);font-size:.95rem;margin-top:2px}.banner.hot{background:linear-gradient(180deg,#ff5d6cf5,#960c3cf5) padding-box,linear-gradient(90deg,var(--yellow),var(--hot-1)) border-box;box-shadow:0 0 50px #ff466e8c,0 20px 60px #00000080}.banner.hot .t{color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.3)}.banner.hot .s{color:#ffe0e5}.banner.win .t{background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent}.banner.lose .t{color:#ffb3bd}.banner.out{animation:fadeOut .45s ease forwards}@keyframes slam{0%{opacity:0;transform:translate(-50%,-50%) scale(2.4) rotate(-4deg)}60%{opacity:1}}.float-pts{position:absolute;font-family:var(--display);font-weight:700;color:var(--yellow);font-size:1.4rem;text-shadow:0 0 12px rgba(245,245,33,.6);animation:floatUp 1.3s ease-out forwards}@keyframes floatUp{to{transform:translateY(-40px);opacity:0}}.toast{position:absolute;left:50%;bottom:30%;transform:translate(-50%);background:#08132aeb;padding:8px 16px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--navy-line);animation:pop .3s both}.overlay{position:fixed;inset:0;background:#030816a6;display:grid;place-items:center;z-index:20;padding:16px;animation:fadeIn .3s both;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}}.card-panel{position:relative;background:linear-gradient(var(--navy-up),var(--navy)) padding-box,var(--neon) border-box;border:1.5px solid transparent;color:var(--white);border-radius:20px;padding:26px 26px 22px;width:min(520px,100%);max-height:88vh;overflow:auto;box-shadow:0 0 40px #23ecd92e,0 30px 80px #0009;animation:pop .4s cubic-bezier(.2,1.4,.4,1) both}.card-panel h2{font-family:var(--display);margin:0 0 12px}.card-panel h4{margin:16px 0 4px;font-family:var(--display);color:var(--aqua)}.card-panel p,.card-panel li{line-height:1.5}.card-panel b{color:var(--yellow)}.card-panel .muted{color:var(--muted)}.card-panel .close{position:absolute;top:10px;right:12px;border:0;background:none;font-size:1.6rem;color:var(--white);opacity:.7}.card-panel .btns{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.card-panel .toggle{display:flex;gap:10px;align-items:center;padding:8px 0;font-weight:600}.card-panel .toggle input{width:20px;height:20px;accent-color:var(--aqua)}.overlay.win .card-panel,.overlay.lose .card-panel{text-align:center}.overlay .big{font-family:var(--display);font-size:3rem;font-weight:700}.overlay.win .big{background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent}.overlay.lose .big{color:#ffb3bd}.overlay .final{font-family:var(--display);font-size:2.2rem;font-weight:700;font-variant-numeric:tabular-nums}.overlay .final span{opacity:.4}.overlay .btns{justify-content:center}@media(max-width:700px){.score{min-width:0;padding:6px 10px;top:8px;right:8px;left:8px;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:0}.score .row{gap:6px;grid-template-columns:auto 1fr auto}.score .row small{display:none}.score .group{width:11px;height:11px}.score .half{height:9px;margin:0 1px}.score .sticks{gap:1px}.score .name{font-size:.62rem}.score b{font-size:1.15rem;min-width:20px}.score .target{display:none}.dock{left:8px;right:8px;max-width:none;align-items:center;pointer-events:none}.dock>*{pointer-events:auto}.actions{justify-content:center}.act{padding:8px 12px;font-size:.85rem}.prompt{text-align:center;font-size:.78rem}.vira-info{display:none}.info{left:auto;right:8px;flex-direction:row}.info span{font-size:.7rem}.seat{font-size:.74rem}.game .menu-btn{right:8px;bottom:8px}}@media(max-height:520px){.dock{bottom:50px}}@media(prefers-reduced-motion:reduce){.brand .logo,.fan canvas,.act.pulse{animation:none}}.ley-seg{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:999px;background:#08132acc;box-shadow:inset 0 0 0 1px #23ecd959}.ley-seg span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 6px 0 8px}.ley-seg button{border:0;border-radius:999px;padding:6px 12px;background:transparent;color:var(--white);font-family:var(--display);font-weight:700;font-size:.82rem}.ley-seg button.on{background:var(--neon);color:var(--ink)}.actions{align-items:center}.chat-btn{position:absolute;right:62px;bottom:14px;width:44px;height:32px;border-radius:10px;border:0;color:var(--white);background:#08132a99;box-shadow:inset 0 0 0 1px var(--navy-line);display:grid;place-items:center}.chat-btn svg{width:20px;height:20px}.chat-btn.on{background:var(--neon);color:var(--ink)}.chat-btn .badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:.7rem;font-weight:800;background:var(--hot-1);color:#fff;display:grid;place-items:center;box-shadow:0 0 12px #ff5d6cb3;animation:pop .3s both}.chat{position:absolute;top:0;right:0;bottom:0;width:min(340px,92vw);z-index:12;display:flex;flex-direction:column;background:#08132af5;backdrop-filter:blur(8px);box-shadow:-20px 0 50px #00000080,inset 1px 0 0 var(--navy-line);transform:translate(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);pointer-events:auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.chat.open{transform:none}.chat header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px}.chat .tabs{display:flex;gap:6px;flex:1}.chat .tabs button{border:0;border-radius:999px;padding:7px 12px;background:#ffffff0f;color:var(--white);font-family:var(--display);font-weight:700;font-size:.88rem}.chat .tabs button.on{background:var(--neon);color:var(--ink)}.chat .tabs small{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.chat .x{border:0;background:none;color:var(--white);font-size:1.5rem;opacity:.7;width:36px}.chat .msgs{flex:1;overflow-y:auto;padding:6px 12px 10px;display:flex;flex-direction:column;gap:8px}.chat .empty{color:var(--muted);font-size:.85rem;text-align:center;margin:auto 10px;line-height:1.5}.chat .m{display:grid;gap:2px;max-width:86%}.chat .m .who{font-size:.7rem;color:var(--muted);display:flex;gap:6px;align-items:baseline}.chat .m time{opacity:.6;font-variant-numeric:tabular-nums}.chat .m .txt{background:#ffffff14;padding:7px 11px;border-radius:14px 14px 14px 4px;line-height:1.35;overflow-wrap:anywhere}.chat .m.ally .txt{box-shadow:inset 2px 0 0 var(--aqua)}.chat .m.rival .txt{box-shadow:inset 2px 0 0 var(--hot-1)}.chat .m.mine{align-self:flex-end}.chat .m.mine .who{justify-content:flex-end}.chat .m.mine .txt{background:var(--neon);color:var(--ink);border-radius:14px 14px 4px}.chat.team .msgs{background:linear-gradient(180deg,rgba(35,236,217,.05),transparent 30%)}.chat .chips{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;scrollbar-width:none}.chat .chips::-webkit-scrollbar{display:none}.chat .chips button{flex:none;border:0;border-radius:999px;padding:6px 11px;background:#23ecd91f;color:var(--white);font-size:.8rem;box-shadow:inset 0 0 0 1px #23ecd94d}.chat .chips button:hover{background:#23ecd938}.chat .chat-err{margin:0 12px;color:#ffb3bd;font-size:.8rem}.chat .compose{display:flex;gap:8px;padding:8px 12px 12px}.chat .compose input{flex:1;min-width:0;background:#ffffff12;border:1.5px solid rgba(97,231,178,.25);color:var(--white);padding:10px 12px;border-radius:12px;outline:none}.chat .compose input:focus{border-color:var(--aqua)}.chat .compose .act{padding:8px 14px}.bubble.talk{font-family:var(--ui);font-weight:600;font-size:.9rem;max-width:240px;white-space:normal;text-align:center}.bubble.talk.team{background:#c9fff6}.bubble.talk.team:after{border-top-color:#c9fff6}.bubble.side-top.chat.team:after{border-bottom-color:#c9fff6}.bubble .lock{font-style:normal}@media(max-width:700px){.chat-btn{right:54px;bottom:8px}.chat{top:auto;left:0;width:100%;height:min(62vh,480px);border-radius:18px 18px 0 0;transform:translateY(105%);box-shadow:0 -20px 50px #00000080,inset 0 1px 0 var(--navy-line)}}@media(min-width:701px){#hud:has(.chat.open) .dock{right:356px}#hud:has(.chat.open) .score{right:356px}#hud .dock,#hud .score{transition:right .28s cubic-bezier(.2,.8,.2,1)}}.chat .chips{flex-wrap:wrap;max-height:118px;overflow-y:auto;overflow-x:hidden}.dscore .row{grid-template-columns:auto 1fr auto}.dbar{display:block;height:8px;border-radius:99px;background:#ffffff14;overflow:hidden;min-width:90px}.dbar i{display:block;height:100%;background:var(--neon);border-radius:99px;transition:width .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 10px #23ecd980}.thumb.domino .pair{position:relative;display:block;height:84px}.seg.seg3{grid-template-columns:72px 1fr 1fr 1fr}.thumb.dom canvas{position:absolute;width:38px;height:auto;top:6px;left:calc(14px + var(--i) * 26px);transform:rotate(calc(90deg + -8deg + var(--i) * 16deg));transform-origin:50% 50%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.thumb.dom canvas{width:74px;top:24px;left:calc(-6px + var(--i) * 26px)}.dfan canvas{width:auto;height:46%;bottom:20%;border-radius:8px;transform:translate(-50%) rotate(calc(90deg + var(--i) * 14deg))}.seat.compact{flex-direction:column;gap:2px;padding:5px 6px;max-width:78px;border-radius:14px}.seat.compact[data-side=left]{transform:translateY(-100%)}.seat.compact[data-side=right]{transform:translate(-100%)}.seat.compact .avatar{width:22px;height:22px;font-size:.75rem}.seat.compact .nm{max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}.seat.compact .tag{font-size:.55rem;padding:1px 4px}.cscore .row{grid-template-columns:auto 1fr auto auto}.cscore .pile{color:var(--muted);font-size:.72rem;min-width:30px;text-align:right;font-variant-numeric:tabular-nums}.banner.cantos .s{color:var(--white);line-height:1.6}.banner.cantos .s .lost{opacity:.55}.banner.cantos .s b{color:var(--yellow)}.float-pts small{font-size:.7rem;color:var(--white);margin-left:4px}.cfinal{display:grid;gap:6px;font-size:1.15rem!important}.cfinal div{display:flex;justify-content:space-between;gap:18px}.cfinal div.w b{color:var(--yellow)}.cfinal em{font-style:normal;font-size:.75rem;background:var(--hot-2);color:#fff;padding:2px 6px;border-radius:6px}.seats li:not(.a):not(.b){box-shadow:inset 3px 0 0 var(--mint)}.cscore .row small.pile{grid-column:auto;margin-top:0;text-transform:none;letter-spacing:0;font-size:.72rem}@media(max-width:699px){.cscore .pile{display:none}.cscore .row{grid-template-columns:auto 1fr auto}}#hud>.seat,#hud>.info,#hud>.score,#hud>.dock{pointer-events:none}#hud>.dock .actions{pointer-events:auto}.seat.mini{font-size:.72rem;gap:5px;padding:3px 8px 3px 3px;max-width:calc((100vw - 36px) / 3)}.seat.mini[data-side=left]{transform:translateY(-50%)}.seat.mini[data-side=top]{transform:translate(-50%,-50%)}.seat.mini[data-side=right]{transform:translate(-100%,-50%)}.seat.mini .avatar{width:22px;height:22px;font-size:.72rem;flex:none}.seat.mini .nm{overflow:hidden;text-overflow:ellipsis;min-width:0}.seat.mini .tag{font-size:.55rem;padding:1px 4px;flex:none}.seat.mini .tag.mano{display:none}@media(max-width:699px){.dbar{min-width:24px}.score .name{letter-spacing:.02em}}.seat.mini .tag.dealer{display:none}#hud .seat.mini .tag.off{display:inline}.turn-clock{align-self:flex-end;z-index:6;padding:6px 14px;border-radius:999px;background:#08132ae0;box-shadow:inset 0 0 0 1.5px var(--aqua),0 0 18px #23ecd959;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}.turn-clock b{font-family:var(--display);font-size:1.15rem;color:var(--aqua)}.turn-clock.warn{box-shadow:inset 0 0 0 1.5px var(--hot-1),0 0 22px #ff466e99;animation:clockPulse .8s ease-in-out infinite}.turn-clock.warn b{color:#ff8da0}@keyframes clockPulse{50%{transform:scale(1.08)}}@media(max-width:699px){.turn-clock{align-self:center}}.seat{overflow:visible}.seat .tbar{position:absolute;left:14px;right:14px;bottom:-5px;height:4px;border-radius:4px;background:#ffffff1f;overflow:hidden}.seat .tbar b{display:block;height:100%;background:var(--aqua);border-radius:4px;transition:width .2s linear}.seat .tbar.warn b{background:var(--hot-1)}.seat .tag.away{background:#ffb020;color:var(--ink)}.count-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;width:min(460px,calc(100vw - 24px));max-height:calc(100% - 24px);overflow:auto;padding:16px 16px 12px;border-radius:22px;background:#08132af5;box-shadow:inset 0 0 0 1.5px var(--card-line, rgba(35,236,217,.35)),0 20px 60px #0009;animation:fadeIn .3s both;pointer-events:auto}.count-panel .t{font-family:var(--display);font-weight:700;font-size:1.6rem;text-align:center}.count-panel.win .t{background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent}.count-panel.lose .t{color:#ffb3bd}.count-panel .s{text-align:center;color:var(--muted);font-size:.85rem;margin:4px 0 12px}.count-panel section{border-radius:14px;padding:8px 10px;margin-bottom:8px;background:#ffffff0a}.count-panel section.won{box-shadow:inset 0 0 0 1.5px var(--aqua)}.count-panel h4{display:flex;justify-content:space-between;margin:2px 2px 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.count-panel section.mine h4{color:var(--yellow)}.count-panel h4 b{font-family:var(--display);font-size:1.2rem;color:var(--white);letter-spacing:0}.count-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.count-panel li{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:8px}.count-panel .who{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-panel .tiles{display:flex;flex-wrap:wrap;gap:4px;min-height:22px;align-items:center}.count-panel .tiles canvas{width:46px;height:23px;border-radius:4px;box-shadow:0 2px 6px #0006}.count-panel .tiles em{font-size:.75rem;color:var(--muted)}.count-panel li>b{font-family:var(--display);font-size:1.05rem;min-width:28px;text-align:right}.count-panel .next{text-align:center;font-size:.75rem;color:var(--muted);margin:6px 0 0}.count-panel section.solo{padding:6px 10px}.count-panel section.solo.mine .who{color:var(--yellow);font-weight:700}.info .my-canto{box-shadow:inset 0 0 0 1.5px var(--yellow)}.info .my-canto b{color:var(--yellow)}.mini-tile{display:inline-block;width:7px;height:12px;border-radius:2px;background:#f4efe2;box-shadow:inset 0 -1px #00000040,0 0 0 1px #00000059;margin-right:4px;vertical-align:-1px;position:relative}.mini-tile:after{content:"";position:absolute;left:1px;right:1px;top:50%;height:1px;background:#0d1c3b80}.seat .tag.tiles{background:#ffffff29;color:#fff;font-size:.74rem;letter-spacing:0;display:inline-flex;align-items:center}.seat.rival .tag.tiles{background:#ff5a5a38}.left-tiles{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px;font-size:.72rem}.left-tiles span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.62rem}.left-tiles b{display:inline-flex;align-items:center;font-weight:700;color:#ffb4b4}.left-tiles b.mine{color:var(--aqua)}.score .left-tiles{flex-basis:100%;grid-column:1 / -1}.score .left-tiles b{font-family:inherit;font-size:.76rem;letter-spacing:0;line-height:1.2}.score .left-tiles .mini-tile{width:6px;height:10px}@media(max-width:699px){.score .left-tiles{margin-top:2px;gap:2px 8px}.score .left-tiles span{display:none}}.left-tiles b .mini-tile{margin-left:5px}.site{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:radial-gradient(900px 420px at 12% -8%,rgba(245,245,33,.09),transparent 70%),radial-gradient(900px 520px at 92% 0%,rgba(35,236,217,.12),transparent 70%),radial-gradient(700px 500px at 50% 110%,rgba(97,231,178,.07),transparent 70%),linear-gradient(180deg,#0f2146 0%,var(--navy-deep) 100%);--card: rgba(255, 255, 255, .045);--card-line: rgba(255, 255, 255, .08);--shadow: 0 18px 50px rgba(0, 0, 0, .35)}.site a{color:inherit;text-decoration:none}.site .muted{color:var(--muted)}.site .center{text-align:center;justify-content:center}.site .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.site h1,.site h2,.site h3{font-family:var(--display);margin:0;letter-spacing:-.01em}.page{max-width:1120px;margin:0 auto;padding:24px 20px 120px;display:grid;gap:28px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;padding:max(10px,env(safe-area-inset-top)) 20px 10px;backdrop-filter:blur(14px) saturate(140%);background:#08132ab8;border-bottom:1px solid var(--card-line)}.brandmark{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:1.1rem}.brandmark img{border-radius:10px;filter:drop-shadow(0 0 10px rgba(35,236,217,.35))}.toplinks{display:flex;gap:4px;margin-left:12px}.toplinks a{padding:8px 14px;border-radius:999px;color:var(--muted);font-weight:600;font-size:.92rem;transition:background .15s,color .15s}.toplinks a:hover{color:var(--white);background:#ffffff0f}.toplinks a.on{color:var(--ink);background:var(--neon)}.who{margin-left:auto;display:flex;gap:8px;align-items:center}.userchip{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:#ffffff0f;box-shadow:inset 0 0 0 1px var(--card-line)}.userchip b{font-size:.9rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;color:var(--ink);background:var(--neon);flex:none}.av.big{width:76px;height:76px;font-size:2rem;box-shadow:0 0 0 4px var(--navy),0 0 0 6px #23ecd980,0 0 30px #23ecd959}.tabbar{display:none}@media(max-width:760px){.toplinks,.who .act{display:none}.topbar{padding-left:14px;padding-right:14px}.page{padding:18px 14px calc(96px + env(safe-area-inset-bottom));gap:22px}.tabbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:10;background:#0a1630e0;backdrop-filter:blur(16px) saturate(150%);border-radius:22px;padding:6px;box-shadow:0 10px 40px #00000080,inset 0 0 0 1px var(--card-line)}.tabbar a{display:grid;justify-items:center;gap:2px;padding:7px 0 5px;border-radius:16px;color:var(--muted);font-size:.66rem;min-width:0;font-weight:600}.tabbar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabbar a.on{color:var(--ink);background:var(--neon);box-shadow:0 0 18px #23ecd959}}.site .act.small{padding:7px 14px;font-size:.85rem}.site .act.big{width:auto}.act.wa{background:#25d366;color:#06381c}.hero{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;padding:20px 0 6px}.hero-logo{width:clamp(150px,22vw,240px);height:auto;filter:drop-shadow(0 0 40px rgba(35,236,217,.25));animation:floaty 6s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-8px)}}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:var(--mint)}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}.neon{background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:1.08rem;max-width:560px;line-height:1.55;margin:14px 0 16px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.live{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#61e7b217;color:var(--muted);font-size:.85rem;box-shadow:inset 0 0 0 1px #61e7b240}.live b{color:var(--white);font-variant-numeric:tabular-nums}.live i{width:8px;height:8px;border-radius:50%;background:#3cf08d;box-shadow:0 0 #3cf08d99;animation:ping 1.8s infinite}@keyframes ping{70%{box-shadow:0 0 0 8px #3cf08d00}to{box-shadow:0 0 #3cf08d00}}@media(max-width:760px){.hero{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;padding-top:4px}.hero-logo{width:150px}.lead{margin-inline:auto}.cta{justify-content:center}.cta .act{flex:1 1 200px}}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.games-grid{grid-template-columns:1fr}}.game-tile{position:relative;display:grid;gap:8px;padding:18px 18px 18px 138px;min-height:150px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--gc) 14%,transparent),transparent 55%),var(--card);box-shadow:inset 0 0 0 1px var(--card-line),var(--shadow);transition:transform .2s,box-shadow .2s}.game-tile:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gc) 45%,transparent),var(--shadow)}.game-tile h3{font-size:1.35rem}.game-tile p{margin:0;color:var(--muted);font-size:.9rem}.game-tile .row{margin-top:6px}.game-tile .thumb{position:absolute;left:14px;top:50%;width:110px;height:120px;transform:translateY(-50%)}.game-tile .thumb canvas{position:absolute;left:50%;top:50%;width:62px;height:auto;border-radius:6px;box-shadow:0 8px 20px #00000073;transform:translate(-50%,-50%) translate(calc((var(--i) - .5) * 30px)) rotate(calc((var(--i) - .5) * 16deg))}.game-tile .thumb.dom canvas{width:86px;transform:translate(-50%,-50%) translateY(calc((var(--i) - .5) * 34px)) rotate(calc((var(--i) - .5) * -10deg))}.steps{padding:22px;border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line)}.steps h2{font-size:1.3rem;margin-bottom:14px}.steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:s}.steps li{counter-increment:s;display:grid;gap:4px;padding-left:46px;position:relative}.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;color:var(--ink);background:var(--neon)}.steps li span{color:var(--muted);font-size:.9rem}@media(max-width:760px){.steps ol{grid-template-columns:1fr}}.site-foot{text-align:center;color:var(--muted);font-size:.82rem;padding-bottom:8px}.site-foot .link{font-size:inherit;padding:0}.site.auth .page{max-width:460px}.auth-card{padding:26px 24px;border-radius:26px;background:#0d1c3bcc;box-shadow:inset 0 0 0 1px var(--card-line),var(--shadow);display:grid;gap:16px}.auth-logo{justify-self:center;border-radius:16px;filter:drop-shadow(0 0 16px rgba(35,236,217,.4))}.auth-tabs{display:grid!important;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:#ffffff0f;gap:4px}.auth-tabs button{border:0;border-radius:999px;padding:10px;font-weight:700;background:transparent;color:var(--muted)}.auth-tabs button.on{background:var(--neon);color:var(--ink)}.auth-form{display:grid;gap:12px}.auth-form h1{font-size:1.5rem;text-align:center}.auth-form>p{margin:0;text-align:center}.fld{display:grid;gap:6px}.fld>span:first-child{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.fld input,.codebox input{width:100%;border:0;border-radius:14px;padding:13px 14px;font-size:1rem;color:var(--white);background:#ffffff12;box-shadow:inset 0 0 0 1px var(--card-line);transition:box-shadow .15s,background .15s}.fld input:focus,.codebox input:focus{outline:none;background:#ffffff1a;box-shadow:inset 0 0 0 2px var(--aqua),0 0 0 4px #23ecd91f}.fld input::placeholder{color:#9fb0d699}.pw{position:relative;display:block}.pw input{padding-right:48px}.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:1.1rem;padding:8px;opacity:.7}.check{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--muted)}.check input{width:20px;height:20px;accent-color:var(--aqua);margin-top:1px;flex:none}.check .link{padding:0;font-size:inherit}.missing{margin:0;font-size:.82rem;min-height:1.1em}.err{margin:0;padding:10px 12px;border-radius:12px;background:#ff5d6c24;color:#ffb3bd;font-size:.9rem;box-shadow:inset 0 0 0 1px #ff5d6c4d}.auth-form .act.big{width:100%;margin-top:4px}.sala-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.sala-head h1{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:8px}.sala-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.codebox{display:flex;gap:6px;align-items:center;background:#ffffff0d;padding:4px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--card-line)}.codebox input{width:110px;padding:8px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;background:transparent;box-shadow:none}.notice{padding:12px 16px;border-radius:16px;background:#f5f52114;box-shadow:inset 0 0 0 1px #f5f52140;font-size:.92rem}.notice a{color:var(--yellow);font-weight:700}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filters button{border:0;border-radius:999px;padding:9px 16px;font-weight:700;color:var(--muted);background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--card-line);white-space:nowrap}.filters button.on{color:var(--ink);background:var(--neon);box-shadow:none}.filters small{opacity:.75;margin-left:2px}.tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.table-card{display:grid;gap:10px;padding:16px;border-radius:20px;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line);position:relative;overflow:hidden;animation:rise .35s both}.table-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gc);box-shadow:0 0 16px var(--gc)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.table-card header,.table-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.table-card h3{font-size:1.12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-card footer .muted{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gbadge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--gc, var(--aqua))}.state{font-size:.78rem;font-weight:700;color:var(--muted)}.state.playing{color:var(--hot-1)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}.chips span{font-size:.78rem;padding:3px 9px;border-radius:8px;background:#ffffff0f;color:var(--muted)}.seats-row{display:flex;gap:6px}.st{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.85rem;color:var(--ink);background:var(--neon)}.st.bot{background:#ffffff1f;font-size:.95rem}.st.free{background:transparent;box-shadow:inset 0 0 0 2px #ffffff2e;background-image:radial-gradient(circle,rgba(255,255,255,.25) 2px,transparent 3px)}.empty{grid-column:1 / -1;display:grid;justify-items:center;gap:10px;padding:40px 16px;border-radius:22px;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line);text-align:center}.empty p{margin:0;color:var(--muted)}.empty-ico{font-size:2.4rem}.practice-strip{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:20px;background:linear-gradient(90deg,#f5f52112,#23ecd912);box-shadow:inset 0 0 0 1px var(--card-line)}.practice-strip>div:first-child{display:grid;gap:2px}.overlay.create .card-panel{width:min(520px,100%);display:grid;gap:14px;text-align:left}.game-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.game-pick button{border:0;border-radius:14px;padding:14px 8px;font-family:var(--display);font-weight:700;font-size:1rem;color:var(--white);background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--card-line)}.game-pick button.on{color:var(--ink);background:var(--gc);box-shadow:0 0 20px color-mix(in srgb,var(--gc) 45%,transparent)}.overlay.create .opts{display:grid;gap:8px}.vis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vis button{border:0;text-align:left;border-radius:14px;padding:12px;display:grid;gap:4px;color:var(--white);background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--card-line)}.vis button small{color:var(--muted);font-size:.76rem;line-height:1.3}.vis button.on{box-shadow:inset 0 0 0 2px var(--aqua),0 0 18px #23ecd933;background:#23ecd914}.overlay.create .act.big{width:100%}.site.mesa .page{max-width:560px}.mesa-card{display:grid;gap:14px;padding:22px;border-radius:24px;background:#0d1c3bcc;box-shadow:inset 0 0 0 1px var(--card-line),var(--shadow)}.mesa-top{display:flex;justify-content:space-between;align-items:center}.vis-badge{font-size:.8rem;color:var(--muted)}.mesa-card h1{font-size:1.6rem}.invite{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border-radius:16px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--card-line)}.invite>div:first-child{display:grid}.invite .code{font-family:var(--display);font-size:1.8rem;letter-spacing:.22em;background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent}.mesa-card .seats li{gap:10px}.mesa-card .seats .team{width:84px}.host{font-style:normal;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:6px;color:var(--ink);background:var(--yellow);margin-left:4px}.mesa-card .act.big{width:100%}.profile{display:grid;gap:22px}.prof-head{display:flex;align-items:center;gap:18px}.prof-head h1{font-size:1.8rem}.prof-head p{margin:4px 0 0}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:760px){.stat-cards{grid-template-columns:1fr 1fr}}.stat{display:grid;gap:4px;padding:16px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line)}.stat small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700}.stat b{font-family:var(--display);font-size:2rem;line-height:1;color:var(--gc, var(--white))}.stat span{color:var(--muted);font-size:.82rem}.stat.total{background:linear-gradient(135deg,#f5f5211f,#23ecd91a)}.stat .bar{display:block;height:6px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-top:4px}.stat .bar i{display:block;height:100%;background:var(--gc);border-radius:99px}.recent h2{font-size:1.2rem;margin-bottom:10px}.recent ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.recent li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--card-line);flex-wrap:wrap}.recent li b.w{color:var(--mint)}.recent li b.l{color:#ff9aa6}.recent li .muted{margin-left:auto;font-size:.82rem}.recent a{color:var(--aqua)}.bank-soon{display:grid;gap:4px;padding:16px 18px;border-radius:18px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 12px,transparent 12px 24px),var(--card);box-shadow:inset 0 0 0 1px var(--card-line)}.profile #logout{justify-self:start}.site-toast{position:fixed;left:50%;top:max(16px,env(safe-area-inset-top));transform:translate(-50%);z-index:40;padding:11px 18px;border-radius:14px;background:#0d1c3bf5;color:var(--white);font-weight:600;font-size:.92rem;box-shadow:0 12px 40px #00000080,inset 0 0 0 1px var(--card-line, rgba(255, 255, 255, .1));animation:toastIn .3s both;max-width:calc(100vw - 32px)}.site-toast.ok{box-shadow:0 12px 40px #00000080,inset 0 0 0 1px #61e7b299}.site-toast.bad{box-shadow:0 12px 40px #00000080,inset 0 0 0 1px #ff5d6cb3}.site-toast.out{animation:fadeOut .45s both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-10px)}}.lobby .online .act{display:inline-block;margin-top:6px;text-decoration:none}.lobby .online p{margin:4px 0}.hero-txt h1{background:none;color:var(--white);-webkit-text-fill-color:var(--white);filter:none}.hero-txt h1 span.neon{display:inline;font-size:inherit;letter-spacing:0;text-transform:none;margin:0;background:var(--neon);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 14px rgba(35,236,217,.25))}[hidden]{display:none!important}.overlay .act.big,.auth-form .act.big,.mesa-card .act.big{font-size:1.05rem;font-family:var(--display)}.back-to-table{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;border-radius:18px;text-decoration:none;color:var(--white);background:linear-gradient(90deg,#f5f52124,#23ecd924);box-shadow:inset 0 0 0 1.5px var(--aqua),0 0 24px #23ecd940}.back-to-table .dot{width:10px;height:10px;border-radius:50%;background:#3ef08f;box-shadow:0 0 10px #3ef08f;flex:none;animation:dotPulse 1.2s infinite}@keyframes dotPulse{50%{opacity:.35}}.back-to-table span:nth-child(2){display:grid;flex:1}.back-to-table small{color:var(--muted);font-size:.78rem}.back-to-table .go{padding:8px 14px;border-radius:999px;background:var(--neon);color:var(--ink);font-weight:800;font-size:.85rem;white-space:nowrap}.oits-credit{text-align:center;margin:-12px 0 0;font-size:.82rem}.oits-credit a{color:var(--muted);text-decoration:none;padding:8px 14px;border-radius:999px;display:inline-block;transition:color .2s,box-shadow .2s}.oits-credit a b{background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.06em}.oits-credit a:hover,.oits-credit a:focus-visible{color:var(--white);box-shadow:inset 0 0 0 1px var(--card-line)}@media(max-width:699px){.oits-credit{margin:8px 0 0}}.site.wide .page{max-width:1280px}.adm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.adm-head h1{margin:0}.adm-head p{margin:4px 0 0}.adm-live{font-size:.8rem;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffffff40;margin-right:6px;vertical-align:middle}.dot.on{background:#3ef08f;box-shadow:0 0 8px #3ef08f}.adm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.kpi{padding:14px 16px;border-radius:18px;background:#0d1c3bcc;box-shadow:inset 0 0 0 1px var(--card-line);display:grid;gap:2px}.kpi .l{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}.kpi b{font-family:var(--display);font-size:2rem;line-height:1.1;color:var(--white);font-variant-numeric:tabular-nums}.kpi small{color:var(--muted);font-size:.78rem}.kpi.hot b{background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent}.adm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:16px}.adm-card{padding:16px;border-radius:20px;background:#0d1c3bcc;box-shadow:inset 0 0 0 1px var(--card-line);min-width:0}.adm-card h2{font-size:1.05rem;margin:0 0 12px;display:flex;align-items:center;gap:8px}.adm-card .soon{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:999px;background:#f5f52126;color:var(--yellow)}.adm-t{width:100%;border-collapse:collapse;font-size:.86rem}.adm-t th{text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;padding:6px 8px;border-bottom:1px solid var(--card-line)}.adm-t td{padding:8px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.adm-t tr.blocked td{opacity:.55}.adm-t .chip{display:inline-block;font-size:.72rem;padding:2px 8px;border-radius:999px;background:#23ecd924;margin:2px 4px 2px 0}.adm-t .chip.bot{background:#ffffff0f;color:var(--muted)}.adm-t .chip.off{background:#ff466e2e}.adm-t .chip.empty{background:transparent;box-shadow:inset 0 0 0 1px var(--card-line);color:var(--muted)}.adm-t .tag,.adm-users .tag{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:2px 6px;border-radius:6px;background:#ffffff1a}.adm-t .tag.on{background:#3ef08f33;color:#7cf7b3}.adm-t .tag.bad{background:#ff466e40;color:#ffb3bd}.bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}.bars li{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;gap:10px}.bars .bl{font-size:.85rem}.bars .bt{height:14px;border-radius:0 4px 4px 0;background:#ffffff0d;overflow:hidden}.bars .bt i{display:block;height:100%;min-width:2px;background:var(--aqua);border-radius:0 4px 4px 0}.bars b{text-align:right;font-variant-numeric:tabular-nums}.cols{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;align-items:end;height:150px}.cols .col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;min-width:0}.cols .col span{width:100%;max-width:22px;background:var(--aqua);border-radius:4px 4px 0 0}.cols .col b{font-size:.7rem;font-variant-numeric:tabular-nums}.cols .col small{font-size:.6rem;color:var(--muted);white-space:nowrap}.small{font-size:.78rem}.money-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.money-row b{font-variant-numeric:tabular-nums}.adm-users-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.adm-users-head h2{margin:0}.adm-users-head input{padding:9px 14px;border-radius:999px;border:0;background:#ffffff0f;color:var(--white);box-shadow:inset 0 0 0 1px var(--card-line);min-width:min(100%,280px);font:inherit}.adm-users .scroll{overflow-x:auto}.adm-users .adm-t{min-width:760px}.badge-svg{display:block;flex:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.badge-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap;background:color-mix(in srgb,var(--bc) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bc) 45%,transparent);color:var(--white, #fff)}.badge-chip.sm{font-size:.72rem;padding:2px 8px 2px 3px;gap:4px}.badge-chip.lv0{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1f;color:var(--muted)}.st{position:relative}.st-badge{position:absolute;right:-5px;bottom:-5px}.lvl-range{display:flex;align-items:center;gap:5px;margin:0;font-size:.8rem;color:var(--muted);min-height:16px}.lvl-range.on{color:#fff;font-weight:600}.lvl-range .to{opacity:.6}.table-card .act:disabled{opacity:.5;cursor:not-allowed}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mylevel{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--muted);cursor:pointer;user-select:none}.mylevel input{width:18px;height:18px;accent-color:var(--aqua)}.sala-grid{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}.sala-grid .tables{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.lobby-players,.mesa-invite{padding:16px;border-radius:20px;background:var(--card, rgba(255,255,255,.045));box-shadow:inset 0 0 0 1px var(--card-line, rgba(255,255,255,.08))}.lobby-players{position:sticky;top:76px}.lobby-players h2{font-size:1.02rem;margin-bottom:10px;display:flex;gap:8px;align-items:baseline}.mesa-invite h3{font-size:.95rem;margin-bottom:8px}.lobby-players ul,.mesa-invite ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:420px;overflow-y:auto}.lobby-players li,.mesa-invite li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;background:#ffffff08}.lobby-players li.busy{opacity:.6}.lobby-players .pn{display:grid;min-width:0;flex:1}.lobby-players .pn b,.mesa-invite li>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.mesa-invite li>b{flex:1;min-width:0}.lobby-players .pn small{color:var(--muted);font-size:.72rem}.av.sm{width:26px;height:26px;font-size:.8rem}.site .small,.muted.small{font-size:.8rem}.lobby-players .act.small,.mesa-invite .act.small{padding:6px 10px;font-size:.78rem}@media(max-width:900px){.sala-grid{grid-template-columns:1fr}.lobby-players{position:static;order:-1}.lobby-players ul{max-height:220px}}.lvl-pick{display:grid;gap:8px}.lvl-pick .lbl{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.lvl-row{display:flex;align-items:center;gap:10px}.lvl-row small{width:44px;color:var(--muted);font-weight:600}.lv-opts{display:flex;gap:4px;flex-wrap:wrap}.lv-opts button{border:0;padding:4px;border-radius:10px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--card-line, rgba(255,255,255,.08));cursor:pointer;transition:transform .12s,box-shadow .12s}.lv-opts button.on{background:#23ecd929;box-shadow:inset 0 0 0 2px var(--aqua);transform:translateY(-1px)}.lv-opts button:disabled{opacity:.25;cursor:not-allowed}@media(max-width:420px){.lv-opts button{padding:3px}.lv-opts .badge-svg{width:20px;height:20px}}.lvl-note{display:flex;align-items:center;gap:8px;margin:0;font-size:.85rem;color:var(--muted);padding:8px 12px;border-radius:12px;background:#ffffff0a}.lvl-note b{color:#fff}.prof-h2{font-size:1.1rem;margin:4px 0 -8px}.rank-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:760px){.rank-cards{grid-template-columns:1fr}}.rank-card{display:grid;gap:8px;padding:14px 16px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--bc) 14%,transparent),#ffffff08);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bc) 30%,transparent)}.rank-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gc)}.rk-top{display:flex;align-items:center;gap:12px}.rk-top>div{display:grid;min-width:0}.rk-game{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.rk-name{font-family:var(--display);font-size:1.25rem}.rk-rating{font-size:.8rem;color:var(--muted)}.rk-bar{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.rk-bar i{display:block;height:100%;border-radius:99px;box-shadow:0 0 10px currentColor}.rank-card small{color:var(--muted);font-size:.78rem}.rank-card small b{color:#fff}.rk-link{justify-self:start;color:var(--aqua)!important;font-weight:700;font-size:.9rem}.ranking{display:grid;gap:18px}.rk-head h1{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:6px}.rk-head p{max-width:640px;margin:0}.rk-tabs{display:flex;gap:8px}.rk-tab{padding:9px 18px;border-radius:999px;font-weight:700;color:var(--muted)!important;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--card-line, rgba(255,255,255,.08))}.rk-tab.on{color:var(--ink)!important;background:var(--gc);box-shadow:0 0 18px color-mix(in srgb,var(--gc) 50%,transparent)}.rk-me .rank-card{max-width:520px}.rk-guest{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:#ffffff0a}.rk-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.rk-list li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0d}.rk-list li.mine{background:#23ecd91a;box-shadow:inset 0 0 0 1px #23ecd980}.rk-list li.empty{justify-content:center;padding:28px}.rk-pos{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;font-family:var(--display);font-weight:700;color:var(--muted);background:#ffffff0f}.rk-pos.p1{background:#f5c542;color:var(--ink);box-shadow:0 0 14px #f5c54299}.rk-pos.p2{background:#c9d3e0;color:var(--ink)}.rk-pos.p3{background:#cd7f32;color:var(--ink)}.rk-nick{display:grid;flex:1;min-width:0}.rk-nick b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-nick small{color:var(--muted);font-size:.76rem}.rk-pts{font-family:var(--display);font-size:1.15rem}.rk-ladder h2{font-size:1.1rem;margin-bottom:10px}.rk-ladder ul{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.rk-ladder li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 6px;border-radius:14px;background:#ffffff09}.rk-ladder li span{display:grid}.rk-ladder li b{font-size:.82rem}.rk-ladder li small{font-size:.72rem;color:var(--muted)}@media(max-width:760px){.rk-ladder ul{grid-template-columns:repeat(4,1fr)}}.overlay.invite .card-panel{width:min(400px,100%);text-align:center}.invite-box{display:grid;gap:12px;justify-items:center}.invite-box .inv-ico{width:58px;height:58px;display:grid;place-items:center;font-size:1.7rem;border-radius:50%;background:var(--gc);color:var(--ink);box-shadow:0 0 26px color-mix(in srgb,var(--gc) 60%,transparent);animation:invPulse 1.4s ease-in-out infinite}.invite-box p{margin:0}.inv-acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}@keyframes invPulse{50%{transform:scale(1.08)}}.rank-pop{position:fixed;z-index:60;left:50%;top:max(14px,env(safe-area-inset-top));transform:translate(-50%,-140%);transition:transform .45s cubic-bezier(.2,1.4,.4,1);display:flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;border-radius:999px;cursor:pointer;font-family:var(--body, system-ui);background:#0a1630f2;color:#fff;box-shadow:0 12px 40px #00000080,inset 0 0 0 1px #ffffff1f}.rank-pop.show{transform:translate(-50%)}.rank-pop>div{display:grid}.rank-pop b{font-family:var(--display);font-size:1.05rem}.rank-pop.good b{color:#61e7b2}.rank-pop.bad b{color:#ff8a8a}.rank-pop span{font-size:.8rem;color:#9fb0d6}.rank-pop.levelup{flex-direction:column;text-align:center;gap:4px;padding:20px 28px;border-radius:24px;top:50%;transform:translate(-50%,-50%) scale(.4);opacity:0;transition:transform .5s cubic-bezier(.2,1.5,.4,1),opacity .3s;background:radial-gradient(circle at 50% 0%,#f5f52138,#0a1630f7 70%);box-shadow:0 0 0 1px #f5f52166,0 20px 70px #0009}.rank-pop.levelup.show{transform:translate(-50%,-50%) scale(1);opacity:1}.rank-pop.levelup b{font-size:1.5rem;color:#f5f521}.rank-pop.levelup small{color:#cfe;font-size:.8rem}.rp-badge{animation:rpSpin 1s ease-out both}@keyframes rpSpin{0%{transform:rotateY(540deg) scale(.3)}to{transform:none}}