@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-1: #0f1b2d;--bg-2: #1c3146;--bg-3: #e2d9c7;--ink-1: #0f172a;--ink-2: #344256;--accent-1: #ff7a59;--accent-2: #30bced;--accent-3: #ffd166;--panel: #fdf7f0;--panel-strong: #fff3e2;--success: #2fbf71;--danger: #e54b4b;--shadow: 0 18px 50px rgba(15, 23, 42, .2);--page-grad-1: #243b55;--page-grad-2: #141e30;--page-grad-3: #0f172a;--page-glow-1: rgba(255, 122, 89, .15);--page-glow-2: rgba(48, 188, 237, .1);--page-dot: rgba(255, 255, 255, .08);--component-bg: #ffffff;--surface-1: #ffffff;--surface-2: #f8fafc;--card-border: rgba(255, 255, 255, .5);--border-soft: rgba(15, 23, 42, .12);--modal-backdrop: rgba(15, 23, 42, .6);--modal-bg: #ffffff;--notification-error-bg: #ffe3e3;--notification-error-ink: #9f1c1c;--notification-success-bg: #d1fae5;--notification-success-ink: #065f46;--winner-bg: linear-gradient(120deg, #fff7d6, #ffe5b4);--winner-border: #ffb703;--chip-taken-bg: #ffe0b2;--chip-taken-border: #ff9800;--chip-taken-ink: #8a4f00;--btn-secondary-ink: #07212d;--current-call-letter-bg: linear-gradient(135deg, #ff9800 0%, #ff9800 100%);--current-call-letter-ink: #ffffff;--current-call-value-bg: linear-gradient(135deg, #e7f8ff 0%, #d6f1fb 100%);--current-call-value-ink: #0e2b3a;--current-call-badge-border: rgba(48, 188, 237, .35);--called-cell-called-bg: #00a84c;--called-cell-called-border: #00a84c;--called-cell-called-ink: #ffffff;--called-cell-current-bg: #ff9800;--called-cell-current-border: #ff9800;--called-cell-current-ink: #ffffff}:root[data-theme=dark]{--ink-1: #e8edf5;--ink-2: #a7b4c7;--panel: #121b29;--panel-strong: #1b2738;--shadow: 0 20px 50px rgba(0, 0, 0, .45);--page-grad-1: #09111d;--page-grad-2: #0c1623;--page-grad-3: #070d16;--page-glow-1: rgba(255, 122, 89, .2);--page-glow-2: rgba(48, 188, 237, .18);--page-dot: rgba(255, 255, 255, .06);--component-bg: #162235;--surface-1: #101a2a;--surface-2: #132033;--card-border: rgba(148, 163, 184, .2);--border-soft: rgba(148, 163, 184, .28);--modal-backdrop: rgba(2, 6, 23, .72);--modal-bg: #111c2e;--notification-error-bg: rgba(229, 75, 75, .22);--notification-error-ink: #ffd3d3;--notification-success-bg: rgba(47, 191, 113, .24);--notification-success-ink: #d3ffe5;--winner-bg: linear-gradient(120deg, rgba(255, 209, 102, .24), rgba(255, 122, 89, .18));--winner-border: rgba(255, 209, 102, .8);--chip-taken-bg: rgba(255, 152, 0, .22);--chip-taken-border: rgba(255, 152, 0, .7);--chip-taken-ink: #ffd9a3;--btn-secondary-ink: #062231;--current-call-letter-bg: linear-gradient(135deg, #ff9800 0%, #ff9800 100%);--current-call-letter-ink: #fff5f0;--current-call-value-bg: linear-gradient(135deg, #12374a 0%, #17465e 100%);--current-call-value-ink: #d9f7ff;--current-call-badge-border: rgba(48, 188, 237, .45);--called-cell-called-bg: #00a84c;--called-cell-called-border: #00a84c;--called-cell-called-ink: #ffffff;--called-cell-current-bg: #ff9800;--called-cell-current-border: #ff9800;--called-cell-current-ink: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 20%,var(--page-grad-1) 0%,var(--page-grad-2) 45%,var(--page-grad-3) 100%);min-height:100vh;padding:28px 18px 60px;color:var(--ink-1)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,var(--page-glow-1),var(--page-glow-2));z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--page-dot) 1px,transparent 1px);background-size:28px 28px;z-index:-1;opacity:.5}.app-shell{max-width:1240px;margin:0 auto}.app-card{background:var(--panel);border-radius:26px;padding:28px 28px 32px;box-shadow:var(--shadow);border:1px solid var(--card-border)}.title{font-family:Fraunces,serif;font-size:clamp(2rem,3vw,2.8rem);color:var(--ink-1);letter-spacing:.5px}.subtitle{color:var(--ink-2);font-size:1.3rem}.component{background:var(--component-bg);border-radius:18px;padding:18px 20px;border:1px solid var(--border-soft);box-shadow:0 8px 20px #0f172a14}.component-title{font-size:.95rem;text-transform:uppercase;letter-spacing:1px;color:var(--ink-2);margin-bottom:12px}.grid-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;margin-top:20px}.hidden{display:none!important}.stat-strip{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.stat-item{background:var(--panel-strong);border-radius:14px;padding:12px 14px}.stat-item span{display:block;color:var(--ink-2);font-size:.78rem;text-transform:uppercase;letter-spacing:1px}.stat-item strong{font-size:1.4rem;color:var(--ink-1)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px}.card-chip{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;border:2px solid var(--border-soft);background:var(--surface-1);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.card-chip:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 20px #30bced33}.card-chip.taken{background:var(--chip-taken-bg);border-color:var(--chip-taken-border);color:var(--chip-taken-ink);cursor:not-allowed}.card-chip.selected{background:var(--success);border-color:var(--success);color:#fff}.bingo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.bingo-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:10px}.bingo-col{display:flex;align-items:center;justify-content:center;min-height:20px;border-radius:8px;text-align:center;font-weight:800;letter-spacing:1px;color:#fff}.called-col-head{display:flex;align-items:center;justify-content:center;min-height:20px;border-radius:8px;color:#fff}.bingo-col[data-letter=B],.called-col-head[data-letter=B]{background:#f03c0af6}.bingo-col[data-letter=I],.called-col-head[data-letter=I]{background:#00a84c}.bingo-col[data-letter=N],.called-col-head[data-letter=N]{background:#0e1ded}.bingo-col[data-letter=G],.called-col-head[data-letter=G]{background:#610fee}.bingo-col[data-letter=O],.called-col-head[data-letter=O]{background:#e31c2d}.bingo-cell{aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;background:var(--surface-2);border:2px solid rgba(48,188,237,.3);transition:background .2s ease,color .2s ease}.bingo-cell.free{background:var(--success);color:#fff;border-color:var(--success);font-size:.5rem}.bingo-cell.marked{background:var(--success);color:#fff;border-color:var(--success)}.bingo-cell.clickable{cursor:pointer;border-color:color-mix(in srgb,var(--accent-2) 52%,rgba(15,23,42,.2));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2) 28%,transparent)}.bingo-cell.clickable:hover{transform:translateY(-1px)}.bingo-cell.clickable.current-call{border-color:var(--accent-1);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-1) 35%,transparent)}.bingo-footer{margin-top:12px}.bingo-footer .action-bar{margin-top:0}.numbers-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:10px}.number-pill{background:var(--panel-strong);color:var(--ink-1);padding:8px 0;border-radius:999px;text-align:center;font-weight:700;border:1px solid rgba(15,23,42,.12)}.numbers-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;max-height:180px;overflow:auto}.called-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto;padding-right:2px}.called-column{display:flex;flex-direction:column;gap:6px}.called-col-head{font-weight:800;letter-spacing:1px}.called-col-grid{display:grid;gap:6px}.called-cell{height:34px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--surface-1);border:1px solid var(--border-soft);color:var(--ink-1);font-weight:700;font-size:.82rem;transition:all .2s ease}.called-cell.called{background:var(--called-cell-called-bg);color:var(--called-cell-called-ink)}.called-cell.called.current{background:var(--called-cell-current-bg);color:var(--called-cell-current-ink)}.called-cell.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.called-cell.clickable:hover{transform:scale(1.1);box-shadow:0 4px 12px #00a84c66;z-index:10}.called-cell.clickable:active{transform:scale(1.05)}.call-badge{display:inline-flex;align-items:center;border-radius:18px;overflow:visible;padding:4px 6px}.call-badge-lg{transform:none}.call-letter{background:var(--accent-1);color:#fff;font-weight:700;font-size:.95rem;line-height:1;min-width:10px;padding:5px 8px;text-align:center;letter-spacing:.5px;border-top-left-radius:6px;border-bottom-left-radius:6px}.call-value{background:color-mix(in srgb,var(--accent-2) 20%,var(--panel) 80%);color:var(--ink-1);font-weight:700;font-size:.95rem;line-height:1;min-width:10px;padding:5px 8px;text-align:center;border-top-right-radius:6px;border-bottom-right-radius:6px}.action-bar{display:flex;justify-content:center;gap:12px;margin-top:24px;flex-wrap:wrap}.btn{padding:14px 22px;border-radius:14px;border:none;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;isolation:isolate}@keyframes button-glow-breathe{0%{box-shadow:0 8px 18px color-mix(in srgb,var(--accent-2) 18%,transparent);filter:saturate(1)}50%{box-shadow:0 12px 28px color-mix(in srgb,var(--accent-2) 34%,transparent);filter:saturate(1.08)}to{box-shadow:0 8px 18px color-mix(in srgb,var(--accent-2) 18%,transparent);filter:saturate(1)}}@keyframes button-shimmer-sweep{0%{transform:translate(-180%) skew(-20deg);opacity:0}22%{opacity:.88}to{transform:translate(180%) skew(-20deg);opacity:0}}.btn:after,.lobby-action-btn:after,.game-info-btn:after,.trophy-filter-chip:after{content:"";position:absolute;top:0;bottom:0;left:-58%;width:56%;border-radius:inherit;clip-path:inset(0 round inherit);pointer-events:none;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,white 26%,transparent) 28%,color-mix(in srgb,white 92%,transparent) 50%,color-mix(in srgb,white 22%,transparent) 72%,transparent 100%);opacity:0;transform:translate(-180%) skew(-20deg)}.lobby-action-btn,.game-info-btn,.trophy-filter-chip{position:relative;overflow:hidden;isolation:isolate}.btn-primary:not(:disabled):after,.btn-secondary:not(:disabled):after,.btn-success:not(:disabled):after,.lobby-action-btn:not(.disabled):after,.game-info-btn:after{opacity:.58;animation:button-shimmer-sweep 3s linear infinite}.btn:hover:not(:disabled):after,.btn:focus-visible:after,.lobby-action-btn:hover:not(.disabled):after,.lobby-action-btn:focus-visible:after,.game-info-btn:hover:after,.game-info-btn:focus-visible:after,.trophy-filter-chip:hover:after,.trophy-filter-chip:focus-visible:after{animation:button-shimmer-sweep .9s ease-out}.btn-primary{background:var(--accent-1);color:#fff;box-shadow:0 10px 25px #ff7a5959;animation:button-glow-breathe 2.6s ease-in-out infinite}.btn-secondary{background:var(--accent-2);color:var(--btn-secondary-ink);animation:button-glow-breathe 2.8s ease-in-out infinite}.btn-success{background:var(--success);color:#fff;animation:button-glow-breathe 2.5s ease-in-out infinite}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px color-mix(in srgb,var(--accent-2) 32%,transparent)}.btn:focus-visible,.lobby-action-btn:focus-visible,.game-info-btn:focus-visible,.trophy-filter-chip:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-2) 72%,white 28%);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.notification{margin-top:18px;padding:12px 14px;border-radius:12px;font-weight:600;display:none}.notification.show{display:block}.notification.error{background:var(--notification-error-bg);color:var(--notification-error-ink)}.notification.success{background:var(--notification-success-bg);color:var(--notification-success-ink)}.profile-section-notice{margin-top:0;margin-bottom:10px}.page-actions{margin-top:14px;display:flex;justify-content:flex-start;gap:10px}.winner-card{background:var(--winner-bg);border:2px solid var(--winner-border)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{background:var(--modal-bg);border-radius:20px;padding:24px;max-width:360px;width:100%;box-shadow:var(--shadow)}.theme-toggle{position:fixed;top:16px;right:16px;z-index:30;border:1px solid var(--border-soft);background:var(--component-bg);color:var(--ink-1);font-weight:700;font-size:.88rem;border-radius:999px;padding:10px 14px;cursor:pointer;box-shadow:0 8px 20px #0f172a33;transition:transform .2s ease,box-shadow .2s ease}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a3d}.voice-toggle{right:170px}.voice-icon-btn{width:48px;height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center}.voice-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1}.voice-icon:after{content:"";position:absolute;width:2px;height:22px;border-radius:2px;background:#ff6b6b;transform:rotate(-45deg);opacity:0;transition:opacity .2s ease}.voice-off .voice-icon:after{opacity:1}.voice-unsupported .voice-icon:after{opacity:1;background:#ffd166}.voice-on .voice-icon:after{opacity:0}.voice-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.voice-toggle:disabled:hover{transform:none;box-shadow:0 8px 20px #0f172a33}.modal-card.wide{max-width:720px}.modal-actions{display:flex;gap:12px;margin-top:18px}@media (max-width: 960px){.grid-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.grid-layout #calledNumbersComponent{grid-column:1;grid-row:1}.grid-layout #bingoGridComponent{grid-column:2;grid-row:1}.grid-layout>*:not(#calledNumbersComponent):not(#bingoGridComponent){grid-column:1 / -1}}@media (max-width: 640px){body{padding:20px 14px 50px}.app-card{padding:20px}.grid-layout{gap:10px}.bingo-columns,.bingo-grid{gap:3px}.bingo-col{font-size:.8rem;letter-spacing:.6px}.bingo-cell{border-radius:5px;font-size:.7rem;border-width:1.5px}.called-board{gap:6px;max-height:260px;overflow-y:visible}.called-column{gap:4px}.called-col-head{font-size:.78rem;letter-spacing:.6px}.called-col-grid{gap:2px}.called-cell{height:14px;border-radius:3px;font-size:.72rem}.voice-toggle{top:62px;right:16px}.page-actions{justify-content:stretch}.page-actions .btn{width:100%}}.stat-strip.current-call{width:100%;display:flex;justify-content:center}.current-call-item{min-width:260px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px}.current-call-label{color:var(--ink-2);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.current-call-value{display:flex;align-items:center;justify-content:center}.current-call-value .call-badge{display:inline-flex;align-items:center;padding:0;border:1px solid var(--current-call-badge-border);border-radius:12px;overflow:hidden;box-shadow:0 8px 16px #0f172a2e}.current-call-value .call-letter{background:var(--current-call-letter-bg);color:var(--current-call-letter-ink)}.current-call-value .call-value{background:var(--current-call-value-bg);color:var(--current-call-value-ink)}.current-call-value .call-letter,.current-call-value .call-value{font-size:1.2rem;font-weight:900;min-width:46px;padding:10px 12px;line-height:1}@media (max-width: 640px){.current-call-item{min-width:220px;width:100%}.current-call-value .call-letter,.current-call-value .call-value{font-size:1.7rem;min-width:40px;padding:8px 10px}}.spectator-info{min-height:400px;display:flex;flex-direction:column}.spectator-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.spectator-message{font-size:1.5rem;font-weight:700;color:var(--accent-1);margin-bottom:1rem}.spectator-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;width:100%;max-width:600px;margin-top:2rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface-2);border-radius:12px;border:2px solid var(--border-soft);transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent-2)}.stat-icon{font-size:2rem;line-height:1}.stat-info{flex:1;text-align:left}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-2);font-weight:600;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--ink-1)}body.night-mode .stat-item{background:var(--bg-2);border-color:#ffffff1a}body.night-mode .stat-item:hover{border-color:var(--accent-2)}body.night-mode .stat-label{color:#fff9}body.night-mode .stat-value{color:#fff}@media (max-width: 768px){.spectator-message{font-size:1.2rem}.spectator-stats{grid-template-columns:1fr;gap:1rem}.stat-item{padding:.75rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.25rem}}.lobby-shell{padding-bottom:98px;animation:home-fade-in .4s ease-out}.profile-shell,.trophy-shell{padding-bottom:118px}.trophy-card{display:grid;gap:14px;width:min(100%,100%);margin:0 auto;overflow-x:hidden}.trophy-header{background:linear-gradient(140deg,color-mix(in srgb,var(--surface-1) 90%,transparent),color-mix(in srgb,var(--surface-2) 92%,transparent));border-color:color-mix(in srgb,var(--accent-3) 32%,var(--border-soft));box-shadow:0 12px 26px color-mix(in srgb,var(--accent-3) 18%,transparent)}.trophy-title{background:linear-gradient(115deg,color-mix(in srgb,var(--ink-1) 78%,var(--ink-1)),color-mix(in srgb,var(--accent-1) 68%,var(--ink-1)));-webkit-background-clip:text;background-clip:text;color:transparent}.trophy-filters,.trophy-podium,.trophy-your-position,.trophy-leaderboard,.trophy-recent-wins,.trophy-most-active,.trophy-rules{background:linear-gradient(145deg,color-mix(in srgb,var(--surface-1) 92%,transparent),color-mix(in srgb,var(--surface-2) 95%,transparent));border:1px solid color-mix(in srgb,var(--accent-2) 22%,var(--border-soft))}.trophy-filters{--section-accent: #0ea5e9;--section-tint: rgba(14, 165, 233, .09);border-color:color-mix(in srgb,var(--section-accent) 35%,var(--border-soft))}.trophy-podium{--section-accent: #f59e0b;--section-tint: rgba(245, 158, 11, .1);border-color:color-mix(in srgb,var(--section-accent) 40%,var(--border-soft));overflow:hidden;background:radial-gradient(340px 180px at 50% -20%,color-mix(in srgb,#f59e0b 16%,transparent),transparent 72%),linear-gradient(145deg,color-mix(in srgb,var(--surface-1) 90%,transparent),color-mix(in srgb,var(--surface-2) 95%,transparent))}.trophy-your-position{--section-accent: #22c55e;--section-tint: rgba(34, 197, 94, .09);border-color:color-mix(in srgb,var(--section-accent) 35%,var(--border-soft))}.trophy-leaderboard{--section-accent: #06b6d4;--section-tint: rgba(6, 182, 212, .08);border-color:color-mix(in srgb,var(--section-accent) 34%,var(--border-soft))}.trophy-recent-wins{--section-accent: #f97316;--section-tint: rgba(249, 115, 22, .08);border-color:color-mix(in srgb,var(--section-accent) 36%,var(--border-soft))}.trophy-most-active{--section-accent: #a855f7;--section-tint: rgba(168, 85, 247, .08);border-color:color-mix(in srgb,var(--section-accent) 34%,var(--border-soft))}.trophy-rules{--section-accent: #14b8a6;--section-tint: rgba(20, 184, 166, .08);border-color:color-mix(in srgb,var(--section-accent) 36%,var(--border-soft))}.trophy-card .component-title{color:color-mix(in srgb,var(--section-accent, var(--accent-2)) 74%,var(--ink-1))}.trophy-card .subtitle{color:color-mix(in srgb,var(--section-accent, var(--ink-2)) 54%,var(--ink-2))}.trophy-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.trophy-filter-chip{border:1px solid color-mix(in srgb,var(--accent-2) 44%,transparent);background:color-mix(in srgb,var(--surface-1) 88%,var(--accent-2) 10%);color:color-mix(in srgb,#0ea5e9 72%,var(--ink-1));border-radius:999px;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.trophy-filter-chip.stake{border-color:color-mix(in srgb,var(--accent-3) 42%,transparent);background:color-mix(in srgb,var(--surface-1) 90%,var(--accent-3) 12%);color:color-mix(in srgb,#f97316 72%,var(--ink-1))}.trophy-filter-chip.active{border-color:color-mix(in srgb,var(--accent-1) 56%,transparent);background:linear-gradient(130deg,color-mix(in srgb,var(--accent-1) 62%,#f97316),color-mix(in srgb,var(--accent-2) 56%,#0ea5e9));color:#1f2a32;box-shadow:0 8px 16px color-mix(in srgb,var(--accent-2) 24%,transparent);animation:button-glow-breathe 2.4s ease-in-out infinite}.trophy-filter-chip:hover{transform:translateY(-1px)}.trophy-podium-stage{margin:10px auto 4px;width:min(100%,520px);max-width:100%;height:330px;position:relative}.trophy-podium-slot{position:absolute;display:grid;place-items:center}.podium-slot-1{top:2px;left:50%;transform:translate(-50%)}.podium-slot-2{top:150px;left:8%}.podium-slot-3{top:150px;right:8%}.trophy-podium-card{width:116px;height:116px;border-radius:999px;padding:8px;border:1px solid color-mix(in srgb,var(--accent-2) 26%,var(--border-soft));background:linear-gradient(140deg,color-mix(in srgb,var(--surface-1) 92%,transparent),color-mix(in srgb,var(--surface-2) 96%,transparent));display:grid;gap:4px;align-content:center;justify-items:center;text-align:center;position:relative;overflow:hidden}.trophy-podium-card:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:999px;border:1px dashed color-mix(in srgb,white 34%,transparent);opacity:.75;pointer-events:none}.trophy-cup{display:grid;justify-items:center;gap:2px;margin-bottom:2px}.trophy-cup-bowl{width:34px;height:18px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#fef3c7,#f59e0b);position:relative;box-shadow:0 3px 8px color-mix(in srgb,#f59e0b 34%,transparent)}.trophy-cup-bowl:before,.trophy-cup-bowl:after{content:"";position:absolute;top:2px;width:8px;height:10px;border:2px solid color-mix(in srgb,#fbbf24 76%,#92400e);border-radius:999px}.trophy-cup-bowl:before{left:-9px}.trophy-cup-bowl:after{right:-9px}.trophy-cup-stem{width:8px;height:8px;border-radius:2px;background:color-mix(in srgb,#f59e0b 84%,#92400e)}.trophy-cup-base{width:22px;height:6px;border-radius:999px;background:linear-gradient(180deg,#fcd34d,#d97706)}.trophy-podium-card.rank-1{width:146px;height:146px;padding:10px;transform:translateY(3px);background:radial-gradient(circle at 32% 24%,color-mix(in srgb,#fef3c7 56%,transparent),transparent 46%),linear-gradient(150deg,color-mix(in srgb,#f59e0b 26%,var(--surface-1)),color-mix(in srgb,#facc15 22%,var(--surface-2)));border-color:color-mix(in srgb,#f59e0b 52%,transparent);box-shadow:0 16px 30px color-mix(in srgb,#f59e0b 28%,transparent)}.trophy-podium-card.rank-2{width:116px;height:116px;padding:8px;background:radial-gradient(circle at 32% 24%,color-mix(in srgb,#f1f5f9 46%,transparent),transparent 45%),linear-gradient(150deg,color-mix(in srgb,#94a3b8 22%,var(--surface-1)),color-mix(in srgb,#cbd5e1 14%,var(--surface-2)));border-color:color-mix(in srgb,#94a3b8 56%,transparent);box-shadow:0 10px 20px color-mix(in srgb,#94a3b8 22%,transparent)}.trophy-podium-card.rank-3{width:116px;height:116px;padding:8px;background:radial-gradient(circle at 32% 24%,color-mix(in srgb,#fed7aa 44%,transparent),transparent 45%),linear-gradient(150deg,color-mix(in srgb,#f97316 22%,var(--surface-1)),color-mix(in srgb,#fdba74 12%,var(--surface-2)));border-color:color-mix(in srgb,#f97316 52%,transparent);box-shadow:0 10px 20px color-mix(in srgb,#f97316 22%,transparent)}.trophy-rank{font-weight:900;font-size:1rem;color:color-mix(in srgb,#0ea5e9 84%,var(--ink-1))}.trophy-name{font-weight:700;font-size:.88rem;color:color-mix(in srgb,#a1aabd 90%,var(--ink-1))}.trophy-value{font-weight:900;font-size:1.03rem;color:color-mix(in srgb,var(--success) 76%,var(--ink-1))}.trophy-podium-card.rank-1 .trophy-rank{font-size:1.2rem;color:color-mix(in srgb,#f59e0b 78%,#78350f)}.trophy-podium-card.rank-1 .trophy-name{font-size:1rem}.trophy-podium-card.rank-1 .trophy-value{font-size:1.22rem;color:color-mix(in srgb,#16a34a 85%,var(--ink-1))}.trophy-podium-card small{font-size:.74rem;color:color-mix(in srgb,#334155 80%,var(--ink-2))}.trophy-podium-card.rank-1 small{font-size:.78rem}.trophy-self-row td{background:color-mix(in srgb,var(--accent-1) 14%,transparent)}.trophy-cell-rank{color:color-mix(in srgb,#0ea5e9 82%,var(--ink-1));font-weight:800}.trophy-cell-money{color:color-mix(in srgb,#22c55e 84%,var(--ink-1));font-weight:800}.trophy-cell-success{color:color-mix(in srgb,#10b981 85%,var(--ink-1));font-weight:700}.trophy-cell-active{color:color-mix(in srgb,#a855f7 80%,var(--ink-1));font-weight:700}.trophy-cell-rate{color:color-mix(in srgb,#06b6d4 84%,var(--ink-1));font-weight:700}.trophy-cell-jackpot{color:color-mix(in srgb,#f97316 84%,var(--ink-1));font-weight:800}.trophy-cell-stake{color:color-mix(in srgb,#f59e0b 82%,var(--ink-1));font-weight:700}.trophy-cell-player{color:color-mix(in srgb,#1d4ed8 72%,var(--ink-1));font-weight:700}.trophy-your-position .profile-metric span{color:color-mix(in srgb,#16a34a 58%,var(--ink-2))}.trophy-pos-rank strong{color:color-mix(in srgb,#0ea5e9 84%,var(--ink-1))}.trophy-pos-total strong{color:color-mix(in srgb,#22c55e 86%,var(--ink-1))}.trophy-pos-wins strong{color:color-mix(in srgb,#10b981 86%,var(--ink-1))}.trophy-pos-games strong{color:color-mix(in srgb,#a855f7 82%,var(--ink-1))}.trophy-pos-rate strong{color:color-mix(in srgb,#06b6d4 84%,var(--ink-1))}.trophy-pos-gap strong{color:color-mix(in srgb,#f97316 84%,var(--ink-1))}.trophy-leaderboard .profile-table th{color:color-mix(in srgb,#06b6d4 78%,var(--ink-1))}.trophy-recent-wins .profile-table th{color:color-mix(in srgb,#f97316 76%,var(--ink-1))}.trophy-most-active .profile-table th{color:color-mix(in srgb,#a855f7 74%,var(--ink-1))}.trophy-rules .rules-content p{color:color-mix(in srgb,#0f766e 74%,var(--ink-1))}@media (max-width: 640px){.app-card.trophy-card{padding:16px 12px 24px}.trophy-card .component{padding:14px 10px}.trophy-podium-stage{width:min(100%,248px);max-width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"one one" "two three";justify-items:center;align-items:start;row-gap:8px;column-gap:6px}.trophy-podium-slot{position:static;top:auto;left:auto;right:auto;transform:none}.podium-slot-1{grid-area:one}.podium-slot-2{grid-area:two}.podium-slot-3{grid-area:three}.trophy-podium-card{width:82px;height:82px;padding:6px;gap:2px}.trophy-podium-card.rank-1{width:108px;height:108px;padding:8px}.trophy-cup-bowl{width:14px;height:8px}.trophy-cup-base{width:10px}.trophy-cup-stem{width:5px;height:5px}.trophy-rank{font-size:.74rem;line-height:1}.trophy-podium-card.rank-1 .trophy-rank{font-size:.9rem}.trophy-name{font-size:.58rem;line-height:1.05;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trophy-podium-card.rank-1 .trophy-name{font-size:.66rem}.trophy-value{font-size:.62rem;line-height:1}.trophy-podium-card.rank-1 .trophy-value{font-size:.72rem}.trophy-podium-card small{font-size:.5rem;line-height:1}.trophy-filter-chip{min-height:30px;padding:0 10px;font-size:.66rem}.trophy-card .profile-grid-6{grid-template-columns:1fr 1fr}}.profile-card{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:14px}.profile-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:26px;border:1px solid color-mix(in srgb,var(--accent-1) 28%,var(--accent-2) 22%);box-shadow:0 0 34px color-mix(in srgb,var(--accent-2) 18%,transparent);pointer-events:none}.profile-card:after{content:"";position:absolute;width:340px;height:340px;right:-100px;top:-190px;border-radius:999px;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent-1) 24%,transparent),transparent 68%);pointer-events:none}.profile-header{display:grid;gap:8px;background:linear-gradient(140deg,color-mix(in srgb,var(--surface-1) 90%,transparent),color-mix(in srgb,var(--surface-2) 94%,transparent));border-color:color-mix(in srgb,var(--accent-2) 28%,var(--border-soft));box-shadow:0 12px 24px color-mix(in srgb,var(--accent-2) 18%,transparent),inset 0 1px color-mix(in srgb,white 18%,transparent)}.profile-title{font-size:clamp(1.5rem,4vw,2.2rem);background:linear-gradient(110deg,color-mix(in srgb,var(--ink-1) 78%,var(--ink-1)),color-mix(in srgb,var(--accent-2) 74%,var(--ink-1)));-webkit-background-clip:text;background-clip:text;color:transparent}.profile-subtitle{color:color-mix(in srgb,var(--accent-2) 66%,var(--ink-1));font-weight:600}.profile-meta-row{display:flex;gap:12px;flex-wrap:wrap;font-size:.88rem;color:var(--ink-2)}.profile-meta-chip{display:inline-flex;font-size:.9rem;align-items:center;min-height:28px;border-radius:999px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent-2) 34%,var(--border-soft));background:linear-gradient(130deg,color-mix(in srgb,var(--surface-1) 92%,var(--accent-2) 10%),color-mix(in srgb,var(--surface-2) 90%,var(--accent-1) 8%));color:color-mix(in srgb,var(--accent-2) 70%,var(--ink-1));box-shadow:0 8px 14px color-mix(in srgb,var(--accent-2) 16%,transparent)}.profile-section{--section-accent: var(--accent-2);--section-tint: color-mix(in srgb, var(--section-accent) 12%, transparent);--section-border: color-mix(in srgb, var(--section-accent) 28%, var(--border-soft));margin-top:0;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-1) 90%,var(--section-tint)),color-mix(in srgb,var(--surface-2) 94%,var(--section-tint)));border-color:var(--section-border);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.profile-section:hover{transform:translateY(-1px);box-shadow:0 14px 28px color-mix(in srgb,var(--section-accent) 18%,transparent);border-color:color-mix(in srgb,var(--section-accent) 46%,var(--border-soft))}.profile-section .component-title{color:color-mix(in srgb,var(--section-accent) 72%,var(--ink-1))}.section-wallet{--section-accent: #22c55e}.section-stats{--section-accent: #3b82f6}.section-referrals{--section-accent: #f59e0b}.section-activity{--section-accent: #06b6d4}.section-history{--section-accent: #8b5cf6}.section-achievements{--section-accent: #ec4899}.section-preferences{--section-accent: #14b8a6}.section-support{--section-accent: #f97316}.profile-grid{display:grid;gap:10px}.profile-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.profile-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-metric{background:linear-gradient(140deg,color-mix(in srgb,var(--panel-strong) 90%,var(--section-tint)),color-mix(in srgb,var(--surface-1) 94%,var(--section-tint)));border:1px solid color-mix(in srgb,var(--section-accent) 30%,var(--border-soft));border-radius:12px;padding:10px 12px;display:grid;gap:6px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.profile-metric:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--section-accent) 50%,var(--border-soft));box-shadow:0 10px 20px color-mix(in srgb,var(--section-accent) 22%,transparent)}.profile-metric span{font-size:.75rem;text-transform:uppercase;color:var(--ink-2);letter-spacing:.5px}.profile-metric strong{font-size:1.02rem;color:var(--ink-1)}.metric-wallet-total strong{color:color-mix(in srgb,#22c55e 82%,var(--ink-1))}.metric-wallet-main strong{color:color-mix(in srgb,#3b82f6 84%,var(--ink-1))}.metric-wallet-bonus strong{color:color-mix(in srgb,#a855f7 82%,var(--ink-1))}.metric-wallet-winnings strong{color:color-mix(in srgb,#f59e0b 82%,var(--ink-1))}.metric-wallet-withdrawable strong{color:color-mix(in srgb,#14b8a6 82%,var(--ink-1))}.metric-stat-joined strong{color:color-mix(in srgb,#06b6d4 84%,var(--ink-1))}.metric-stat-wins strong{color:color-mix(in srgb,#10b981 85%,var(--ink-1))}.metric-stat-rate strong{color:color-mix(in srgb,#8b5cf6 84%,var(--ink-1))}.metric-stat-spent strong{color:color-mix(in srgb,#ef4444 82%,var(--ink-1))}.metric-stat-won strong{color:color-mix(in srgb,#22c55e 85%,var(--ink-1))}.metric-stat-biggest strong{color:color-mix(in srgb,#f97316 84%,var(--ink-1))}.metric-ref-code strong{color:color-mix(in srgb,#6366f1 84%,var(--ink-1))}.metric-ref-total strong{color:color-mix(in srgb,#0ea5e9 84%,var(--ink-1))}.metric-ref-rewarded strong{color:color-mix(in srgb,#ec4899 82%,var(--ink-1))}.metric-ref-earned strong{color:color-mix(in srgb,#16a34a 85%,var(--ink-1))}.profile-list{display:grid;gap:8px}.profile-table-wrap{margin-top:4px;overflow-x:auto;border-radius:12px;border:1px solid color-mix(in srgb,var(--section-accent) 28%,var(--border-soft));background:linear-gradient(130deg,color-mix(in srgb,var(--surface-1) 95%,var(--section-tint)),color-mix(in srgb,var(--surface-2) 95%,var(--section-tint)));padding:8px}.profile-table{width:100%;border-collapse:collapse;min-width:680px}.profile-table th,.profile-meta-chip{min-height:24px;font-size:.9rem;font-weight:700;padding:0 8px;box-shadow:0 6px 12px color-mix(in srgb,var(--accent-2) 18%,transparent)}.profile-table td{padding:10px 8px;border-bottom:1px solid color-mix(in srgb,var(--border-soft) 82%,transparent);color:var(--ink-1);font-size:.86rem;text-align:left;vertical-align:middle}.profile-table th{color:color-mix(in srgb,var(--section-accent) 72%,var(--ink-1));text-transform:uppercase;letter-spacing:.6px;font-size:.72rem}.profile-table tbody tr:hover td{background:color-mix(in srgb,var(--section-accent) 10%,transparent)}.profile-list-row{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent-2) 16%,var(--border-soft));background:linear-gradient(130deg,color-mix(in srgb,var(--surface-1) 94%,transparent),color-mix(in srgb,var(--surface-2) 94%,transparent));transition:transform .2s ease,border-color .2s ease}.profile-list-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-1) 34%,var(--accent-2) 28%)}.profile-list-title{font-weight:700;color:var(--ink-1);text-transform:capitalize}.profile-list-right{display:grid;justify-items:end;gap:4px}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.profile-badge{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-1) 54%,#f97316),color-mix(in srgb,var(--accent-2) 58%,#0ea5e9));color:#1f2a32;border-color:color-mix(in srgb,white 26%,transparent);box-shadow:0 8px 18px color-mix(in srgb,var(--accent-2) 20%,transparent)}.profile-toggle-row{display:grid;gap:8px}.profile-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:linear-gradient(130deg,color-mix(in srgb,var(--surface-1) 94%,transparent),color-mix(in srgb,var(--surface-2) 92%,transparent));border:1px solid color-mix(in srgb,var(--accent-2) 16%,var(--border-soft))}.profile-toggle-item input[type=checkbox]{accent-color:var(--accent-1);width:16px;height:16px}.activity-type{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 10px;border:1px solid transparent;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.type-deposit,.type-game_win,.type-referral_bonus,.type-bonus{background:color-mix(in srgb,var(--success) 20%,transparent);border-color:color-mix(in srgb,var(--success) 48%,transparent);color:color-mix(in srgb,var(--success) 70%,var(--ink-1))}.type-withdrawal,.type-game_entry{background:color-mix(in srgb,var(--accent-3) 24%,transparent);border-color:color-mix(in srgb,var(--accent-3) 46%,transparent);color:color-mix(in srgb,var(--accent-3) 76%,var(--ink-1))}.type-admin_adjustment{background:color-mix(in srgb,var(--accent-2) 22%,transparent);border-color:color-mix(in srgb,var(--accent-2) 48%,transparent);color:color-mix(in srgb,var(--accent-2) 78%,var(--ink-1))}.status-approved,.status-completed{background:color-mix(in srgb,var(--success) 20%,transparent);color:color-mix(in srgb,var(--success) 72%,var(--ink-1));border-color:color-mix(in srgb,var(--success) 42%,transparent)}.status-pending{background:color-mix(in srgb,var(--accent-3) 20%,transparent);color:color-mix(in srgb,var(--accent-3) 78%,var(--ink-1));border-color:color-mix(in srgb,var(--accent-3) 42%,transparent)}.status-rejected{background:color-mix(in srgb,var(--danger) 18%,transparent);color:color-mix(in srgb,var(--danger) 74%,var(--ink-1));border-color:color-mix(in srgb,var(--danger) 42%,transparent)}.history-result{font-weight:800}.history-result-won{color:color-mix(in srgb,var(--success) 78%,var(--ink-1))}.history-result-lost{color:color-mix(in srgb,var(--danger) 72%,var(--ink-1))}.lobby-card{position:relative;overflow:hidden;isolation:isolate}.lobby-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:26px;border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--accent-2) 25%,transparent);pointer-events:none}.lobby-card:after{content:"";position:absolute;width:280px;height:280px;top:-140px;right:-80px;border-radius:999px;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent-2) 45%,transparent) 0%,transparent 70%);opacity:.25;animation:home-orb-drift 8s ease-in-out infinite;pointer-events:none}.lobby-header{margin-bottom:12px}.home-hero-card{position:relative;overflow:hidden;margin-bottom:12px;background:radial-gradient(240px 160px at 88% -18%,color-mix(in srgb,var(--accent-1) 22%,transparent),transparent 72%),radial-gradient(230px 140px at -4% 92%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 72%),linear-gradient(140deg,color-mix(in srgb,var(--surface-1) 95%,transparent),color-mix(in srgb,var(--surface-2) 94%,transparent));border:1px solid color-mix(in srgb,var(--accent-2) 36%,var(--border-soft));box-shadow:0 12px 26px color-mix(in srgb,var(--accent-2) 16%,transparent),inset 0 1px color-mix(in srgb,white 18%,transparent)}.home-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-brand-row{display:inline-flex;align-items:center;gap:10px}.home-brand-logo{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;background:radial-gradient(24px 24px at 28% 24%,color-mix(in srgb,white 35%,transparent),transparent 65%),linear-gradient(145deg,color-mix(in srgb,var(--accent-2) 48%,var(--surface-1)),color-mix(in srgb,#2563eb 38%,var(--surface-2)));border:1px solid color-mix(in srgb,var(--accent-2) 38%,var(--border-soft));box-shadow:0 10px 18px color-mix(in srgb,var(--accent-2) 24%,transparent)}.home-brand-title{margin:0}.home-live-chip{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:0 12px;font-size:.72rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:color-mix(in srgb,var(--success) 78%,var(--ink-1));background:color-mix(in srgb,var(--success) 18%,transparent);border:1px solid color-mix(in srgb,var(--success) 44%,transparent)}.home-hero-greeting{margin-top:8px;color:color-mix(in srgb,var(--accent-2) 62%,var(--ink-1));font-size:1rem;font-weight:600;animation:home-greeting-enter .42s ease-out both}.home-hero-username{display:inline-block;font-weight:800;color:color-mix(in srgb,#0ea5e9 76%,var(--ink-1));text-shadow:0 0 0 color-mix(in srgb,#38bdf8 0%,transparent);animation:home-username-pulse 2.8s ease-in-out infinite .35s}@keyframes home-greeting-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes home-username-pulse{0%{transform:scale(1);text-shadow:0 0 0 color-mix(in srgb,#38bdf8 0%,transparent);filter:saturate(1)}50%{transform:scale(1.03);text-shadow:0 0 12px color-mix(in srgb,#38bdf8 42%,transparent);filter:saturate(1.08)}to{transform:scale(1);text-shadow:0 0 0 color-mix(in srgb,#38bdf8 0%,transparent);filter:saturate(1)}}.home-wallet-highlight{margin-top:12px;display:grid;gap:3px;border-radius:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent-1) 32%,var(--border-soft));background:linear-gradient(130deg,color-mix(in srgb,var(--surface-1) 92%,var(--accent-1) 12%),color-mix(in srgb,var(--surface-2) 92%,var(--accent-2) 10%))}.home-wallet-label{font-size:.72rem;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-2)}.home-wallet-value{font-size:clamp(1.24rem,3.8vw,1.8rem);color:color-mix(in srgb,var(--success) 84%,var(--ink-1));line-height:1.1}.home-hero-chips{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.home-hero-chip{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 10px;font-size:.72rem;font-weight:700;color:color-mix(in srgb,var(--accent-2) 72%,var(--ink-1));border:1px solid color-mix(in srgb,var(--accent-2) 34%,transparent);background:color-mix(in srgb,var(--accent-2) 10%,transparent)}.lobby-title{font-size:clamp(1.4rem,4.4vw,2rem)}.lobby-subtitle{margin-top:4px}.lobby-table-wrap{margin-top:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-1) 92%,transparent),color-mix(in srgb,var(--surface-2) 96%,transparent));border:1px solid color-mix(in srgb,var(--accent-2) 30%,var(--border-soft));box-shadow:0 12px 28px color-mix(in srgb,var(--accent-2) 18%,transparent);overflow-x:auto}.lobby-table{width:100%;border-collapse:collapse;min-width:620px}.lobby-table th,.lobby-table td{text-align:left;padding:12px 10px;border-bottom:1px solid color-mix(in srgb,var(--border-soft) 80%,transparent);color:var(--ink-1);font-size:.9rem;transition:background .2s ease}.lobby-table th{color:color-mix(in srgb,var(--accent-2) 55%,var(--ink-1));font-size:.76rem;text-transform:uppercase;letter-spacing:.8px}.lobby-table tbody tr:hover td{background:color-mix(in srgb,var(--accent-2) 10%,transparent)}.medb-badge{display:inline-flex;min-height:32px;align-items:center;justify-content:center;border-radius:999px;padding:0 12px;font-weight:700;border:1px solid rgba(255,255,255,.28)}.medb-10{background:#2563eb;color:#eff6ff}.medb-20{background:#facc15;color:#1f2937}.medb-50{background:#16a34a;color:#f0fdf4}.medb-100{background:#7c3aed;color:#ede9fe}.medb-default{background:#334155;color:#f8fafc}.amount-cell{font-variant-numeric:tabular-nums;font-weight:700}.status-chip{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 10px;font-size:.78rem;font-weight:700;border:1px solid transparent}.status-waiting{background:color-mix(in srgb,var(--accent-3) 20%,transparent);color:color-mix(in srgb,var(--accent-3) 70%,var(--ink-1));border-color:color-mix(in srgb,var(--accent-3) 45%,transparent)}.status-playing{background:color-mix(in srgb,var(--success) 25%,transparent);color:color-mix(in srgb,var(--success) 70%,var(--ink-1));border-color:color-mix(in srgb,var(--success) 45%,transparent)}.lobby-action-btn{min-height:44px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent-2) 55%,transparent);background:linear-gradient(130deg,color-mix(in srgb,var(--accent-2) 86%,white),color-mix(in srgb,var(--accent-1) 58%,var(--accent-2) 42%));color:#032333;font-weight:800;padding:0 14px;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb,var(--accent-2) 25%,transparent);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;animation:button-glow-breathe 2.5s ease-in-out infinite}.lobby-action-btn:hover:not(.disabled){transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 14px 24px color-mix(in srgb,var(--accent-2) 34%,transparent)}.lobby-action-btn.disabled{cursor:not-allowed;opacity:.55;background:color-mix(in srgb,var(--surface-2) 92%,#334155);color:var(--ink-2);border-color:color-mix(in srgb,var(--border-soft) 85%,transparent)}.lobby-info-actions{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.game-info-btn{min-height:44px;border:1px solid color-mix(in srgb,var(--accent-2) 58%,transparent);background:linear-gradient(130deg,color-mix(in srgb,var(--accent-2) 82%,#0ea5e9),color-mix(in srgb,#2563eb 62%,var(--accent-2) 38%));color:#051020;border-radius:12px;font-weight:800;padding:0 16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;animation:button-glow-breathe 2.7s ease-in-out infinite}.game-info-btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--accent-2) 34%,transparent)}.lobby-sync-note{color:var(--ink-2);font-size:.8rem}.lobby-modal-card{position:relative;max-height:min(82vh,760px);overflow:auto}.modal-close{position:absolute;top:12px;right:12px;min-height:44px;min-width:44px;border-radius:10px;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--ink-1);cursor:pointer;font-weight:700}.lobby-card-grid{margin-top:12px}.rules-content{margin-top:8px;display:grid;gap:8px}.rules-content p{color:var(--ink-1);line-height:1.4}.bottom-nav{position:fixed;left:0;right:0;bottom:0;min-height:72px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;background:color-mix(in srgb,var(--page-grad-3) 72%,var(--surface-1) 28%);border-top:1px solid color-mix(in srgb,var(--accent-2) 34%,var(--border-soft));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:35}.bottom-nav-item{min-height:56px;border:1px solid transparent;border-radius:12px;background:transparent;color:color-mix(in srgb,white 84%,var(--accent-2) 16%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer}.bottom-nav-item.active{background:color-mix(in srgb,var(--accent-2) 18%,transparent);border-color:color-mix(in srgb,var(--accent-2) 52%,transparent);color:color-mix(in srgb,var(--accent-2) 68%,var(--ink-1));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-2) 30%,transparent),0 8px 18px color-mix(in srgb,var(--accent-2) 20%,transparent)}.bottom-nav-icon{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:800;line-height:1;color:color-mix(in srgb,#dbeafe 86%,var(--accent-2));background:color-mix(in srgb,var(--page-grad-2) 74%,var(--accent-2) 26%);border:1px solid color-mix(in srgb,var(--accent-2) 44%,transparent)}.bottom-nav-icon svg{width:15px;height:15px;display:block}.bottom-nav-label{margin-top:0;font-size:.72rem;color:color-mix(in srgb,#f8fafc 88%,var(--accent-2) 12%)}.bottom-nav-item.active .bottom-nav-icon{color:#f8fafc;background:linear-gradient(130deg,color-mix(in srgb,var(--accent-2) 80%,#0ea5e9),color-mix(in srgb,var(--accent-1) 56%,#fb7185));border-color:color-mix(in srgb,white 36%,transparent);box-shadow:0 8px 14px color-mix(in srgb,var(--accent-2) 30%,transparent);animation:button-glow-breathe 2.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.btn-primary,.btn-secondary,.btn-success,.trophy-filter-chip.active,.lobby-action-btn,.game-info-btn,.bottom-nav-item.active .bottom-nav-icon{animation:none}.btn:after,.lobby-action-btn:after,.game-info-btn:after,.trophy-filter-chip:after{animation:none;opacity:0}.home-hero-greeting,.home-hero-username{animation:none}}.bottom-nav-item.active .bottom-nav-label{color:#fff}.engagement-card{padding-bottom:96px}.engagement-header{border-left:6px solid color-mix(in srgb,var(--accent-2) 50%,var(--accent-1));background:radial-gradient(110% 140% at 86% 0%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 62%),linear-gradient(140deg,color-mix(in srgb,var(--surface-1) 92%,var(--accent-2) 8%),color-mix(in srgb,var(--surface-2) 94%,var(--accent-1) 8%))}.section-engagement-streak{--section-accent: #14b8a6}.section-engagement-missions{--section-accent: #3b82f6}.section-engagement-promos{--section-accent: #f59e0b}.section-engagement-events{--section-accent: #22c55e}.engagement-claim-banner{margin-bottom:12px;min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:linear-gradient(130deg,color-mix(in srgb,var(--success) 22%,transparent),color-mix(in srgb,var(--accent-2) 16%,transparent));border:1px solid color-mix(in srgb,var(--success) 45%,transparent);color:var(--ink-1);font-weight:700;font-size:.86rem}.engagement-promo-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.engagement-promo-input{flex:1 1 240px;min-height:44px;border-radius:10px;border:1px solid var(--border-soft);background:linear-gradient(140deg,color-mix(in srgb,var(--surface-1) 96%,transparent),color-mix(in srgb,var(--surface-2) 95%,transparent));color:var(--ink-1);padding:0 12px;font-weight:700;text-transform:uppercase}.engagement-promo-input:focus{outline:none;border-color:color-mix(in srgb,#f59e0b 46%,var(--border-soft));box-shadow:0 0 0 3px color-mix(in srgb,#f59e0b 20%,transparent)}.engagement-tier-chip,.engagement-balance-chip{display:inline-flex;align-items:center;min-height:20px;border-radius:999px;border:1px solid transparent;font-size:.7rem;font-weight:700;padding:0 7px;margin-left:6px}.engagement-tier-chip.tier-common{color:color-mix(in srgb,#0ea5e9 80%,var(--ink-1));background:color-mix(in srgb,#0ea5e9 18%,transparent);border-color:color-mix(in srgb,#0ea5e9 34%,transparent)}.engagement-tier-chip.tier-rare{color:color-mix(in srgb,#f59e0b 80%,var(--ink-1));background:color-mix(in srgb,#f59e0b 18%,transparent);border-color:color-mix(in srgb,#f59e0b 34%,transparent)}.engagement-tier-chip.tier-legendary{color:color-mix(in srgb,#ec4899 78%,var(--ink-1));background:color-mix(in srgb,#ec4899 16%,transparent);border-color:color-mix(in srgb,#ec4899 34%,transparent)}.engagement-balance-chip.balance-bonus{color:color-mix(in srgb,#8b5cf6 80%,var(--ink-1));background:color-mix(in srgb,#8b5cf6 15%,transparent);border-color:color-mix(in srgb,#8b5cf6 34%,transparent)}.engagement-balance-chip.balance-main{color:color-mix(in srgb,#22c55e 80%,var(--ink-1));background:color-mix(in srgb,#22c55e 15%,transparent);border-color:color-mix(in srgb,#22c55e 34%,transparent)}.engagement-balance-chip.balance-winnings{color:color-mix(in srgb,#0ea5e9 80%,var(--ink-1));background:color-mix(in srgb,#0ea5e9 15%,transparent);border-color:color-mix(in srgb,#0ea5e9 34%,transparent)}.wallet-note-inline{margin-top:4px;color:var(--ink-2);font-size:.78rem}.engagement-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.engagement-event-col h3{margin-bottom:8px;font-size:.92rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.8px}.engagement-event-card{border:1px solid var(--border-soft);background:linear-gradient(140deg,color-mix(in srgb,var(--surface-1) 94%,transparent),color-mix(in srgb,var(--surface-2) 94%,transparent));border-radius:12px;padding:10px 12px;margin-bottom:8px}.engagement-event-card.live{border-color:color-mix(in srgb,var(--success) 42%,var(--border-soft));box-shadow:0 8px 18px color-mix(in srgb,var(--success) 16%,transparent)}.engagement-event-card.event-happy_hour{border-left:4px solid color-mix(in srgb,#f59e0b 74%,transparent)}.engagement-event-card.event-flash_promo{border-left:4px solid color-mix(in srgb,#ec4899 74%,transparent)}.engagement-event-card.event-double_reward{border-left:4px solid color-mix(in srgb,#22c55e 74%,transparent)}.engagement-event-title{font-weight:800;color:var(--ink-1);margin-bottom:4px}.engagement-event-meta{color:var(--ink-2);font-size:.82rem}.engagement-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px;background:color-mix(in srgb,var(--page-grad-3) 62%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.engagement-overlay-card{width:min(420px,100%);border-radius:18px;border:1px solid var(--border-soft);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-1) 96%,transparent),color-mix(in srgb,var(--surface-2) 95%,transparent));box-shadow:0 20px 40px color-mix(in srgb,var(--page-grad-3) 34%,transparent);padding:18px 18px 16px;animation:home-fade-in .2s ease}.engagement-overlay-card h3{font-size:1rem;margin-bottom:7px}.engagement-overlay-card p{font-size:.92rem;color:var(--ink-1);line-height:1.35}.engagement-overlay-card.success{border-color:color-mix(in srgb,var(--success) 52%,var(--border-soft));background:linear-gradient(145deg,color-mix(in srgb,var(--success) 14%,var(--surface-1)),color-mix(in srgb,var(--accent-2) 10%,var(--surface-2)))}.engagement-overlay-card.success h3{color:color-mix(in srgb,var(--success) 76%,var(--ink-1))}.engagement-overlay-card.error{border-color:color-mix(in srgb,var(--danger) 52%,var(--border-soft));background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 11%,var(--surface-1)),color-mix(in srgb,var(--accent-1) 12%,var(--surface-2)))}.engagement-overlay-card.error h3{color:color-mix(in srgb,var(--danger) 74%,var(--ink-1))}@keyframes home-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes home-orb-drift{0%{transform:translate(0)}50%{transform:translate(-14px,10px)}to{transform:translate(0)}}@media (max-width: 640px){.home-hero-top{flex-direction:column;align-items:flex-start}.home-brand-logo{width:36px;height:36px;font-size:1.12rem;border-radius:10px}.home-live-chip{min-height:26px;font-size:.64rem;padding:0 9px}.home-hero-greeting{font-size:.9rem}.home-wallet-highlight{padding:8px 10px}.home-wallet-label{font-size:.62rem}.home-wallet-value{font-size:1.05rem}.home-hero-chips{gap:6px}.home-hero-chip{min-height:24px;padding:0 8px;font-size:.62rem}.app-card{box-shadow:0 14px 28px color-mix(in srgb,var(--accent-2) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-1) 18%,transparent)}.component,.profile-section,.profile-table-wrap,.lobby-table-wrap{box-shadow:0 10px 20px color-mix(in srgb,var(--accent-2) 18%,transparent)}.profile-metric,.profile-toggle-item{box-shadow:0 8px 16px color-mix(in srgb,var(--section-accent, var(--accent-2)) 20%,transparent)}.btn-secondary,.lobby-action-btn,.game-info-btn{box-shadow:0 10px 18px color-mix(in srgb,var(--accent-1) 24%,transparent)}.activity-type,.status-chip,.profile-badge{box-shadow:0 6px 12px color-mix(in srgb,var(--accent-2) 18%,transparent)}.bottom-nav{box-shadow:0 -10px 22px color-mix(in srgb,var(--accent-2) 20%,transparent)}.bottom-nav-label{font-size:.64rem}.bottom-nav-item{box-shadow:0 6px 12px color-mix(in srgb,var(--accent-2) 12%,transparent)}.bottom-nav-item.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-2) 30%,transparent),0 10px 18px color-mix(in srgb,var(--accent-2) 26%,transparent)}.lobby-table-wrap{overflow-x:hidden;padding:10px 8px}.lobby-table{min-width:0;width:100%;table-layout:fixed}.lobby-table th,.lobby-table td{padding:8px 3px;font-size:.53rem;line-height:1.15;text-align:center;vertical-align:middle}.lobby-table th:nth-child(1),.lobby-table td:nth-child(1){width:18%}.lobby-table th:nth-child(2),.lobby-table td:nth-child(2){width:20%}.lobby-table th:nth-child(3),.lobby-table td:nth-child(3){width:12%}.lobby-table th:nth-child(4),.lobby-table td:nth-child(4){width:24%}.lobby-table th:nth-child(5),.lobby-table td:nth-child(5){width:26%}.medb-badge{min-height:22px;padding:0 6px;font-size:.62rem;white-space:nowrap}.amount-cell{font-size:.64rem;white-space:nowrap}.status-chip{min-height:22px;max-width:100%;padding:0 6px;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-action-btn{min-height:32px;width:100%;padding:0 4px;font-size:.6rem;border-radius:8px;white-space:nowrap}.lobby-info-actions{flex-direction:column;align-items:stretch}.game-info-btn{width:100%}.lobby-sync-note{text-align:center}.profile-grid-4,.profile-grid-5,.profile-grid-6{grid-template-columns:1fr 2fr}.profile-meta-row{flex-direction:column;gap:4px;font-size:.88rem}.profile-list-row{flex-direction:column}.profile-list-right{justify-items:start}.profile-table-wrap{padding:4px}.profile-table{min-width:50px}.profile-table th,.profile-table td{padding:6px 4px;font-size:.66rem;line-height:1.2}.profile-section{padding:12px}.profile-title{font-size:1.35rem}.profile-meta-row{font-size:.9rem}.profile-metric{padding:8px 10px;gap:4px}.profile-metric span{font-size:.62rem;letter-spacing:.35px}.profile-metric strong{font-size:.9rem}.activity-type,.status-chip{min-height:20px;padding:0 7px;font-size:.6rem}.badge-row .profile-badge{min-height:24px;font-size:.66rem;padding:0 8px}.profile-toggle-item{padding:8px 10px;font-size:.82rem}.profile-toggle-item input[type=checkbox]{width:14px;height:14px}.engagement-event-grid{grid-template-columns:1fr}.engagement-overlay-card{padding:14px 14px 13px;border-radius:14px}.engagement-overlay-card h3{font-size:.9rem}.engagement-overlay-card p{font-size:.82rem}}@media (max-width: 420px){.trophy-card .profile-table-wrap{overflow-x:hidden;padding:4px}.trophy-card .profile-table{width:100%;min-width:0;table-layout:fixed}.trophy-card .profile-table th,.trophy-card .profile-table td{font-size:.56rem;padding:5px 2px;line-height:1.1;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.trophy-filter-chip{min-height:26px;padding:0 8px;font-size:.58rem}.trophy-leaderboard .profile-table th:nth-child(7),.trophy-leaderboard .profile-table td:nth-child(7),.trophy-leaderboard .profile-table th:nth-child(8),.trophy-leaderboard .profile-table td:nth-child(8){display:none}.trophy-recent-wins .profile-table th:nth-child(5),.trophy-recent-wins .profile-table td:nth-child(5){display:none}.trophy-most-active .profile-table th:nth-child(1),.trophy-most-active .profile-table td:nth-child(1){width:62%}.engagement-card{padding-bottom:102px}.engagement-card .profile-table-wrap{overflow-x:hidden;padding:4px}.engagement-card .profile-table{width:100%;min-width:0;table-layout:fixed}.engagement-card .profile-table th,.engagement-card .profile-table td{font-size:.58rem;padding:5px 2px;line-height:1.12;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.engagement-card .lobby-action-btn{min-height:30px;padding:0 3px;font-size:.56rem;white-space:normal}.engagement-card .status-chip{min-height:18px;padding:0 5px;font-size:.54rem;white-space:normal}.engagement-card .wallet-note-inline{font-size:.66rem;line-height:1.08}.engagement-tier-chip,.engagement-balance-chip{font-size:.56rem;min-height:17px;padding:0 5px;margin-left:4px}.engagement-promo-input{flex-basis:100%}.profile-table{min-width:80px}.profile-table th,.profile-table td{font-size:.62rem;padding:5px 3px}.profile-section{padding:10px}.profile-metric strong{font-size:.84rem}}