:root{--bg:#f3edf7;--panel:#c7b8d8;--panel-soft:#d8cde4;--primary:#5b2387;--primary-dark:#461a6a;--accent:#f3b226;--text:#34124d;--text-soft:#6a4a86}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0%,#fff 0%,var(--bg)45%,#efe7f6 100%);color:var(--text);margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow-x:hidden}.coin-rain-canvas{pointer-events:none;z-index:0;opacity:.44;width:100vw;height:100vh;position:fixed;inset:0}.app-content-layer{z-index:1;min-height:100vh;position:relative}button,input,select{font:inherit}.auth-shell{grid-template-columns:1fr;gap:1rem;min-height:100vh;padding:1.25rem;display:grid}.auth-marketing{background:linear-gradient(165deg,var(--primary-dark),var(--primary));color:#fff;border-radius:1.1rem;padding:1.2rem}.brand-logo{background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.auth-marketing .brand-logo{background:#fff;border:1px solid #ffffffa6;border-radius:999px;padding:.25rem .7rem}.auth-marketing h1{margin:1rem 0 .45rem;font-size:clamp(1.2rem,2.5vw,2.2rem)}.auth-marketing p{color:#f3e8ff;margin:.2rem 0}.marketing-pills{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.marketing-pills span{background:#ffffff38;border:1px solid #fff6;border-radius:999px;padding:.35rem .6rem;font-size:.8rem}.auth-card{background:#fff;border:2px solid #e5d8f0;border-radius:1.1rem;width:100%;max-width:29rem;margin:0 auto;padding:1.2rem}.brand-circle{background:0 0;border:none;border-radius:0;place-items:center;width:auto;height:auto;margin:0 auto .5rem;padding:0;display:grid}.auth-card h2,.auth-card p{text-align:center;margin:0}.auth-card p{color:var(--text-soft);margin-top:.35rem;margin-bottom:.85rem}.auth-card form{gap:.6rem;display:grid}.auth-card label{gap:.3rem;display:grid}.auth-card span{font-size:.8rem}.auth-card input,.auth-card select{color:var(--text);background:#faf6ff;border:1px solid #d4c1e7;border-radius:.65rem;padding:.6rem .65rem}.btn-primary,.btn-secondary,.icon-btn{cursor:pointer;border:none;border-radius:.7rem}.btn-primary{background:linear-gradient(180deg,#ffca52,var(--accent));color:#3f2570;justify-content:center;align-items:center;gap:.35rem;padding:.62rem .8rem;font-weight:700;display:inline-flex}.btn-secondary{background:var(--primary);color:#fff;border:1px solid #7c4dac;padding:.62rem .8rem}.auth-card .btn-secondary{margin-top:.65rem}.btn-primary:disabled{opacity:.7}.auth-links{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.7rem;display:flex}.auth-links button{color:var(--primary);cursor:pointer;background:0 0;border:none;text-decoration:underline}.auth-status{color:#9b2c2c;background:#fef3f2;border:1px solid #fecaca;border-radius:.7rem;gap:.45rem;width:100%;margin-top:.7rem;padding:.5rem .6rem;display:inline-flex}.game-shell{width:100%;max-width:74rem;min-height:100vh;margin:0 auto;padding:.9rem .9rem 5.3rem;overflow-x:clip}.topbar{align-items:center;gap:.6rem;display:flex}.logo-pill{background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.wallet{color:#593074;background:#f6c247;border-radius:999px;align-items:center;gap:.35rem;padding:.36rem .7rem;font-weight:700;display:inline-flex}.topbar-user{color:#5d3088;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #dac6ea;border-radius:999px;align-items:center;max-width:10.5rem;padding:.32rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex;overflow:hidden}.topbar-profile-btn{color:#fff4e1;cursor:pointer;background:linear-gradient(#7d34ac,#582085);border:1px solid #dac6ea;border-radius:999px;flex:none;place-items:center;width:2.05rem;height:2.05rem;font-weight:800;display:inline-grid;box-shadow:0 6px 14px #1e072d2e}.topbar-online{color:#5d3088;white-space:nowrap;background:#efe6f8;border:1px solid #cdb6e2;border-radius:999px;align-items:center;margin-left:auto;padding:.32rem .58rem;font-size:.78rem;font-weight:700;display:inline-flex}.icon-btn{width:2rem;height:2rem;color:var(--primary);background:#fff;border:1px solid #dac6ea}.hero{background:linear-gradient(160deg,#ede0f8,#d8c8ea);border:1px solid #c9b0dd;border-radius:1rem;margin:.9rem 0;padding:.9rem}.hero h1{margin:0;font-size:1.2rem}.hero p{color:var(--text-soft);margin:.2rem 0 0}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-soft));border:1px solid #c8b4db;border-radius:1rem;gap:.7rem;padding:.8rem;display:grid}.panel h2{margin:0}.menu-shell{background:radial-gradient(circle at 12% 15%,#ffdc7870 0,#ffdc7800 18%),radial-gradient(circle at 85% 10%,#ffc86e4d 0,#ffc86e00 16%),radial-gradient(circle at 30% 60%,#ffc05f33 0,#ffc05f00 26%),radial-gradient(circle at 70% 75%,#e09aff2e 0,#e09aff00 28%),radial-gradient(circle at 20% 35%,#ffffff26 0 1.5px,#0000 2px),radial-gradient(circle at 40% 18%,#fff4b933 0 1.2px,#0000 2px),radial-gradient(circle at 73% 31%,#fff4b933 0 1.4px,#0000 2px),radial-gradient(circle at 62% 69%,#fff4b92b 0 1.1px,#0000 2px),linear-gradient(165deg,#32104a 0%,#511d75 48%,#2e0f44 100%);min-height:100dvh}.menu-screen{background:0 0;border-radius:2rem;padding:.55rem .45rem 1.2rem}.menu-stage{justify-items:center;gap:0;display:grid}.menu-brand-image{filter:drop-shadow(0 8px 14px #0000005c);width:min(100%,12.2rem);height:auto;display:block}.topbar-menu .logo-pill{opacity:0;width:0;margin:0;padding:0;overflow:hidden}.menu-panel-card{z-index:2;background:linear-gradient(155deg,#f6ca73 0%,#bc7d36 18%,#713d1c 34%,#9b5b2b 56%,#d89b48 78%,#ffd98e 100%);border-radius:1.2rem;width:min(100%,24rem);margin-top:2rem;margin-bottom:1.1rem;padding:.9rem;position:relative;box-shadow:0 18px 30px #0c021980,inset 0 0 0 1px #ffdca273}.menu-panel-logo{z-index:6;pointer-events:none;place-items:center;width:min(100%,12.2rem);display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.menu-panel-card:before{content:"";z-index:0;background:linear-gradient(#6f2f91 0%,#55207c 50%,#4b1a70 100%);border-radius:1.05rem;position:absolute;inset:.28rem;box-shadow:inset 0 0 0 2px #f9c16ca6,inset 0 0 0 6px #3f115ebf}.menu-panel-card:after{content:"";z-index:1;background:linear-gradient(#fac268b3,#75421ba6);border-radius:999px;height:.62rem;position:absolute;top:.4rem;left:19%;right:19%;box-shadow:inset 0 1px #ffe5aba6}.menu-options-layer{z-index:2;pointer-events:auto;background:linear-gradient(#5e1f8480,#46146380);border-radius:.9rem;place-items:center;margin:.7rem .45rem .6rem;display:grid;position:relative;overflow:hidden}.menu-panel-image{filter:drop-shadow(0 10px 16px #0000005c);width:100%;height:auto;display:block}.menu-hotspot{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:999px;width:88%;position:absolute;left:6%}.menu-hotspot:focus-visible{outline-offset:2px;outline:3px solid #ffdb78f2}.menu-hotspot-ai{height:29%;top:3%}.menu-hotspot-friends{height:30%;top:35%}.menu-hotspot-multi{height:29%;top:68%}.menu-cta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;width:min(100%,26rem);margin-top:.55rem;display:grid}.menu-status{color:#f7e6ff;text-shadow:0 1px 8px #0c011770;text-align:center}.lobby-redesign{color:#f7e8ff;background:radial-gradient(circle at 12% 15%,#ffdc7859 0,#ffdc7800 22%),radial-gradient(circle at 80% 12%,#ffc86e40 0,#ffc86e00 18%),radial-gradient(circle at 70% 68%,#e09aff33 0,#e09aff00 28%),linear-gradient(165deg,#431065 0%,#5f2288 45%,#3a0e58 100%);border-color:#f9cd8473;padding:.95rem}.lobby-controls,.lobby-rooms{background:linear-gradient(#62218b8c,#4614638c);border:1px solid #f8c98452;border-radius:1rem;gap:.45rem;padding:.55rem .75rem .75rem;display:grid}.lobby-controls{gap:.36rem;padding:.44rem .7rem .62rem}.lobby-brand-hero{place-items:center;min-height:0;margin:0 0 -.08rem;padding:0 3.3rem;display:grid;position:relative}.lobby-brand-lines{z-index:1;background:linear-gradient(90deg,#f1c16eb3,#ffdc9df2,#f1c16eb3);height:2px;position:absolute;top:50%;left:.3rem;right:.3rem;box-shadow:0 0 8px #ffd68c59}.lobby-hero-coins{pointer-events:none;z-index:1;position:absolute;inset:-.12rem .22rem}.lobby-hero-coins .coin{opacity:.95;background:radial-gradient(circle at 32% 28%,#fff8d7 0%,#ffd772 42%,#e6a227 74%,#9b5b10 100%);border-radius:999px;width:.62rem;height:.62rem;animation:3.2s ease-in-out infinite lobby-coin-drift;position:absolute;box-shadow:0 0 8px #ffd67dbf,inset 0 0 0 1px #fff5d499}.lobby-hero-coins .coin:after{content:"";background:#ffffe7f2;border-radius:999px;width:.16rem;height:.16rem;position:absolute;top:.12rem;left:.16rem;box-shadow:0 0 6px #fff3b3b3}.lobby-hero-coins .coin-1{animation-delay:-.2s;top:22%;left:16%}.lobby-hero-coins .coin-2{width:.72rem;height:.72rem;animation-delay:-1.1s;top:36%;left:28%}.lobby-hero-coins .coin-3{animation-delay:-2s;top:26%;right:31%}.lobby-hero-coins .coin-4{width:.7rem;height:.7rem;animation-delay:-2.5s;top:42%;right:19%}.lobby-hero-coins .coin-5{width:.54rem;height:.54rem;animation-delay:-.8s;top:16%;left:46%}.lobby-hero-coins .coin-6{width:.56rem;height:.56rem;animation-delay:-1.5s;top:30%;left:10%}.lobby-hero-coins .coin-7{width:.6rem;height:.6rem;animation-delay:-.6s;top:24%;left:36%}.lobby-hero-coins .coin-8{width:.58rem;height:.58rem;animation-delay:-2.9s;top:31%;right:9%}.lobby-hero-coins .coin-9{width:.68rem;height:.68rem;animation-delay:-.35s;top:63%;left:17%}.lobby-hero-coins .coin-10{width:.64rem;height:.64rem;animation-delay:-1.9s;top:72%;left:29%}.lobby-hero-coins .coin-11{width:.52rem;height:.52rem;animation-delay:-.95s;top:66%;left:43%}.lobby-hero-coins .coin-12{width:.62rem;height:.62rem;animation-delay:-2.45s;top:74%;left:57%}.lobby-hero-coins .coin-13{width:.6rem;height:.6rem;animation-delay:-1.2s;top:67%;right:29%}.lobby-hero-coins .coin-14{width:.66rem;height:.66rem;animation-delay:-2.8s;top:75%;right:18%}.lobby-hero-coins .coin-15{width:.54rem;height:.54rem;animation-delay:-.15s;top:64%;right:11%}.lobby-hero-coins .coin-16{width:.5rem;height:.5rem;animation-delay:-1.35s;top:80%;left:50%}.lobby-logo-wrap{z-index:2;place-items:center;margin:-.18rem 0 -.28rem;display:grid;position:relative}.lobby-main-logo{filter:drop-shadow(0 10px 15px #00000061);width:min(100%,18.2rem);height:auto;display:block}.tg-btn{color:#fff;white-space:nowrap;z-index:10;background:linear-gradient(135deg,#2aabee,#229ed9);border-radius:2rem;align-items:center;gap:.38rem;padding:.36rem .8rem .36rem .42rem;font-size:.72rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;animation:2.8s ease-in-out infinite tg-wobble;display:flex;box-shadow:0 4px 14px #2aabee73}.tg-btn:not(.tg-btn-inline){place-self:start end;position:absolute;top:.55rem;right:.55rem}.tg-btn-inline{border-radius:.85rem;justify-content:center;width:100%;padding:.6rem 1rem;font-size:.8rem;display:none;position:static}.tg-btn:hover{animation:none;box-shadow:0 6px 20px #2aabee99;transform:scale(1.07)!important}.tg-icon{object-fit:contain;flex-shrink:0;width:26px!important;height:26px!important}.tg-label{line-height:1}@keyframes tg-wobble{0%,to{transform:translateY(0)rotate(0)}15%{transform:translateY(-4px)rotate(-5deg)}30%{transform:translateY(0)rotate(3deg)}45%{transform:translateY(-2px)rotate(-2deg)}60%{transform:translateY(0)rotate(1deg)}}.lobby-label{color:#fff4ff;margin-top:-.18rem;font-size:1.35rem;font-weight:700}.lobby-find-card{background:linear-gradient(#70299c,#4d1a73);border:1px solid #f9c97a99;border-radius:1rem;gap:.55rem;padding:.65rem;display:grid;box-shadow:inset 0 0 0 2px #f8b34d59}.lobby-find-btn{cursor:pointer;letter-spacing:.02em;color:#ffd77f;text-shadow:0 2px 10px #11001d85;background:linear-gradient(#7b2ca8,#582083);border:none;border-radius:.9rem;padding:.72rem .88rem;font-size:2rem;font-weight:800}.lobby-bets-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.lobby-bets-row button{cursor:pointer;color:#3f1e56;background:linear-gradient(#f7ca58,#ecab2f);border:1px solid #f2c46a;border-radius:.85rem;padding:.44rem .55rem;font-weight:800}.lobby-bets-row button.active{color:#fff;background:linear-gradient(#8b39b7,#662894);border-color:#f5ce72}.lobby-code-btn{color:#4d1f6d;cursor:pointer;background:linear-gradient(#f8cf68,#eeae37);border:1px solid #f2c46a;border-radius:999px;padding:.65rem .9rem;font-size:1.6rem;font-weight:800}.lobby-code-card{background:#451761b3;border:1px solid #f8c46766;border-radius:.9rem;gap:.45rem;padding:.6rem;display:grid}.lobby-current-room{background:linear-gradient(#6b2894b3,#4c196cb3);border:1px solid #f8cd8480;border-radius:.9rem;gap:.45rem;padding:.56rem;display:grid}.lobby-current-room small{color:#f8e6ff;font-weight:700}.lobby-current-room-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.lobby-code-card .code-input span{color:#f3ddff;font-weight:700}.lobby-code-card .code-input input{background:#ffffffeb}.lobby-status{color:#f6e7ff}.lobby-rooms h3{color:#fff4ff;margin:0;font-size:1.4rem}.lobby-search{display:block}.lobby-search input{color:#f8eaff;background:#4f1b6eb3;border:1px solid #f2bf716b;border-radius:999px;width:100%;padding:.62rem .8rem}.lobby-search input::placeholder{color:#dfc6ee}.lobby-filters{flex-wrap:wrap;gap:.35rem;display:flex}.lobby-filters button{color:#f4deff;cursor:pointer;background:#5f2282bf;border:1px solid #f5c37557;border-radius:999px;padding:.34rem .6rem}.lobby-filters button.active{background:linear-gradient(#7b2ca8,#592081);border-color:#f8cc84bf}.lobby-room-list{gap:.45rem;display:grid}.lobby-empty{color:#f4deff}.lobby-room-row{background:linear-gradient(#581f7cd9,#411661d9);border:1px solid #ffd68d9e;border-radius:.95rem;gap:.45rem;padding:.6rem;transition:border-color .2s,box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1px #ffd4892e,0 0 0 1px #581f7c47,0 10px 20px #16052347,0 0 14px #ffc26824}.lobby-room-row.waiting-players{background:linear-gradient(#623782e6,#482567e6);border-color:#ffdd95f2;box-shadow:inset 0 0 0 1px #ffd38361,0 0 0 1px #5e2c7e52,0 10px 20px #16052342,0 0 18px #ffca7057}.lobby-room-row.playing{background:linear-gradient(#502a6de0,#371952e0);border-color:#e1b8f7c7;box-shadow:inset 0 0 0 1px #dfb6f742,0 0 0 1px #4a1d6857,0 10px 20px #16052347,0 0 16px #d18ef542}.lobby-room-row.member{border-color:#ffdf9deb;box-shadow:inset 0 0 0 1px #ffe0a27a,0 0 0 1px #78439a4d,0 10px 20px #16052347,0 0 22px #ffd58070}.lobby-room-top{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.lobby-capacity{color:#ffe49e;background:linear-gradient(#7b2ba8,#531f7b);border:1px solid #ffde99cc;border-radius:.5rem;padding:.22rem .45rem;font-weight:800}.lobby-room-top h4{color:#fff2ff;margin:0;font-size:1.65rem}.lobby-bet-pill{color:#4d216e;background:linear-gradient(#f8ca57,#ecad33);border:1px solid #f3ca72;border-radius:999px;padding:.22rem .62rem;font-weight:800}.lobby-room-mid{flex-wrap:wrap;align-items:center;gap:.48rem;display:flex}.lobby-room-mid small{color:#f7e5ff;font-weight:700}.lobby-state-chip{border:1px solid #0000;border-radius:999px;padding:.16rem .52rem;font-size:.8rem}.lobby-state-chip.available{color:#dbf4c7;background:#305526;border-color:#7fbc66}.lobby-state-chip.playing{color:#ffe4ad;background:#6a4a1e;border-color:#f0c970}.lobby-state-chip.waiting{color:#edd6ff;background:#573172;border-color:#c8aee4}.lobby-room-actions{justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.themed-panel{border-color:#f9cd847a;padding:.92rem}.themed-panel h2{color:#ffeabf;text-shadow:0 2px 10px #11001d80}.themed-panel h3{color:#fff0ce}.themed-panel .code-input span,.themed-panel .form-grid label span,.themed-panel .settings-field>span{color:#ffe9b9}.themed-panel .code-input input,.themed-panel .form-grid input,.themed-panel .form-grid select,.themed-panel .settings-field input,.themed-panel .settings-field select,.themed-panel .lobby-search input{color:#fff6e5;background:linear-gradient(#55207abf,#3f165dbf);border:1px solid #f0c67a80;border-radius:.75rem}.themed-panel .code-input input::placeholder,.themed-panel .lobby-search input::placeholder{color:#ffe9c1b8}.themed-panel .code-input input:focus,.themed-panel .form-grid input:focus,.themed-panel .form-grid select:focus,.themed-panel .settings-field input:focus,.themed-panel .settings-field select:focus,.themed-panel .lobby-search input:focus{outline-offset:1px;outline:2px solid #f7c764a6}.themed-panel .room-tabs button,.themed-panel .lobby-filters button{color:#fbeecf;background:linear-gradient(#7b32acb8,#5c1f83b8);border:1px solid #f0c67a73}.themed-panel .room-tabs button.active,.themed-panel .lobby-filters button.active{color:#4b2469;background:linear-gradient(#f7ca58,#eca92c);border-color:#f0c56f}.themed-panel .stat-card{color:#fff6e5;background:linear-gradient(#6c2897b8,#4f1a72b8);border-color:#f0c67a6b}.themed-panel .stat-card p,.themed-panel .stat-card small,.themed-panel .settings-field small,.themed-panel .lobby-status,.themed-panel .room-card small{color:#f5e1ffe6}.themed-panel .settings-form{background:linear-gradient(#5d21849e,#4818689e);border:1px solid #f0c67a5c}.rooms-header-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.rooms-header-row h2{margin:0}.btn-create-room{color:#3a0e58;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f3b226,gold);border:none;border-radius:2rem;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.82rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex}.btn-create-room:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px #f3b22666}.btn-create-room:disabled{opacity:.55;cursor:not-allowed}.btn-back-rooms{color:#ffffffa6;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:.6rem;align-items:center;gap:.3rem;margin-bottom:.25rem;padding:.3rem .85rem;font-size:.8rem;transition:all .15s;display:inline-flex}.btn-back-rooms:hover{color:#fff;border-color:#ffffff73}.themed-rooms .room-card{background:linear-gradient(#66228e9e,#4716659e);border-color:#f0c67a52}.themed-rooms .room-card-idle{background:linear-gradient(#6b2b9599,#4f1c7199);border-color:#cb9af07a}.themed-rooms .room-card-active{background:linear-gradient(#7835a3ad,#5b1f81ad);border-color:#f2c265bf;box-shadow:inset 0 0 0 1px #ebbf6659}.themed-rooms .room-card-full{background:linear-gradient(#7531a0bd,#561e7bbd);border-color:#b78dd8e6;box-shadow:inset 0 0 0 1px #7d50aa59}.themed-rules .stat-card{gap:.28rem}.themed-rules .stat-card small{line-height:1.32}.rules-grid{gap:.65rem;display:grid}.ranking-panel{z-index:0;gap:.85rem;display:grid;position:relative}.ranking-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ranking-title-wrap{align-items:center;gap:.8rem;display:flex}.ranking-title-wrap h2{margin:0;font-size:clamp(2rem,4vw,3rem)}.ranking-title-wrap p{color:#ffe7bf;margin:.18rem 0 0;font-weight:700}.ranking-trophy{flex:0 0 5.2rem;width:5.2rem;height:5.2rem;position:relative}.ranking-trophy-image{object-fit:contain;filter:drop-shadow(0 12px 18px #25083947)}.ranking-tabs{margin-top:0}.ranking-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.9rem;margin-top:.4rem;display:grid}.ranking-podium-card{text-align:center;z-index:0;background:radial-gradient(circle at 50% 18%,#ffdb875c,#0000 38%),linear-gradient(#8330b4d1,#4f1873e6);border:1px solid #f7ce838c;border-radius:1.25rem;align-content:end;justify-items:center;gap:.35rem;min-height:10rem;padding:.9rem .75rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffda8f33,0 16px 28px #1605233d}.ranking-podium-card.first{background:radial-gradient(circle at 50% 16%,#ffe09199,#0000 42%),linear-gradient(#933cc5e6,#5d1d84f5);min-height:13rem;transform:translateY(-.9rem)}.ranking-podium-card.second,.ranking-podium-card.third{min-height:11rem}.ranking-podium-card.second{transform:translateY(.45rem)}.ranking-podium-card.third{transform:translateY(1rem)}.ranking-podium-empty{visibility:hidden}.ranking-avatar{top:var(--avatar-top,49.5%);left:var(--avatar-left,50%);width:var(--avatar-size,43%);height:var(--avatar-size,43%);color:#fff6dc;z-index:1;background:radial-gradient(circle at 30% 30%,#b45fff,#5d2484 70%);border-radius:999px;place-items:center;font-size:clamp(1.25rem,3.4vw,2rem);font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 18px #1f063059}.ranking-avatar-frame{--avatar-top:49.5%;--avatar-left:50%;--avatar-size:43%;aspect-ratio:1;z-index:0;place-items:center;width:clamp(7rem,18vw,10rem);margin-bottom:.2rem;display:grid;position:relative;overflow:visible}.ranking-avatar-frame.first{--avatar-top:49%;--avatar-size:42%}.ranking-avatar-frame.second{--avatar-top:50.5%;--avatar-size:40.5%}.ranking-avatar-frame.third{--avatar-top:48.8%;--avatar-size:41%}.ranking-avatar-frame-image{object-fit:contain;filter:drop-shadow(0 10px 16px #2909383d);z-index:0}.ranking-podium-card strong,.ranking-row strong,.ranking-you h3{color:#fff1ca}.ranking-podium-card small,.ranking-row small,.ranking-you small,.ranking-you p{color:#ffeecee6}.ranking-medal{color:#572672;background:linear-gradient(#f9d66f,#efb243);border-radius:999px;padding:.18rem .48rem;font-size:.78rem;font-weight:900;position:absolute;top:.75rem;right:.75rem}.ranking-podium-base{aspect-ratio:2;flex-shrink:0;width:70%;margin-top:.2rem;position:relative}.ranking-base-image{object-fit:contain;filter:drop-shadow(0 4px 12px #00000073)}.ranking-list{gap:.55rem;display:grid}.ranking-row{background:linear-gradient(#6c2897bd,#4d1a6fbd);border:1px solid #f5cd836b;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.72rem .85rem;display:flex}.ranking-row-left{align-items:center;gap:.7rem;min-width:0;display:flex}.ranking-row-rank{color:#ffe6ad;min-width:2.7rem;font-size:1.45rem;font-weight:900}.ranking-row-avatar{color:#fff8dd;background:linear-gradient(#9a43d0,#5b2480);border:2px solid #ffe6b7c7;border-radius:999px;place-items:center;width:2.4rem;height:2.4rem;font-weight:900;display:grid}.ranking-row-left div{min-width:0}.ranking-row-left strong,.ranking-row-left small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ranking-row-right{text-align:right;min-width:4.2rem}.ranking-row-right strong{font-size:1.5rem;display:block}.ranking-row-right small{display:block}.ranking-rules-info{color:#ffeecee6;background:#ffffff12;border:1px solid #ffffff26;border-radius:10px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.8rem}.ranking-rules-info strong{color:#fff1ca;margin-bottom:.45rem;font-size:.82rem;display:block}.ranking-rules-info ul{gap:.25rem;margin:0;padding-left:1.2rem;display:grid}.ranking-rules-info li{line-height:1.4}.ranking-rules-info li strong{color:#fde68a;font-size:inherit;margin-bottom:0;display:inline}.ranking-you{background:radial-gradient(circle at 18% 25%,#ffdf8e3d,#0000 28%),linear-gradient(#752ca4c2,#521a76c2);border:1px solid #f5cd8380;border-radius:1.2rem;grid-template-columns:auto 1fr;align-items:center;gap:.9rem;padding:.9rem;display:grid}.ranking-you-badge{color:#fff1cb;background:radial-gradient(circle at 30% 30%,#f6d86d,#b96d16 70%);border:4px solid #ffe4abe0;border-radius:999px;place-items:center;width:5rem;height:5rem;font-size:1.8rem;font-weight:900;display:grid;box-shadow:0 12px 20px #1e072f47}.ranking-you-copy h3,.ranking-you-copy p,.ranking-you-copy small{margin:0}.ranking-you-copy{gap:.25rem;display:grid}.ranking-empty{text-align:center}@media (min-width:980px){.lobby-redesign{grid-template-columns:minmax(320px,360px) minmax(0,1fr);align-items:start;gap:.85rem;display:grid}}.menu-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#10031d94;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.menu-modal{text-align:center;background:linear-gradient(#f4e6ff,#e7d0f8);border:1px solid #c59ce4;border-radius:1rem;gap:.55rem;width:min(100%,22rem);padding:.9rem;display:grid;box-shadow:0 18px 36px #14041f73}.menu-modal h3{margin:0}.panel-actions{flex-wrap:wrap;gap:.45rem;display:flex}.room-list{gap:.5rem;display:grid}.room-tabs{flex-wrap:wrap;gap:.4rem;margin:.2rem 0 .35rem;display:flex}.room-tabs button{color:#5e2f8d;cursor:pointer;background:#eee3f8;border:1px solid #bfa6d6;border-radius:999px;padding:.32rem .66rem}.room-tabs button.active{background:var(--primary);color:#fff;border-color:#7c4dac}.room-card{background:#f4ecfb;border:1px solid #cdb5e2;border-radius:.8rem;gap:.2rem;padding:.65rem;transition:border-color .18s,box-shadow .18s,background .18s;display:grid}.room-card-idle{background:#f4ecfb;border-color:#cdb5e2}.room-card-active{background:#fff3d9;border-color:#ebbf66;box-shadow:inset 0 0 0 1px #ebbf6659}.room-card-full{background:#efe2fb;border-color:#9c70cb;box-shadow:inset 0 0 0 1px #7d50aa59}.room-card h3,.room-card p,.room-card small,.room-card strong{margin:0}.room-card h3{align-items:center;gap:.4rem;display:flex}.room-card small{color:var(--text-soft)}.room-presence-dot{border-radius:999px;flex:0 0 .62rem;width:.62rem;height:.62rem;box-shadow:0 0 0 1px #220f3824}.room-presence-dot-idle{background:#ad9abb}.room-presence-dot-active{background:#ecb530}.room-presence-dot-full{background:#7c4dac}.room-meta{flex-wrap:wrap;align-items:center;gap:.45rem;display:inline-flex}.room-presence{border:1px solid #0000;border-radius:999px;padding:.12rem .45rem;font-size:.72rem}.room-presence-idle{color:#5f2f90;background:#efe3fd;border-color:#c8aee4}.room-presence-active{color:#704300;background:#fff1cf;border-color:#f0c970}.room-presence-full{color:#4c206f;background:#e4d2f7;border-color:#b78dd8}.status-pill{border:1px solid #0000;border-radius:999px;padding:.12rem .45rem;font-size:.72rem}.status-pill.waiting{color:#5f2f90;background:#efe3fd;border-color:#c8aee4}.status-pill.playing{color:#704300;background:#fff1cf;border-color:#f0c970}.code-input{gap:.3rem;display:grid}.code-input input{background:#f8f3fd;border:1px solid #c7b0db;border-radius:.6rem;padding:.58rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.55rem;display:grid}.form-grid label{gap:.3rem;min-width:0;display:grid}.form-grid label span{color:#4c206f;font-size:.8rem;font-weight:700}.form-grid input,.form-grid select{color:var(--text);background:#fff;border:1px solid #c7b0db;border-radius:.62rem;width:100%;max-width:100%;min-height:2.35rem;padding:.58rem .62rem}.form-grid input:focus,.form-grid select:focus{outline-offset:1px;outline:2px solid #d7b8f5}.settings-form{background:#f8f2fd;border:1px solid #d5c0e8;border-radius:.8rem;min-width:0;padding:.7rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.settings-field{gap:.32rem;display:grid}.settings-field>span{color:#4c206f;font-size:.8rem;font-weight:700}.settings-field input,.settings-field select{color:var(--text);background:#fff;border:1px solid #c7b0db;border-radius:.62rem;width:100%;max-width:100%;min-height:2.35rem;padding:.58rem .62rem}.settings-field input:focus,.settings-field select:focus{outline-offset:1px;outline:2px solid #d7b8f5}.settings-field small{color:var(--text-soft);font-size:.74rem}.settings-actions{justify-content:flex-start}.password-grid{grid-template-columns:1fr}.stats-grid{gap:.5rem;display:grid}.stat-card{background:#f5edfc;border:1px solid #c7b0dc;border-radius:.75rem;gap:.2rem;min-width:0;padding:.62rem;display:grid}.stat-card h3,.stat-card p,.stat-card small{margin:0}.table-panel{overflow:hidden}.table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.board{color:#fff;background:linear-gradient(170deg,#60308f,#4a1f6f);border-radius:1rem;gap:.55rem;min-height:16rem;padding:.75rem;display:grid;position:relative}.board.four{grid-template:".top.""left table right"1fr".bottom."/auto 1fr auto}.board.two{grid-template:"top""table"1fr"bottom"/1fr}.seat{background:#fff3;border:1px solid #ffffff59;border-radius:999px;justify-self:center;width:fit-content;padding:.28rem .55rem;font-size:.75rem}.seat.top{grid-area:top}.seat-turn{align-items:center;gap:.5rem;display:inline-flex}.seat-player-stack{flex-direction:column;align-items:center;gap:.12rem;display:inline-flex}.seat-avatar{object-fit:contain;background:#ffffff0d;border:2px solid #a879ea80;border-radius:50%;width:36px!important;height:36px!important}.seat-avatar-placeholder{background:#a879ea26;border:2px solid #a879ea40;border-radius:50%;width:36px;height:36px}.board-seat-pod.active-turn .seat-avatar,.board-seat-pod.active-turn .seat-avatar-placeholder{border-color:#f0c040;box-shadow:0 0 6px #f0c04080}.dealer-badge{color:#532171;letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(#ffe58aeb,#e7a824eb);border:1px solid #ffd36abf;border-radius:999px;justify-content:center;align-items:center;min-width:3.4rem;padding:.12rem .45rem;font-size:.64rem;font-weight:900;display:inline-flex;box-shadow:0 0 .45rem #ffd36a59}.turn-timer{background:#ffffff24;border:1px solid #fff6;border-radius:999px;align-items:center;gap:.28rem;padding:.15rem .4rem .15rem .2rem;font-size:.72rem;display:inline-flex}.turn-timer strong{color:#fff;line-height:1}.turn-timer small{color:#ffecb5;font-size:.64rem;font-weight:700}.turn-timer-ring{width:1.15rem;height:1.15rem;transform:rotate(-90deg)}.turn-timer-bg{fill:none;stroke:#ffffff4d;stroke-width:3px}.turn-timer-fg{fill:none;stroke:#9bf2b8;stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray .9s linear,stroke .2s}.turn-timer.warn .turn-timer-fg{stroke:#ffd36a}.turn-timer.danger{animation:.95s ease-in-out infinite turn-pulse}.turn-timer.danger .turn-timer-fg{stroke:#ff7f7f}.seat.left{grid-area:left;align-self:center}.seat.right{grid-area:right;align-self:center}.seat.bottom{grid-area:bottom}.board-seat-layer{pointer-events:none;z-index:1;position:absolute;inset:0}.board-seat-pod{text-align:center;flex-direction:column;align-items:center;gap:.25rem;max-width:min(14rem,42vw);display:inline-flex;position:absolute}.board-seat-pod .seat-player-stack>span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:inline-block;overflow:hidden}.board-seat-pod.active-turn .seat-player-stack>span{color:#fffbe6}.board-seat-bottom{bottom:.2rem;left:50%;transform:translate(-50%)}.board-seat-top{top:.45rem;left:50%;transform:translate(-50%)}.board-seat-left{top:50%;left:.5rem;transform:translateY(-50%)}.board-seat-right{top:50%;right:.5rem;transform:translateY(-50%)}.board-seat-top-left{top:.45rem;left:.9rem}.board-seat-top-right{top:.45rem;right:.9rem}.board.board-seats .table-cards{margin-top:2.9rem;margin-bottom:3.3rem}.board.board-seats-3 .table-cards,.board.board-seats-4 .table-cards{margin-top:3.2rem}.board.board-seats-4 .table-cards{margin-left:5.4rem;margin-right:5.4rem}.deck-indicator{z-index:2;background:linear-gradient(#6e2ba1e6,#481870eb);border:1px solid #ffffff57;border-radius:1rem;align-items:center;gap:.5rem;padding:.42rem .62rem .42rem .46rem;display:inline-flex;position:absolute;top:1rem;right:1rem;box-shadow:0 .55rem 1.2rem #15042a47,0 0 .55rem #ffd36a1f}.deck-indicator-stack{flex:none;width:1.5rem;height:1.8rem;position:relative}.deck-indicator-stack span{background:linear-gradient(135deg,#ffebb238,#ffffff08),linear-gradient(#843ec1f5,#581f8bfa);border:1px solid #ffeab5b8;border-radius:.35rem;position:absolute;inset:0;box-shadow:0 .2rem .45rem #11062140}.deck-indicator-stack span:first-child{opacity:.7;transform:translate(.22rem,-.16rem)}.deck-indicator-stack span:nth-child(2){opacity:.84;transform:translate(.11rem,-.08rem)}.deck-indicator-stack span:nth-child(3){opacity:1}.deck-indicator-copy{flex-direction:column;align-items:flex-start;line-height:1;display:inline-flex}.deck-indicator-copy small{letter-spacing:.04em;text-transform:uppercase;color:#f8e8b4;font-size:.64rem;font-weight:800}.deck-indicator-copy strong{color:#fff;font-size:1rem;font-weight:900}.table-cards{grid-area:table;grid-template-columns:repeat(4,minmax(6.05rem,8.74rem));place-self:center;gap:.5rem;display:grid}.card{aspect-ratio:3/4;background:#f1e8fb;border:1px solid #ccb4e2;border-radius:.45rem}.card.active{background:#f3b226}.card-img{object-fit:contain;background:#fff;border:1px solid #ccb4e2;border-radius:.5rem;width:100%;height:100%}.card-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .14s,filter .14s}.card-btn.active-play{filter:drop-shadow(0 0 .95rem #ffcd4dc7);transform:translateY(-.7rem)scale(1.03)}.card-btn:disabled{opacity:.6;cursor:not-allowed}.capture-animation-layer{pointer-events:none;z-index:52;position:fixed;inset:0}.capture-anim-card{transform-origin:50%;filter:drop-shadow(0 0 #ffd75b00);transition:left .3s ease-in-out,top .3s ease-in-out,transform .3s ease-in-out,opacity .26s ease-in-out,filter .18s ease-in-out;position:fixed}.capture-anim-card.highlighted{filter:drop-shadow(0 0 1rem #ffd657f2)drop-shadow(0 0 .45rem #fff3bcb8)}.capture-anim-card.played{z-index:3}.capture-anim-card.captured{z-index:2}.capture-anim-card.absorbing{filter:drop-shadow(0 0 1.15rem #ffdd6ad9)}.game-log{background:#fcf9ff;border:1px solid #ccb5e1;border-radius:.65rem;gap:.28rem;max-height:11rem;padding:.5rem;display:grid;overflow-y:auto}.chat-quick{flex-wrap:wrap;gap:.3rem;display:flex}.chat-fab{background:var(--primary);color:#fff;cursor:pointer;z-index:92;border:1px solid #7c4dac;border-radius:999px;place-items:center;width:3rem;height:3rem;display:grid;position:fixed;bottom:5.6rem;right:1rem}.chat-fab-badge{color:#fff;background:#ff6b57;border-radius:999px;place-items:center;min-width:1.1rem;height:1.1rem;padding:0 .16rem;font-size:.62rem;font-weight:700;display:grid;position:absolute;top:-.18rem;right:-.18rem}.chat-sheet-backdrop{z-index:91;background:#1b0a2c4d;position:fixed;inset:0}.chat-sheet{z-index:93;opacity:0;pointer-events:none;background:#f7f0fc;border:1px solid #c8b0dd;border-radius:.9rem;gap:.5rem;width:min(22rem,100vw - 2rem);max-height:min(70vh,28rem);padding:.62rem;transition:transform .15s,opacity .15s;display:grid;position:fixed;bottom:9rem;right:1rem;transform:translateY(14px)scale(.98);box-shadow:0 1rem 2rem #30114940}.chat-sheet.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.chat-sheet-header{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.chat-header-actions{align-items:center;gap:.35rem;display:inline-flex}.chat-sound-toggle{color:#5a2f85;cursor:pointer;background:#fff;border:1px solid #ccb5e1;border-radius:.45rem;padding:.16rem .42rem;font-size:.72rem;font-weight:700}.chat-sound-toggle:hover{background:#f6effd}.chat-emoji-btn{cursor:pointer;background:#fff;border:1px solid #ccb5e1;border-radius:.5rem;padding:.18rem .42rem;font-size:1rem;line-height:1.1}.chat-list{background:#fcf9ff;border:1px solid #ccb5e1;border-radius:.65rem;gap:.24rem;max-height:10rem;padding:.5rem;display:grid;overflow-y:auto}.chat-msg{line-height:1.2}.chat-msg.own{color:#4b1f73}.chat-form{grid-template-columns:1fr auto;gap:.4rem;display:grid}.chat-form input{background:#fff;border:1px solid #c7b0db;border-radius:.62rem;padding:.5rem .58rem}.game-log small{line-height:1.2}.log-seq{color:#7c55a4;font-weight:700}.log-actor{color:#4e2476;font-weight:700}.captures-grid{gap:.3rem;display:grid}.canto-tag{color:#4f2575;background:#f6c247;border:1px solid #e4af2d;border-radius:999px;align-items:center;margin-left:.35rem;padding:.08rem .38rem;font-size:.72rem;font-weight:700;display:inline-flex}.autoplay-tag{color:#fff;background:#ff8c66;border:1px solid #ef6e42;border-radius:999px;align-items:center;margin-left:.35rem;padding:.08rem .38rem;font-size:.7rem;font-weight:700;display:inline-flex}.autoplay-warning{color:#6a3b08;background:#ffe7be;border:1px solid #efbe6f;border-radius:999px;align-items:center;gap:.25rem;margin-top:.18rem;padding:.18rem .46rem;font-weight:700;display:inline-flex}.canto-badge{color:#51267a;background:#ffcb53f2;border:1px solid #ffe3a2;border-radius:999px;align-items:center;margin-left:.35rem;padding:.08rem .34rem;font-size:.68rem;font-weight:700;display:inline-flex}.ultima-overlay{z-index:80;pointer-events:none;background:0 0;place-items:center;display:grid;position:fixed;inset:0}.ultima-modal{letter-spacing:.12em;color:#fff;background:linear-gradient(#ffcb53,#f3b226);border:2px solid #fff1cc;border-radius:1rem;padding:1rem 1.4rem;font-size:clamp(1.6rem,5vw,2.8rem);font-weight:800;animation:2.2s forwards ultima-pop;box-shadow:0 .8rem 2rem #390f5c59}.canto-overlay{z-index:85;pointer-events:none;width:min(460px,94vw);position:fixed;top:1.2rem;left:50%;transform:translate(-50%)}.canto-banner{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #a78bfa;border-radius:1rem;align-items:center;gap:.85rem;padding:.9rem 1.2rem;animation:3.5s cubic-bezier(.22,1,.36,1) forwards canto-banner-in;display:flex;box-shadow:0 4px 28px #6d28d973,0 0 0 1px #a78bfa33}.canto-banner-best{background:linear-gradient(135deg,#5b21b6cc,#7c3aedcc);border-color:#a78bfa}.canto-banner-autowin{background:linear-gradient(135deg,#92400ecc,#d97706cc);border-color:#fcd34d;box-shadow:0 4px 28px #d9770680,0 0 0 1px #fcd34d4d}.canto-banner-lost{opacity:.88;background:linear-gradient(135deg,#1e1b4bcc,#312e81cc);border-color:#6366f1}.canto-banner-icon{flex-shrink:0;font-size:1.8rem;line-height:1}.canto-banner-body{flex:1;min-width:0}.canto-banner-name{color:gold;letter-spacing:.02em;font-size:1.05rem;font-weight:900}.canto-banner-autowin .canto-banner-name{color:#fef3c7}.canto-banner-actor{color:#ffffffa6;margin-top:.1rem;font-size:.78rem}.canto-banner-right{flex-shrink:0}.canto-banner-tag{letter-spacing:.04em;border-radius:2rem;padding:.28rem .75rem;font-size:.75rem;font-weight:800}.canto-banner-tag.best{color:gold;background:#ffd70033;border:1px solid #ffd70066}.canto-banner-tag.autowin{color:#fef3c7;background:#fde68a40;border:1px solid #fde68a66}.canto-banner-tag.lost{color:#ffffff80;background:#6366f126;border:1px solid #6366f14d}@keyframes canto-banner-in{0%{opacity:0;transform:translateY(-20px)}8%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.caida-overlay{z-index:86;pointer-events:none;width:min(460px,94vw);position:fixed;top:1.2rem;left:50%;transform:translate(-50%)}.caida-modal{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#7f1d1dcc,#dc2626cc);border:2px solid #fca5a5;border-radius:1rem;align-items:center;gap:.85rem;padding:.9rem 1.2rem;animation:3.5s cubic-bezier(.22,1,.36,1) forwards canto-banner-in;display:flex;box-shadow:0 4px 28px #dc262680,0 0 0 1px #fca5a533}.mal-echada-overlay{z-index:86;pointer-events:none;width:min(460px,94vw);position:fixed;top:1.2rem;left:50%;transform:translate(-50%)}.mesa-limpia-overlay{z-index:87;pointer-events:none;width:min(460px,94vw);position:fixed;top:1.2rem;left:50%;transform:translate(-50%)}.mal-echada-modal{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3b0764cc,#6d28d9cc);border:2px solid #c4b5fd;border-radius:1rem;align-items:center;gap:.85rem;padding:.9rem 1.2rem;animation:3.5s cubic-bezier(.22,1,.36,1) forwards canto-banner-in;display:flex;box-shadow:0 4px 28px #6d28d980,0 0 0 1px #c4b5fd33}.mesa-limpia-modal{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#052e16cc,#16a34acc);border:2px solid #86efac;border-radius:1rem;align-items:center;gap:.85rem;padding:.9rem 1.2rem;animation:3.5s cubic-bezier(.22,1,.36,1) forwards canto-banner-in;display:flex;box-shadow:0 4px 28px #16a34a80,0 0 0 1px #86efac33}.event-banner-icon{flex-shrink:0;font-size:1.8rem;line-height:1}.event-banner-body{flex:1;min-width:0}.event-banner-title{color:gold;letter-spacing:.02em;font-size:1.05rem;font-weight:900}.caida-modal .event-banner-title{color:#fca5a5}.mal-echada-modal .event-banner-title{color:#ddd6fe}.mesa-limpia-modal .event-banner-title{color:#bbf7d0}.event-banner-sub{color:#ffffffa6;margin-top:.1rem;font-size:.78rem}.event-banner-tag{letter-spacing:.04em;border-radius:2rem;flex-shrink:0;padding:.28rem .75rem;font-size:.75rem;font-weight:800}.caida-modal .event-banner-tag{color:#fca5a5;background:#fca5a533;border:1px solid #fca5a566}.mal-echada-modal .event-banner-tag{color:#ddd6fe;background:#c4b5fd26;border:1px solid #c4b5fd59}.mesa-limpia-modal .event-banner-tag{color:#bbf7d0;background:#86efac26;border:1px solid #86efac59}.deal-overlay{z-index:88;background:#29123f57;place-items:center;display:grid;position:fixed;inset:0}.deal-modal{background:linear-gradient(160deg,#2d0d52,#1a0730);border:1.5px solid #f2d26473;border-radius:1.3rem;gap:1.2rem;width:min(28rem,94vw);padding:1.4rem 1.3rem 1.2rem;display:grid;box-shadow:0 1.4rem 3.5rem #0000008c,inset 0 0 0 1px #ffc8501a}.deal-modal-title{align-items:center;gap:.55rem;display:flex}.deal-modal-title span{font-size:1.6rem;line-height:1}.deal-modal-title h3{color:#f5e6b0;margin:0;font-size:1rem;font-weight:700}.deal-actions{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.deal-option{cursor:pointer;background:#ffffff0d;border:2px solid #c8a0ff47;border-radius:1rem;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .6rem .85rem;transition:transform .14s,border-color .14s,box-shadow .14s,background .14s;display:flex}.deal-option:hover:not(:disabled){background:#ffc80012;border-color:#ffd700b3;transform:translateY(-4px);box-shadow:0 8px 24px #ffb40047}.deal-option:disabled{opacity:.5;cursor:not-allowed}.deal-seq{gap:.28rem;display:flex}.deal-seq-slot{color:#5a2500;background:linear-gradient(160deg,#fff8e8,#ffe59a);border:1px solid #c8900a;border-radius:.38rem;justify-content:center;align-items:center;width:2.1rem;height:2.75rem;font-size:1.15rem;font-weight:900;display:flex;box-shadow:0 2px 7px #00000059}.deal-option-label{color:#e6d2ffcc;letter-spacing:.02em;font-size:.71rem;font-weight:600}.deal-countdown{flex-direction:column;gap:.32rem;display:flex}.deal-countdown-label{color:#dcc8ff80;text-align:center;font-size:.68rem}.deal-countdown-track{background:#ffffff1a;border-radius:1rem;height:.42rem;overflow:hidden}.deal-countdown-bar{background:linear-gradient(90deg,#f5c842,#ff9200);border-radius:1rem;height:100%;transition:width 1s linear}.summary-overlay{z-index:90;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.summary-modal{pointer-events:auto;background:linear-gradient(#fff8e7,#ffecc2);border:2px solid #f0c86b;border-radius:1rem;gap:.35rem;min-width:min(25rem,92vw);max-width:92vw;padding:1rem 1rem .85rem;display:grid;position:relative;box-shadow:0 1rem 2rem #4a1f6f33}.summary-modal h3,.summary-modal small{margin:0}.summary-list{background:#ffffffc7;border:1px solid #e3c27a;border-radius:.6rem;gap:.24rem;margin-top:.35rem;padding:.5rem .55rem;display:grid}.summary-close{color:#7a3f12;cursor:pointer;background:#fff;border:1px solid #d6aa51;border-radius:999px;width:1.6rem;height:1.6rem;font-weight:700;line-height:1;position:absolute;top:.45rem;right:.45rem}.match-end-overlay{z-index:95;pointer-events:none;background:#2b10433d;place-items:center;display:grid;position:fixed;inset:0}.match-end-modal{text-align:center;pointer-events:auto;background:linear-gradient(#fff7df,#ffe9b0);border:2px solid #efc86a;border-radius:1rem;gap:.2rem;min-width:min(24rem,90vw);padding:1rem 1.1rem;display:grid;box-shadow:0 1rem 2rem #4a1f6f47}.match-end-modal h3,.match-end-modal small{margin:0}.btn-spectate{color:#7c3aed;cursor:pointer;background:#7c3aed12;border:1.5px solid #7c3aed;border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .85rem;font-size:.8rem;font-weight:600;transition:background .15s,transform .12s;display:inline-flex}.btn-spectate:hover:not(:disabled){background:#7c3aed26;transform:translateY(-1px)}.btn-spectate:disabled{opacity:.5;cursor:not-allowed}.spectator-banner{color:#5b21b6;background:linear-gradient(90deg,#7c3aed14,#7c3aed0a);border:1px solid #7c3aed40;border-radius:8px;align-items:center;gap:.55rem;margin-bottom:.75rem;padding:.5rem .9rem;font-size:.82rem;font-weight:500;display:flex}.spectator-banner>span{flex:1}.spectator-exit-btn{margin-left:auto;padding:.28rem .7rem!important;font-size:.78rem!important}.spectator-count-badge{color:#7c3aed;vertical-align:middle;background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:999px;align-items:center;gap:.25rem;margin-left:.6rem;padding:.18rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.match-end-prize{background:linear-gradient(135deg,#d4f7e0,#a8edbe);border:1.5px solid #34d368;border-radius:.75rem;flex-direction:column;align-items:center;gap:.1rem;margin:.35rem 0 .1rem;padding:.6rem 1rem;display:flex}.match-end-prize-label{color:#166534;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.match-end-prize-amount{color:#15803d;letter-spacing:-.02em;font-size:1.5rem;font-weight:900;line-height:1}.match-end-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.6rem;display:grid}.match-end-actions.single{grid-template-columns:minmax(0,1fr)}@keyframes ultima-pop{0%{opacity:0;transform:scale(.7)translateY(10px)}18%{opacity:1;transform:scale(1.06)translateY(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes turn-pulse{0%,to{box-shadow:0 0 #ff6f6f1a}50%{box-shadow:0 0 0 .4rem #ff6f6f24}}@keyframes canto-pop{0%{opacity:0;transform:scale(.72)translateY(8px)}16%{opacity:1;transform:scale(1.03)translateY(0)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes caida-pop{0%{opacity:0;transform:scale(.7)translateY(8px)}16%{opacity:1;transform:scale(1.05)translateY(0)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.bottom-nav{z-index:200;grid-template-columns:repeat(var(--nav-items,5),minmax(0,1fr));background:#fffffff2;border-top:1px solid #d5c0e8;padding:.36rem .24rem;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#a087ba;cursor:pointer;background:0 0;border:none;justify-items:center;gap:.2rem;min-height:3.1rem;padding:.58rem .2rem;display:grid}.bottom-nav button.active{color:var(--primary);font-weight:700}.bottom-nav button span{font-size:.76rem;line-height:1}@media (max-width:640px){.coin-rain-canvas{opacity:.34}.game-shell{padding:.65rem .55rem 5.2rem;overflow-x:clip}.topbar{flex-wrap:wrap;gap:.42rem;width:100%}.topbar>*{min-width:0;max-width:100%}.topbar-online{flex-shrink:0;margin-left:0;padding:.26rem .45rem;font-size:.7rem}.topbar-user{flex:8rem;min-width:6.8rem;max-width:none;padding:.28rem .5rem;font-size:.74rem}.topbar-profile-btn{width:1.95rem;height:1.95rem;font-size:.84rem}.topbar-admin{flex-shrink:0}.topbar-online{padding:.26rem .45rem;font-size:.7rem}.wallet{flex-shrink:0;padding:.3rem .58rem}.lobby-brand-hero{min-height:0;margin:0 0 -.06rem;padding:0 2.75rem}.lobby-hero-coins .coin{transform:scale(.88)}.lobby-logo-wrap{margin:-.14rem 0 -.22rem}.lobby-main-logo{width:min(100%,15.1rem)}.tg-btn{gap:.3rem;padding:.3rem .6rem .3rem .35rem;font-size:.65rem;top:.4rem;right:.4rem}.tg-icon{width:20px!important;height:20px!important}}@media (max-width:460px){.tg-btn{border-radius:50%;gap:0;padding:.42rem;top:.35rem;right:.35rem}.tg-label{display:none}.tg-icon{width:24px!important;height:24px!important}}@media (max-width:600px){.lobby-current-room-actions{grid-template-columns:1fr}.room-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.room-tabs::-webkit-scrollbar{display:none}.room-tabs button{white-space:nowrap;flex:none}.panel{width:100%;max-width:100%;padding:.65rem;overflow-x:clip}.menu-screen{border-radius:1rem;padding:.9rem .75rem 1.45rem}.menu-panel-card{width:min(100%,22rem);margin-top:1.65rem;margin-bottom:1rem;padding:.7rem}.menu-panel-logo{width:min(100%,10.2rem);transform:translate(-50%,-46%)}.menu-options-layer{margin:.7rem .35rem .55rem}.menu-cta-row{grid-template-columns:1fr;width:min(100%,22rem)}.panel-actions{grid-template-columns:1fr 1fr;display:grid}.panel-actions .btn-primary,.panel-actions .btn-secondary{width:100%}.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:.62rem}.settings-form{width:100%;max-width:100%;padding:.58rem;overflow-x:clip}.ranking-title-wrap{align-items:flex-start}.ranking-trophy{flex-basis:4rem;width:4rem;height:4rem}.ranking-podium{flex-direction:column;align-items:stretch;gap:.9rem;display:flex}.ranking-podium-card,.ranking-podium-card.first,.ranking-podium-card.second,.ranking-podium-card.third{min-height:auto;transform:none}.ranking-avatar-frame{width:min(10rem,52vw)}.ranking-avatar{font-size:clamp(1.15rem,7vw,1.85rem)}.ranking-avatar-frame.first{--avatar-top:49.4%;--avatar-size:42%}.ranking-avatar-frame.second{--avatar-top:50.8%;--avatar-size:40%}.ranking-avatar-frame.third{--avatar-top:49.1%;--avatar-size:40.8%}.ranking-podium-card.first{order:1}.ranking-podium-card.second{order:2}.ranking-podium-card.third{order:3}.ranking-podium-empty{display:none}.ranking-row{flex-direction:column;align-items:flex-start}.ranking-row-right{text-align:left}.ranking-you{grid-template-columns:1fr;justify-items:flex-start}.ranking-panel{padding-bottom:6.2rem}.stat-card{width:100%;max-width:100%}.settings-actions .btn-primary{width:100%}.table-header{gap:.45rem}.seat-turn{flex-wrap:wrap;justify-content:center;row-gap:.22rem}.dealer-badge{min-width:3rem;padding:.1rem .36rem;font-size:.58rem}.turn-timer{font-size:.68rem}.board.four{grid-template:"top""table"1fr"bottom"/1fr;min-height:20rem}.board.two{min-height:20rem}.seat.left,.seat.right{display:none}.seat-avatar{width:28px!important;height:28px!important}.seat-avatar-placeholder{width:28px;height:28px}.board-seat-pod{gap:.14rem;max-width:min(8.2rem,39vw)}.board-seat-top,.board-seat-top-left,.board-seat-top-right{top:.35rem}.board-seat-left{top:2.15rem;left:.25rem;transform:none}.board-seat-right{top:2.15rem;right:.25rem;transform:none}.board-seat-bottom{bottom:.35rem}.board-seat-pod .seat-player-stack>span{max-width:min(7.6rem,36vw);font-size:.6rem}.board.board-seats .table-cards{margin-top:5rem;margin-bottom:5rem}.board.board-seats-3 .table-cards,.board.board-seats-4 .table-cards{margin-top:5rem}.board.board-seats-4 .table-cards{margin-left:3rem;margin-right:3rem}.deck-indicator{gap:.42rem;padding:.36rem .52rem .36rem .4rem;top:auto;bottom:.7rem;right:.7rem}.deck-indicator-stack{width:1.28rem;height:1.54rem}.deck-indicator-copy small{font-size:.58rem}.deck-indicator-copy strong{font-size:.9rem}.table-cards{grid-template-columns:repeat(4,minmax(3.84rem,5.28rem));gap:.35rem}.table-cards.hand-cards{grid-template-columns:repeat(4,minmax(4.61rem,6.34rem))}.bottom-nav button span{font-size:.7rem}.chat-form{grid-template-columns:1fr}.chat-fab{bottom:5.45rem;right:.7rem}.chat-sheet{width:auto;max-height:72vh;bottom:9.1rem;left:.6rem;right:.6rem}.deal-seq-slot{width:1.75rem;height:2.3rem;font-size:.95rem}}@media (min-width:980px){.tg-btn:not(.tg-btn-inline){display:none}.tg-btn-inline{display:flex}}@media (prefers-reduced-motion:reduce){.coin-rain-canvas{opacity:.18}.lobby-hero-coins .coin{animation:none}}@keyframes lobby-coin-drift{0%{opacity:.82;transform:translateY(0)scaleX(.95)}50%{opacity:1;transform:translateY(-.22rem)scaleX(1.05)}to{opacity:.82;transform:translateY(0)scaleX(.95)}}@media (min-width:900px){.auth-shell{grid-template-columns:1.1fr .9fr;align-items:center;padding:2rem}.game-shell{padding-bottom:1.2rem}.bottom-nav{border:1px solid #c8b0dd;border-radius:1rem;margin-top:.8rem;position:static}.chat-fab{bottom:2rem}.chat-sheet{bottom:5.6rem}.room-list,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-panel{grid-template-columns:1fr}}.admin-layout{background:#f4f0fb;min-height:100vh;display:flex}.admin-sidebar{z-index:100;background:linear-gradient(#1e1040 0%,#130a26 100%);flex-direction:column;width:220px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar-brand{color:#fff;letter-spacing:-.02em;border-bottom:1px solid #ffffff12;align-items:center;gap:.6rem;padding:1.4rem 1.2rem 1.1rem;font-size:1.05rem;font-weight:800;display:flex}.admin-sidebar-brand svg{color:#a78bfa;flex-shrink:0}.admin-sidebar-nav{flex-direction:column;flex:1;gap:.18rem;padding:.9rem .65rem;display:flex}.admin-nav-item{color:#ffffff80;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.65rem;align-items:center;gap:.7rem;width:100%;padding:.65rem .9rem;font-size:.88rem;font-weight:600;transition:all .15s;display:flex;position:relative}.admin-nav-item:hover{color:#ffffffe0;background:#ffffff12}.admin-nav-item.active{color:#fff;background:#7c3aedd1;box-shadow:0 4px 14px #7c3aed52}.admin-sidebar-footer{border-top:1px solid #ffffff12;flex-direction:column;gap:.18rem;padding:.8rem .65rem 1.4rem;display:flex}.admin-sidebar-footer button{color:#ffffff6b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.65rem;align-items:center;gap:.7rem;width:100%;padding:.55rem .9rem;font-size:.84rem;font-weight:600;transition:all .15s;display:flex}.admin-sidebar-footer button:hover{color:#ffffffc7;background:#ffffff12}.admin-main{flex-direction:column;flex:1;min-height:100vh;margin-left:220px;display:flex}.admin-topbar{z-index:50;background:#fff;border-bottom:1px solid #e8e1f5;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 1px 6px #4a1f6d0f}.admin-topbar-left h2{color:#1a1a2e;letter-spacing:-.02em;margin:0 0 .1rem;font-size:1.1rem;font-weight:800}.admin-topbar-left p{color:#9380b0;margin:0;font-size:.78rem}.admin-topbar-right{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.admin-status-msg{color:#7c3aed;white-space:nowrap;text-overflow:ellipsis;max-width:340px;font-size:.8rem;font-weight:500;overflow:hidden}.admin-content{flex:1;padding:1.3rem 1.5rem}.admin-stat-cards{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.admin-stat-card{background:#fff;border:1px solid #e8e1f5;border-radius:1rem;align-items:center;gap:.85rem;padding:.95rem 1.05rem;transition:box-shadow .15s;display:flex;box-shadow:0 2px 10px #4a1f6d0d}.admin-stat-card:hover{box-shadow:0 4px 16px #4a1f6d1a}.admin-stat-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.admin-stat-value{color:#1a1a2e;letter-spacing:-.02em;font-size:1.45rem;font-weight:800;line-height:1}.admin-stat-label{color:#9380b0;margin-top:.22rem;font-size:.75rem;font-weight:500;line-height:1.3}.admin-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.admin-section-header h3{color:#1a1a2e;margin:0;font-size:.95rem;font-weight:700}.admin-alert-banner{border-radius:.85rem;align-items:center;gap:.65rem;margin-bottom:1rem;padding:.8rem 1rem;font-size:.87rem;font-weight:600;display:flex}.admin-alert-banner.warning{color:#92400e;background:#fffbeb;border:1px solid #f59e0b}.admin-alert-banner.danger{color:#991b1b;background:#fef2f2;border:1px solid #ef4444}.admin-alert-banner.ok{color:#166534;background:#f0fdf4;border:1px solid #22c55e}@media (max-width:768px){.admin-sidebar{width:64px}.admin-sidebar-brand span,.admin-nav-item>span:not(.admin-badge-danger),.admin-sidebar-footer button>span{display:none}.admin-sidebar-brand{justify-content:center;padding:1.1rem .5rem}.admin-nav-item,.admin-sidebar-footer button{justify-content:center;padding:.65rem}.admin-main{margin-left:64px}.admin-content{padding:1rem}}.admin-badge-danger{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:.9rem;display:grid}.admin-card{background:#fff;border:1px solid #e8e1f5;border-radius:1rem;gap:.42rem;padding:1.05rem;display:grid;box-shadow:0 2px 10px #4a1f6d0d}.admin-card h3{color:#1a1a2e;letter-spacing:-.01em;margin:0 0 .4rem;font-size:.92rem;font-weight:700}.admin-grid-3col{grid-template-columns:repeat(3,1fr)}.admin-card-list{flex-direction:column;gap:0;display:flex}.admin-card-header{color:#6d28d9;border-bottom:1px solid #ede8f5;align-items:center;gap:.5rem;margin-bottom:.85rem;padding-bottom:.6rem;display:flex}.admin-card-header h3{color:#1a1a2e;margin:0;font-size:.92rem;font-weight:700}.admin-card-empty{color:#9380b0;margin:0;padding:.5rem 0;font-size:.8rem}.admin-rank-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.admin-rank-item{background:#faf7ff;border:1px solid #ede8f5;border-radius:.6rem;align-items:center;gap:.65rem;padding:.5rem .6rem;display:flex}.admin-rank-badge{color:#6d28d9;background:#ede8f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.7rem;font-weight:800;display:flex}.admin-rank-badge.rank-1{color:#92400e;background:#fef3c7}.admin-rank-badge.rank-2{color:#475569;background:#f1f5f9}.admin-rank-badge.rank-3{color:#9d174d;background:#fce7f3}.admin-rank-info{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.admin-rank-username{color:#5b2387;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.admin-rank-country{color:#9380b0;font-size:.7rem}.admin-rank-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.05rem;display:flex}.admin-rank-wins{color:#1a1a2e;font-size:.8rem;font-weight:700}.admin-rank-rate{color:#16a34a;font-size:.68rem;font-weight:600}.admin-country-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.admin-country-item{flex-direction:column;gap:.25rem;display:flex}.admin-country-top{justify-content:space-between;align-items:center;display:flex}.admin-country-name{color:#1a1a2e;font-size:.82rem;font-weight:600}.admin-country-count{color:#6d28d9;font-size:.75rem;font-weight:700}.admin-country-bar-bg{background:#ede8f5;border-radius:99px;height:5px;overflow:hidden}.admin-country-bar-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:99px;height:100%;transition:width .4s}.admin-rooms-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.admin-room-item{background:#faf7ff;border:1px solid #ede8f5;border-radius:.6rem;flex-direction:column;gap:.28rem;padding:.5rem .6rem;display:flex}.admin-room-top{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.admin-room-name{color:#5b2387;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.admin-room-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;flex-shrink:0;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.admin-room-status-badge.status-waiting{color:#92400e;background:#fef3c7}.admin-room-status-badge.status-playing{color:#166534;background:#dcfce7}.admin-room-meta{justify-content:space-between;align-items:center;display:flex}.admin-room-players{color:#9380b0;font-size:.72rem}.admin-room-bet{color:#d97706;align-items:center;gap:.2rem;font-size:.72rem;font-weight:700;display:flex}.admin-room-bar-bg{background:#ede8f5;border-radius:99px;height:4px;overflow:hidden}.admin-room-bar-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:99px;height:100%;transition:width .4s}@media (max-width:900px){.admin-grid-3col{grid-template-columns:1fr}}.admin-live-row{background:#faf7ff;border:1px solid #e8e1f5;border-radius:.72rem;gap:.22rem;padding:.65rem .75rem;display:grid}.admin-security-grid{gap:.6rem;margin-bottom:.85rem;display:grid}.admin-security-grid input{color:var(--text);box-sizing:border-box;background:#faf7ff;border:1px solid #d5c3e8;border-radius:.72rem;width:100%;padding:.65rem .8rem;font-size:.9rem;box-shadow:inset 0 1px #fffc}.admin-security-grid input:focus{border-color:#b793d8;outline:2px solid #5b238738}.admin-search{flex-wrap:wrap;gap:.6rem;margin-bottom:.55rem;display:flex}.ann-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a051ed1;justify-content:center;align-items:center;padding:1rem;animation:.3s annFadeIn;display:flex;position:fixed;inset:0}@keyframes annFadeIn{0%{opacity:0}to{opacity:1}}.ann-modal{text-align:center;background:linear-gradient(160deg,#1e0a3c 0%,#2d1060 60%,#1a0a30 100%);border:2px solid #7c3aed;border-radius:22px;flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:440px;padding:2rem 1.75rem 1.5rem;animation:.35s cubic-bezier(.34,1.56,.64,1) annSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #a855f74d,0 24px 60px #000000b3,0 0 80px #7c3aed33}.ann-modal:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f72e 0%,#0000 70%);width:220px;height:220px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}@keyframes annSlideUp{0%{opacity:0;transform:translateY(30px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.ann-modal-update{border-color:#8b5cf6}.ann-modal-info{border-color:#3b82f6}.ann-modal-warning{border-color:#f59e0b}.ann-modal-promo{background:linear-gradient(160deg,#1e1205 0%,#3b2008 60%,#1a0f02 100%);border-color:#f59e0b}.ann-modal-logo{filter:drop-shadow(0 4px 16px #7c3aed80);margin-bottom:.25rem}.ann-modal-type-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.ann-badge-update{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf666}.ann-badge-info{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f666}.ann-badge-warning{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b66}.ann-badge-promo{color:#fde68a;background:#fbbf2433;border:1px solid #fbbf2466}.ann-modal-title{color:#f3e8ff;margin:0;font-size:1.35rem;font-weight:800;line-height:1.25}.ann-modal-body{color:#d8b4fe;white-space:pre-wrap;margin:0;font-size:.92rem;line-height:1.6}.ann-modal-footer{justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:.5rem;display:flex}.ann-modal-counter{color:#a78bfa;font-size:.78rem;font-weight:600}.btn-ann-close,.btn-ann-next{cursor:pointer;border:none;border-radius:10px;padding:.65rem 2rem;font-size:.9rem;font-weight:800;transition:transform .1s,box-shadow .15s}.btn-ann-close{color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 4px 20px #7c3aed73}.btn-ann-close:hover{transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed8c}.btn-ann-next{color:#e9d5ff;background:#ffffff1a;border:1px solid #ffffff26}.btn-ann-next:hover{background:#ffffff29}.ann-row{background:#faf8ff;border:1px solid #e8e1f5;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.75rem;transition:opacity .2s;display:flex}.ann-row.inactive{opacity:.5}.ann-type-badge{white-space:nowrap;text-transform:capitalize;border-radius:6px;flex-shrink:0;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.ann-type-update{color:#7c3aed;background:#8b5cf61f}.ann-type-info{color:#2563eb;background:#3b82f61f}.ann-type-warning{color:#b45309;background:#f59e0b1f}.ann-type-promo{color:#92400e;background:#fbbf241f}.ann-content{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.ann-title{color:#1a1a2e;font-size:.88rem}.ann-body-preview{color:#6b7280;font-size:.78rem}.ann-meta{color:#9ca3af;font-size:.72rem}.ann-actions{flex-shrink:0;gap:.35rem;display:flex}.btn-ann-pause,.btn-ann-activate{cursor:pointer;border:none;border-radius:6px;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.btn-ann-pause{color:#b45309;background:#f59e0b26}.btn-ann-activate{color:#047857;background:#10b98126}.btn-ann-delete{color:#dc2626;cursor:pointer;background:#ef44441a;border:none;border-radius:6px;align-items:center;padding:.25rem .4rem;display:flex}.admin-input,.admin-select{color:#1a1a2e;box-sizing:border-box;background:#f8f5ff;border:1px solid #ddd6fe;border-radius:8px;outline:none;width:100%;padding:.5rem .75rem;font-size:.85rem;transition:border-color .15s}.admin-input:focus,.admin-select:focus{border-color:#7c3aed}@media (max-width:480px){.ann-modal{border-radius:18px;padding:1.5rem 1.25rem 1.25rem}.ann-modal-title{font-size:1.15rem}.ann-modal-logo img{width:70px!important;height:70px!important}}.friends-badge{color:#1a1a2e;vertical-align:middle;background:#f59e0b;border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;margin-left:.3rem;padding:0 .25rem;font-size:.65rem;font-weight:800;display:inline-flex}.friends-tab{flex-direction:column;gap:.85rem;display:flex}.friends-section-title{color:#e2c9ff;align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.95rem;font-weight:700;display:flex}.friends-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.friend-item{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.65rem;padding:.55rem .65rem;transition:background .15s;display:flex}.friend-item:hover{background:#ffffff1a}.friend-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:.95rem;font-weight:800;display:flex;position:relative}.friend-avatar.online{border-color:#34d399;box-shadow:0 0 0 3px #34d3994d}.friend-avatar.online:after{content:"";background:#34d399;border:2px solid #1e0a3c;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.waiting-invite-item .friend-avatar.online:after{border-color:#f0ecff}.playing-tag{color:#7c3aed;white-space:nowrap;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.friend-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.friend-username{color:#f0e6ff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.friend-fullname{color:#c4aed9;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.friend-status-dot{font-size:.72rem;font-weight:600}.friend-status-dot.online{color:#34d399}.friend-status-dot.offline{color:#9ca3af}.friend-actions{flex-shrink:0;gap:.35rem;display:flex}.btn-friend-accept,.btn-friend-decline,.btn-friend-add,.btn-friend-invite,.btn-friend-remove{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:.3rem;padding:.3rem .55rem;font-size:.75rem;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.btn-friend-accept{color:#fff;background:#059669}.btn-friend-accept:hover{background:#047857}.btn-friend-decline,.btn-friend-remove{color:#f87171;background:#ef444426;border:1px solid #ef444440}.btn-friend-decline:hover,.btn-friend-remove:hover{background:#ef444447}.btn-friend-add{color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea)}.btn-friend-add:hover{background:linear-gradient(135deg,#6d28d9,#7c3aed)}.btn-friend-add:disabled{opacity:.5;cursor:not-allowed}.btn-friend-invite{color:#1a1a2e;background:linear-gradient(135deg,#d97706,#f59e0b)}.btn-friend-invite:hover{background:linear-gradient(135deg,#b45309,#d97706)}.btn-friend-invite:disabled{opacity:.5;cursor:not-allowed}.btn-leave-waiting{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:9px;align-items:center;gap:.4rem;margin-top:.85rem;padding:.5rem 1.1rem;font-size:.83rem;font-weight:700;transition:background .15s;display:inline-flex}.btn-leave-waiting:hover{background:#ef444433}.btn-leave-waiting:disabled{opacity:.45;cursor:not-allowed}.waiting-invite-card{background:#7c3aed0f!important;border:1px solid #7c3aed33!important}.waiting-invite-title{color:#5b21b6;align-items:center;gap:.4rem;margin:0 0 .65rem;font-size:.9rem;font-weight:700;display:flex}.waiting-invite-list{flex-direction:column;gap:.4rem;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.waiting-invite-item{background:#7c3aed12;border:1px solid #7c3aed1f;border-radius:9px;align-items:center;gap:.55rem;padding:.45rem .6rem;display:flex}.waiting-invite-name{color:#3b1d8c;text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:.35rem;min-width:0;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.waiting-online-dot{background:#059669;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 2px #05966933}.friend-tag{border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.friend-tag.already{color:#34d399;background:#34d39926}.friend-tag.pending{color:#fbbf24;background:#fbbf2426}.friends-search-wrap{margin-bottom:.55rem}.friends-search-input{color:#fff;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.friends-search-input::placeholder{color:#fff6}.friends-search-input:focus{border-color:#a855f7}.friends-search-results{flex-direction:column;gap:.4rem;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.friends-requests-card{background:#f59e0b0d!important;border:1px solid #f59e0b4d!important}.friends-status{color:#b45309;margin-top:.4rem;font-size:.78rem;font-weight:600;display:block}.friends-tab .friends-status{color:#fbbf24}.friends-empty{color:#c4aed9;text-align:center;padding:1rem 0;font-size:.85rem}.room-invite-overlay{z-index:9999;flex-direction:column;gap:.65rem;width:calc(100vw - 2.4rem);max-width:320px;display:flex;position:fixed;bottom:1.5rem;right:1.2rem}.room-invite-toast{background:linear-gradient(135deg,#2d1b69,#3b1d8c);border:1.5px solid #7c3aed;border-radius:14px;padding:.85rem 1rem;animation:.25s slideInInvite;box-shadow:0 8px 32px #00000080,0 0 0 1px #a855f733}.friend-req-toast{background:linear-gradient(135deg,#451a03,#78350f);border-color:#d97706;box-shadow:0 8px 32px #00000080,0 0 0 1px #d9770640}.invite-declined-toast{background:linear-gradient(135deg,#1c0a0a,#3b0f0f);border-color:#ef4444;box-shadow:0 8px 32px #00000080,0 0 0 1px #ef444440}.invite-declined-icon{color:#f87171!important}.friend-req-icon{color:#fbbf24!important}@keyframes slideInInvite{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.room-invite-header{color:#e9d5ff;align-items:flex-start;gap:.5rem;margin-bottom:.65rem;font-size:.85rem;line-height:1.4;display:flex}.room-invite-icon{color:#c084fc;flex-shrink:0;margin-top:2px}.room-invite-actions{gap:.5rem;display:flex}.btn-invite-accept{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:8px;flex:1;padding:.45rem 0;font-size:.8rem;font-weight:700;transition:background .15s}.btn-invite-accept:hover{background:linear-gradient(135deg,#047857,#059669)}.btn-invite-decline{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;flex:1;padding:.45rem 0;font-size:.8rem;font-weight:700;transition:background .15s}.btn-invite-decline:hover{background:#ef444447}.admin-users-filters{background:#f8f5ff;border:1px solid #e8e1f5;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.9rem;padding:.55rem .7rem;display:flex}.admin-filter-chip{color:#6b5f8a;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d8c7ea;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-filter-chip.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.admin-filter-chip.active .admin-online-dot{background:#86efac!important;border-color:#ffffff80!important}.admin-filter-select{color:#1a1a2e;cursor:pointer;background:#fff;border:1.5px solid #d8c7ea;border-radius:6px;outline:none;padding:.3rem .6rem;font-size:.76rem;font-weight:500}.admin-filter-select:focus{border-color:#7c3aed}.admin-filter-clear{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1px solid #fca5a5;border-radius:999px;align-items:center;gap:.25rem;margin-left:auto;padding:.28rem .6rem;font-size:.73rem;font-weight:600;transition:background .15s;display:inline-flex}.admin-filter-clear:hover{background:#fee2e2}.admin-search input{min-width:240px;color:var(--text);background:#fff;border:1px solid #d5c3e8;border-radius:.72rem;flex:1;padding:.65rem .8rem;font-size:.9rem;box-shadow:inset 0 1px #fffc}.admin-search input:focus{border-color:#b793d8;outline:2px solid #5b238738}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:680px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #ede8f5;padding:.5rem .55rem;font-size:.88rem}.admin-table th{color:#7c6b99;text-transform:uppercase;letter-spacing:.04em;z-index:1;background:#f8f5ff;font-size:.78rem;font-weight:700;position:sticky;top:0}.admin-table tbody tr:hover{background:#faf7ff}.admin-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.admin-user-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.admin-action-btn{white-space:nowrap;align-items:center;gap:.3rem;color:#1a1a2e!important;background:#fff!important;border:1.5px solid #d8c7ea!important;border-radius:6px!important;padding:.32rem .65rem!important;font-size:.75rem!important;font-weight:600!important;display:inline-flex!important}.admin-moderate-wrap{position:relative}.admin-moderate-trigger{color:#1a1a2e;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d8c7ea;border-radius:6px;align-items:center;gap:.2rem;padding:.32rem .7rem;font-size:.75rem;font-weight:600;transition:background .15s;display:inline-flex}.admin-moderate-trigger:hover:not(:disabled){background:#f3eefa}.admin-moderate-trigger:disabled{opacity:.45;cursor:not-allowed}.admin-moderate-dropdown{z-index:200;background:#fff;border:1px solid #d8c7ea;border-radius:8px;min-width:160px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 6px 20px #1e104021}.admin-moderate-dropdown button{text-align:left;color:#1a1a2e;cursor:pointer;background:0 0;border:none;width:100%;padding:.5rem .9rem;font-size:.8rem;font-weight:500;transition:background .12s;display:block}.admin-moderate-dropdown button:hover:not(:disabled){background:#f3eefa}.admin-moderate-dropdown button.danger{color:#dc2626}.admin-moderate-dropdown button.danger:hover:not(:disabled){background:#fef2f2}.admin-moderate-dropdown button.success{color:#16a34a}.admin-moderate-dropdown button.success:hover:not(:disabled){background:#f0fdf4}.admin-moderate-dropdown button:disabled{opacity:.45;cursor:not-allowed}.admin-online-dot{cursor:default;background:#c7c0d4;border:1px solid #cbb8dd;border-radius:999px;width:.75rem;height:.75rem;padding:0;display:inline-block}.admin-online-dot.online{background:#1dbb6b;border-color:#149455;box-shadow:0 0 0 3px #1dbb6b26}.admin-online-dot.offline{background:#c4bbd4;border-color:#a898bc}.admin-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#140a288c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:1.1rem;flex-direction:column;width:100%;max-width:760px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #1e0a3c38}.admin-modal-header{border-bottom:1px solid #ede8f5;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem .85rem;display:flex}.admin-modal-header h3{color:#1a1a2e;align-items:center;margin:0 0 .2rem;font-size:1rem;font-weight:800;display:flex}.admin-modal-header p{color:#7c6b99;margin:0;font-size:.82rem}.admin-modal-close{color:#7c6b99;cursor:pointer;background:#f4f0fb;border:none;border-radius:.55rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.admin-modal-close:hover{color:#1a1a2e;background:#ede8f5}.admin-modal-loading,.admin-modal-empty{text-align:center;color:#9380b0;padding:2rem 1.25rem;font-size:.88rem}.admin-modal-table-wrap{flex:1;padding:.75rem 1.25rem 1.25rem;overflow-y:auto}.admin-tx-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.admin-tx-badge.credit{color:#16a34a;background:#22c55e1a}.admin-tx-badge.debit{color:#dc2626;background:#ef44441a}.admin-coin-btn{color:#7c3aed!important;border-color:#d8c7ea!important}.admin-coin-btn:hover{background:#f5f0ff!important}.admin-ranking-eligible-btn.eligible{color:#059669!important;border-color:#6ee7b7!important}.admin-ranking-eligible-btn.eligible:hover{background:#ecfdf5!important}.admin-ranking-eligible-btn.ineligible{color:#9ca3af!important;border-color:#e5e7eb!important}.admin-ranking-eligible-btn.ineligible:hover{background:#f9fafb!important}.admin-profile-btn{color:#2563eb!important;border-color:#93c5fd!important}.admin-profile-btn:hover{background:#eff6ff!important}.admin-modal-wide{box-sizing:border-box;width:96vw!important;max-width:780px!important;padding:1.5rem!important}.admin-profile-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:.75rem;display:grid}@media (max-width:560px){.admin-profile-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:360px){.admin-profile-grid{grid-template-columns:1fr}}.admin-profile-field{background:#f8f5ff;border:1px solid #e8e1f5;border-radius:8px;flex-direction:column;gap:.2rem;min-width:0;padding:.6rem .8rem;display:flex;overflow:hidden}.admin-profile-label{text-transform:uppercase;letter-spacing:.04em;color:#9380b0;font-size:.7rem;font-weight:700}.admin-profile-value{color:#1a1a2e;word-break:break-word;overflow-wrap:anywhere;white-space:normal;font-size:.85rem;font-weight:500}.admin-profile-filter{background:#f8f5ff;border:1px solid #e8e1f5;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-bottom:.75rem;padding:.65rem .75rem;display:flex}.admin-profile-filter label{color:#6b5f8a;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.admin-profile-filter input[type=date]{color:#1a1a2e;background:#fff;border:1px solid #d8c7ea;border-radius:6px;padding:.3rem .5rem;font-size:.82rem}.admin-grant-dropdown{z-index:100;background:#fff;border:1px solid #d8c7ea;border-radius:8px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow:hidden;box-shadow:0 4px 16px #1e10401f}.admin-grant-dropdown-item{cursor:pointer;text-align:left;color:#1a1a2e;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.5rem .75rem;font-size:.85rem;transition:background .15s;display:flex}.admin-grant-dropdown-item:hover{background:#7c3aed12}.admin-grant-dropdown-item small{color:#9380b0;font-size:.72rem}.admin-grant-selected{color:#166534;background:#22c55e14;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:.4rem;margin-bottom:.1rem;padding:.4rem .65rem;font-size:.82rem;display:flex}.topbar-admin{color:var(--primary);cursor:pointer;background:linear-gradient(170deg,#f8f1ff,#efe4fb);border:1px solid #bda0d8;border-radius:999px;align-items:center;gap:.35rem;padding:.34rem .66rem;font-weight:700;transition:all .18s;display:inline-flex}.topbar-admin:hover{transform:translateY(-1px);box-shadow:0 8px 16px #5b23871f}@media (max-width:720px){.admin-shell{padding:.72rem}.admin-hero{flex-direction:column;align-items:flex-start;padding:.9rem}.admin-hero-actions{width:100%}.admin-hero-actions button{flex:1}.admin-search input{min-width:100%}.admin-kpis{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.admin-panel{padding:.78rem}}.lobby-chat-widget{z-index:1200;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:72px;right:16px}.lobby-chat-fab{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b2387);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 4px 18px #5b238780}.lobby-chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #5b2387b3}.lobby-chat-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.lobby-chat-panel{background:linear-gradient(165deg,#1e0a3c,#2d1060);border:1px solid #a855f74d;border-radius:16px;flex-direction:column;width:300px;max-height:420px;animation:.2s lobbySlideIn;display:flex;overflow:hidden;box-shadow:0 12px 40px #0000008c}@keyframes lobbySlideIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.lobby-chat-header{background:#7c3aed40;border-bottom:1px solid #a855f733;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.lobby-chat-title{color:#e9d5ff;font-size:.85rem;font-weight:700}.lobby-chat-close{color:#c084fc;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:1rem;line-height:1}.lobby-chat-close:hover{color:#fff}.lobby-chat-messages{flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.lobby-chat-messages::-webkit-scrollbar{width:4px}.lobby-chat-messages::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:4px}.lobby-chat-empty{color:#ffffff59;text-align:center;padding:20px 0;font-size:.78rem}.lobby-chat-msg{background:#ffffff0d;border-left:2px solid #a855f74d;border-radius:8px;flex-direction:column;gap:1px;padding:5px 9px;display:flex}.lobby-chat-msg.own{background:#7c3aed33;border-left-color:#a855f7;align-items:flex-end}.lobby-chat-user{color:#c084fc;font-size:.68rem;font-weight:700}.lobby-chat-msg.own .lobby-chat-user{color:#e9d5ff}.lobby-chat-text{color:#ffffffe6;word-break:break-word;font-size:.8rem}.lobby-chat-quick{border-top:1px solid #a855f726;flex-wrap:wrap;gap:2px;padding:6px 10px 2px;display:flex}.lobby-chat-emoji-btn{cursor:pointer;background:#ffffff12;border:1px solid #a855f733;border-radius:8px;padding:3px 5px;font-size:1rem;line-height:1;transition:background .12s,transform .1s}.lobby-chat-emoji-btn:hover{background:#a855f74d;transform:scale(1.15)}.lobby-chat-error{color:#f87171;text-align:center;padding:4px 12px;font-size:.72rem}.lobby-chat-input-row{background:#0003;border-top:1px solid #a855f733;gap:6px;padding:8px 10px;display:flex}.lobby-chat-input{color:#fff;background:#ffffff14;border:1px solid #a855f74d;border-radius:20px;outline:none;flex:1;min-width:0;padding:6px 12px;font-size:.8rem}.lobby-chat-input::placeholder{color:#ffffff59}.lobby-chat-input:focus{border-color:#a855f7}.lobby-chat-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b2387);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;transition:opacity .15s;display:flex}.lobby-chat-send:disabled{opacity:.4;cursor:not-allowed}.lobby-chat-send:not(:disabled):hover{opacity:.85}@media (max-width:480px){.lobby-chat-panel{width:calc(100vw - 32px)}.lobby-chat-widget{bottom:70px;right:12px}}.ia-page{color:#fff;background:linear-gradient(165deg,#32104a 0%,#511d75 48%,#2e0f44 100%);flex-direction:column;min-height:100vh;padding-bottom:64px;font-family:Trebuchet MS,Segoe UI,sans-serif;display:flex}.ia-loading{color:#ffffff80;flex:1;justify-content:center;align-items:center;font-size:1rem;display:flex}.ia-setup{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.6rem;padding:2rem 1rem;display:flex}.ia-setup-logo{text-align:center}.ia-setup-badge{color:#1a0838;letter-spacing:.12em;background:linear-gradient(135deg,#f3b226,gold);border-radius:2rem;margin-bottom:.75rem;padding:.25rem .9rem;font-size:.72rem;font-weight:900;display:inline-block}.ia-setup-title{background:linear-gradient(135deg,#fff,#d4b8f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .4rem;font-size:2.4rem;font-weight:900;line-height:1.1}.ia-setup-subtitle{color:#ffffff8c;margin:0;font-size:.88rem}.ia-section-label{letter-spacing:.1em;color:#ffffff73;text-transform:uppercase;align-self:flex-start;width:100%;max-width:680px;font-size:.72rem;font-weight:700}.ia-difficulty-grid{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:680px;display:grid}.ia-diff-card{text-align:center;cursor:pointer;background:#ffffff0a;border:2px solid #ffffff1f;border-radius:1.1rem;flex-direction:column;align-items:center;gap:.4rem;padding:1.4rem 1rem;transition:all .2s;display:flex}.ia-diff-card:hover{background:#ffffff17;border-color:#ffd70059;transform:translateY(-2px)}.ia-diff-card.selected{background:#ffd7001f;border-color:gold;box-shadow:0 0 24px #ffd70040}.ia-diff-icon{font-size:2rem;line-height:1}.ia-diff-name{color:#fff;font-size:.95rem;font-weight:800}.ia-diff-desc{color:#ffffff80;font-size:.72rem;line-height:1.4}.ia-player-count{align-items:center;gap:.65rem;display:flex}.ia-count-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:2px solid #ffffff2e;border-radius:2rem;padding:.45rem 1.1rem;font-size:.9rem;font-weight:700;transition:all .15s}.ia-count-btn:hover{color:#fff;border-color:#ffd70066}.ia-count-btn.selected{color:gold;background:#ffd7002e;border-color:gold}.ia-count-hint{color:#fff6;margin-left:.25rem;font-size:.78rem}.ia-start-btn{color:#1a0838;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#f3b226,gold);border:none;border-radius:2rem;padding:.95rem 3.2rem;font-size:1.05rem;font-weight:900;transition:all .2s;box-shadow:0 4px 22px #ffd70059}.ia-start-btn:hover{transform:translateY(-3px);box-shadow:0 7px 28px #ffd70080}.ia-back-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:.6rem;align-self:flex-start;padding:.3rem .85rem;font-size:.8rem;transition:all .15s}.ia-back-btn:hover{color:#fff;border-color:#ffffff59}.ia-game-header{background:linear-gradient(165deg,#461a6a,#5b2387);border-bottom:2px solid #f3b2264d;flex-shrink:0;justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex;box-shadow:0 2px 12px #00000059}.ia-header-center{align-items:center;gap:.65rem;display:flex}.ia-header-title{color:#ffffffe6;font-size:.95rem;font-weight:800}.ia-diff-badge{border-radius:2rem;padding:.18rem .7rem;font-size:.7rem;font-weight:700}.ia-diff-badge.mantequilla{color:#a8e063;background:#86c5452e;border:1px solid #86c5454d}.ia-diff-badge.clasico{color:#93c5fd;background:#60a5fa2e;border:1px solid #60a5fa4d}.ia-diff-badge.experto{color:#fca5a5;background:#f871712e;border:1px solid #f871714d}.ia-round-info{color:#fff6;font-size:.75rem}.ia-game{flex-direction:column;flex:1;gap:.75rem;width:100%;max-width:920px;margin:0 auto;padding:.75rem;display:flex}.ia-bots-row{justify-content:center;gap:.75rem;display:flex}.ia-bot-zone{background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:1rem;flex-direction:column;flex:1;align-items:stretch;gap:.55rem;max-width:280px;padding:.75rem;transition:border-color .3s,background .3s;display:flex}.ia-bot-zone.active-turn{background:#ffd70012;border-color:#ffd7008c;box-shadow:0 0 20px #ffd7001f}.ia-bot-header{align-items:center;gap:.5rem;display:flex}.ia-bot-avatar{font-size:1.3rem;line-height:1}.ia-bot-meta{flex-direction:column;flex:1;gap:.05rem;display:flex}.ia-bot-name{color:#ffffffe6;font-size:.82rem;font-weight:700}.ia-bot-score{color:gold;font-size:.72rem;font-weight:800}.ia-score-bar{background:#ffffff14;border-radius:2px;flex-shrink:0;height:4px;overflow:hidden}.ia-score-bar-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:2px;height:100%;transition:width .4s}.ia-score-bar-fill.danger{background:linear-gradient(90deg,#dc2626,#f87171)}.ia-bot-name-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.ia-bot-stats-row{align-items:center;gap:.5rem;display:flex}.ia-bot-captured{color:#fff6;font-size:.65rem}.ia-canto-chip{letter-spacing:.04em;border-radius:2rem;padding:.12rem .45rem;font-size:.6rem;font-weight:800}.ia-canto-chip.best{color:gold;background:#ffd70033;border:1px solid #ffd70066}.ia-canto-chip.lost{color:#ffffff59;background:#ffffff0f;border:1px solid #ffffff1f}.ia-dealer-chip{color:#fbbf24;background:#f9a82533;border:1px solid #f9a82559;border-radius:2rem;padding:.1rem .38rem;font-size:.6rem;font-weight:900}.ia-deck-pile{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.ia-deck-stack{width:2.1rem;height:2.8rem;position:relative}.ia-deck-card{background:linear-gradient(135deg,#3b1d6a,#5c2d91);border:1px solid #ffd7004d;border-radius:.28rem;width:2rem;height:2.7rem;position:absolute}.ia-deck-c3{opacity:.5;transform:rotate(-4deg)translate(-2px,2px)}.ia-deck-c2{opacity:.75;transform:rotate(-2deg)translate(-1px,1px)}.ia-deck-c1{transform:rotate(0)}.ia-deck-label{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.ia-deck-count{color:gold;font-size:1rem;font-weight:900}.ia-deck-sub{color:#fff6;margin-top:.1rem;font-size:.6rem}.ia-bot-cards{flex-wrap:wrap;gap:.35rem;display:flex}.ia-facedown{aspect-ratio:3/4;background:linear-gradient(135deg,#3b1d6a,#5c2d91);border:1.5px solid #ffd70059;border-radius:.38rem;justify-content:center;align-items:center;width:2.6rem;display:flex;position:relative;overflow:hidden}.ia-facedown-pattern{background:repeating-linear-gradient(45deg,#ffd7000f 0 2px,#0000 2px 8px);border:1px solid #ffd70040;border-radius:.2rem;width:80%;height:80%}.ia-thinking-row{align-items:center;gap:.25rem;padding-left:.25rem;display:flex}.ia-thinking{background:gold;border-radius:50%;width:.45rem;height:.45rem;animation:.9s ease-in-out infinite ia-pulse}@keyframes ia-pulse{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}.ia-no-cards{color:#ffffff4d;font-size:.72rem;font-style:italic}.ia-canto-banner{background:linear-gradient(135deg,#5b21b6,#7c3aed);border:2px solid #a78bfa;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.2rem;animation:.28s ia-slide-down;display:flex;box-shadow:0 4px 20px #7c3aed66}@keyframes ia-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ia-canto-text{flex-direction:column;gap:.15rem;display:flex}.ia-canto-name{color:gold;font-size:.95rem;font-weight:900}.ia-canto-pts{color:#fff9;font-size:.72rem}.ia-canto-actions{flex-shrink:0;gap:.5rem;display:flex}.ia-canto-yes{color:#1a0838;cursor:pointer;background:linear-gradient(135deg,#f3b226,gold);border:none;border-radius:.6rem;padding:.42rem 1rem;font-size:.85rem;font-weight:800;transition:transform .1s}.ia-canto-yes:hover{transform:scale(1.04)}.ia-canto-no{color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:.6rem;padding:.42rem .8rem;font-size:.82rem}.ia-canto-no:hover{color:#fff;border-color:#ffffff80}.ia-table-area{background:#461a6a66;border:2px solid #f3b2264d;border-radius:1.1rem;flex-direction:column;flex:1;align-items:center;gap:.75rem;min-height:130px;padding:1rem;display:flex}.ia-table-header{justify-content:space-between;align-items:center;width:100%;display:flex}.ia-table-meta{align-items:center;gap:.6rem;display:flex}.ia-table-label{letter-spacing:.08em;color:#fff6;text-transform:uppercase;font-size:.72rem;font-weight:700}.ia-table-count{color:#ffffff59;background:#ffffff0f;border-radius:2rem;padding:.1rem .45rem;font-size:.68rem}.ia-table-cards{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:.55rem;display:flex}.ia-table-empty{color:#ffffff40;font-size:.82rem;font-style:italic}.ia-table-card{aspect-ratio:3/4;background:#f1e8fb;border:1.5px solid #ccb4e2;border-radius:.42rem;width:4.6rem;transition:box-shadow .2s,border-color .2s;position:relative;overflow:visible;box-shadow:0 2px 8px #0006}.ia-table-card img{object-fit:contain;border-radius:.42rem;width:100%;height:100%;display:block}.ia-table-card.matchable{border-color:gold;box-shadow:0 0 10px #ffd70066}.ia-table-order-badge{color:#fff;text-align:center;pointer-events:none;z-index:2;background:linear-gradient(135deg,#5e2a9c,#9b59b6);border:1.5px solid #fff9;border-radius:999px;min-width:1.25rem;padding:.18rem .32rem;font-size:.62rem;font-weight:800;line-height:1;position:absolute;top:-.55rem;right:-.45rem;box-shadow:0 1px 4px #0006}.ia-status-bar{text-align:center;color:#ffffff8c;min-height:1.2rem;font-size:.82rem}.ia-status-highlight{color:gold;font-weight:700}.ia-player-zone{background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:1rem;flex-direction:column;align-items:stretch;gap:.65rem;padding:.85rem;transition:border-color .3s,background .3s;display:flex}.ia-player-zone.active-turn{background:#ffd7000f;border-color:#ffd7008c;box-shadow:0 0 24px #ffd7001a}.ia-player-top{width:100%}.ia-player-info{flex-direction:column;gap:.15rem;display:flex}.ia-player-name-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ia-player-name{color:#ffffffd9;font-size:.85rem;font-weight:700}.ia-player-stats-row{align-items:center;gap:.55rem;display:flex}.ia-player-score{color:gold;font-size:.88rem;font-weight:800}.ia-player-captured{color:#fff6;font-size:.68rem}.ia-dealing-tag{color:#a78bfa;font-size:.7rem;font-style:italic}.ia-hand{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.ia-hand-card{aspect-ratio:3/4;cursor:pointer;background:#f1e8fb;border:2px solid #ccb4e299;border-radius:.45rem;width:5.6rem;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:visible}.ia-hand-card img{object-fit:contain;border-radius:.35rem;width:100%;height:100%;display:block}.ia-hand-card:hover:not(:disabled){transform:translateY(-.65rem);box-shadow:0 8px 20px #00000080}.ia-hand-card.playable{border-color:#ffd70099}.ia-hand-card.has-match{border-color:gold;box-shadow:0 0 14px #ffd7008c}.ia-hand-card.has-match:hover:not(:disabled){transform:translateY(-.85rem);box-shadow:0 10px 24px #ffd70080}.ia-hand-card:disabled{opacity:.55;cursor:not-allowed}.ia-card-action{letter-spacing:.04em;white-space:nowrap;pointer-events:none;border-radius:2rem;padding:.1rem .35rem;font-size:.6rem;font-weight:800;position:absolute;bottom:-1.3rem;left:50%;transform:translate(-50%)}.ia-card-action.collect{color:#1a0838;background:#ffd700e6}.ia-card-action.throw{color:#fff9;background:#ffffff26}.ia-result-overlay{z-index:200;background:#000000d1;justify-content:center;align-items:center;animation:.35s ia-fade-in;display:flex;position:fixed;inset:0}@keyframes ia-fade-in{0%{opacity:0}to{opacity:1}}.ia-result-card{text-align:center;background:linear-gradient(150deg,#1a0838,#2d0f5b);border:2px solid #ffd70099;border-radius:1.5rem;width:92%;max-width:380px;padding:2.5rem 2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) ia-pop-in;box-shadow:0 0 60px #ffd70033,0 20px 60px #0009}@keyframes ia-pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.ia-result-emoji{margin-bottom:.4rem;font-size:3.2rem;display:block}.ia-result-title{color:gold;margin:0 0 .25rem;font-size:1.75rem;font-weight:900}.ia-result-subtitle{color:#ffffff80;margin:0 0 1rem;font-size:.82rem}.ia-result-divider{background:#ffffff14;width:100%;height:1px;margin-bottom:.85rem}.ia-result-scores{flex-direction:column;gap:.4rem;margin-bottom:1.4rem;display:flex}.ia-result-score-row{color:#fff9;border-radius:.55rem;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.82rem;display:flex}.ia-result-score-row.winner{color:gold;background:#ffd7001a;font-weight:800}.ia-result-rank{flex-shrink:0;font-size:1rem}.ia-result-name{text-align:left;flex:1}.ia-result-stats{flex-shrink:0;gap:.6rem;display:flex}.ia-result-pts{font-weight:800}.ia-result-cap{opacity:.6;font-size:.72rem}.ia-result-diff{color:#ffffff4d;margin-top:1rem;font-size:.72rem}.ia-result-actions{justify-content:center;gap:.75rem;display:flex}.ia-result-rematch{color:#1a0838;cursor:pointer;background:linear-gradient(135deg,#f3b226,gold);border:none;border-radius:2rem;padding:.75rem 1.8rem;font-size:.95rem;font-weight:900;transition:transform .15s,box-shadow .15s}.ia-result-rematch:hover{transform:translateY(-2px);box-shadow:0 5px 18px #ffd70066}.ia-result-back{color:#fff9;cursor:pointer;background:0 0;border:1.5px solid #ffffff40;border-radius:2rem;padding:.75rem 1.5rem;font-size:.9rem;transition:all .15s}.ia-result-back:hover{color:#fff;border-color:#ffffff80}.ia-bot-log-widget{margin:0 0 .2rem}.ia-bot-log-toggle{color:#ffffffbf;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:.75rem;justify-content:space-between;align-items:center;width:100%;padding:.45rem .9rem;font-size:.78rem;transition:background .15s;display:flex}.ia-bot-log-toggle:hover{background:#ffffff1f}.stat-card .ia-bot-log-toggle{color:#5b2a8a;background:#6b2fa012;border-color:#6b2fa038}.stat-card .ia-bot-log-toggle:hover{background:#6b2fa021}.stat-card .ia-bot-log{color:#3a1660;scrollbar-color:#6b2fa04d transparent;background:#6b2fa012;border-color:#6b2fa02e}.stat-card .ia-bot-log-entry{color:#3a1660}.stat-card .ia-bot-log-emoji{color:#7c3aad}.ia-bot-log-chevron{opacity:.6;font-size:.65rem}.ia-bot-log{scrollbar-width:thin;scrollbar-color:#fff3 transparent;background:#00000040;border:1px solid #ffffff1a;border-top:none;border-radius:0 0 .75rem .75rem;flex-direction:column;gap:.18rem;max-height:10rem;padding:.4rem .5rem;display:flex;overflow-y:auto}.ia-bot-log-entry{color:#ffffffb3;align-items:center;gap:.4rem;padding:.15rem 0;font-size:.71rem;display:flex}.ia-bot-log-entry.ia-bot-log-divider{color:#ffffff59;justify-content:center;padding:.25rem 0 .1rem;font-size:.66rem}.ia-bot-log-emoji{flex-shrink:0;font-size:.8rem;line-height:1}.ia-bot-log-text{line-height:1.3}.table-card-wrap{position:relative;overflow:visible}.table-card-wrap.deal-hit{border-radius:.5rem;animation:.5s ease-out ia-deal-hit-pulse;box-shadow:0 0 16px #4dff9a8c,0 2px 8px #0006}.table-card-wrap.deal-miss .card-img{opacity:.62;filter:grayscale(.4)}.ia-table-card.deal-hit{animation:.5s ease-out ia-deal-hit-pulse;border-color:#4dff9a!important;box-shadow:0 0 16px #4dff9a8c,0 2px 8px #0006!important}.ia-table-card.deal-miss{opacity:.62;filter:grayscale(.4)}@keyframes ia-deal-hit-pulse{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.ia-deal-reveal-overlay{pointer-events:none;z-index:4;border-radius:.42rem;flex-direction:column;justify-content:space-between;align-items:center;padding:.18rem 0 .22rem;display:flex;position:absolute;inset:0}.ia-deal-reveal-spoken{color:#f0c040;background:#14052de0;border-radius:999px;padding:.14rem .38rem;font-size:.8rem;font-weight:900;line-height:1;animation:.22s cubic-bezier(.34,1.56,.64,1) ia-reveal-pop}.ia-deal-reveal-pts{color:#052e14;background:linear-gradient(135deg,#22c55e,#4dff9a);border-radius:999px;padding:.14rem .4rem;font-size:.72rem;font-weight:900;line-height:1;animation:.3s cubic-bezier(.34,1.56,.64,1) .12s both ia-reveal-pop,3.4s ease-in .7s both ia-reveal-float-up}.ia-deal-reveal-miss{color:#ff5a5ae6;font-size:1rem;font-weight:900;line-height:1;animation:.2s ease-out ia-reveal-pop}@keyframes ia-reveal-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes ia-reveal-float-up{0%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-16px)}}.ia-deal-toast{color:#ffffffe0;text-align:center;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem 1rem;font-size:.8rem;animation:.3s ease-out ia-toast-in,.5s ease-in 3.2s both ia-toast-out;display:flex}@keyframes ia-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes ia-toast-out{0%{opacity:1}to{opacity:0}}@media (min-width:768px){.ia-game{gap:1.1rem;padding:1.1rem 1.4rem}.ia-game-header{padding:.85rem 1.4rem}.ia-header-title{font-size:1.1rem}.ia-round-info{font-size:.85rem}.ia-bot-zone{max-width:340px;padding:1rem}.ia-bot-name{font-size:.95rem}.ia-bot-score{font-size:.82rem}.ia-table-area{min-height:160px;padding:1.2rem 1.4rem}.ia-table-card{width:5.5rem}.ia-hand-card{width:6.6rem}.ia-player-zone{padding:1rem 1.2rem}.ia-player-name{font-size:.95rem}.ia-table-label,.ia-deck-label{font-size:.8rem}.ia-deck-count{font-size:1.3rem}.ia-card-action{padding:.15rem .45rem;font-size:.72rem}.ia-score-bar{height:7px}.ia-setup-title{font-size:2.6rem}.ia-setup-subtitle{font-size:1rem}}@media (max-width:600px){.ia-difficulty-grid{grid-template-columns:1fr;max-width:320px}.ia-bots-row{flex-direction:column;align-items:center}.ia-bot-zone{width:100%;max-width:100%}.ia-hand-card{width:6.4rem}.ia-table-card{width:5.9rem}.ia-setup-title{font-size:1.8rem}}.profile-header-card{flex-direction:column;align-items:center;gap:.25rem;display:flex}.profile-avatar-img{object-fit:contain;background:#ffffff0a;border:3px solid #a879ea73;border-radius:50%;margin-bottom:.25rem;width:64px!important;height:64px!important}.profile-avatar-placeholder{background:#a879ea26;border:3px solid #a879ea40;border-radius:50%;width:64px;height:64px;margin-bottom:.25rem}.avatar-picker-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.6rem 0;display:grid}.avatar-picker-item{cursor:pointer;color:#c8b8e0;background:#ffffff0a;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:.45rem .25rem;font-size:.68rem;transition:border-color .18s,background .18s,transform .15s;display:flex}.avatar-picker-item:hover{background:#a879ea1a;border-color:#a879ea80;transform:translateY(-2px)}.avatar-picker-item.selected{background:#a879ea33;border-color:#a879ea;box-shadow:0 0 0 3px #a879ea40}.avatar-picker-item img{object-fit:contain;border-radius:8px;width:56px;height:56px}.settings-field .avatar-picker-grid{grid-template-columns:repeat(3,1fr)}.signup-avatar-step{width:100%}.signup-avatar-title{color:#e2d5f8;text-align:center;margin-bottom:.5rem;font-size:1rem;font-weight:600}.signup-avatar-hint{text-align:center;color:#9b82c0;margin-top:.4rem;font-size:.72rem;display:block}.signup-avatar-step .avatar-picker-grid{grid-template-columns:repeat(3,1fr)}.onboarding-card{gap:1rem;max-width:460px}.onboarding-progress{justify-content:center;gap:.5rem;margin-bottom:.25rem;display:flex}.onboarding-dot{background:#a879ea40;border-radius:50%;width:8px;height:8px;transition:background .2s}.onboarding-dot.active{background:#a879ea;border-radius:4px;width:24px}.onboarding-title{color:#e2d5f8;text-align:center;margin:0;font-size:1.3rem;font-weight:700}.onboarding-body{color:#c8b8e0;text-align:center;margin:0;font-size:.9rem;line-height:1.5}.onboarding-rules{flex-direction:column;gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.onboarding-rules li{color:#d4c4f0;background:#ffffff0a;border:1px solid #a879ea26;border-radius:10px;padding:.6rem .85rem;font-size:.87rem}.onboarding-actions{flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.btn-ghost{color:#9b82c0;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem;font-size:.82rem;transition:color .18s}.btn-ghost:hover{color:#c8b8e0}@media (max-width:480px){.avatar-picker-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.avatar-picker-item img{width:44px;height:44px}.signup-avatar-step .avatar-picker-grid{grid-template-columns:repeat(3,1fr)}}.lobby-room-tags,.room-card-tags{flex-wrap:wrap;gap:.35rem;margin:.2rem 0 .1rem;display:flex}.room-tag{letter-spacing:.03em;text-transform:uppercase;border-radius:20px;padding:.15rem .55rem;font-size:.68rem;font-weight:700}.room-tag-auto{color:#b0a8c8;background:#3a3a4a;border:1px solid #4e4865}.room-tag-manual{color:#ffa84a;background:#4a2800;border:1px solid #8b5200}.room-tag-set{color:#82b4e8;background:#1e3050;border:1px solid #2a4a72}.room-info-wrap{align-items:center;display:inline-flex;position:relative}.room-info-btn{color:#b0a0cc;cursor:pointer;background:0 0;border:1.5px solid #8b7aaa;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.7rem;font-style:italic;font-weight:700;line-height:1;transition:border-color .15s,color .15s;display:flex}.room-info-btn:hover{color:#e0d0f8;border-color:#c8b0e8}.room-info-popover{z-index:200;pointer-events:none;background:#1e1530;border:1px solid #4e3878;border-radius:10px;flex-direction:column;gap:.3rem;min-width:220px;max-width:260px;padding:.7rem .9rem;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000080}.room-info-popover strong{color:#e0d4f8;margin-bottom:.2rem;font-size:.85rem}.room-info-popover span{color:#b0a0cc;font-size:.78rem;line-height:1.4}.create-room-hint{color:#ffa84a;margin-top:.4rem;margin-bottom:.2rem;font-size:.78rem;display:block}.manual-canto-banner{background:linear-gradient(135deg,#3d1a00,#5a2800);border:1.5px solid #a05000;border-radius:10px;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.6rem .9rem;animation:1s ease-in-out infinite alternate canto-pulse;display:flex}@keyframes canto-pulse{0%{border-color:#a05000;box-shadow:0 0 6px #ff8c0033}to{border-color:#ff8c00;box-shadow:0 0 14px #ff8c0073}}.manual-canto-label{color:#fc8;flex:1;font-size:.82rem;font-weight:600}.manual-canto-countdown{color:#f93;text-align:center;min-width:2.2rem;font-size:1.1rem;font-weight:800}.btn-canto-claim{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c86000,#f80);border:none;border-radius:8px;padding:.35rem .9rem;font-size:.82rem;font-weight:700;transition:opacity .15s,transform .1s}.btn-canto-claim:hover:not(:disabled){opacity:.88;transform:scale(1.04)}.btn-canto-claim:disabled{opacity:.5;cursor:not-allowed}