*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:root{--bg: #04080f;--surface: #090f1a;--surface2: #0c1520;--gold: #ffd700;--gold-dim: #c8a84b;--gold-dark: rgba(255,215,0,.15);--navy: #060c17;--text: #e8dcc8;--muted: #4a6070;--x-red: #d63031;--x-red-dim: rgba(214,48,49,.18);--o-blue: #2d6fcf;--o-blue-dim: rgba(45,111,207,.18);--glow-gold: 0 0 10px rgba(255,215,0,.6), 0 0 28px rgba(255,215,0,.25);--glow-gold-sm: 0 0 6px rgba(255,215,0,.4);--cyan: #00fff5;--pink: #ff2d78;--yellow: #ffe000;--green: #00ff41;--red: #ff3333;--glow-c: 0 0 6px var(--cyan), 0 0 18px var(--cyan);--glow-p: 0 0 6px var(--pink), 0 0 18px var(--pink);--glow-y: 0 0 6px var(--yellow),0 0 18px var(--yellow);--glow-g: 0 0 6px var(--green), 0 0 18px var(--green);--font: "Space Grotesk", sans-serif;--font-arcade: "Press Start 2P", monospace;--radius: 8px}[data-theme=red]{--gold: #ff4040;--gold-dim: #cc2222;--gold-dark: rgba(255,64,64,.15);--glow-gold: 0 0 10px rgba(255,64,64,.6), 0 0 28px rgba(255,64,64,.25);--glow-gold-sm: 0 0 6px rgba(255,64,64,.4)}[data-theme=blue]{--gold: #00b4ff;--gold-dim: #0088cc;--gold-dark: rgba(0,180,255,.15);--glow-gold: 0 0 10px rgba(0,180,255,.6), 0 0 28px rgba(0,180,255,.25);--glow-gold-sm: 0 0 6px rgba(0,180,255,.4)}[data-theme=green]{--gold: #00ff6a;--gold-dim: #00cc55;--gold-dark: rgba(0,255,106,.15);--glow-gold: 0 0 10px rgba(0,255,106,.6), 0 0 28px rgba(0,255,106,.25);--glow-gold-sm: 0 0 6px rgba(0,255,106,.4)}[data-theme=purple]{--gold: #bf5fff;--gold-dim: #9933cc;--gold-dark: rgba(191,95,255,.15);--glow-gold: 0 0 10px rgba(191,95,255,.6), 0 0 28px rgba(191,95,255,.25);--glow-gold-sm: 0 0 6px rgba(191,95,255,.4)}[data-theme=pink]{--gold: #ff2d78;--gold-dim: #cc2260;--gold-dark: rgba(255,45,120,.15);--glow-gold: 0 0 10px rgba(255,45,120,.6), 0 0 28px rgba(255,45,120,.25);--glow-gold-sm: 0 0 6px rgba(255,45,120,.4)}[data-theme=cyan]{--gold: #00fff5;--gold-dim: #00cccc;--gold-dark: rgba(0,255,245,.15);--glow-gold: 0 0 10px rgba(0,255,245,.6), 0 0 28px rgba(0,255,245,.25);--glow-gold-sm: 0 0 6px rgba(0,255,245,.4)}[data-theme=orange]{--gold: #ff8c00;--gold-dim: #cc6600;--gold-dark: rgba(255,140,0,.15);--glow-gold: 0 0 10px rgba(255,140,0,.6), 0 0 28px rgba(255,140,0,.25);--glow-gold-sm: 0 0 6px rgba(255,140,0,.4)}[data-theme=white]{--gold: #f0f0f0;--gold-dim: #b8b8b8;--gold-dark: rgba(240,240,240,.15);--glow-gold: 0 0 10px rgba(240,240,240,.6), 0 0 28px rgba(240,240,240,.25);--glow-gold-sm: 0 0 6px rgba(240,240,240,.4)}html{font-size:14px}@media (max-width: 600px){html{font-size:17px}}body{font-family:var(--font);background:url(../images/bg-logo.png) center center / cover no-repeat fixed var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}#game-overlay.active:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px);pointer-events:none;z-index:9998}#insert-coin-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;z-index:50;opacity:1;transition:opacity .4s}#insert-coin-screen.hiding{opacity:0;pointer-events:none}#lobby-layer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:10;opacity:0;pointer-events:none;transition:opacity .4s;background:var(--bg)}#lobby-layer.active{opacity:1;pointer-events:all}.waiting-panel-wrap{display:flex;align-items:center;justify-content:center;flex:1}.waiting-panel-wrap[hidden],#lobby-panels[hidden]{display:none}#game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;transform:translateY(100%);transition:transform .35s ease;background-color:var(--bg);padding-bottom:env(safe-area-inset-bottom,0px)}#game-overlay.active{transform:translateY(0)}#game-overlay,.result-overlay,.coinflip-overlay{font-family:var(--font-arcade);--font: var(--font-arcade)}.menu-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:2rem 2rem 4rem;min-height:100vh}.title-block{text-align:center}.game-title{font-size:clamp(1.4rem,5vw,3rem);line-height:1.2;color:var(--gold);text-shadow:var(--glow-gold);letter-spacing:.12em}.title-sub{font-size:.55rem;color:var(--gold-dim);letter-spacing:.35em;margin-top:.5rem}.menu-form{display:flex;flex-direction:column;align-items:center;gap:1rem;width:auto;max-width:240px;background:#0b18288c;border:1px solid rgba(255,215,0,.2);box-shadow:0 4px 18px #0006,inset 0 1px #ffd70014;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:.9rem 1.1rem}.menu-credits{font-size:.75rem;color:var(--muted);letter-spacing:.04em}#bottom-toolbar{position:fixed;bottom:0;left:0;right:0;display:none;justify-content:space-around;align-items:stretch;background:#04060cfa;border-top:1px solid rgba(255,215,0,.25);box-shadow:0 -4px 24px #000000b3;padding-bottom:env(safe-area-inset-bottom,0px);z-index:200}#bottom-toolbar.visible{display:flex}.toolbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:none;border:none;cursor:pointer;padding:.55rem .4rem;flex:1;transition:background .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:56px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar-btn:active{background:#ffd7001a}.toolbar-btn[hidden]{display:none}.toolbar-icon{display:flex;align-items:center;justify-content:center;opacity:.4;transition:opacity .15s}.toolbar-icon svg{width:1.4rem;height:1.4rem;display:block;color:var(--text);transition:color .15s}.toolbar-btn.active .toolbar-icon svg{color:var(--gold)}.toolbar-label{font-family:var(--font);font-size:.6rem;color:var(--muted);letter-spacing:.02em;transition:color .15s;line-height:1}.toolbar-btn.active .toolbar-icon{opacity:1}.toolbar-btn.active .toolbar-label{color:var(--gold)}.toolbar-btn.active{position:relative}.toolbar-btn.active:after{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--gold);border-radius:0 0 2px 2px;box-shadow:0 0 6px #ffd70099}.toolbar-overlay{position:fixed;top:0;right:0;left:0;bottom:60px;z-index:150;display:flex;align-items:flex-end;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toolbar-overlay[hidden]{display:none}.toolbar-sheet{width:100%;max-width:480px;max-height:75vh;overflow-y:auto;background:#081222f7;border:1px solid rgba(255,215,0,.2);border-bottom:none;border-radius:16px 16px 0 0;padding:1.2rem 1rem 1.5rem;box-shadow:0 -8px 32px #0009}.sheet-header{display:flex;justify-content:center;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,215,0,.15)}.sheet-title{font-family:var(--font);font-size:.9rem;color:var(--gold);letter-spacing:.04em;text-shadow:var(--glow-gold)}.sheet-sub{font-family:var(--font);font-size:.75rem;color:var(--muted);text-align:center;letter-spacing:.02em;margin-bottom:.8rem}.sheet-loading,.sheet-coming-soon{font-family:var(--font);font-size:.8rem;color:var(--muted);text-align:center;padding:2rem 0;letter-spacing:.03em}.sheet-coming-soon{color:var(--gold-dim);font-size:.95rem;padding:2.5rem 0 .5rem}.rankings-list{display:flex;flex-direction:column;gap:.5rem}.ranking-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;background:#ffd7000a;border:1px solid rgba(255,215,0,.1);border-radius:8px}.ranking-pos{font-family:var(--font);font-size:.8rem;color:var(--muted);min-width:1.4rem;text-align:center}.ranking-pos.top3{color:var(--gold);text-shadow:var(--glow-gold)}.ranking-avatar{width:28px;height:28px;border-radius:4px;border:1px solid rgba(255,215,0,.3);image-rendering:pixelated}.ranking-name{font-family:var(--font);font-size:.75rem;color:var(--text);letter-spacing:.01em;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-wins{font-family:var(--font);font-size:.75rem;color:var(--cyan);text-shadow:var(--glow-c);margin-left:auto;white-space:nowrap}.recargar-chips{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:.5rem 0 1rem}.recargar-chip{font-family:var(--font);font-size:.9rem;padding:.7rem 1.2rem;background:#060e1ccc;border:1px solid rgba(255,215,0,.4);color:var(--gold-dim);border-radius:50px;cursor:pointer;transition:background .15s,box-shadow .15s,color .15s;letter-spacing:.02em}.recargar-chip:hover{background:#ffd7002e;color:var(--gold);box-shadow:0 0 14px #ffd70066}.recargar-feedback{font-family:var(--font);font-size:.75rem;text-align:center;padding:.5rem;letter-spacing:.03em}.recargar-feedback.ok{color:var(--cyan)}.recargar-feedback.err{color:var(--pink)}.arcade-input{width:100%;background:#060e1cb3;border:1px solid rgba(255,215,0,.35);box-shadow:0 0 6px #ffd7001f;color:var(--text);font-family:var(--font);font-size:.9rem;padding:.7rem 1rem;border-radius:var(--radius);outline:none;text-transform:uppercase;letter-spacing:.04em}.arcade-input::-moz-placeholder{color:var(--muted)}.arcade-input::placeholder{color:var(--muted)}.arcade-input:focus{border-color:var(--gold);box-shadow:0 0 10px #ffd70066,0 0 28px #ffd70026}.btn-arcade{font-family:var(--font);font-size:.9rem;font-weight:600;padding:.85rem 1.5rem;background:linear-gradient(180deg,#ffd7002e,#ffd7000f);color:var(--gold);border:1px solid rgba(255,215,0,.55);box-shadow:0 0 12px #ffd70033,inset 0 1px #ffd70026;border-radius:var(--radius);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;transition:background .18s,box-shadow .18s,border-color .18s;width:100%}.btn-arcade:hover{background:linear-gradient(180deg,#ffd70059,#ffd70024);border-color:var(--gold);box-shadow:0 0 20px #ffd70066,inset 0 1px #ffd70040}.btn-arcade-sm{font-family:var(--font);font-size:.78rem;font-weight:600;padding:.5rem .9rem;background:transparent;color:var(--gold-dim);border:1px solid rgba(255,215,0,.35);box-shadow:0 0 6px #ffd7001f;border-radius:var(--radius);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.btn-arcade-sm:hover{background:#ffd7001f;color:var(--gold);border-color:var(--gold)}.btn-ghost{font-family:var(--font);font-size:.82rem;font-weight:500;padding:.6rem 1.2rem;background:transparent;color:var(--muted);border:1px solid var(--muted);border-radius:var(--radius);cursor:pointer;letter-spacing:.04em}.btn-ghost:hover{color:var(--text);border-color:var(--text)}.btn-danger{font-family:var(--font);font-size:.5rem;padding:.5rem 1rem;background:transparent;color:var(--red);border:1px solid var(--red);border-radius:var(--radius);cursor:pointer;letter-spacing:.1em}.btn-danger:hover{background:var(--red);color:#fff}.app-header{background:#04060c;border-bottom:1px solid rgba(255,215,0,.3);box-shadow:0 2px #ffd7001a,0 4px 28px #000c;padding:.75rem 1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:20}.header-center{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex-shrink:0}.header-title-text{font-family:var(--font);font-size:1.15rem;font-weight:700;color:var(--gold);text-shadow:0 0 10px rgba(255,215,0,.6),0 0 24px rgba(255,215,0,.3);letter-spacing:.02em}.header-title-row{display:flex;align-items:center;position:relative}.header-title-row>.hdr-btn-wrap{position:absolute;left:100%;margin-left:.1rem;top:50%;transform:translateY(-50%)}.btn-title-edit{background:none;border:none;color:var(--gold-dim);font-size:.85rem;cursor:pointer;padding:2px 3px;border-radius:4px;opacity:.7;line-height:1;transition:opacity .15s,color .15s,background .15s}.btn-title-edit:hover{opacity:1;color:var(--gold);background:#ffd70014}.player-badge{font-size:.68rem;font-weight:500;color:var(--gold-dim);border:1px solid rgba(255,215,0,.3);padding:.22rem .55rem;border-radius:4px;box-shadow:var(--glow-gold-sm);letter-spacing:.03em}.btn-avatar-hdr{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:none;border:none;cursor:pointer;padding:0;justify-self:start}.hdr-avatar-img{width:2.6rem;height:2.6rem;border-radius:4px;border:2px solid rgba(255,215,0,.5);box-shadow:0 0 8px #ffd7004d;image-rendering:pixelated;transition:box-shadow .15s}.btn-avatar-hdr:hover .hdr-avatar-img{box-shadow:0 0 14px #ffd70099,0 0 4px #ffd7004d}.header-balance{font-size:.7rem;font-weight:600;color:var(--yellow);text-shadow:var(--glow-y);letter-spacing:.02em}.hdr-right{display:flex;gap:.5rem;align-items:center;justify-self:end;margin-left:1rem}.hdr-btn-wrap{position:relative}.btn-icon-hdr{background:none;border:1px solid rgba(255,215,0,.35);color:var(--gold-dim);font-size:.85rem;font-weight:600;width:34px;height:34px;border-radius:50%;cursor:pointer;transition:box-shadow .15s,background .15s;display:flex;align-items:center;justify-content:center;padding:0}.btn-icon-hdr:hover{background:#ffd7001f;color:var(--gold);box-shadow:var(--glow-gold)}.volume-panel{position:absolute;top:calc(100% + .6rem);right:0;background:#081424f5;border:1px solid rgba(255,215,0,.2);box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);padding:1rem 1.2rem;width:200px;z-index:3000;display:flex;flex-direction:column;gap:.5rem}.volume-panel[hidden]{display:none}.color-panel{position:fixed;top:calc(env(safe-area-inset-top,0px) + 56px);left:50%;transform:translate(-50%);background:#081424f5;border:1px solid rgba(255,215,0,.2);box-shadow:0 8px 24px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);padding:.8rem 1rem;z-index:3000;display:flex;flex-direction:column;gap:.5rem}.color-panel[hidden]{display:none}.vol-label{font-family:var(--font);font-size:.78rem;font-weight:600;color:var(--gold-dim);letter-spacing:.04em;margin-bottom:.1rem}.vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;background:var(--surface2);border-radius:3px;outline:none;border:1px solid rgba(255,215,0,.2)}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px #ffd70080;cursor:pointer}.vol-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px #ffd70080;cursor:pointer;border:none}.vol-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:.3rem 0}.theme-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;justify-items:center;width:min(140px,calc(100vw - 80px))}.theme-swatch{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.12);background:var(--swatch-color);box-shadow:0 0 6px var(--swatch-color);cursor:pointer;transition:transform .12s,box-shadow .15s,border-color .15s;padding:0;-webkit-tap-highlight-color:transparent}.theme-swatch:hover{transform:scale(1.15);box-shadow:0 0 12px var(--swatch-color),0 0 4px var(--swatch-color)}.theme-swatch.active{border-color:#fff;box-shadow:0 0 10px var(--swatch-color),0 0 22px var(--swatch-color);transform:scale(1.1)}#avatar-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#avatar-picker-overlay[hidden]{display:none}.avatar-picker-card{background:linear-gradient(160deg,#0a121efc,#060b14fc);border:1px solid rgba(255,215,0,.25);box-shadow:0 8px 40px #000000b3;border-radius:14px;padding:1.5rem;max-width:320px;width:88%}.avatar-picker-title{font-size:.85rem;font-weight:700;color:var(--gold-dim);letter-spacing:.07em;text-align:center;margin-bottom:1.2rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,215,0,.1)}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1.2rem}.avatar-option{aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,215,0,.15);cursor:pointer;padding:3px;background:#ffffff0a;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .1s}.avatar-option img{width:100%;height:100%;border-radius:50%;display:block}.avatar-option:hover{border-color:#ffd70073;transform:scale(1.07)}.avatar-option.selected{border-color:var(--gold);box-shadow:0 0 12px #ffd70080,0 0 4px #ffd70040}.avatar-picker-close{width:100%}.stats-avatar-container{position:relative;display:inline-block}.btn-edit-avatar{position:absolute;bottom:-2px;right:-2px;background:var(--gold);border:none;border-radius:50%;width:20px;height:20px;font-size:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 2px 6px #00000080;transition:transform .1s}.btn-edit-avatar:hover{transform:scale(1.15)}.btn-edit-username{font-size:.55rem;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,215,0,.4);background:#ffd70014;color:var(--gold-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.btn-edit-username:hover{background:#ffd70033;color:var(--gold)}.stats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a14eb;display:flex;align-items:center;justify-content:center;z-index:2500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stats-overlay[hidden]{display:none}.stats-card{position:relative;background:#0b1828f2;border:1px solid rgba(255,215,0,.3);box-shadow:0 0 40px #0009,0 0 20px #ffd70014;border-radius:12px;padding:2.2rem 0 1.2rem;width:90%;max-width:340px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.6rem}.stats-close-btn{position:absolute;top:.6rem;right:.8rem;background:none;border:none;color:var(--muted);font-size:.8rem;cursor:pointer;line-height:1}.stats-close-btn:hover{color:var(--text)}.stats-avatar-wrap img{width:72px;height:72px;border-radius:8px;border:2px solid rgba(255,215,0,.5);box-shadow:0 0 12px #ffd7004d;image-rendering:pixelated}.stats-username{font-family:var(--font);font-size:.92rem;font-weight:700;color:var(--gold);letter-spacing:.04em;text-shadow:var(--glow-gold)}.stats-username-row{display:flex;align-items:center;gap:.5rem;justify-content:center}.username-edit-input{width:120px;font-size:.5rem;padding:.4rem .6rem;text-transform:uppercase}.stats-grid{display:flex;gap:.8rem;width:100%}.stat-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .4rem;border-radius:var(--radius);border:1px solid var(--muted);background:#060b1480}.win-box{border-color:#2d6fcf99;background:var(--o-blue-dim)}.loss-box{border-color:#d6303199;background:var(--x-red-dim)}.draw-box{border-color:#ffd7004d;background:#ffd7000f}.stat-num{font-family:var(--font);font-size:1rem}.win-box .stat-num{color:#5b9cf6;text-shadow:0 0 8px rgba(91,156,246,.5)}.loss-box .stat-num{color:#e05555;text-shadow:0 0 8px rgba(224,85,85,.4)}.draw-box .stat-num{color:var(--gold);text-shadow:var(--glow-gold-sm)}.stat-lbl{font-family:var(--font);font-size:.65rem;font-weight:600;color:var(--muted);letter-spacing:.04em;text-align:center}.stats-panels-track{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.stats-panels-track::-webkit-scrollbar{display:none}.stats-panel{flex:0 0 100%;width:100%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:0 2rem .4rem}.balance-panel-title{font-size:.72rem;font-weight:600;color:var(--muted);letter-spacing:.05em;align-self:flex-start}.stats-balance-amount{font-family:var(--font);font-size:1.6rem;color:var(--yellow);text-shadow:var(--glow-y)}.tx-list{list-style:none;width:100%;display:flex;flex-direction:column;gap:.5rem;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.tx-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-radius:var(--radius);border:1px solid var(--surface2);font-size:.75rem;letter-spacing:.01em}.tx-item.tx-win{border-color:var(--green);background:#00ff410f}.tx-item.tx-loss{border-color:var(--red);background:#ff33330f}.tx-reason{color:var(--muted);font-size:.72rem}.tx-amount{font-family:var(--font);font-size:.78rem;font-weight:700}.tx-item.tx-win .tx-amount{color:var(--green)}.tx-item.tx-loss .tx-amount{color:var(--red)}.tx-empty{font-size:.75rem;color:var(--muted);text-align:center;padding:1.2rem 0}.stats-dots{display:flex;gap:.5rem}.stats-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);cursor:pointer;transition:background .2s,box-shadow .2s}.stats-dot.active{background:var(--gold);box-shadow:var(--glow-gold)}.lobby-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0;flex:1;min-height:0}.panel{width:100%;max-width:560px;background:linear-gradient(160deg,#0a121eeb,#060b14eb);border:1px solid rgba(255,215,0,.14);box-shadow:0 2px #ffd7000f inset,0 6px 32px #0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.3rem 1.5rem}.unified-panel{display:flex;flex-direction:column;flex:1;min-height:0;max-width:none;border-radius:0;border-left:none;border-right:none;border-bottom:none;margin:0;padding:1.2rem 1rem 5rem}.panel-divider{border:none;border-top:1px solid rgba(255,215,0,.1);margin:1rem 0}.unified-panel .table-list{flex:1;overflow-y:auto;min-height:60px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.panel-title-row .panel-title{margin-bottom:0}.panel-title{font-size:.82rem;font-weight:700;color:var(--gold-dim);letter-spacing:.07em;margin-bottom:1rem;text-transform:uppercase;border-bottom:1px solid rgba(255,215,0,.1);padding-bottom:.6rem}.online-badge{display:none}.header-online{font-family:var(--font);font-size:.65rem;font-weight:600;color:#39ff14;letter-spacing:.02em;text-shadow:0 0 8px #39ff14cc;display:flex;align-items:center;justify-content:center;gap:.3rem;white-space:nowrap;flex-wrap:nowrap}.online-num{color:#39ff14}.online-label{color:#39ff14d9;font-size:.58rem;letter-spacing:.01em}.online-avatar-icon{width:1em;height:1em;stroke:#39ff14;stroke-width:1.5;fill:none;filter:drop-shadow(0 0 4px #39ff14aa);flex-shrink:0}.panel-hint{font-size:.72rem;color:#ffd70073;letter-spacing:.03em;line-height:1.6;text-align:center;margin-top:-.5rem;margin-bottom:1rem}.btn-crear-partida-main{width:100%;margin-bottom:.5rem}.bet-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bet-picker-overlay[hidden]{display:none}.bet-picker-panel{background:linear-gradient(160deg,#0a121ef7,#060b14f7);border:1px solid rgba(255,215,0,.22);box-shadow:0 12px 48px #000000b3;border-radius:14px;padding:1.4rem 1.5rem;width:90%;max-width:340px;display:flex;flex-direction:column;gap:1rem}.bet-picker-header{display:flex;align-items:center;justify-content:space-between}.bet-picker-title{font-size:.8rem;font-weight:700;color:var(--gold-dim);letter-spacing:.1em}.picker-close-btn{background:none;border:none;color:#aaa;cursor:pointer;padding:2px;display:flex;align-items:center;opacity:.65;transition:opacity .15s}.picker-close-btn:hover{opacity:1}.bet-adjuster{display:flex;align-items:center;justify-content:center;gap:1rem;background:#ffd7000f;border:1px solid rgba(255,215,0,.15);border-radius:8px;padding:.65rem 1rem}.bet-adjuster[hidden]{display:none}.adj-btn{background:#ffd7001a;border:1px solid rgba(255,215,0,.28);color:var(--gold);font-size:1.3rem;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;font-family:inherit;line-height:1;flex-shrink:0}.adj-btn:hover{background:#ffd70038}.adj-btn:active{transform:scale(.9)}.bet-display{font-size:1.6rem;font-weight:700;color:var(--gold);letter-spacing:.04em;min-width:90px;text-align:center;text-shadow:var(--glow-gold)}.picker-balance-warn{display:none;margin:0;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#f44;text-shadow:0 0 8px rgba(255,68,68,.5)}.picker-balance-warn.visible{display:block}.bet-chips-picker{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.chip-picker{font-family:var(--font);font-size:.95rem;letter-spacing:.05em;padding:.85rem 1rem;background:#060e1ccc;border:1px solid rgba(255,215,0,.3);color:var(--gold-dim);border-radius:8px;cursor:pointer;transition:background .15s,box-shadow .15s,color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chip-picker:hover{background:#ffd7001f;color:var(--gold);box-shadow:0 0 10px #ffd7004d}.chip-picker.selected{background:#ffd70033;border-color:var(--gold);color:var(--gold);box-shadow:0 0 14px #ffd70080}#create-table-form{display:contents}#btn-crear-mesa[hidden]{display:none}#btn-crear-mesa{width:100%;color:#39ff14;border-color:#39ff14;background:linear-gradient(180deg,#39ff142e,#39ff140f);text-shadow:0 0 8px #39ff14aa;box-shadow:0 0 10px #39ff144d,inset 0 1px #39ff141f}#btn-crear-mesa:hover{background:linear-gradient(180deg,#39ff1459,#39ff1424);border-color:#39ff14;box-shadow:0 0 22px #39ff1480,inset 0 1px #39ff1440}.empty-msg{font-size:.78rem;color:var(--muted);letter-spacing:.03em}.table-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}.table-card{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:.6rem;padding:.7rem .8rem;background:linear-gradient(135deg,#0a121ed9,#060b14d9);border:1px solid rgba(255,215,0,.1);border-left:3px solid var(--x-red);border-radius:8px;transition:border-color .2s,box-shadow .2s,background .2s;cursor:pointer}.table-card:hover{border-color:#ffd70059;border-left-color:var(--gold);box-shadow:0 4px 20px #0006,0 0 0 1px #ffd7001a;background:linear-gradient(135deg,#0e1828e6,#080e1ae6)}.card-avatar{width:38px;height:38px;border-radius:6px;border:1px solid rgba(255,215,0,.25);box-shadow:0 2px 8px #0006;image-rendering:pixelated;flex-shrink:0}.card-info{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.table-code{font-size:.75rem;font-weight:600;color:var(--gold-dim);letter-spacing:.05em}.table-host{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-bet{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.bet-amount{font-size:.9rem;font-weight:700;color:var(--gold);text-shadow:var(--glow-gold-sm);white-space:nowrap}.bet-label{font-size:.65rem;color:var(--muted);letter-spacing:.03em}.waiting-box{text-align:center;background:linear-gradient(160deg,#0a121ef0,#060b14f0);border:1px solid rgba(255,215,0,.2);box-shadow:0 0 0 1px #ffd7000f inset,0 12px 48px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:2.5rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-width:360px;width:90%}.waiting-label{font-size:.75rem;font-weight:600;color:var(--muted);letter-spacing:.1em}.waiting-code{font-size:1.6rem;font-weight:700;color:var(--gold);text-shadow:var(--glow-gold);letter-spacing:.1em}.waiting-bet{font-size:.82rem;color:var(--gold-dim);letter-spacing:.03em}.waiting-msg{font-size:.75rem;color:var(--muted);letter-spacing:.04em;animation:blink 1.2s step-end infinite}.waiting-dots{display:flex;gap:.5rem}.waiting-dots span{width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:var(--glow-gold);animation:dot-bounce .9s ease-in-out infinite}.waiting-dots span:nth-child(2){animation-delay:.15s}.waiting-dots span:nth-child(3){animation-delay:.3s}.game-wrap{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:1rem}.game-header{display:flex;align-items:center;gap:1.5rem;background:var(--surface);border:1px solid var(--surface2);border-radius:var(--radius);padding:.9rem 1.5rem;width:100%;max-width:480px}.player-info{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1;border-radius:8px;padding:.3rem;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}#player-x-info.active-turn{transform:scale(1.08);background:#00fff512;box-shadow:0 0 18px #00fff540}#player-o-info.active-turn{transform:scale(1.08);background:#ff2d7812;box-shadow:0 0 18px #ff2d7840}.avatar-wrap img{width:48px;height:48px;border-radius:4px;image-rendering:pixelated;border:2px solid currentColor}#player-x-info .avatar-wrap img{border-color:var(--cyan)}#player-o-info .avatar-wrap img{border-color:var(--pink)}.mark{font-size:1.6rem;font-weight:900;line-height:1}.mark-x{color:var(--cyan);text-shadow:var(--glow-c)}.mark-o{color:var(--pink);text-shadow:var(--glow-p)}.player-label{font-size:.38rem;color:var(--muted);letter-spacing:.05em;text-align:center;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-center{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:110px}.turn-text{font-size:.45rem;color:var(--yellow);letter-spacing:.1em;text-align:center;min-height:1.2em}#timer-bar-track{width:100px;height:8px;background:var(--surface2);border:1px solid var(--muted);border-radius:2px;overflow:hidden}#timer-bar-fill{height:100%;width:100%;background:var(--cyan);box-shadow:var(--glow-c);transition:width .2s linear,background .3s}#timer-bar-fill.urgent{background:var(--red);box-shadow:0 0 6px var(--red)}.timer-secs{font-size:.6rem;color:var(--cyan);font-weight:700}.draw-counter{font-size:.4rem;color:var(--yellow);letter-spacing:.05em;margin-top:.2rem}#player-x-info.active-turn .avatar-wrap img{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan),0 0 18px var(--cyan);animation:active-pulse 1s ease-in-out infinite alternate}#player-o-info.active-turn .avatar-wrap img{border-color:var(--pink);box-shadow:0 0 0 3px var(--pink),0 0 18px var(--pink);animation:active-pulse-o 1s ease-in-out infinite alternate}@keyframes active-pulse{0%{box-shadow:0 0 0 2px var(--cyan),0 0 10px var(--cyan)}to{box-shadow:0 0 0 4px var(--cyan),0 0 28px var(--cyan)}}@keyframes active-pulse-o{0%{box-shadow:0 0 0 2px var(--pink),0 0 10px var(--pink)}to{box-shadow:0 0 0 4px var(--pink),0 0 28px var(--pink)}}@keyframes turn-switch-flash{0%{opacity:1}25%{opacity:.2}55%{opacity:1}75%{opacity:.5}to{opacity:1}}.turn-switch-flash{animation:turn-switch-flash .5s ease-out}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050ff2;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.result-overlay[hidden]{display:none}.result-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.4rem;padding:2.5rem 2rem;background:var(--surface);border-radius:var(--radius);border:2px solid var(--muted);max-width:380px;width:90%}.result-card.win{border-color:var(--green);box-shadow:0 0 30px #00ff4140}.result-card.loss{border-color:var(--red);box-shadow:0 0 30px #f333}.result-avatar img{width:80px;height:80px;border-radius:8px;image-rendering:pixelated}.result-card.win .result-avatar img{border:3px solid var(--green);box-shadow:0 0 12px var(--green)}.result-card.loss .result-avatar img{border:3px solid var(--red);box-shadow:0 0 12px var(--red)}.result-title{font-size:1rem;letter-spacing:.2em}.result-title.win{color:var(--green);text-shadow:var(--glow-g);animation:flicker 3s infinite}.result-title.loss{color:var(--red);text-shadow:0 0 6px var(--red)}.result-prize{font-size:1.6rem;color:var(--yellow);text-shadow:var(--glow-y);letter-spacing:.1em}.result-sub{font-size:.5rem;color:var(--muted);letter-spacing:.12em;line-height:2}.board{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:6px;background:var(--cyan);box-shadow:var(--glow-c);border-radius:4px;padding:6px}.cell{background:var(--surface);font-family:var(--font);font-size:2.2rem;font-weight:900;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:background .1s,box-shadow .1s;color:var(--text)}.cell:hover:not(.taken){background:var(--surface2);box-shadow:inset 0 0 12px #00fff533}.cell.taken{cursor:default}.cell.cell-x{color:var(--cyan);text-shadow:var(--glow-c)}.cell.cell-o{color:var(--pink);text-shadow:var(--glow-p)}.cell.win{background:#1a1a00;animation:pulse-glow .5s ease-in-out infinite alternate}.game-actions{display:flex;gap:1rem;justify-content:center}.game-result{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--yellow);box-shadow:var(--glow-y);border-radius:var(--radius);padding:1.5rem 2rem;width:100%;max-width:380px}.game-result[hidden]{display:none}.result-msg{font-size:.7rem;color:var(--yellow);text-shadow:var(--glow-y);letter-spacing:.1em;animation:flicker 3s infinite}.payout-info{width:100%;border-top:1px solid var(--surface2);padding-top:.8rem;display:flex;flex-direction:column;gap:.4rem}.payout-row{display:flex;justify-content:space-between;font-size:.45rem;color:var(--muted);letter-spacing:.05em}.payout-row span:last-child{color:var(--text)}.payout-row.house span:last-child{color:var(--red)}.payout-row.winner span:last-child{color:var(--green);font-size:.55rem;text-shadow:var(--glow-g)}.coinflip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050feb;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.coinflip-overlay[hidden]{display:none}.coin-scene{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.coin-title{font-size:.55rem;color:var(--muted);letter-spacing:.2em;animation:blink 1s step-end infinite}.coin-container{perspective:600px;width:120px;height:120px}.coin{width:120px;height:120px;transform-style:preserve-3d;position:relative;transform:rotateY(0)}.coin.coin-spinning{animation:coin-spin 2.2s ease-in-out forwards}.coin.coin-land-x{transform:rotateY(0);transition:transform .4s ease-out}.coin.coin-land-o{transform:rotateY(180deg);transition:transform .4s ease-out}.coin-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-family:var(--font);backface-visibility:hidden}.coin-face.front{background:var(--surface);border:4px solid var(--cyan);box-shadow:var(--glow-c);color:var(--cyan)}.coin-face.back{background:var(--surface);border:4px solid var(--pink);box-shadow:var(--glow-p);color:var(--pink);transform:rotateY(180deg)}.coinflip-msg{font-size:.6rem;color:var(--yellow);text-shadow:var(--glow-y);letter-spacing:.1em;min-height:1.5em}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;height:-moz-fit-content;height:fit-content;border:1px solid rgba(255,215,0,.3);box-shadow:0 8px 40px #0009,0 0 20px #ffd70014;background:#0b1828f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:2rem;max-width:360px;width:90%;text-align:center;color:var(--text)}.confirm-dialog::backdrop{background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-title{font-size:1rem;font-weight:700;color:var(--gold);letter-spacing:.06em;margin-bottom:1.2rem;text-shadow:var(--glow-gold)}.dialog-text{font-size:.8rem;color:var(--muted);margin-bottom:.5rem;letter-spacing:.03em}.bet-highlight{font-size:2rem;color:var(--yellow);text-shadow:var(--glow-y);margin:.5rem 0 1rem}.disclaimer{font-size:.72rem;color:var(--muted);line-height:1.8;letter-spacing:.02em;margin-bottom:1.5rem}.dialog-actions{display:flex;gap:.75rem;justify-content:center}.dialog-actions .btn-arcade{width:auto}.btn-audio{display:none;position:fixed;bottom:1rem;right:1rem;font-size:1.1rem;background:#0b1828e6;border:1px solid rgba(255,215,0,.25);border-radius:50%;width:38px;height:38px;cursor:pointer;z-index:9000;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s}.btn-audio:hover{border-color:var(--gold);box-shadow:var(--glow-gold)}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.4}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes pulse-glow{0%{box-shadow:inset 0 0 8px var(--yellow)}to{box-shadow:inset 0 0 20px var(--yellow);background:#2a2a00}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes dot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(1440deg)}}.sudden-death-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;background:#ff2d7814;animation:sd-flash 1.8s ease-out forwards;pointer-events:none}.sudden-death-text{font-family:var(--font-arcade);font-size:clamp(1rem,4vw,1.4rem);color:var(--pink);text-shadow:var(--glow-p);text-align:center;letter-spacing:.15em;animation:sd-scale 1.8s ease-out forwards}@keyframes sd-flash{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes sd-scale{0%{transform:scale(.6)}20%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-height: 700px){.game-wrap{gap:.5rem;padding:.5rem .75rem}.game-header{padding:.4rem 1rem}.avatar-wrap img{width:36px;height:36px}.board{grid-template-columns:repeat(3,85px);grid-template-rows:repeat(3,85px)}.cell{font-size:1.8rem}}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;pointer-events:none;font-family:var(--font)}.tour-spotlight{position:fixed;border:2px solid var(--gold);border-radius:8px;box-shadow:0 0 0 9999px #000000a6,0 0 18px #ffd70073;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;pointer-events:none}.tour-spotlight[hidden]{display:block;top:50%;left:50%;width:0;height:0;border:none;box-shadow:0 0 0 9999px #000000a6}.tour-overlay.no-dim .tour-spotlight,.tour-overlay.no-dim .tour-spotlight[hidden]{box-shadow:none}.tour-popover{position:fixed;pointer-events:auto;max-width:280px;width:calc(100vw - 32px);background:#0b1828f7;border:1px solid rgba(255,215,0,.3);border-radius:10px;padding:1rem 1.1rem;box-shadow:0 10px 32px #0009,inset 0 1px #ffd70014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0}.tour-popover.tour-popover-enter{animation:tourPopoverInFwd .36s cubic-bezier(.16,1,.3,1) forwards}.tour-popover.tour-popover-enter-rev{animation:tourPopoverInRev .36s cubic-bezier(.16,1,.3,1) forwards}@keyframes tourPopoverInFwd{0%{opacity:0;translate:28px 0;scale:.97}to{opacity:1;translate:0 0;scale:1}}@keyframes tourPopoverInRev{0%{opacity:0;translate:-28px 0;scale:.97}to{opacity:1;translate:0 0;scale:1}}@media (prefers-reduced-motion: reduce){.tour-popover{opacity:1}.tour-popover.tour-popover-enter,.tour-popover.tour-popover-enter-rev{animation:none}}.tour-popover.placement-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-popover.placement-bottom-fixed{bottom:16px;left:50%;transform:translate(-50%);top:auto;right:auto}.tour-popover.placement-top-fixed{top:16px;left:50%;transform:translate(-50%);bottom:auto;right:auto}.tour-popover-title{color:var(--gold);font-weight:700;font-size:.95rem;letter-spacing:.03em;margin-bottom:.45rem}.tour-popover-body{color:#d8d8d8;font-size:.82rem;line-height:1.5}.tour-popover-actions{display:flex;flex-direction:column;gap:.45rem;margin-top:.9rem}.tour-actions-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tour-actions-pair{display:flex;gap:.35rem}.tour-step-count{color:var(--gold-dim);font-size:.65rem;font-weight:600;letter-spacing:.05em;text-align:right}.tour-btn{font-family:var(--font);font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:.35rem .7rem;border-radius:6px;cursor:pointer;background:#ffd70014;color:var(--gold);border:1px solid rgba(255,215,0,.4);transition:background .15s,color .15s,border-color .15s}.tour-btn:hover{background:#ffd7002e}.tour-btn:disabled{opacity:.35;cursor:not-allowed}.tour-btn-skip{background:transparent;border-color:transparent;color:var(--gold-dim);font-weight:500}.tour-btn-skip:hover{color:var(--gold);background:#ffd7000f}.tour-btn-next{background:#ffd7002e;border-color:#ffd70099}.tour-btn-next:hover{background:#ffd7004d}@keyframes tour-pulse-anim{0%,to{box-shadow:0 0 8px var(--gold),0 0 16px #ffd70059;transform:scale(1)}50%{box-shadow:0 0 16px var(--gold),0 0 32px var(--gold);transform:scale(1.05)}}.tour-pulse{animation:tour-pulse-anim 1.2s ease-in-out infinite;border-color:var(--gold)!important}