:root{--red:#ef4444;--green:#22c55e;--yellow:#eab308;--blue:#3b82f6;--bg:#0f1020;--panel:#ffffff0f;--line:#ffffff1f;--text:#eef0ff;--muted:#a3a8c7;--accent:#8b5cf6;--board:min(94vw, calc(100dvh - 290px), 600px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(900px 600px at 10% -10%, #8b5cf640, transparent 60%), radial-gradient(800px 600px at 110% 110%, #22c55e24, transparent 60%), var(--bg);background-attachment:fixed;min-height:100dvh;margin:0}button{font:inherit;color:inherit}input{font:inherit}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center}.error{color:#fca5a5;text-align:center;margin:0;font-size:.9rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);text-align:center;margin:0;font-size:.72rem}.grad{background:linear-gradient(90deg, var(--red), var(--yellow), var(--green), var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text}.banner{z-index:50;color:#fff;text-align:center;background:#b45309;padding:6px;font-size:.85rem;position:fixed;top:0;left:0;right:0}.btn{border:1px solid var(--line);cursor:pointer;background:#ffffff12;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;text-decoration:none;transition:transform .12s,background .2s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff21}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#3b82f6);border:0;box-shadow:0 8px 24px -8px #8b5cf6b3}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#9d74f8,#7577f3 50%,#5591f7)}.btn.big{width:100%;padding:14px 18px;font-size:1.05rem}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000;font-weight:500}.btn.ghost:hover:not(:disabled){color:var(--text);background:#ffffff0d}.btn.whatsapp{color:#fff;background:#16a34a;border-color:#16a34a}.btn.whatsapp:hover{background:#15803d!important}.icon-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;width:38px;height:38px;font-size:1.05rem}.center-screen{flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100dvh;padding:24px 16px;display:flex}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff14,#ffffff08);border-radius:20px;flex-direction:column;gap:14px;width:min(420px,100%);padding:22px;display:flex;box-shadow:0 30px 60px -30px #0009}.panel.narrow{text-align:center;width:min(360px,100%)}.panel h2{margin:0}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.field input,.code-input{border:1px solid var(--line);color:var(--text);background:#00000040;border-radius:12px;outline:none;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field input:focus,.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf640}.divider{color:var(--muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.join-row{gap:8px;display:flex}.code-input{text-transform:uppercase;letter-spacing:.35em;text-align:center;flex:1;min-width:0;font-weight:700}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.home-hero h1{letter-spacing:-.02em;margin:8px 0 0;font-size:clamp(2.2rem,7vw,3.2rem)}.home-hero p{margin:0}.logo-board{border-radius:22px;grid-template-columns:1fr 1fr;width:96px;height:96px;animation:14s linear infinite spin-slow;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px -12px #000000b3}.logo-board .q.red{background:var(--red)}.logo-board .q.green{background:var(--green)}.logo-board .q.blue{background:var(--blue)}.logo-board .q.yellow{background:var(--yellow)}.logo-board .dice{margin:auto;animation:14s linear infinite reverse spin-slow;position:absolute;inset:0}@keyframes spin-slow{to{transform:rotate(360deg)}}.how{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.how b{color:var(--text)}.loader{flex-direction:column;align-items:center;gap:12px;display:flex}.room-code{justify-content:center;gap:8px;display:flex}.room-code span{border:1px solid var(--line);background:#0000004d;border-radius:12px;place-items:center;width:48px;height:58px;font-size:1.8rem;font-weight:800;animation:.4s both pop;display:grid}.share-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.players{flex-direction:column;gap:8px;margin:4px 0;padding:0;list-style:none;display:flex}.players li{border:1px solid var(--line);background:#0003;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.players li.filled{border-color:color-mix(in srgb, var(--c,#888) 60%, transparent)}.players li.empty{color:var(--muted);border-style:dashed}.players .pname{flex:1;font-weight:600}.players li.empty .pname{font-weight:400}.tag{background:#ffffff14;border-radius:99px;padding:3px 8px;font-size:.72rem}.tag.off{color:#fca5a5}.avatar{background:var(--c,#475569);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid;box-shadow:inset 0 -3px #0003}.players li.empty .avatar{color:var(--muted);background:#ffffff14}.game{min-height:100dvh;padding:10px 12px max(12px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;display:flex}.game-top{align-items:center;gap:8px;width:min(100%,720px);display:flex}.room-chip{color:var(--muted);background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:6px 10px;font-size:.8rem}.room-chip b{color:var(--text);letter-spacing:.08em}.turn-pill{background:color-mix(in srgb, var(--c) 16%, transparent);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;padding:8px 12px;font-size:.9rem;font-weight:600;transition:background .3s,border-color .3s;display:flex;overflow:hidden}.turn-pill i{background:var(--c);width:10px;height:10px;box-shadow:0 0 10px var(--c);border-radius:50%;flex:none}.turn-pill.mine{animation:1.4s ease-in-out infinite glow}.top-actions{gap:6px;display:flex}.table{width:var(--board);flex-direction:column;gap:8px;display:flex}.cards-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.board-area{position:relative}.pcard{background:var(--panel);border:2px solid color-mix(in srgb, var(--c,#666) 35%, transparent);border-radius:16px;justify-content:space-between;align-items:center;gap:8px;min-height:64px;padding:8px 10px;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;position:relative;overflow:visible}.pcard.empty{border:1px dashed var(--line);background:0 0}.pcard.tr,.pcard.br{flex-direction:row-reverse}.pcard.tr .pcard-info,.pcard.br .pcard-info{text-align:right;flex-direction:row-reverse}.pcard.turn{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 25%, transparent), 0 10px 30px -10px var(--c);transform:translateY(-1px)}.pcard-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.pcard-text{flex-direction:column;min-width:0;display:flex}.pcard-text>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pcard-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.pcard-text small{color:var(--muted);font-weight:400}.pcard-dice{flex:none;place-items:center;display:grid;position:relative}.dice-slot{width:0;height:44px}.tap-hint{background:var(--c);color:#fff;pointer-events:none;border-radius:99px;padding:1px 6px;font-size:.65rem;font-weight:700;animation:.9s ease-in-out infinite bob;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.timer{background:#ffffff14;border-radius:3px;height:3px;position:absolute;bottom:3px;left:12px;right:12px;overflow:hidden}.timer span{background:var(--c);transform-origin:0;height:100%;animation:linear forwards countdown;display:block}@keyframes countdown{0%{transform:scaleX(var(--from))}to{transform:scaleX(0)}}.bubble{pointer-events:none;z-index:20;font-size:2rem;animation:2.4s ease-out forwards float-up;position:absolute;top:-18px;left:50%}@keyframes float-up{0%{opacity:0;transform:translate(-50%,10px)scale(.4)}15%{opacity:1;transform:translate(-50%,-6px)scale(1.2)}70%{opacity:1;transform:translate(-50%,-22px)scale(1)}to{opacity:0;transform:translate(-50%,-40px)scale(.9)}}.dice{--c:#6366f1;background:linear-gradient(145deg,#fff,#e7e7ef);border:0;border-radius:11px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1px;width:44px;height:44px;padding:7px;display:grid;box-shadow:0 4px #b8b8c8,0 8px 16px -6px #0009}.dice .pip{background:#1f2937;border-radius:50%;place-self:center;width:7px;height:7px}.dice .pip.off{visibility:hidden}.dice.blank{background:linear-gradient(145deg,#f4f4f9,#d9d9e6)}.dice.clickable{cursor:pointer;box-shadow:0 4px 0 #b8b8c8, 0 0 0 3px var(--c), 0 0 22px var(--c);animation:1s ease-in-out infinite dice-ready}.dice.clickable:active{box-shadow:0 1px 0 #b8b8c8, 0 0 0 3px var(--c);transform:translateY(3px)}.dice.rolling{animation:.45s ease-out tumble}button.dice:disabled{cursor:default}.loader .dice.rolling{animation:.6s linear infinite tumble}@keyframes tumble{0%{transform:rotate(0)scale(1)}30%{transform:rotate(-160deg)scale(1.15)translateY(-6px)}60%{transform:rotate(-300deg)scale(.95)}to{transform:rotate(-360deg)scale(1)}}@keyframes dice-ready{50%{transform:translateY(-3px)rotate(-6deg)}}.board-wrap{width:var(--board);aspect-ratio:1}.board{background:#fdfbf5;border-radius:14px;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 0 0 4px #ffffff14,0 30px 60px -20px #000c}.cell{place-items:center;width:6.66667%;height:6.66667%;display:grid;position:absolute;box-shadow:inset 0 0 0 .5px #0f172a38}.cell.fill.red,.yard.red{background:var(--red)}.cell.fill.green,.yard.green{background:var(--green)}.cell.fill.yellow,.yard.yellow{background:var(--yellow)}.cell.fill.blue,.yard.blue{background:var(--blue)}.star{font-size:calc(var(--board) / 15 * .55);color:#0f172a59;line-height:1}.cell.fill .star{color:#ffffffe6}.yard{width:40%;height:40%;position:absolute}.yard-inner{background:#fff;border-radius:12%;position:absolute;inset:16.6667%;box-shadow:inset 0 2px 6px #00000026}.yard-spot{background:color-mix(in srgb, currentColor 22%, #fff);border-radius:50%;width:30%;height:30%;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #0000002e}.yard.red{color:var(--red)}.yard.green{color:var(--green)}.yard.yellow{color:var(--yellow)}.yard.blue{color:var(--blue)}.yard-spot:first-child{top:25%;left:25%}.yard-spot:nth-child(2){top:25%;left:75%}.yard-spot:nth-child(3){top:75%;left:25%}.yard-spot:nth-child(4){top:75%;left:75%}.yard.active .yard-inner{animation:1.4s ease-in-out infinite yard-glow}@keyframes yard-glow{50%{box-shadow:inset 0 2px 6px #00000026, 0 0 0 calc(var(--board) / 90) #fffc}}.finish{background:conic-gradient(from -45deg, var(--green) 0 25%, var(--yellow) 0 50%, var(--blue) 0 75%, var(--red) 0);width:20%;height:20%;position:absolute;box-shadow:inset 0 0 0 .5px #0f172a40}.token{--size:calc(var(--board) / 15 * .78);width:var(--size);height:var(--size);border:calc(var(--size) * .1) solid #fff;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--tc) 55%, #fff), var(--tc) 55%, color-mix(in srgb, var(--tc) 70%, #000));box-shadow:0 calc(var(--size) * .1) calc(var(--size) * .2) #00000073;z-index:2;cursor:default;border-radius:50%;margin:0;padding:0;transition:left .15s linear,top .15s linear,width .2s,height .2s;position:absolute;transform:translate(-50%,-50%)}.token span{border:1.5px solid #ffffffbf;border-radius:50%;position:absolute;inset:26%}.token.red{--tc:var(--red)}.token.green{--tc:var(--green)}.token.yellow{--tc:var(--yellow)}.token.blue{--tc:var(--blue)}.token.stacked{--size:calc(var(--board) / 15 * .56)}.token.can-move{z-index:5;cursor:pointer;animation:.7s ease-in-out infinite token-bounce}.token.can-move:after{content:"";box-shadow:0 0 10px var(--tc);border:2px solid #fff;border-radius:50%;animation:1s ease-out infinite ring;position:absolute;inset:-40%}@keyframes token-bounce{50%{transform:translate(-50%,-62%)}}@keyframes ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.15)}}.token:disabled{cursor:default}.toast{z-index:10;color:#fff;white-space:nowrap;pointer-events:none;background:#0f1020eb;border-radius:14px;padding:10px 16px;font-weight:700;animation:1.8s forwards toast;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px -8px #000000b3}@keyframes toast{0%{opacity:0;transform:translate(-50%,-30%)scale(.8)}12%,80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(.95)}}.reactions{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.reactions button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;width:40px;height:40px;font-size:1.25rem;transition:transform .12s}.reactions button:hover{transform:translateY(-2px)scale(1.08)}.reactions button:active{transform:scale(.9)}.overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05060fb3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.results{text-align:center;position:relative;overflow:hidden}.results h2{font-size:1.7rem}.ranking{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ranking li{text-align:left;background:color-mix(in srgb, var(--c) 14%, transparent);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;animation:.4s both slide-in;display:flex}.ranking .medal{text-align:center;width:34px;color:var(--muted);font-size:1.4rem;font-weight:700}.ranking small{color:var(--muted);font-weight:400}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{top:-12px;left:calc(var(--i) * 4.2%);background:hsl(calc(var(--i) * 47deg) 85% 60%);width:8px;height:12px;animation:fall calc(2.2s + var(--i) * 70ms) calc(var(--i) * 90ms) ease-in infinite;border-radius:2px;position:absolute}@keyframes fall{to{transform:translateY(520px) rotate(calc(var(--i) * 80deg + 360deg))}}.fade-in{animation:.45s both fade-in}.pop-in{animation:.35s both pop}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@keyframes slide-in{0%{opacity:0;transform:translate(-14px)}}@keyframes glow{50%{box-shadow:0 0 18px color-mix(in srgb, var(--c) 55%, transparent)}}@keyframes bob{50%{transform:translate(-50%,-3px)}}@media (width<=480px){.game-top .room-chip{display:none}.pcard{min-height:56px;padding:6px 8px}.pcard .avatar{width:26px;height:26px;font-size:.8rem}.pcard-text strong{font-size:.82rem}.dice{width:36px;height:36px}.dice-slot{height:36px}.pcard{gap:6px}.dice{padding:6px}.dice .pip{width:6px;height:6px}.reactions button{width:36px;height:36px;font-size:1.1rem}}@media (prefers-reduced-motion:reduce){:not(.timer span),:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-page{flex-direction:column;align-items:center;gap:22px;min-height:100dvh;padding:36px 16px 28px;display:flex}.home-panel{gap:12px}.menu{width:min(760px,100%)}.menu h2{text-align:center;color:var(--muted);letter-spacing:.02em;margin:0 0 12px;font-size:1rem;font-weight:600}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.game-card{--g1:#8b5cf6;--g2:#3b82f6;text-align:left;border:1px solid var(--line);cursor:pointer;background:linear-gradient(160deg, color-mix(in srgb, var(--g1) 22%, transparent), color-mix(in srgb, var(--g2) 8%, transparent) 70%), var(--panel);animation:.45s both fade-in;animation-delay:calc(var(--i) * 50ms + .12s);border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.game-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--g1) 60%, transparent);box-shadow:0 16px 34px -14px var(--g1);transform:translateY(-3px)}.game-card:active:not(:disabled){transform:scale(.98)}.game-card:disabled{opacity:.6;cursor:wait}.game-card strong{font-size:1.08rem}.gc-emoji{margin-bottom:4px;font-size:2rem;line-height:1;transition:transform .3s}.game-card:hover .gc-emoji{transform:scale(1.15)rotate(-8deg)}.gc-players{background:#ffffff14;border-radius:99px;margin-top:6px;padding:3px 8px;font-size:.72rem}.gc-cta{color:var(--g1);opacity:0;font-size:.8rem;font-weight:700;transition:all .2s;position:absolute;bottom:14px;right:14px;transform:translate(-6px)}.game-card:hover .gc-cta{opacity:1;transform:none}.gc-ludo{--g1:#ef4444;--g2:#eab308}.gc-snakes{--g1:#22c55e;--g2:#84cc16}.gc-dots{--g1:#06b6d4;--g2:#3b82f6}.gc-fourrow{--g1:#f43f5e;--g2:#f59e0b}.gc-tictactoe{--g1:#8b5cf6;--g2:#ec4899}.gc-rps{--g1:#f59e0b;--g2:#ef4444}.shake{animation:.4s shake;border-color:#f87171!important}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.lobby-game{justify-content:center;align-items:center;gap:12px;display:flex}.lobby-game .gc-emoji{margin:0;font-size:2.2rem}.lobby-game div{flex-direction:column;display:flex}.lobby-game strong{font-size:1.2rem}.game-switch{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.game-switch button{border:1px solid var(--line);background:var(--panel);cursor:pointer;opacity:.55;border-radius:12px;width:42px;height:42px;font-size:1.2rem;transition:all .15s}.game-switch button:hover{opacity:1;transform:translateY(-2px)}.game-switch button.on{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf64d}.ranking .score{color:var(--muted);margin-left:auto;font-size:.85rem}.shell{flex-direction:column;gap:10px;width:min(560px,100%);display:flex}.chips{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;display:grid}.chip{background:var(--panel);border:2px solid color-mix(in srgb, var(--c) 35%, transparent);border-radius:14px;align-items:center;gap:8px;min-width:0;padding:8px 10px 10px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.chip.turn{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 25%, transparent), 0 10px 26px -10px var(--c)}.chip .avatar{width:28px;height:28px;font-size:.85rem}.chip-text{flex-direction:column;min-width:0;display:flex}.chip-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.chip-text small{color:var(--muted);font-weight:400}.chip-text>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shell-board{justify-content:center;display:flex;position:relative}.ttt{aspect-ratio:1;border:1px solid var(--line);background:#ffffff0d;border-radius:22px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(92vw,420px,100dvh - 300px);padding:10px;display:grid}.ttt-cell{background:#0000004d;border:0;border-radius:16px;place-items:center;min-height:0;padding:14%;transition:background .2s,transform .12s;display:grid}.ttt-cell.open{cursor:pointer}.ttt-cell.open:hover{background:#ffffff14}.ttt-cell.open:active{transform:scale(.95)}.ttt-cell.win{background:color-mix(in srgb, var(--c) 28%, transparent);animation:1s ease-in-out infinite glow-cell}@keyframes glow-cell{50%{box-shadow:0 0 24px var(--c)}}.mark{fill:none;width:100%;height:100%;min-height:0;stroke:var(--c);stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--c))}.mark path,.mark circle{stroke-dasharray:80;stroke-dashoffset:80px;animation:.35s ease-out forwards draw}.mark.x path:nth-child(2){animation-delay:.15s}@keyframes draw{to{stroke-dashoffset:0}}.c4{--size:min(92vw, 480px, calc((100dvh - 300px) * 7 / 6));width:var(--size);aspect-ratio:7/6;grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);background:linear-gradient(#3b4bd8,#2b36a8);border-radius:18px;gap:1.4%;padding:2%;display:grid;position:relative;box-shadow:inset 0 -6px #00000040,0 24px 50px -20px #000c}.c4-hole{background:#0c0e22;border-radius:50%;position:relative;box-shadow:inset 0 3px 6px #0009}.c4-col{z-index:3;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-row:1/-1;margin:-2% 0}.c4-col:hover:not(:disabled){background:#ffffff14}.c4-col:disabled{cursor:default}.disc{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 50%, #fff), var(--c) 55%, color-mix(in srgb, var(--c) 70%, #000));animation:disc-drop calc(.12s + var(--fall) * 60ms) cubic-bezier(.5, 0, 1, 1);border-radius:50%;position:absolute;inset:6%;box-shadow:inset 0 -3px #00000040}.disc.ghost{opacity:.35;animation:none}.disc.win{outline-offset:-3px;outline:3px solid #fff;animation:.9s ease-in-out infinite glow-cell}@keyframes disc-drop{0%{transform:translateY(calc(var(--fall) * -118%))}}.snl{flex-direction:column;align-items:center;gap:10px;display:flex}.snl-board{--size:min(92vw, 520px, calc(100dvh - 330px));width:var(--size);aspect-ratio:1;background:#fef9ec;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 24px 50px -20px #000c}.snl-cell{width:10%;height:10%;font-size:calc(var(--size) / 42);color:#1e293b8c;background:#fdf6e3;padding:3px 4px;font-weight:700;position:absolute}.snl-cell.alt{background:#f4e7c5}.snl-cell.goal{font-size:calc(var(--size) / 22);background:#fde68a;place-items:center;display:grid}.snl-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ladder line{stroke:#a16207;stroke-width:.08px;stroke-linecap:round}.ladder line.rung{stroke-width:.06px;stroke:#ca8a04}.snake .body{fill:none;stroke:var(--s);stroke-width:.3px;stroke-linecap:round;opacity:.92}.snake .pattern{fill:none;stroke:#ffffff73;stroke-width:.1px;stroke-dasharray:.12 .22;stroke-linecap:round}.snake .head{fill:var(--s);stroke:#00000040;stroke-width:.03px}.snl-token{--t:calc(var(--size) / 10 * .5);width:var(--t);height:var(--t);border:calc(var(--t) * .14) solid #fff;z-index:3;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 55%, #fff), var(--c) 60%, color-mix(in srgb, var(--c) 70%, #000));border-radius:50%;transition:left .16s linear,top .16s linear;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 6px #00000073}.snl-token.small{--t:calc(var(--size) / 10 * .38)}.snl-token.slide{transition:left .7s ease-in-out,top .7s ease-in-out}.snl-token.waiting{opacity:.55}.dice-bar{align-items:center;gap:12px;display:flex}.dice-bar .dice{width:54px;height:54px;padding:9px}.dice-bar .dice .pip{width:8px;height:8px}.dots{aspect-ratio:1;touch-action:manipulation;width:min(92vw,460px,100dvh - 300px)}.dot{fill:#e2e8f0}.dl{stroke-linecap:round}.dl.drawn{stroke:var(--c);stroke-width:.1px}.dl.drawn.last{animation:.8s ease-out flash}@keyframes flash{0%{stroke:#fff;stroke-width:.18px}}.dl.hint{stroke:#ffffff12;stroke-width:.06px;stroke-dasharray:.1 .12}.dl.hit{stroke:#0000;stroke-width:.34px}.dl-free.open{cursor:pointer}.dl-free.open:hover .dl.hint{stroke:var(--c);stroke-dasharray:none;stroke-width:.1px;opacity:.6}.box rect{fill:color-mix(in srgb, var(--c) 45%, transparent)}.box text{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:.42px;font-weight:800}.box{transform-box:fill-box;transform-origin:50%}.rps{flex-direction:column;align-items:center;gap:14px;width:min(92vw,460px);display:flex}.rps-score{align-items:center;gap:18px;font-size:2.4rem;font-weight:800;display:flex}.rps-score small{color:var(--muted);font-size:.8rem;font-weight:500}.rps-arena{border:1px solid var(--line);background:#ffffff0a;border-radius:22px;justify-content:space-around;align-items:center;width:100%;padding:18px 8px;display:flex}.rps-hand{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.rps-hand small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.rps-hand .hand{background:color-mix(in srgb, var(--c) 18%, transparent);border:3px solid color-mix(in srgb, var(--c) 55%, transparent);border-radius:50%;place-items:center;width:104px;height:104px;font-size:3.4rem;animation:.3s both pop;display:grid}.rps-hand.shown .hand{animation:.6s both reveal}.rps-hand.won .hand{border-color:var(--c);box-shadow:0 0 30px var(--c)}.hand.thinking{animation:1s ease-in-out infinite bounce-think}@keyframes reveal{0%{transform:rotate(-20deg)scale(.6)}30%{transform:rotate(15deg)scale(1.1)}60%{transform:rotate(-8deg)}to{transform:none}}@keyframes bounce-think{50%{transform:translateY(-6px)}}.rps-vs{color:var(--muted);letter-spacing:.1em;font-weight:900}.rps-verdict{min-height:1.4em;margin:0;font-weight:700;animation:.4s both fade-in}.rps-picks{gap:12px;display:flex}.rps-picks button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:4px;width:96px;padding:12px 0 8px;transition:transform .15s,border-color .2s,opacity .2s;display:flex}.rps-picks button span{font-size:2.4rem}.rps-picks button small{color:var(--muted);text-transform:capitalize}.rps-picks button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-4px)}.rps-picks button:disabled{opacity:.4;cursor:default}.rps-picks button.picked{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf659}.rps-history{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rps-history span{background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:3px 8px;font-size:.9rem}.rps-history .win{border-color:#22c55e}.rps-history .loss{border-color:#ef4444}@media (width<=480px){.home-page{padding-top:24px}.game-grid{grid-template-columns:1fr 1fr;gap:10px}.game-card{padding:12px}.game-card .muted.small,.gc-cta{display:none}.rps-hand .hand{width:84px;height:84px;font-size:2.7rem}.rps-picks button{width:84px}}.game.full{--board:min(98vw, calc(100dvh - 180px));z-index:30;padding:max(6px, env(safe-area-inset-top)) 8px max(6px, env(safe-area-inset-bottom));background:radial-gradient(900px 600px at 10% -10%, #8b5cf640, transparent 60%), var(--bg);justify-content:center;gap:6px;position:fixed;inset:0;overflow:hidden}.game.full .reactions{display:none}.game.full .snl-board{--size:min(98vw, calc(100dvh - 190px))}.game.full .shell{align-items:center;width:auto}.game.full .chips{width:min(98vw,100dvh - 190px)}.ff{flex-direction:column;gap:14px;width:min(92vw,480px);display:flex}.ff-progress{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:.85rem;display:flex}.ff-bar{background:#ffffff14;border-radius:6px;flex:1;height:6px;overflow:hidden}.ff-bar i{background:linear-gradient(90deg,#f59e0b,#ef4444);height:100%;transition:width .4s;display:block}.ff-question{text-align:center;background:linear-gradient(160deg, #f59e0b29, #ef444414), var(--panel);border:1px solid #f59e0b59;border-radius:22px;place-items:center;min-height:120px;padding:18px;animation:.35s both pop;display:grid}.ff-question span{letter-spacing:.02em;font-size:clamp(2rem,9vw,3rem);font-weight:800}.ff-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ff-opt{border:2px solid var(--line);background:var(--panel);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:16px 14px;font-size:1.4rem;font-weight:800;transition:transform .1s,background .2s,border-color .2s;animation:.3s both fade-in;display:flex}.ff-opt:nth-child(2){animation-delay:40ms}.ff-opt:nth-child(3){animation-delay:80ms}.ff-opt:nth-child(4){animation-delay:.12s}.ff-opt b{width:30px;height:30px;color:var(--muted);background:#ffffff1a;border-radius:9px;flex:none;place-items:center;font-size:.85rem;display:grid}.ff-opt:hover:not(:disabled){background:#ffffff1a;border-color:#f59e0b}.ff-opt:active:not(:disabled){transform:scale(.96)}.ff-opt:disabled{cursor:default}.ff-opt.sent{border-color:#f59e0b}.ff-opt.right{--c:#22c55e;border-color:var(--c);background:color-mix(in srgb, var(--c) 25%, transparent);animation:.3s both pop}.ff-opt.right b{background:var(--c);color:#fff}.ff-opt.wrong{background:#ef44442e;border-color:#ef4444;animation:.4s shake}.ff-msg{text-align:center;min-height:1.4em;margin:0;font-weight:700;animation:.3s both fade-in}.ff-msg.good{color:#86efac}.ff-msg.bad{color:#fca5a5}.ff-countdown{flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.ff-count{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:6rem;font-weight:900;animation:1s ease-out both count}@keyframes count{0%{opacity:0;transform:scale(2)}40%{opacity:1;transform:scale(1)}}.gc-fastest{--g1:#f59e0b;--g2:#ef4444}.gc-solo-quickmaths{--g1:#14b8a6;--g2:#3b82f6}.gc-solo-truefalse{--g1:#22c55e;--g2:#ef4444}.gc-solo-2048{--g1:#f59e0b;--g2:#f97316}.gc-solo-sudoku{--g1:#a855f7;--g2:#6366f1}.solo .game-top{width:min(100%,560px)}.solo-title{text-align:center;flex:1;font-size:1.05rem;font-weight:800}.solo-card{text-align:center;align-items:center;margin-top:24px}.solo-card p{margin:0}.big-score{background:linear-gradient(135deg,#14b8a6,#8b5cf6);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1;font-size:4rem!important}.best{color:#fcd34d;font-weight:700}.qm,.tf{flex-direction:column;gap:12px;width:min(92vw,480px);display:flex}.qm-top{align-items:center;gap:10px;display:flex}.qm-score{font-size:1.3rem;font-weight:800}.qm-streak{color:#fb923c;font-size:.85rem;font-weight:700;animation:.3s both pop}.qm-time{font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.3rem;font-weight:800}.qm-time.low{color:#f87171;animation:.5s ease-in-out infinite bob}.qm-bar{background:#ffffff14;border-radius:8px;height:8px;overflow:hidden}.qm-bar i{background:linear-gradient(90deg,#14b8a6,#8b5cf6);height:100%;transition:width .1s linear;display:block}.qm-bar i.drain{transform-origin:0;--from:1;background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);width:100%;animation:linear forwards countdown}.tf .qm-score{text-align:center}.tf-q span{font-size:clamp(2rem,9vw,2.8rem)}.tf-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tf-btn{cursor:pointer;color:#fff;border:0;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:20px 0;font-size:2.6rem;font-weight:900;transition:transform .1s,filter .2s;display:flex}.tf-btn small{font-size:.95rem;font-weight:700}.tf-btn.yes{background:linear-gradient(160deg,#22c55e,#15803d);box-shadow:0 6px #14532d}.tf-btn.no{background:linear-gradient(160deg,#ef4444,#b91c1c);box-shadow:0 6px #7f1d1d}.tf-btn:hover{filter:brightness(1.08)}.tf-btn:active{transform:translateY(4px);box-shadow:0 2px #0006}.g2048,.sudoku{flex-direction:column;gap:12px;width:min(92vw,440px);display:flex}.g2048-top{align-items:center;gap:8px;display:flex}.g2048-top .btn{margin-left:auto}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;min-width:70px;padding:6px 12px;display:flex}.stat small{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.68rem}.stat b{font-size:1.15rem;animation:.25s both pop}.g2048-board{--gap:2.4%;--cell:calc((100% - var(--gap) * 5) / 4);aspect-ratio:1;width:100%;padding:var(--gap);gap:var(--gap);touch-action:none;-webkit-user-select:none;user-select:none;background:#3a3350;border-radius:16px;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.g2048-cell{background:#ffffff12;border-radius:10px}.tile{width:var(--cell);height:var(--cell);left:calc(var(--gap) + var(--c) * (var(--cell) + var(--gap)));top:calc(var(--gap) + var(--r) * (var(--cell) + var(--gap)));color:#fff;z-index:2;border-radius:10px;place-items:center;font-size:clamp(1.2rem,7vw,2.2rem);font-weight:900;transition:left .11s ease-out,top .11s ease-out;display:grid;position:absolute}.tile.gone{z-index:1}.tile.new{animation:.2s .1s both tile-in}.tile.merged{z-index:3;animation:.2s .1s tile-bump}@keyframes tile-in{0%{transform:scale(0)}}@keyframes tile-bump{50%{transform:scale(1.15)}}.tile.v2{color:#5b4b3c;background:#eee4da}.tile.v4{color:#5b4b3c;background:#ede0c8}.tile.v8{background:#f2b179}.tile.v16{background:#f59563}.tile.v32{background:#f67c5f}.tile.v64{background:#f65e3b}.tile.v128{background:#edcf72;font-size:clamp(1rem,6vw,1.9rem)}.tile.v256{background:#edcc61;font-size:clamp(1rem,6vw,1.9rem)}.tile.v512{background:#edc850;font-size:clamp(1rem,6vw,1.9rem)}.tile.v1024{background:#8b5cf6;font-size:clamp(.9rem,5vw,1.6rem)}.tile.v2048{background:#14b8a6;font-size:clamp(.9rem,5vw,1.6rem);box-shadow:0 0 24px #14b8a6}.tile.v4096{background:#0f172a;font-size:clamp(.9rem,5vw,1.6rem)}.g2048-over{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#0f1020d1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.g2048-over h2,.g2048-over p{margin:0}.size-tabs{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:flex}.size-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 10px;font-size:.85rem;font-weight:600}.size-tabs button.on{background:var(--accent);color:#fff}.sudoku .stat{margin-left:auto}.sd-board{aspect-ratio:1;grid-template-columns:repeat(var(--n), 1fr);background:#fbfaff;border:3px solid #c4b5fd;border-radius:14px;width:100%;display:grid;position:relative;overflow:hidden}.sd-cell{cursor:pointer;color:#6d28d9;background:#fbfaff;border:1px solid #ddd6fe;border-top:0;border-left:0;font-size:clamp(1.3rem,8vw,2.2rem);font-weight:700;transition:background .15s}.sd-cell.given{color:#1e1b4b;background:#f1edff;font-weight:900}.sd-cell.line{background:#ede9fe}.sd-cell.same{background:#ddd6fe}.sd-cell.sel{background:#c4b5fd}.sd-cell.bad{color:#dc2626;background:#fee2e2}.sd-cell.edge-r{border-right:3px solid #a78bfa}.sd-cell.edge-b{border-bottom:3px solid #a78bfa}.sd-pad{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sd-pad button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:14px;width:52px;height:52px;font-size:1.4rem;font-weight:800;transition:transform .1s,background .2s}.sd-pad button:hover:not(:disabled){background:#8b5cf640}.sd-pad button:active:not(:disabled){transform:scale(.92)}.sd-pad button:disabled{opacity:.35;cursor:default}.pcard.gone,.chip.gone{opacity:.45;filter:grayscale(.7)}.yard.out{filter:grayscale(.85)brightness(.9)}.result-note{margin:-4px 0 0}.left-toast{z-index:45;border:1px solid var(--line);white-space:nowrap;background:#0f1020f2;border-radius:99px;padding:10px 16px;font-weight:700;animation:3s forwards toast-top;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -10px #000c}@keyframes toast-top{0%{opacity:0;transform:translate(-50%,-20px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.landing{--px:0;--py:0;flex-direction:column;align-items:center;gap:22px;min-height:100dvh;padding:34px 16px 40px;display:flex;position:relative;overflow-x:clip}.floaters{pointer-events:none;z-index:0;position:fixed;inset:0}.floaters span{opacity:.18;filter:saturate(1.2);translate:calc(var(--px) * var(--d) * -40px) calc(var(--py) * var(--d) * -40px);transition:translate .4s ease-out;animation:7s ease-in-out infinite alternate drift;position:absolute}@keyframes drift{0%{transform:translateY(0)rotate(-8deg)}to{transform:translateY(-22px)rotate(10deg)}}.landing>:not(.floaters):not(.particles):not(.neon-grid){z-index:1;position:relative}.hero{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:720px;display:flex}.hero h1{letter-spacing:-.03em;margin:4px 0 0;font-size:clamp(2rem,7vw,3.6rem);line-height:1.1}.hero-sub{max-width:520px;margin:0}.hero-chip{color:#bbf7d0;background:#22c55e1a;border:1px solid #22c55e59;border-radius:99px;align-items:center;gap:8px;margin:6px 0 0;padding:6px 12px;font-size:.8rem;display:inline-flex}.live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.6s infinite live;box-shadow:0 0 #22c55eb3}@keyframes live{70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.rotator{white-space:nowrap;height:1.2em;font-size:clamp(1.6rem,8.5vw,3.6rem);line-height:1.2;display:block}.rotator span{animation:.5s cubic-bezier(.2,.9,.3,1.3) both word-in;display:inline-block}@keyframes word-in{0%{opacity:0;transform:translateY(40%)scale(.9)}}.stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.stats span{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:7px 12px;font-size:.82rem}.stats b{color:var(--text);margin-right:2px;font-size:1rem}.home-panel.glow{position:relative}.home-panel.glow:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--angle,0deg), transparent 0 70%, #8b5cf6, #22c55e, transparent 100%);-webkit-mask-composite:xor;padding:1px;animation:5s linear infinite spin-border;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin-border{to{--angle:360deg}}.field small{color:var(--muted);opacity:.8;font-weight:400}.tabs{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:center;gap:4px;padding:5px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:9px 14px;font-weight:700;transition:all .2s}.tabs button:hover{color:var(--text)}.tabs button.on{color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 8px 20px -8px #8b5cf6}.landing .game-grid{width:min(960px,100%)}.game-card.tilt{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;min-height:150px;transition:transform .15s ease-out,box-shadow .2s,border-color .2s}.game-card.tilt:hover:not(:disabled){transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-4px)}.glare{pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx) var(--gy), #ffffff2e, transparent 55%);transition:opacity .2s;position:absolute;inset:0}.game-card.tilt:hover .glare{opacity:1}.game-card .gc-emoji{font-size:2.4rem}.game-card:hover .gc-emoji{animation:.6s ease-in-out wiggle}@keyframes wiggle{25%{transform:rotate(-12deg)scale(1.15)}50%{transform:rotate(10deg)scale(1.2)}75%{transform:rotate(-4deg)scale(1.1)}}.gc-foot{justify-content:space-between;align-items:center;gap:6px;width:100%;margin-top:auto;padding-top:8px;display:flex}.gc-foot .gc-players{margin:0}.gc-foot .gc-cta{opacity:.85;position:static;transform:none}.game-card:hover .gc-cta{opacity:1}.badge{letter-spacing:.08em;border-radius:99px;padding:3px 8px;font-size:.65rem;font-weight:900;position:absolute;top:12px;right:12px}.badge.new{color:#052e16;background:#22c55e;animation:1.6s ease-in-out infinite pulse-badge}.badge.hot{color:#fff;background:#f97316;animation:1.6s ease-in-out infinite pulse-badge}@keyframes pulse-badge{50%{transform:scale(1.1)}}.gc-solo-mathladder{--g1:#eab308;--g2:#14b8a6}.steps{grid-template-columns:repeat(3,1fr);gap:10px;width:min(760px,100%);display:grid}.step{text-align:center;background:var(--panel);border:1px dashed var(--line);animation:.5s both fade-in;animation-delay:calc(var(--i) * .12s + .3s);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;display:flex}.step-emoji{animation:2s ease-in-out infinite bob;animation-delay:calc(var(--i) * .3s);font-size:1.8rem}@media (width<=480px){.landing .game-grid{grid-template-columns:1fr 1fr}.game-card.tilt{min-height:132px}.gc-foot .gc-cta{display:none}.steps{grid-template-columns:1fr}.step{flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 14px}.step-emoji{font-size:1.4rem}.floaters span{opacity:.12}}.ml-stage{isolation:isolate;border-radius:28px;justify-content:center;width:min(100%,900px);padding:8px 0 24px;display:flex;position:relative;overflow:clip}.ml-beams{z-index:-1;pointer-events:none;opacity:.55;background:conic-gradient(from 200deg at 20% 0%, transparent 0 20deg, #eab3082e 28deg, transparent 38deg), conic-gradient(from 140deg at 80% 0%, transparent 0 20deg, #14b8a62e 28deg, transparent 38deg), radial-gradient(ellipse at 50% 110%, #eab3082e, transparent 60%);animation:6s ease-in-out infinite alternate beams;position:absolute;inset:-20% -10% 0}@keyframes beams{to{opacity:.8;transform:translate(4%)rotate(2deg)}}.ml-card{text-align:center;align-items:center;margin-top:20px}.ml-card p{margin:0}.ml-trophy{filter:drop-shadow(0 0 20px #eab30899);font-size:4rem;animation:2s ease-in-out infinite bob}.ml-lifelines-info{gap:8px;display:flex}.ml-lifelines-info span{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:.85rem}.ml-reason{font-size:1.1rem;font-weight:700}.ml-layout{grid-template-columns:minmax(0,1fr) 210px;gap:16px;width:100%;padding:0 12px;display:grid}.ml-main{flex-direction:column;gap:14px;min-width:0;display:flex}.ml-head{align-items:center;gap:10px;display:flex}.ml-step{font-size:1.2rem;font-weight:900}.ml-step small{color:var(--muted);font-weight:600}.ml-for{color:var(--muted);font-size:.9rem}.ml-for b{color:#fde047}.ml-clock{--p:1;background:conic-gradient(#14b8a6 calc(var(--p) * 360deg), #ffffff14 0);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;margin-left:auto;transition:background .3s;display:grid}.ml-clock i{background:var(--bg);border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.1rem;font-style:normal;font-weight:900;display:grid}.ml-clock.low{background:conic-gradient(#ef4444 calc(var(--p) * 360deg), #ffffff14 0);animation:.5s ease-in-out infinite bob}.ml-question{text-align:center;background:linear-gradient(160deg,#eab30824,#14b8a61a),#0a0c1ccc;border:2px solid #eab30873;border-radius:24px;place-items:center;min-height:130px;padding:20px;animation:.5s cubic-bezier(.2,.9,.3,1.2) both q-in;display:grid;position:relative;box-shadow:0 0 40px -10px #eab30880,inset 0 0 30px #0006}.ml-question span{letter-spacing:.02em;text-shadow:0 0 20px #eab30859;font-size:clamp(2rem,8vw,3.2rem);font-weight:900}@keyframes q-in{0%{opacity:0;transform:scale(.9)translateY(10px)}}.ml-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ml-opt{cursor:pointer;text-align:left;background:#0a0c1cbf;border:2px solid #14b8a666;border-radius:18px;align-items:center;gap:12px;padding:16px;font-size:1.45rem;font-weight:800;transition:transform .12s,background .2s,border-color .2s,opacity .3s;animation:.35s both fade-in;display:flex}.ml-opt:nth-child(2){animation-delay:60ms}.ml-opt:nth-child(3){animation-delay:.12s}.ml-opt:nth-child(4){animation-delay:.18s}.ml-opt b{color:#5eead4;background:#14b8a633;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:.9rem;display:grid}.ml-opt:hover:not(:disabled){background:#14b8a629;border-color:#14b8a6;transform:translateY(-2px)}.ml-opt:disabled{cursor:default}.ml-opt.gone{opacity:.15}.ml-opt.locked{background:#f59e0b40;border-color:#f59e0b;animation:.5s ease-in-out infinite alternate locked}.ml-opt.locked b{color:#1c1917;background:#f59e0b}@keyframes locked{to{box-shadow:0 0 26px #f59e0bb3}}.ml-opt.right{background:#22c55e4d;border-color:#22c55e;animation:.35s ease-in-out 3 right-flash}.ml-opt.right b{color:#052e16;background:#22c55e}@keyframes right-flash{50%{transform:scale(1.03);box-shadow:0 0 34px #22c55ee6}}.ml-opt.wrong{background:#ef44444d;border-color:#ef4444;animation:.4s shake}.ml-opt.wrong b{color:#fff;background:#ef4444}.ml-tools{flex-wrap:wrap;gap:8px;display:flex}.ml-tools button{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:8px 10px;font-size:1.3rem;transition:all .15s;display:flex}.ml-tools button small{color:var(--muted);font-size:.7rem;font-weight:700}.ml-tools button:hover:not(:disabled){border-color:#eab308;transform:translateY(-2px)}.ml-tools button:disabled{opacity:.35;cursor:default;text-decoration:line-through}.ml-tools .ml-quit{margin-left:auto;text-decoration:none!important}.ml-ladder{border:1px solid var(--line);background:#0a0c1cb3;border-radius:18px;flex-direction:column-reverse;align-self:start;gap:3px;margin:0;padding:8px;list-style:none;display:flex;position:relative}.ml-ladder li{color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:5px 10px;font-size:.85rem;transition:all .3s;display:flex}.ml-ladder li span{text-align:right;width:20px;font-weight:700}.ml-ladder li.safe{color:#fde047}.ml-ladder li.safe b:after{content:" ★"}.ml-ladder li.done{color:#86efac}.ml-ladder li.now{color:#1c1917;background:linear-gradient(90deg,#eab308,#f59e0b);font-weight:900;transform:scale(1.05);box-shadow:0 0 20px #eab30880}.confetti.fixed{z-index:50;position:fixed}@media (width<=720px){.ml-layout{grid-template-columns:1fr;padding:0}.ml-ladder{scrollbar-width:none;flex-direction:row;order:-1;padding:6px;overflow-x:auto}.ml-ladder li{flex-direction:column;flex:none;gap:0;padding:4px 8px;font-size:.7rem}.ml-ladder li span{width:auto}.ml-opt{padding:12px;font-size:1.2rem}}.gc-teen{--g1:#10b981;--g2:#0ea5e9}.card{--w:clamp(48px, 13vw, 70px);width:var(--w);aspect-ratio:5/7;border-radius:calc(var(--w) * .12);color:#0f172a;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#fff,#f1f5f9);border:1px solid #cbd5e1;flex:none;padding:0;font-weight:800;display:inline-block;position:relative;box-shadow:0 3px 8px #00000059}.card.red{color:#dc2626}.card .corner{font-size:calc(var(--w) * .24);text-align:center;line-height:1;position:absolute;top:5%;left:8%}.card .pip{font-size:calc(var(--w) * .5);place-items:center;padding-top:12%;display:grid;position:absolute;inset:0}.card.back{background:repeating-linear-gradient(45deg,#4338ca 0 6px,#6366f1 6px 12px);border:3px solid #fff}.card.small{--w:22px;border-width:2px;box-shadow:0 1px 3px #0006}button.card{cursor:default;transition:transform .15s,box-shadow .15s,filter .2s}button.card.playable{cursor:pointer;box-shadow:0 0 0 2px #facc15,0 6px 16px #facc1559}button.card.playable:hover{transform:translateY(-14px)}button.card.dim{filter:brightness(.55)}.teen{flex-direction:column;gap:10px;width:min(96vw,620px);display:flex}.teen-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;display:flex}.teen-bar b{color:var(--text)}.teen-trump{color:#0f172a;background:#f8fafc;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.teen-trump b{color:#0f172a;font-size:1.4rem;line-height:1}.teen-trump.red b{color:#dc2626}.teen-trump.none{background:var(--panel);color:var(--muted)}.teen-trump i{font-style:normal}.teen-table{background:radial-gradient(#15803d 0%,#166534 55%,#14532d 100%);border:6px solid #78350f;border-radius:26px;min-height:230px;padding:12px;position:relative;box-shadow:inset 0 0 40px #00000073,0 20px 40px -20px #000c}.teen-seat{background:#00000059;border:2px solid #0000;border-radius:14px;flex-direction:column;gap:3px;padding:6px 10px;transition:all .3s;display:flex}.teen-arena{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right""table table";gap:10px;display:grid}.teen-seat.left{grid-area:left}.teen-seat.right{text-align:right;grid-area:right;align-items:flex-end}.teen-arena .teen-table{grid-area:table}.teen-seat.left,.teen-seat.right{background:var(--panel);border-color:color-mix(in srgb, var(--c) 35%, transparent)}.teen-seat.left.turn,.teen-seat.right.turn{border-color:var(--c)}@media (width>=700px){.teen-arena{grid-template-columns:minmax(120px,190px) minmax(0,1fr) minmax(120px,190px);grid-template-areas:"left table right";align-items:center}.teen-seat.left,.teen-seat.right{text-align:center;align-items:center;padding:14px 10px}.teen-seat.left .teen-backs,.teen-seat.right .teen-backs{justify-content:center}.teen-arena .teen-table{min-height:300px}}.teen-seat.me{background:var(--panel);flex-direction:row;justify-content:center;gap:12px}.teen-seat.turn{border-color:var(--c);box-shadow:0 0 18px color-mix(in srgb, var(--c) 60%, transparent)}.teen-seat strong{color:var(--text);font-size:.85rem}.teen-target{color:var(--muted);font-size:.8rem}.teen-target b{color:var(--text);font-size:1rem}.teen-target em{font-style:normal}.teen-backs{margin-top:2px;display:flex}.teen-backs .card{margin-left:-12px}.teen-backs .card:first-child{margin-left:0}.teen-trick{place-items:center;display:grid;position:absolute;inset:10px 0 36px}.teen-trick .card{position:absolute}.teen-trick .from-left{transform:translate(calc(var(--w) * -.9), calc(var(--w) * -.25)) rotate(-10deg);animation:.3s ease-out both in-left}.teen-trick .from-right{transform:translate(calc(var(--w) * .9), calc(var(--w) * -.25)) rotate(10deg);animation:.3s ease-out both in-right}.teen-trick .from-me{transform:translate(0, calc(var(--w) * .45));animation:.3s ease-out both in-me}.teen-trick .winner{z-index:2;box-shadow:0 0 0 3px #facc15,0 0 28px #facc15}@keyframes in-left{0%{opacity:0;transform:translate(-260%,-60%)rotate(-40deg)}}@keyframes in-right{0%{opacity:0;transform:translate(260%,-60%)rotate(40deg)}}@keyframes in-me{0%{opacity:0;transform:translateY(180%)}}.teen-won,.teen-wait{color:#fef9c3;background:#0000008c;border-radius:99px;padding:6px 12px;font-size:.85rem;font-weight:700;animation:.3s both fade-in;position:absolute;bottom:0}.teen-pick,.teen-summary{z-index:5;text-align:center;background:#05140ce6;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;inset:10px}.teen-pick p{color:#d1fae5;margin:0}.teen-suits{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.teen-suits button{cursor:pointer;color:#0f172a;background:#f8fafc;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;transition:transform .15s;display:flex}.teen-suits button span{font-size:2.2rem;line-height:1}.teen-suits button small{color:#475569;font-size:.7rem;font-weight:700}.teen-suits button.red span{color:#dc2626}.teen-suits button:hover{transform:translateY(-4px);box-shadow:0 0 0 3px #facc15}.teen-summary h3{color:#fef9c3;margin:0}.teen-summary table{border-collapse:collapse;font-size:.9rem}.teen-summary th{color:#a7f3d0;padding:4px 10px;font-size:.75rem;font-weight:600}.teen-summary td{padding:6px 10px}.teen-summary td:first-child{text-align:left;font-weight:700}.teen-summary td i{background:var(--c);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.teen-summary .up{color:#4ade80;font-weight:800}.teen-summary .down{color:#f87171;font-weight:800}.teen-hand{justify-content:center;padding:16px 0 6px;display:flex}.teen-hand .card{margin-left:calc(var(--w) * -.42);animation:.35s both deal-in;animation-delay:calc(var(--i) * 40ms)}.teen-hand .card:first-child{margin-left:0}@keyframes deal-in{0%{opacity:0;transform:translateY(-40px)rotate(-8deg)}}@media (width>=560px){.teen-hand .card{margin-left:calc(var(--w) * -.25)}}.teen-deal{flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.deck-shuffle{width:80px;height:110px;position:relative}.deck-shuffle .card{--w:78px;animation:.6s ease-in-out infinite alternate shuffle;animation-delay:calc(var(--i) * .1s);position:absolute;inset:0}@keyframes shuffle{to{transform:translateX(calc((var(--i) - 1.5) * 18px)) rotate(calc((var(--i) - 1.5) * 8deg))}}@media (width<=420px){.teen-suits{grid-template-columns:1fr 1fr}.teen-suits button{flex-direction:row;justify-content:center;gap:8px;padding:8px}.teen-suits button span{font-size:1.6rem}.teen-table{min-height:240px}}.game.full.game-teen{justify-content:flex-start}.game.full.game-teen .shell{flex:1;align-items:stretch;width:min(98vw,1600px);min-height:0}.game.full.game-teen .chips{display:none}.game.full.game-teen .shell-board{flex:1;width:100%;min-height:0}.game.full .teen{width:100%;height:100%;min-height:0}.game.full .teen-arena{flex:1;grid-template-rows:auto minmax(160px,1fr);min-height:0}.game.full .teen-arena .teen-table{height:100%;min-height:160px}.game.full .teen .card{--w:clamp(46px, min(6.5vw, 10vh), 130px)}.game.full .teen .card.small{--w:clamp(20px, min(2.2vw, 3.4vh), 42px)}.game.full .teen-bar{font-size:clamp(.85rem,1.3vw,1.1rem)}.game.full .teen-seat strong{font-size:clamp(.85rem,1.3vw,1.2rem)}.game.full .teen-target{font-size:clamp(.8rem,1.2vw,1.05rem)}.game.full .teen-hand{padding-top:calc(8px + min(6.5vw,10vh)/5);padding-bottom:0}.game.full .teen-suits button span{font-size:clamp(2rem,5vh,3.4rem)}@media (width>=700px){.game.full .teen-arena{grid-template-rows:1fr;grid-template-columns:minmax(140px,15vw) minmax(0,1fr) minmax(140px,15vw)}.game.full .teen-hand .card{margin-left:calc(var(--w) * -.2)}.game.full .teen-hand .card:first-child{margin-left:0}}.game-teen .shell{width:min(96vw,900px)}.game-teen .shell-board,.game-teen .teen{width:100%}.particles{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.neon-grid{z-index:0;pointer-events:none;transform-origin:top;opacity:.45;background:linear-gradient(#8b5cf659 1px,#0000 1px) 0 0/60px 60px,linear-gradient(90deg,#8b5cf659 1px,#0000 1px) 0 0/60px 60px;height:55vh;animation:3s linear infinite grid-run;position:fixed;bottom:-10vh;left:-50%;right:-50%;transform:perspective(420px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 15%,#000000e6);mask-image:linear-gradient(#0000 15%,#000000e6)}@keyframes grid-run{to{background-position:0 60px,0 60px}}.dice3d-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.dice3d-stage{--s:92px;width:var(--s);height:var(--s);perspective:600px;cursor:pointer;background:0 0;border:0;padding:0;position:relative}.dice3d{transform-style:preserve-3d;transition:transform .95s cubic-bezier(.2,.8,.25,1);position:absolute;inset:0}.dice3d-stage:not(.rolling) .dice3d{animation:4s ease-in-out infinite dice-float}@keyframes dice-float{50%{translate:0 -8px}}.dface{backface-visibility:hidden;background:linear-gradient(145deg,#fff,#dfe3ee);border-radius:18%;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:2%;padding:14%;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 14px #6366f140,0 0 0 2px #fff9}.dface i{border-radius:50%;place-self:center;width:70%;height:70%}.dface i.on{background:radial-gradient(circle at 35% 35%,#4c1d95,#1e1b4b);box-shadow:inset 0 2px 3px #00000080}.dface.front{transform:translateZ(calc(var(--s) / 2))}.dface.back{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.dface.right{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.dface.left{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.dface.top{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.dface.bottom{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.dice3d-shadow{filter:blur(2px);background:radial-gradient(#8b5cf68c,#0000 70%);border-radius:50%;height:14px;position:absolute;bottom:-22px;left:10%;right:10%}.dice3d-stage:hover .dice3d-shadow{background:radial-gradient(#22c55e99,#0000 70%)}.dice3d-msg{color:#fde047;letter-spacing:.04em;min-height:1.2em;margin-top:12px;font-size:.8rem;font-weight:700;animation:.3s both pop}.brand-title{letter-spacing:.12em;color:#fff;text-shadow:0 0 6px #a78bfa,0 0 18px #8b5cf6,0 0 38px #6d28d9;margin:2px 0 0;font-family:Orbitron,Inter,sans-serif;font-size:clamp(1.9rem,8vw,3.4rem);font-weight:900;animation:6s infinite neon-flicker;position:relative}.brand-title:after{content:attr(data-text);color:#22d3ee;mix-blend-mode:screen;opacity:0;pointer-events:none;animation:6s infinite glitch;position:absolute;inset:0}@keyframes neon-flicker{0%,18%,22%,60%,to{opacity:1}20%{opacity:.55}61%{opacity:.8}}@keyframes glitch{0%,88%,to{opacity:0;transform:none}89%{opacity:.8;clip-path:inset(10% 0 55%);transform:translate(-3px,1px)}91%{opacity:.8;clip-path:inset(55% 0 10%);transform:translate(3px,-1px)}93%{opacity:0}}.hero h1{font-size:clamp(1.5rem,5vw,2.6rem)}.online-badge{color:#bbf7d0;background:#22c55e1f;border:1px solid #22c55e66;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;display:inline-flex}.online-badge b{color:#fff}.press-start{color:#fff;letter-spacing:.14em;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:14px;margin-top:8px;padding:14px 28px;font-family:Orbitron,Inter,sans-serif;font-size:.95rem;font-weight:900;text-decoration:none;transition:transform .1s,box-shadow .1s;animation:1.4s ease-in-out infinite press;box-shadow:0 6px #14532d,0 0 30px #22c55e73}.press-start:hover{filter:brightness(1.1)}.press-start:active{animation:none;transform:translateY(5px);box-shadow:0 1px #14532d}@keyframes press{50%{box-shadow:0 6px #14532d,0 0 50px #22c55ebf}}.ticker{background:linear-gradient(90deg,#8b5cf624,#22c55e1a);border-block:1px solid #8b5cf659;width:100vw;padding:10px 0;overflow:hidden}.ticker-track{gap:40px;width:max-content;animation:40s linear infinite ticker;display:flex}.ticker-track span{letter-spacing:.12em;color:#c4b5fd;white-space:nowrap;font-family:Orbitron,Inter,sans-serif;font-size:.8rem;font-weight:700}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translate(-50%)}}.game-card.tilt:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:conic-gradient(from var(--angle,0deg), var(--g1), var(--g2), #fde047, var(--g1));-webkit-mask-composite:xor;padding:1.5px;transition:opacity .25s;animation:3s linear infinite spin-border;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.game-card.tilt:hover:before{opacity:1}.gc-play{letter-spacing:.1em;color:#0f1020;opacity:0;z-index:2;background:#fde047;border-radius:99px;padding:5px 10px;font-family:Orbitron,Inter,sans-serif;font-size:.7rem;font-weight:900;transition:all .2s;position:absolute;bottom:12px;right:12px;transform:translateY(8px)}.game-card.tilt:hover .gc-play{opacity:1;transform:none}.game-card.tilt:hover .gc-cta{opacity:0}.game-card.tilt{animation:.55s cubic-bezier(.2,.9,.3,1.2) both card-in;animation-delay:calc(var(--i) * 45ms + .1s)}@keyframes card-in{0%{opacity:0;transform:perspective(800px)rotateX(35deg)translateY(30px)scale(.92)}}.spark{z-index:60;pointer-events:none;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;animation:.6s ease-out forwards spark;position:fixed}@keyframes spark{to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}.site-footer{border-top:1px solid var(--line);text-align:center;width:min(960px,100%);color:var(--muted);flex-direction:column;gap:8px;margin-top:20px;padding:22px 18px 8px;font-size:.85rem;display:flex}.foot-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.foot-brand{letter-spacing:.12em;color:var(--text);font-family:Orbitron,Inter,sans-serif;font-weight:900}.site-footer nav{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.site-footer a{color:#c4b5fd;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer details{text-align:left;max-width:320px}.site-footer summary{cursor:pointer;color:#c4b5fd;list-style:none}.site-footer summary::-webkit-details-marker{display:none}.site-footer details p{margin:6px 0 0;font-size:.8rem;line-height:1.5}.copyright{color:var(--text);margin:6px 0 0;font-weight:600}.fineprint{opacity:.75;margin:0;font-size:.75rem}@media (width<=560px){.foot-top{text-align:center;justify-content:center}}@media (prefers-reduced-motion:reduce){.neon-grid,.ticker-track,.brand-title,.brand-title:after{animation:none!important}}