.q-bar{height:8px;border-radius:999px;background:var(--card-2);overflow:hidden}.q-bar>span{display:block;height:100%;border-radius:inherit;background:var(--grad-gold);transition:width .4s ease}.q-bar.done>span{background:var(--success)}.q-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.q-item{display:grid;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--card)}.q-item.ready{border-color:var(--gold);box-shadow:0 0 0 1px #4dabeb40}.q-item.claimed{opacity:.6}.q-head{display:flex;justify-content:space-between;align-items:center}.q-tier{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px}.q-tier.tier-easy{background:#22c55e26;color:#3ee07a}.q-tier.tier-medium{background:#3b82f626;color:#8cc8ff}.q-tier.tier-hard{background:#ef444426;color:#ff7676}.q-reward{color:var(--gold-bright);font-weight:800}.q-title{font-size:15px}.ach{display:flex;gap:10px;align-items:flex-start}.ach-icon{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;font-weight:900;font-size:13px;font-family:var(--mono);background:var(--card-2);color:var(--muted)}.ach.unlocked .ach-icon{background:var(--grad-gold);color:#fff}.profile-tabs{display:flex;gap:6px}.quest-btn.glow{color:#fff;border-color:var(--danger);background:#ef44442e;animation:questGlow 1.6s ease-in-out infinite}.quest-btn .gold-dot{background:var(--gold-bright);color:#fff}@keyframes questGlow{0%,to{box-shadow:0 0 #ef44448c}50%{box-shadow:0 0 14px 4px #ef44448c}}.quest-popup{position:fixed;z-index:90;left:50%;top:calc(env(safe-area-inset-top,0px) + 72px);transform:translate(-50%);width:min(380px,calc(100vw - 32px));display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--gold);background:var(--card);box-shadow:0 18px 50px #0000008c;overflow:hidden;animation:slideDown .25s ease both}.quest-popup-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--grad-gold);color:#fff;flex:none}.quest-popup-amount{color:var(--gold-bright);font-weight:900;font-size:20px}.quest-popup-close{position:absolute;top:8px;right:8px;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:4px}.quest-popup-timer{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--gold-bright);transform-origin:left;animation-name:questTimer;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes questTimer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion: reduce){.quest-btn.glow{animation:none;box-shadow:0 0 10px 2px #ef44448c}}.vip-tier-0{--tier: #8b9bb0;--tier-2: #5d6f84}.vip-tier-1{--tier: #d9915a;--tier-2: #a8612f}.vip-tier-2{--tier: #cfd8e3;--tier-2: #8a99ab}.vip-tier-3{--tier: #f4c542;--tier-2: #c28f12}.vip-tier-4{--tier: #9ee6f2;--tier-2: #4fb3c7}.vip-tier-5{--tier: #a98bff;--tier-2: #6a4ce0}.vip-progress{display:block;padding:12px;border-radius:14px;background:var(--card);border:1px solid var(--border);color:var(--text);transition:border-color .2s var(--ease),transform .2s var(--ease)}.vip-progress:hover{text-decoration:none;border-color:var(--tier)}.vip-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;margin-bottom:8px}.vip-name{display:inline-flex;align-items:center;gap:6px;color:var(--tier)}.vip-pct{font-family:var(--mono);color:var(--subtle);font-size:12px}.vip-bar{height:6px;border-radius:999px;background:var(--bg);overflow:hidden}.vip-bar.lg{height:10px;margin-top:14px}.vip-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tier-2),var(--tier));transition:width .6s var(--ease)}.vip-next{margin-top:8px}.vip-hero{display:flex;gap:18px;align-items:center;padding:24px;border-radius:var(--radius-card);border:1px solid var(--border);background:radial-gradient(500px 220px at 0% 0%,color-mix(in srgb,var(--tier) 22%,transparent),transparent 70%),var(--card)}.vip-hero h1{font-size:30px;color:var(--tier)}.vip-hero-badge{flex:none;width:72px;height:72px;border-radius:20px;display:grid;place-items:center;color:#0f212e;background:linear-gradient(135deg,var(--tier),var(--tier-2));box-shadow:0 10px 30px color-mix(in srgb,var(--tier) 35%,transparent)}.vip-levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.vip-level{display:grid;justify-items:start;gap:6px;opacity:.6}.vip-level.reached{opacity:1}.vip-level.current{border-color:var(--tier);box-shadow:0 0 0 1px var(--tier)}.vip-level-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#0f212e;background:linear-gradient(135deg,var(--tier),var(--tier-2))}.vip-level strong{color:var(--tier)}.vip-chip[aria-pressed=true]{background:color-mix(in srgb,var(--tier) 20%,transparent);border-color:var(--tier);color:var(--tier)}.player-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.player-picker button{display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;cursor:pointer;min-width:0}.player-picker button[aria-checked=true]{border-color:var(--gold);background:#4dabeb1f;box-shadow:0 0 0 1px #4dabeb59}.player-picker button:disabled{opacity:.6;cursor:default}.player-picker .truncate{max-width:100%}.duel-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--surface);border:1px solid var(--border);width:100%;text-align:left;color:inherit;font:inherit}.duel-row.incoming{border-color:#4dabeb80;background:linear-gradient(180deg,rgba(77,171,235,.1),transparent)}.duel-row.hist{cursor:pointer}.duel-badge{flex:none;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--card-2);color:var(--subtle)}.duel-badge.won{background:#22c55e2e;color:#3ee07a}.duel-badge.lost{background:#ef444426;color:#ff7676}.duel-board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.duel-side{display:grid;justify-items:center;gap:6px}.duel-vs{font-weight:900;color:var(--gold-bright);font-size:20px}.duel-coin-wrap{display:grid;place-items:center;padding:14px;perspective:600px}.duel-coin{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:32px;color:#fff;background:radial-gradient(circle at 35% 30%,#fff,#4dabeb 45%,#2b7cc0);border:5px solid rgba(0,0,0,.25);animation:popIn .3s ease both}.duel-coin.spin{animation:coinSpin .25s linear infinite}.duel-card{display:grid;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--card)}.duel-card.incoming{border-color:#4dabeb8c;background:linear-gradient(180deg,rgba(77,171,235,.12),var(--card))}.duel-card.running{border-color:#7dc8fa80}.match-progress{display:grid;gap:8px}.match-line{display:grid;grid-template-columns:70px minmax(0,1fr) 40px 56px;align-items:center;gap:8px}.match-line.me .truncate{color:var(--gold-bright);font-weight:800}.match-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.match-games button{display:grid;gap:4px;padding:4px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;cursor:pointer;min-width:0;text-align:center}.match-games button[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px #4dabeb66}.match-games .art svg{width:100%;height:auto;border-radius:8px;display:block}.duels-btn{position:relative}.duels-dot{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.duel-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(125,200,250,.5);background:#7dc8fa1f;color:inherit;text-decoration:none}.gift-btn{display:inline-flex;align-items:center;gap:6px;flex:none;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid rgba(77,171,235,.45);background:#4dabeb14;color:var(--gold-bright);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.gift-btn:hover{background:#4dabeb29}.gift-btn:active{transform:scale(.96)}.gift-ico{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--grad-gold);color:#fff;box-shadow:0 2px 8px #4dabeb59}.live-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.live-games button{display:grid;gap:2px;text-align:left;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit;cursor:pointer}.live-games button[aria-pressed=true]{border-color:var(--gold);background:#4dabeb1a}.live-arena{display:grid;gap:16px;background:radial-gradient(120% 80% at 50% 0%,rgba(125,200,250,.18),transparent 60%),var(--card)}.live-head{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:start;gap:8px}.live-side{display:grid;justify-items:center;gap:6px;padding:10px 4px;border-radius:16px;min-width:0;transition:box-shadow .3s,background .3s}.live-side.me{background:#4dabeb0f}.live-side.champ{box-shadow:0 0 0 2px var(--gold-bright),0 0 30px #4dabeb73}.live-side strong{max-width:100%}.live-score{font-size:34px;font-weight:900;line-height:1;color:var(--gold-bright);min-height:34px}.live-ready{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--card-2);color:var(--muted)}.live-ready.on{background:#22c55e2e;color:#3ee07a}.live-mid{display:grid;justify-items:center;align-content:center;min-height:90px}.live-countdown{font-size:54px;font-weight:900;color:var(--gold-bright);animation:popIn .35s ease both}.live-play{display:grid;gap:6px;justify-items:center;width:100%;padding:8px 0;border-radius:12px;transition:background .25s}.live-play.win{background:#22c55e24}.live-play.lose{opacity:.6}.live-val{font-weight:800;min-height:20px}.mini-plinko{width:100%;max-width:150px;height:auto}.duel-coin.small{width:64px;height:64px;font-size:26px}.live-final{animation:popIn .35s ease both}.live-history{display:flex;gap:6px;justify-content:center}.live-history span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}.live-history .w{background:#22c55e40;color:#3ee07a}.live-history .l{background:#ef444433;color:#ff7676}.live-wait{display:flex;gap:6px}.live-wait span{width:10px;height:10px;border-radius:50%;background:var(--gold-bright);animation:pulse 1s ease-in-out infinite}.live-wait span:nth-child(2){animation-delay:.2s}.live-wait span:nth-child(3){animation-delay:.4s}.recent-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.recent-game{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;background:var(--card);border:1px solid var(--border);color:var(--text);text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.recent-game:hover{transform:translateY(-2px);border-color:#4dabeb80;box-shadow:0 8px 20px #00000059}.recent-game .art{width:46px;height:46px;flex:none;border-radius:10px;overflow:hidden;display:grid;place-items:center}.recent-game .art svg{width:100%;height:100%}.recent-game .meta{display:flex;flex-direction:column;min-width:0;flex:1}.recent-game .play{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#0d3a63;background:var(--grad-gold);box-shadow:0 0 12px #4dabeb59}.mini-board{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.mini-board li{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;background:var(--card-2);font-size:14px}.mini-board li.me{background:#3a96d724;box-shadow:inset 0 0 0 1px #3a96d773}.mini-board li.lowest{background:#ef44441f;box-shadow:inset 0 0 0 1px #ef444466}.mini-board .pos{font-family:var(--mono);font-weight:800;text-align:center;color:var(--subtle)}.mini-board .pos.top1{color:#4dabeb}.mini-board .pos.top2{color:#b1bad3}.mini-board .pos.top3{color:#6bb8ec}.mini-board .who{display:flex;align-items:center;gap:7px;min-width:0}.mini-board .lowest-icon{color:var(--danger);flex:none}.mini-board .bal{font-size:13px}.task-card{background:radial-gradient(120% 80% at 100% 0%,rgba(77,171,235,.12),transparent 60%),var(--card)}.task-hero{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;color:#fff;background:var(--grad-gold);box-shadow:0 10px 24px #3a96d740,inset 0 -3px #0000001f}.task-hero .small{opacity:.75;font-weight:600}.task-icon{width:48px;height:48px;flex:none;border-radius:12px;display:grid;place-items:center;background:#ffffff1f;animation:taskWiggle 2.6s ease-in-out infinite}.task-title{display:block;font-size:clamp(18px,4.6vw,22px);font-weight:900;line-height:1.15}.task-lowest{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#ef444438,#ef444414);border:1px solid rgba(239,68,68,.4)}.task-lowest .mono{font-weight:800;color:#ff7676}@keyframes taskWiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}@media (prefers-reduced-motion: reduce){.task-icon{animation:none}}.dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dash-period{flex:none;display:grid;justify-items:end;gap:2px;padding:6px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:13px;line-height:1.2}.dash-period .label{font-size:10px}:root{--bg: #0f212e;--surface: #1a2c38;--card: #213743;--card-2: #2a4250;--border: #2f4553;--border-strong: #3d5768;--accent: #3ba7f5;--accent2: #7cc8f7;--gold: #3ba7f5;--gold-bright: #6cc4ff;--success: #3ee07a;--danger: #ff6b6b;--warn: #fbbf24;--text: #ffffff;--muted: #7f93a8;--subtle: #b1bad3;--sidebar-w: 240px;--grad-primary: linear-gradient(135deg, #3ba7f5, #1475e1);--grad-gold: linear-gradient(135deg, #8fd3fb, #3ba7f5 45%, #1475e1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .18), 0 2px 8px rgba(0, 0, 0, .15);--shadow: 0 6px 24px rgba(0, 0, 0, .27);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .48);--ease: cubic-bezier(.22, 1, .36, 1);--radius-card: 20px;--radius-btn: 14px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--header-h: 64px;--bottom-nav-h: 64px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{margin:0;min-height:100dvh;background:var(--bg);background-image:radial-gradient(1200px 600px at 85% -10%,rgba(59,167,245,.07),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgba(124,200,247,.04),transparent 60%);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.01em}h1{font-size:26px;font-weight:800}h2{font-size:19px;font-weight:700}h3{font-size:16px;font-weight:700}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.gold{color:var(--gold-bright)}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.success{color:var(--success)}.danger{color:var(--danger)}.warn{color:var(--warn)}.label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--subtle)}.small{font-size:13px}.center{text-align:center}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.stack-lg{display:flex;flex-direction:column;gap:20px}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:40;padding-top:var(--safe-top);background:#0f212ee0;backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--border);box-shadow:0 4px 20px #0000002e}.app-header-inner{height:var(--header-h);max-width:1280px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand-text small{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}.desktop-nav{display:none;gap:4px;margin-left:12px}.desktop-nav a{padding:8px 12px;border-radius:10px;color:var(--subtle);font-weight:600;font-size:14px}.desktop-nav a:hover{color:var(--text);background:var(--card);text-decoration:none}.desktop-nav a.active{color:var(--text);background:var(--card);box-shadow:inset 0 0 0 1px var(--border)}.header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.balance-pill{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-family:var(--mono);font-weight:700;color:var(--gold-bright);white-space:nowrap}.balance-pill .unit{font-family:var(--font);font-size:10px;font-weight:700;color:var(--gold);letter-spacing:.08em}.balance-pill.flash-up{animation:flashUp .9s ease}.balance-pill.flash-down{animation:flashDown .9s ease}.icon-btn{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--subtle);cursor:pointer;transition:background .15s,color .15s,transform .1s}.icon-btn:hover{color:var(--text);background:var(--card-2)}.icon-btn:active{transform:scale(.95)}.icon-btn .dot{position:absolute;top:6px;right:6px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:20px 16px calc(var(--bottom-nav-h) + var(--safe-bottom) + 28px);animation:slideUp .28s ease both}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;padding-bottom:var(--safe-bottom);background:#1a2c38f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border)}.bottom-nav ul{list-style:none;margin:0;padding:0;height:var(--bottom-nav-h);display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav a{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10.5px;font-weight:600}.bottom-nav a:hover{text-decoration:none}.bottom-nav a.active{color:var(--gold-bright)}.bottom-nav a.active svg{filter:drop-shadow(0 0 6px rgba(77,171,235,.45))}.legal-footer{max-width:1280px;margin:0 auto;padding:0 16px calc(var(--bottom-nav-h) + var(--safe-bottom) + 20px);font-size:12px;color:var(--muted);text-align:center}@media (min-width: 900px){.desktop-nav{display:flex}.bottom-nav{display:none}.app-main{padding:28px 24px 40px}.legal-footer{padding-bottom:28px}.hide-desktop{display:none!important}}@media (max-width: 899px){.hide-mobile{display:none!important}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.page-head p{color:var(--subtle);margin-top:4px}.grid{display:grid;gap:14px}.grid-2,.grid-3{display:grid;gap:14px;grid-template-columns:1fr}.grid-4{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width: 700px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1100px){.grid-3{grid-template-columns:repeat(3,1fr)}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;box-shadow:var(--shadow-sm);min-width:0}.card-flat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card-gold{background:radial-gradient(500px 200px at 100% 0%,rgba(77,171,235,.12),transparent 60%),var(--card);border-color:#3a96d759}.stat-value{font-family:var(--mono);font-weight:700;font-size:26px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-value.xl{font-size:34px}.btn{--btn-bg: var(--card-2);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--radius-btn);border:1px solid var(--border-strong);background:var(--btn-bg);color:var(--text);font-weight:700;font-size:14.5px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform .08s ease,filter .15s ease,box-shadow .15s ease,background .15s;touch-action:manipulation}.btn:hover:not(:disabled){filter:brightness(1.12);text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad-primary);border-color:transparent;color:#fff;box-shadow:0 6px 18px #3a96d747}.btn-gold{background:var(--grad-gold);border-color:transparent;color:#fff;box-shadow:0 6px 18px #3a96d74d}.btn-danger{background:#ef444424;border-color:#ef444480;color:#ff7676}.btn-success{background:#22c55e29;border-color:#22c55e80;color:#3ee07a}.btn-ghost{background:transparent;border-color:transparent;color:var(--subtle)}.btn-ghost:hover:not(:disabled){background:var(--card-2);color:var(--text)}.btn-sm{min-height:34px;padding:6px 12px;font-size:13px;border-radius:9px}.btn-lg{min-height:52px;padding:14px 22px;font-size:16px}.btn-block{width:100%}.btn.is-loading{color:transparent!important;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}.btn-gold.is-loading:after{border-color:#ffffff4d;border-top-color:#fff}.btn.is-success{box-shadow:0 0 0 2px var(--success)}.btn.is-error{box-shadow:0 0 0 2px var(--danger);animation:shake .35s ease}.chip-group{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:34px;padding:6px 12px;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface);color:var(--subtle);font-weight:700;font-size:13px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip:hover:not(:disabled){color:var(--text)}.chip[aria-pressed=true]{background:#3a96d729;border-color:var(--accent);color:var(--text)}.chip:disabled{opacity:.4;cursor:not-allowed}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.segmented button{min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--subtle);font-weight:700;font-size:13px;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--card-2);color:var(--text);box-shadow:var(--shadow-sm)}.segmented button:disabled{opacity:.45;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px}.field label,.field .field-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle)}.input,.select,.textarea{width:100%;min-height:46px;padding:11px 14px;border-radius:11px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:16px;transition:border-color .15s,box-shadow .15s}.textarea{min-height:96px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3a96d738}.input[aria-invalid=true]{border-color:var(--danger)}.input.mono{font-family:var(--mono)}.field-error{color:#ff7676;font-size:13px}.field-hint{color:var(--muted);font-size:12.5px}.input-group{display:flex;align-items:stretch;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface);overflow:hidden}.input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3a96d738}.input-group .input{border:0;box-shadow:none!important;background:transparent;min-width:0}.input-group .addon{display:flex;align-items:center;padding:0 12px;font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.06em}.input-group button{border:0;border-left:1px solid var(--border);background:var(--card);color:var(--subtle);padding:0 12px;font-weight:700;font-size:13px;cursor:pointer;min-width:44px}.input-group button:hover:not(:disabled){color:var(--text);background:var(--card-2)}.input-group button:disabled{opacity:.4;cursor:not-allowed}.checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:44px}.checkbox input{width:20px;height:20px;accent-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);height:28px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--border)}table.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table .num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.list{list-style:none;margin:0;padding:0}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);min-width:0}.list-item:last-child{border-bottom:0}@media (max-width: 699px){.table.responsive thead{display:none}.table.responsive,.table.responsive tbody,.table.responsive tr,.table.responsive td{display:block;width:100%}.table.responsive tr{padding:10px 12px;border-bottom:1px solid var(--border)}.table.responsive td{border:0;padding:3px 0;display:flex;justify-content:space-between;gap:12px;text-align:right}.table.responsive td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600;text-align:left}.table.responsive td.num{text-align:right}}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid var(--border-strong);background:var(--surface);color:var(--subtle);white-space:nowrap}.badge-gold{color:var(--gold-bright);border-color:#3a96d773;background:#3a96d71a}.badge-success{color:#3ee07a;border-color:#22c55e73;background:#22c55e1a}.badge-danger{color:#ff7676;border-color:#ef444473;background:#ef44441a}.badge-warn{color:#fcd34d;border-color:#f59e0b73;background:#f59e0b1a}.badge-accent{color:#8cc8ff;border-color:#3a96d773;background:#3a96d71a}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 #22c55e99;animation:pulse 1.8s infinite}.avatar{flex:none;overflow:hidden;display:grid;place-items:center;border-radius:50%;font-weight:800;color:#fff;text-transform:uppercase;box-shadow:inset 0 0 0 2px #ffffff1f}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:26px 12px;color:var(--subtle)}.empty svg{color:var(--muted);margin-bottom:4px}.empty strong{color:var(--text)}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:13.5px;color:var(--subtle)}.notice-gold{border-color:#3a96d766;background:#3a96d712;color:#8cc8ff}.notice-danger{border-color:#ef444473;background:#ef444414;color:#fca5a5}.notice-warn{border-color:#f59e0b73;background:#f59e0b14;color:#fde68a}.skeleton{border-radius:10px;background:linear-gradient(90deg,var(--surface) 0%,var(--card-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.3s infinite}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--gold-bright);animation:spin .8s linear infinite}.page-loading{min-height:50vh;display:grid;place-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#102a485c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;padding:var(--safe-top) 0 0;animation:fadeIn .18s ease both}.modal{width:100%;max-width:520px;max-height:calc(100dvh - var(--safe-top) - 12px);overflow-y:auto;overscroll-behavior:contain;background:var(--card);border:1px solid var(--border-strong);border-radius:20px 20px 0 0;box-shadow:var(--shadow-lg);padding:20px 18px calc(20px + var(--safe-bottom));animation:sheetUp .26s cubic-bezier(.2,.9,.3,1) both}.modal:focus{outline:none}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions>*{flex:1}@media (min-width: 600px){.modal-backdrop{align-items:center;padding:24px}.modal{border-radius:20px;padding:24px;max-height:calc(100dvh - 48px);animation:popIn .22s cubic-bezier(.2,.9,.3,1.2) both}}.modal.win{border-color:#4dabeb99;background:radial-gradient(420px 220px at 50% -10%,rgba(77,171,235,.25),transparent 70%),var(--card)}.modal.big-win{box-shadow:0 0 0 1px #4dabeb80,0 0 60px #4dabeb40,var(--shadow-lg);animation:popIn .3s cubic-bezier(.2,.9,.3,1.2) both,goldGlow 2.4s ease-in-out .3s infinite}.result-amount{font-family:var(--mono);font-weight:800;font-size:40px;letter-spacing:-.03em;text-align:center;font-variant-numeric:tabular-nums}.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14px}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#102a484d;animation:fadeIn .18s ease both}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(420px,100vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));display:flex;flex-direction:column;gap:12px;animation:drawerIn .24s ease both}.toast-stack{position:fixed;z-index:120;left:50%;transform:translate(-50%);top:calc(var(--safe-top) + 10px);width:min(440px,calc(100vw - 24px));display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:var(--card-2);border:1px solid var(--border-strong);box-shadow:var(--shadow);animation:slideDown .22s ease both;font-size:14px}.toast strong{display:block}.toast .toast-close{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer;padding:2px}.toast-success{border-color:#22c55e80}.toast-error{border-color:#ef44448c}.toast-win{border-color:#4dabeb99;background:linear-gradient(90deg,rgba(77,171,235,.12),transparent 70%),var(--card-2)}.toast-warn{border-color:#f59e0b8c}.offline-banner{position:fixed;z-index:130;left:0;right:0;top:0;padding:calc(var(--safe-top) + 6px) 16px 6px;text-align:center;font-size:13px;font-weight:600;background:#7c2d12;color:#ffedd5}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:calc(var(--safe-top) + 24px) 16px calc(var(--safe-bottom) + 24px)}.auth-card{width:100%;max-width:420px;animation:slideUp .3s ease both}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:22px;text-align:center}.game-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width: 700px){.game-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px){.game-grid{grid-template-columns:repeat(4,1fr)}}.game-tile{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--card);color:var(--text);transition:transform .15s ease,border-color .15s,box-shadow .15s;min-width:0}a.game-tile:hover{transform:translateY(-3px);border-color:#4dabeb80;box-shadow:var(--shadow);text-decoration:none}a.game-tile:active{transform:translateY(-1px) scale(.99)}.game-tile .art{aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden}.game-tile .art svg{width:100%;height:100%}.game-tile .meta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}.game-tile .meta strong{font-size:15px}.game-tile.disabled{opacity:.55;filter:grayscale(.7)}.game-tile.disabled .badge{align-self:flex-start}.game-layout{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}.game-layout>*{min-width:0}@media (min-width: 1000px){.game-layout{grid-template-columns:340px minmax(0,1fr);align-items:start}.game-layout .game-controls{position:sticky;top:calc(var(--header-h) + 20px)}}.game-stage{min-height:300px;background:radial-gradient(600px 300px at 50% 0%,rgba(125,200,250,.08),transparent 70%),var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px;overflow:hidden;position:relative}.recent-results{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.recent-results::-webkit-scrollbar{display:none}.result-chip{flex:none;padding:4px 9px;border-radius:8px;font-family:var(--mono);font-size:12px;font-weight:700;background:var(--card);border:1px solid var(--border)}.result-chip.win{color:var(--success);border-color:#22c55e66}.result-chip.loss{color:var(--subtle)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes drawerIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes flashUp{0%{box-shadow:0 0 #22c55eb3}to{box-shadow:0 0 0 10px #22c55e00}}@keyframes flashDown{0%{box-shadow:0 0 #ef444480}to{box-shadow:0 0 0 10px #ef444400}}@keyframes goldGlow{0%,to{box-shadow:0 0 0 1px #4dabeb80,0 0 40px #4dabeb2e,var(--shadow-lg)}50%{box-shadow:0 0 0 1px #4dabebcc,0 0 70px #4dabeb59,var(--shadow-lg)}}@keyframes coinFall{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:1}to{transform:translate3d(var(--dx, 0),110vh,0) rotate(540deg);opacity:.9}}@keyframes cardIn{0%{transform:translate(40px,-30px) rotate(8deg);opacity:0}to{transform:none;opacity:1}}@keyframes popCell{0%{transform:scale(.6)}70%{transform:scale(1.08)}to{transform:scale(1)}}.coin-burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:110;overflow:hidden}.coin-burst span{position:absolute;top:0;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff,var(--gold-bright) 45%,#2b7cc0);box-shadow:0 0 6px #4dabeb99;animation:coinFall linear forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.coin-burst{display:none}}html,body{touch-action:manipulation}html{overscroll-behavior-y:none}button,.btn,.chip,.game-stage,.game-stage *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.game-stage input,.game-stage textarea{-webkit-user-select:text;user-select:text}.game-stage svg,.game-stage img{pointer-events:auto}.game-stage{contain:layout paint}@keyframes coinSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.avatar-upload{position:relative;padding:0;border:0;background:none;border-radius:50%;cursor:pointer}.avatar-upload-badge{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:var(--card-2);border:2px solid var(--bg)}.link-btn{border:0;background:none;padding:0;cursor:pointer;text-decoration:underline}.game-stage button:disabled:not(.btn){-webkit-text-fill-color:currentColor}html{overflow-x:hidden}.notif-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.notif{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:inherit;font:inherit}.notif.unread{border-color:#4dabeb73;background:linear-gradient(180deg,#4dabeb1a,#4dabeb08);cursor:pointer;animation:slideDown .2s ease both}.notif.unread:active{transform:scale(.99)}.notif-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--card-2);font-size:18px}.notif-body{flex:1;min-width:0;display:grid;gap:2px}.notif-head{display:flex;justify-content:space-between;gap:8px;font-size:14px}.notif-head .muted{flex:none}.notif-text{overflow-wrap:anywhere}.notif-dot{width:9px;height:9px;margin-top:6px;flex:none;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 8px #4dabebb3}.notif-past{border-top:1px solid var(--border);padding-top:10px}.notif-past summary{cursor:pointer;padding:8px 2px;font-weight:700;font-size:14px;color:var(--subtle);list-style:none}.notif-past summary::-webkit-details-marker{display:none}.notif-past summary:before{content:"▸";display:inline-block;margin-right:8px;transition:transform .15s ease}.notif-past[open] summary:before{transform:rotate(90deg)}.notif-past .notif{opacity:.75}.notif-past .notif-list{margin-top:6px}.lobby-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.lobby-search .input{border:0;background:transparent;padding-left:0;font-size:16px}.lobby-search .input:focus{box-shadow:none;outline:none}.card,.game-tile,.list-item,.notif{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}@media (hover: hover){.card:hover{box-shadow:var(--shadow)}}.btn{border-radius:var(--radius-btn);transition:transform .18s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.btn-primary:hover:not(:disabled),.btn-gold:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #3a96d752}.btn-gold{color:#fff;text-shadow:0 1px 1px rgba(13,58,99,.25)}.input,.select,.textarea{background:var(--bg);border-radius:12px}.chip{border-radius:999px;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease)}.chip:active:not(:disabled){transform:scale(.96)}.bottom-nav{backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 -4px 20px #0000002e}.bottom-nav a{transition:color .2s var(--ease)}.bottom-nav a svg{transition:transform .25s var(--ease)}.bottom-nav a.active svg{transform:translateY(-2px) scale(1.08)}.app-main{animation:pageIn .35s var(--ease) both}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal{box-shadow:var(--shadow-lg)}html{scroll-behavior:smooth}::selection{background:#3a96d738}.app-shell.with-sidebar{display:block}.app-column{min-height:100dvh;display:flex;flex-direction:column}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:95;width:var(--sidebar-w);padding:calc(var(--safe-top) + 14px) 12px calc(var(--safe-bottom) + 16px);background:#0b1a24;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:14px;overflow-y:auto;overscroll-behavior:contain;transform:translate(-100%);transition:transform .3s var(--ease)}.menu-open .sidebar{transform:none;box-shadow:var(--shadow-lg)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:94;background:#050c1299;animation:fadeIn .2s ease both}.sidebar-brand{padding:4px 8px 6px}.sidebar-group{display:grid;gap:2px;margin-bottom:10px}.sidebar-label{padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--subtle);font-weight:600;font-size:14px;transition:background .2s var(--ease),color .2s var(--ease)}.sidebar-nav a:hover{background:var(--surface);color:var(--text);text-decoration:none}.sidebar-nav a.active{background:var(--card);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-nav a.active svg{color:var(--accent)}.wallet-center{display:flex;align-items:center;gap:0;margin:0 auto;border-radius:12px;background:#0b1a24;border:1px solid var(--border);padding:3px}.wallet-center .balance-pill{border:0;background:transparent;cursor:pointer;font-size:14px;color:var(--text);padding:4px 12px 4px 4px}.wallet-center .balance-pill .unit{color:var(--accent)}.wallet-btn{border-radius:9px;gap:6px}.header-right{margin-left:0}.header-brand{margin-right:4px}.wallet-balance{display:grid;gap:4px;padding:16px;border-radius:14px;background:var(--bg);border:1px solid var(--border)}.wallet-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wallet-actions .btn{gap:6px;font-size:13px;padding-left:8px;padding-right:8px}@media (min-width: 900px){.sidebar{transform:none}.sidebar-backdrop{display:none}.app-column{margin-left:var(--sidebar-w)}.app-header-inner{max-width:none}}@media (max-width: 899px){.wallet-center .balance-pill{font-size:13px}}.logo-img{display:block;object-fit:contain;-webkit-user-select:none;user-select:none}.brand-lockup{display:inline-flex;align-items:center;gap:10px}.brand-word{display:inline-flex;align-items:center;padding-left:10px;border-left:1px solid var(--border-strong);height:22px;font-size:15px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:#d6dee8}.toast-stack{left:12px;right:auto;transform:none;top:calc(var(--safe-top) + var(--header-h) + 10px);width:min(360px,calc(100vw - 24px))}@media (min-width: 900px){.toast-stack{left:calc(var(--sidebar-w) + 16px)}}.toast{position:relative;overflow:hidden;padding:12px 12px 14px;border-radius:12px;background:#1a2c38;border:1px solid var(--border);border-left:3px solid var(--accent);box-shadow:0 12px 32px #00000073;animation:toastIn .35s var(--ease) both}.toast .toast-icon{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--bg)}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warn{border-left-color:var(--warn)}.toast-win{border-left-color:var(--gold-bright)}.toast-timer{position:absolute;left:0;bottom:0;height:2px;width:100%;background:currentColor;color:var(--accent);opacity:.55;transform-origin:left;animation:toastTimer var(--toast-ms, 4.2s) linear forwards}.toast-success .toast-timer{color:var(--success)}.toast-error .toast-timer{color:var(--danger)}.toast-warn .toast-timer{color:var(--warn)}.toast-vip{border-left-color:#a98bff;background:linear-gradient(100deg,rgba(169,139,255,.22),rgba(59,167,245,.08) 60%,transparent),#1a2c38;box-shadow:0 12px 32px #00000073,0 0 0 1px #a98bff59}.toast-vip .toast-icon{color:#0f212e;background:linear-gradient(135deg,#f4c542,#a98bff);animation:vipPop .6s var(--ease) .15s both}.toast-vip strong{color:#f4c542}.toast-vip .toast-timer{color:#a98bff}@keyframes toastIn{0%{opacity:0;transform:translate(-24px) scale(.98)}to{opacity:1;transform:none}}@keyframes toastTimer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes vipPop{0%{transform:scale(.4) rotate(-20deg)}60%{transform:scale(1.18) rotate(6deg)}to{transform:none}}.toast-stack{width:min(300px,calc(100vw - 24px));gap:0}.toast{gap:9px;padding:9px 10px 11px;margin-bottom:8px;border-radius:10px;font-size:13px;line-height:1.35;max-height:120px;animation:toastIn .6s var(--ease) both;transition:opacity .45s var(--ease),transform .45s var(--ease),max-height .45s var(--ease),margin .45s var(--ease),padding .45s var(--ease)}.toast .toast-icon{width:24px;height:24px;border-radius:7px}.toast .small{font-size:12px}.toast.leaving{opacity:0;transform:translate(-28px);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;pointer-events:none}.user-menu{position:relative}.user-menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:60;min-width:220px;padding:6px;border-radius:12px;background:#213743;border:1px solid var(--border);box-shadow:0 16px 40px #00000080;transform-origin:top right;animation:menuIn .22s var(--ease) both}.user-menu-panel:before{content:"";position:absolute;top:-6px;right:15px;width:12px;height:12px;background:#213743;border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}.user-menu-panel a,.user-menu-panel button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:14.5px;font-weight:700;text-align:left;cursor:pointer;transition:background .15s var(--ease)}.user-menu-panel a:hover,.user-menu-panel button:hover{background:var(--card-2);text-decoration:none}.user-menu-panel svg{color:var(--subtle)}.user-menu-sep{height:1px;margin:4px 6px;background:var(--border)}.icon-btn.active-menu{background:var(--card-2);color:var(--text)}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.clickable-row{cursor:pointer;transition:background .15s var(--ease)}.clickable-row:hover{background:var(--surface)}.link-btn{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-align:left}.link-btn:hover{text-decoration:underline}.player-card{max-width:460px}.player-card-vip{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 10px;border-radius:9px;font-size:13px;font-weight:700;color:var(--tier);background:color-mix(in srgb,var(--tier) 14%,transparent);border:1px solid color-mix(in srgb,var(--tier) 40%,transparent)}.player-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-card-tile{display:grid;gap:8px;padding:14px;border-radius:10px;background:var(--surface)}.player-card-tile strong{font-size:19px;font-family:var(--mono)}.mode-switch{display:flex;gap:6px}.mode-switch a{padding:9px 16px;border-radius:10px;background:var(--card);border:1px solid var(--border);color:var(--text);font-weight:700;font-size:14px;transition:background .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease)}.mode-switch a:hover{text-decoration:none;background:var(--card-2)}.mode-switch a:active{transform:scale(.97)}.mode-switch a.active{background:var(--accent);border-color:var(--accent)}.menu-toggle svg{transition:transform .3s var(--ease)}.sidebar,.app-column{transition:transform .3s var(--ease),width .3s var(--ease),margin-left .3s var(--ease)}@media (min-width: 900px){.sidebar-collapsed{--sidebar-w: 72px}.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}.sidebar-collapsed .nav-text,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-vip,.sidebar-collapsed .brand-word{display:none}.sidebar-collapsed .sidebar-nav a{justify-content:center;padding:11px 0}.sidebar-collapsed .sidebar-brand{padding:4px 0 6px;display:flex;justify-content:center}.sidebar-collapsed .menu-toggle svg{transform:rotate(90deg)}}@media (max-width: 520px){.mode-switch a{padding:8px 11px;font-size:13px}.wallet-center .balance-pill .unit{display:none}}.case-art{display:block;overflow:visible;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));transition:transform .25s ease}.case-card:hover .case-art,.case-item:hover .case-art{transform:translateY(-3px) scale(1.06) rotate(-3deg)}.case-art .art-flame{transform-origin:50px 78px;animation:art-flame .18s ease-in-out infinite alternate}.case-art .art-beam{animation:art-pulse 1.6s ease-in-out infinite}.case-art .art-spin{animation:art-spin 9s linear infinite}.case-art .art-twinkle{animation:art-twinkle 1.6s ease-in-out infinite}.case-art .art-hand{animation:art-spin 6s linear infinite}.case-art .art-wheel{animation:art-spin .8s linear infinite}.case-art .art-wave{animation:art-wave 2.4s ease-in-out infinite alternate}.case-art .art-drop{animation:art-drop 1.8s ease-in infinite}.case-art .art-dial{animation:art-dial 3s ease-in-out infinite}.case-art .art-puff{animation:art-puff 2s ease-in-out infinite}.case-art .art-zap{animation:art-zap 2.2s steps(1) infinite}.case-art .art-lava{transform-origin:50px 30px;animation:art-flame .6s ease-in-out infinite alternate}.case-art .art-float{animation:art-float 2.6s ease-in-out infinite}.case-art .art-gallop{transform-origin:50px 90px;animation:art-gallop .5s ease-in-out infinite alternate}.case-art .art-lift{animation:art-lift 2.4s ease-in-out infinite}.case-art .art-pop{animation:art-pop .5s ease-out both}@keyframes art-flame{0%{transform:scaleY(.75);opacity:.8}to{transform:scaleY(1.15);opacity:1}}@keyframes art-pulse{50%{opacity:.1}}@keyframes art-spin{to{transform:rotate(360deg)}}@keyframes art-twinkle{50%{transform:scale(.5);opacity:.5}}@keyframes art-wave{to{transform:translate(-6px)}}@keyframes art-drop{0%{transform:translateY(-6px);opacity:0}30%{opacity:1}70%,to{transform:translateY(8px);opacity:0}}@keyframes art-dial{50%{transform:rotate(160deg)}}@keyframes art-puff{50%{transform:scale(1.12);opacity:.6}}@keyframes art-zap{0%,88%{opacity:1}90%{opacity:.3}94%{opacity:1}96%{opacity:.4}}@keyframes art-float{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes art-gallop{to{transform:rotate(-5deg) translateY(-3px)}}@keyframes art-lift{0%,60%,to{transform:translateY(0)}75%,85%{transform:translateY(-14px)}}@keyframes art-pop{0%{transform:scale(.2) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.case-art *{animation:none!important}}.badge-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.badge-chip{--badge: #3ba7f5;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.3px;color:var(--badge);background:color-mix(in srgb,var(--badge) 16%,transparent);border:1px solid color-mix(in srgb,var(--badge) 45%,transparent);line-height:1.2;white-space:nowrap;animation:badge-in .3s cubic-bezier(.3,1.4,.5,1) both}.badge-chip.sm{padding:2px 8px;font-size:11px}button.badge-chip{cursor:pointer;font-family:inherit;transition:background .2s,opacity .2s,transform .15s}button.badge-chip:hover{transform:translateY(-1px)}button.badge-chip:disabled{cursor:default}.badge-chip.ghost{opacity:.55;background:transparent;border-style:dashed}.badge-chip.active{background:color-mix(in srgb,var(--badge) 26%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--badge) 35%,transparent)}.badge-chip-x{border:0;background:none;color:inherit;font-size:15px;line-height:1;padding:0 0 0 2px;cursor:pointer;opacity:.7}.badge-chip-x:hover{opacity:1}.badge-admin summary{cursor:pointer;color:var(--text-subtle, #b1bad3)}.badge-editor{padding:12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.badge-colors,.badge-icons{display:flex;flex-wrap:wrap;gap:6px}.badge-colors button{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer}.badge-colors button.on{border-color:#fff;box-shadow:0 0 0 2px #fff3}.badge-icons button{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:inherit;cursor:pointer}.badge-icons button.on{border-color:#3ba7f5;background:#3ba7f52e;color:#fff}@keyframes badge-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.player-card .badge-row{gap:8px}.player-card .badge-row .badge-chip{padding:5px 10px;border-radius:9px;font-size:13px;line-height:1.5}.player-card .badge-row .badge-chip svg{width:16px;height:16px}.win-pop{position:absolute;left:50%;top:50%;z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:150px;padding:12px 22px;border-radius:16px;background:#0f212eeb;border:2px solid rgba(34,197,94,.7);box-shadow:0 0 0 6px #22c55e1f,0 16px 40px #0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:winPop 2.6s cubic-bezier(.2,1.3,.4,1) both}.win-pop.big{border-color:#4dabeb;box-shadow:0 0 0 6px #4dabeb2e,0 0 40px #4dabeb73,0 16px 40px #0000008c}.win-pop-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#3ee07a}.win-pop.big .win-pop-label{color:#4dabeb}.win-pop-mult{font-family:var(--mono);font-weight:900;font-size:30px;line-height:1.1;color:#fff}.win-pop-amount{font-family:var(--mono);font-weight:800;font-size:15px;color:#3ee07a}.win-pop.big .win-pop-amount{color:#4dabeb}@keyframes winPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}20%,82%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-62%) scale(.96)}}.game-stage{min-height:340px;background:radial-gradient(700px 320px at 50% -10%,rgba(125,200,250,.18),transparent 70%),radial-gradient(600px 300px at 50% 115%,rgba(58,150,215,.12),transparent 70%),linear-gradient(180deg,#1a2c38,#132634);box-shadow:inset 0 1px #ffffff0a}@media (max-width: 999px){.game-layout>.game-controls{order:2}}@media (prefers-reduced-motion: reduce){.win-pop{animation-duration:.01s;animation-fill-mode:none;transform:translate(-50%,-50%)}}