:root{--bg-deep: #0b0518;--bg: #120826;--panel: rgba(31, 17, 64, .78);--panel-solid: #1e103f;--panel-2: rgba(46, 25, 92, .82);--border: rgba(167, 139, 250, .22);--border-glow: rgba(131, 110, 249, .55);--text: #faf5ff;--muted: #c4b5fd;--monad: #836ef9;--monad-bright: #a855f7;--monad-pink: #ec4899;--monad-cyan: #22d3ee;--gold: #fde047;--mint: #34d399}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100%;background:radial-gradient(900px 520px at 15% -5%,rgba(131,110,249,.35),transparent 62%),radial-gradient(760px 460px at 90% 8%,rgba(236,72,153,.24),transparent 58%),radial-gradient(700px 500px at 50% 100%,rgba(34,211,238,.14),transparent 65%),var(--bg-deep);background-attachment:fixed;color:var(--text);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}a{color:inherit}.screen{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:14px 16px 32px}.game-screen{max-width:460px;padding:10px 12px 16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 10px}.topbar-right{display:flex;align-items:center;gap:8px}.brand{display:flex;align-items:center;gap:11px}.brand-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#836ef9,#ec4899);padding:2px;box-shadow:0 6px 18px #836ef973;display:grid;place-items:center;overflow:hidden}.brand-cat-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.brand-name{font-family:Fredoka,Plus Jakarta Sans,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.2px;display:flex;align-items:center;gap:6px}.brand-pill{font-family:Plus Jakarta Sans,sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.8px;padding:2px 7px;border-radius:999px;background:#22d3ee2e;border:1px solid rgba(34,211,238,.45);color:var(--monad-cyan)}.brand-sub{font-size:11.5px;color:var(--muted);font-weight:600}.topbar-title{font-family:Fredoka,Plus Jakarta Sans,sans-serif;font-weight:700;font-size:18px;display:flex;align-items:center;gap:7px}.mini-cat-icon{width:26px;height:26px;object-fit:contain}.icon-btn{background:var(--panel);border:1px solid var(--border);padding:8px 13px;border-radius:12px;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .12s ease,border-color .15s ease}.icon-btn.round{padding:8px 10px}.icon-btn:hover{border-color:var(--border-glow)}.icon-btn:active{transform:scale(.95)}.wallet-pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:8px 12px;border-radius:999px;transition:transform .12s ease,box-shadow .18s ease}.wallet-pill.connect{background:linear-gradient(135deg,#836ef9,#a855f7 55%,#ec4899);color:#fff;box-shadow:0 4px 16px #836ef973}.wallet-pill.live{background:#10b98126;border:1px solid rgba(52,211,153,.48);color:#d1fae5}.wallet-pill.warn{background:#facc152e;border:1px solid rgba(250,204,21,.55);color:var(--gold)}.wallet-pill:active{transform:scale(.97)}.dot{width:8px;height:8px;border-radius:50%}.dot.live{background:var(--mint);box-shadow:0 0 8px var(--mint)}.dot.warn{background:var(--gold);box-shadow:0 0 8px var(--gold)}.dot.connect{background:#fff;box-shadow:0 0 8px #fff}.monad-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 12px;margin-bottom:12px;border-radius:13px;background:linear-gradient(90deg,#836ef92e,#ec489924);border:1px solid rgba(167,139,250,.28);font-size:11.5px;color:#e9d5ff}.monad-strip-left{display:flex;align-items:center;gap:6px}.monad-diamond{color:var(--gold);font-size:14px}.monad-strip code{background:#0f07228c;padding:1px 5px;border-radius:5px;color:var(--monad-cyan);font-weight:700}.monad-strip-actions{display:flex;align-items:center;gap:6px}.mini-chip-btn,.mini-chip-link{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:#836ef93d;border:1px solid rgba(196,181,253,.35);color:#f5f3ff;text-decoration:none;transition:background .15s ease}.mini-chip-btn:hover,.mini-chip-link:hover{background:#836ef973}.hero-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:22px;background:radial-gradient(240px 180px at 85% 35%,rgba(250,204,21,.24),transparent 70%),linear-gradient(135deg,#3b0764,#5b21b6 48%,#9d174d);border:1px solid rgba(216,180,254,.4);box-shadow:0 16px 38px #0a041a99,inset 0 1px #ffffff38;overflow:hidden}.hero-copy{flex:1;min-width:0;z-index:1}.hero-kicker{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.2px;color:var(--gold);background:#0f072273;border:1px solid rgba(253,224,71,.35);padding:3px 9px;border-radius:999px;margin-bottom:8px}.hero-title{font-family:Fredoka,Plus Jakarta Sans,sans-serif;font-size:25px;line-height:1.08;margin:0 0 8px;color:#fff}.hero-title span{background:linear-gradient(90deg,#fde047,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-desc{margin:0 0 13px;font-size:12.2px;line-height:1.45;color:#faf5ffe0}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.hero-play-btn{background:linear-gradient(135deg,#fde047,#f59e0b);color:#1e103f;font-weight:800;font-size:12.5px;padding:9px 15px;border-radius:12px;box-shadow:0 6px 18px #facc1561;transition:transform .12s ease}.hero-play-btn:active{transform:scale(.96)}.name-bar{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#0f072280;border:1px solid rgba(216,180,254,.38);border-radius:12px;font-size:12px;color:#f3e8ff}.name-bar strong{color:var(--gold)}.hero-mascot-wrap{position:relative;width:118px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:1}.hero-glow-orb{position:absolute;top:6px;width:98px;height:98px;border-radius:50%;background:radial-gradient(circle,#fde04785,#836ef900 70%);pointer-events:none}.hero-cat-img{width:106px;height:106px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5)) saturate(1.1);animation:catFloat 2.8s ease-in-out infinite}@keyframes catFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(3deg)}}.hero-score-badge{margin-top:4px;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:#0f0722b8;border:1px solid rgba(253,224,71,.45);color:var(--gold);white-space:nowrap}.section{margin-top:20px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:11px}.section-head h2{margin:0;font-family:Fredoka,Plus Jakarta Sans,sans-serif;font-size:16px;letter-spacing:.2px;color:#fff}.hint{font-size:11px;color:var(--muted);font-weight:600}.games{display:flex;flex-direction:column;gap:11px}.game-card{display:flex;align-items:center;gap:14px;padding:11px 14px 11px 11px;background:linear-gradient(145deg,#27154fe0,#170c30eb);border:1px solid var(--border);border-radius:18px;text-align:left;box-shadow:0 8px 24px #0602126b;transition:transform .14s ease,border-color .16s ease,box-shadow .16s ease}.game-card:hover{border-color:var(--accent, var(--monad));box-shadow:0 10px 28px #06021294,0 0 20px color-mix(in srgb,var(--accent, #836ef9) 32%,transparent);transform:translateY(-2px)}.game-card:active{transform:scale(.985)}.game-thumb-wrap{position:relative;width:72px;height:72px;flex-shrink:0;border-radius:15px;padding:2px;background:linear-gradient(135deg,var(--accent, #836ef9),rgba(255,255,255,.35));box-shadow:0 6px 16px #0000006b}.game-thumb{width:100%;height:100%;border-radius:13px;object-fit:cover;display:block;filter:saturate(1.14) contrast(1.05)}.game-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);font-size:8px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:999px;background:#14082c;border:1px solid var(--accent, #836ef9);color:#fff;white-space:nowrap}.game-info{flex:1;min-width:0}.game-name{font-family:Fredoka,Plus Jakarta Sans,sans-serif;font-weight:700;font-size:17px;color:#fff}.game-tag{font-size:12px;color:var(--muted);margin-top:2px}.game-best{font-size:11.5px;color:#e9d5ff;margin-top:6px}.game-best strong{color:var(--gold);font-weight:800}.game-play{background:linear-gradient(135deg,var(--accent, #836ef9),#7c3aed);color:#fff;font-weight:800;font-size:12.5px;padding:9px 14px;border-radius:12px;box-shadow:0 4px 12px #00000052;white-space:nowrap}.skin-group{margin-bottom:14px}.skin-group-label{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:8px}.skins{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.skin-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;transition:transform .12s ease,border-color .15s ease}.skin-card:hover{border-color:var(--border-glow);transform:translateY(-1px)}.skin-card.equipped{border-color:var(--mint);background:linear-gradient(160deg,#10b98129,#1f1140e0);box-shadow:0 0 0 1px #34d39959 inset}.skin-canvas{width:56px;height:56px;display:block}.skin-name{font-size:12px;font-weight:700;text-align:center}.skin-cta{font-size:11px;font-weight:800;color:var(--gold);background:#0f072273;padding:3px 9px;border-radius:999px}.skin-card.equipped .skin-cta{color:var(--mint)}.stage-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center}.stage{width:100%;max-width:372px;aspect-ratio:360 / 560;border-radius:22px;display:block;touch-action:none;border:2px solid rgba(167,139,250,.38);box-shadow:0 20px 50px #0000009e,0 0 28px #836ef940}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0b0518b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.overlay-card{background:linear-gradient(160deg,#271352,#160a30);border:1px solid rgba(196,181,253,.35);border-radius:20px;padding:22px 24px;text-align:center;min-width:248px;box-shadow:0 18px 44px #0009}.overlay-tag{font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--gold)}.overlay-score{font-family:Fredoka,Plus Jakarta Sans,sans-serif;font-size:52px;font-weight:700;line-height:1.05;margin:6px 0 4px}.overlay-sub{font-size:13px;color:var(--muted);margin-bottom:16px}.overlay-actions{display:flex;gap:8px;justify-content:center}.btn{padding:10px 16px;border-radius:12px;font-weight:800;font-size:13px;transition:transform .12s ease}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(135deg,#836ef9,#a855f7 55%,#ec4899);color:#fff;box-shadow:0 6px 18px #836ef96b}.btn.ghost{background:var(--panel-2);border:1px solid var(--border)}.cheer-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:13px;display:flex;flex-direction:column;gap:9px}.cheer-amounts,.cheer-presets{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);transition:all .14s ease}.chip.active{background:linear-gradient(135deg,#836ef959,#ec489947);border-color:#c084fc;color:#fff;box-shadow:0 0 12px #836ef959}.preset{padding:5px 10px;border-radius:9px;font-size:11px;font-weight:600;background:#ffffff0d;border:1px solid var(--border);color:var(--muted)}.preset:hover{border-color:var(--border-glow);color:#fff}.cheer-row{display:flex;gap:8px}.cheer-input{flex:1;min-width:0;width:100%;background:#0b0518a6;border:1px solid var(--border);border-radius:12px;padding:10px 12px;color:var(--text);font:inherit;font-size:13px;outline:none;user-select:text;-webkit-user-select:text}.cheer-input:focus{border-color:var(--monad);box-shadow:0 0 0 2px #836ef940}.cheer-btn{white-space:nowrap}.cheer-empty{margin-top:8px;padding:14px;border-radius:13px;border:1px dashed var(--border);text-align:center;font-size:12px;color:var(--muted)}.cheer-wall{margin-top:10px;display:flex;flex-direction:column;gap:7px}.cheer-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.cheer-badge{flex-shrink:0;font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px;background:#836ef938;border:1px solid rgba(196,181,253,.4);color:var(--gold)}.cheer-body{flex:1;min-width:0}.cheer-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.cheer-meta strong{color:var(--text);font-weight:700}.cheer-msg{font-size:12.5px;margin-top:2px;overflow-wrap:anywhere}.cup-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:11px}.cup-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#836ef942,#ec48992e);border:1px solid rgba(196,181,253,.35)}.cup-pool{font-family:Fredoka,Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700;color:var(--gold)}.cup-sub{font-size:11px;color:#e9d5ff;margin-top:3px;line-height:1.38}.cup-split{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:11px;font-weight:800;white-space:nowrap;color:#fff}.cup-tabs{display:flex;flex-wrap:wrap;gap:5px}.cup-board{display:flex;flex-direction:column;gap:6px}.cup-row{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:11px;background:var(--panel-2);font-size:12.5px}.cup-row.mine{border:1px solid var(--mint);background:#10b98124}.cup-rank{width:30px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-size:11px;font-weight:900;color:var(--muted);background:#ffffff0f}.cup-rank.r1{color:#422006;background:linear-gradient(135deg,#fde047,#f59e0b);box-shadow:0 2px 8px #facc1559}.cup-rank.r2{color:#0f172a;background:linear-gradient(135deg,#f1f5f9,#94a3b8)}.cup-rank.r3{color:#431407;background:linear-gradient(135deg,#fdba74,#c2410c)}.cup-who{flex:1;min-width:0;display:flex;flex-direction:column}.cup-addr{font-size:10px;color:var(--muted);font-family:ui-monospace,monospace}.cup-addr.link{text-decoration:none}.cup-addr.link:hover{color:var(--monad-cyan);text-decoration:underline}.cup-pts{font-weight:900;font-variant-numeric:tabular-nums;color:#fff;margin-left:auto}.cup-game{font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:3px 8px;border-radius:999px;white-space:nowrap;background:#836ef933;color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}.cup-countdown{margin-top:7px;display:inline-block;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:#22d3ee24;color:var(--monad-cyan, #67e8f9);border:1px solid rgba(34,211,238,.35)}.cup-countdown.done{background:#34d39926;color:var(--mint, #6ee7b7);border-color:#34d39966}.cup-prize{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:#fde04729;color:var(--gold)}.cup-prize.paid{background:#34d3992e;color:var(--mint)}.cup-txlink{color:var(--monad-cyan);text-decoration:underline}.cup-foot{font-size:11px;color:var(--muted);line-height:1.45}.cup-foot code{font-size:10.5px;color:var(--text)}.cup-enter{margin:0 0 14px}.cup-btn{width:100%;background:linear-gradient(135deg,#fde047,#f59e0b);color:#1e103f;box-shadow:0 6px 18px #facc1559}.cup-btn:disabled{opacity:.6}.cup-status{font-size:12px;color:var(--muted);padding:6px 8px}.cup-status.ok{color:var(--mint);font-weight:700}.cup-status.err{color:#fda4af;margin-top:4px}.name-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0b0518c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px}.name-card{width:100%;max-width:350px;background:linear-gradient(165deg,#271352,#15092e);border:1px solid rgba(196,181,253,.38);border-radius:20px;padding:20px;box-shadow:0 20px 50px #000000a6}.name-title{font-family:Fredoka,Plus Jakarta Sans,sans-serif;font-weight:700;font-size:18px;margin-bottom:6px}.name-hint{font-size:12px;color:var(--muted);line-height:1.45;margin:0 0 12px}.foot{margin-top:auto;padding-top:24px;text-align:center;font-size:11.5px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:linear-gradient(135deg,#2e1065,#4c1d95);border:1px solid rgba(196,181,253,.5);padding:10px 18px;border-radius:999px;font-size:12.5px;font-weight:700;box-shadow:0 12px 32px #0000008c;z-index:50;max-width:92vw;text-align:center}