:root{--emerald: #0B7A4B;--emerald-2: #0E9960;--lime: #86E01E;--gold: #E7B008;--silver: #9AA6B2;--bg: #FFFFFF;--ice: #F2F5F8;--ice-2: #E7ECF1;--line: #E3E9EF;--line-2: #D2DAE3;--card: #FFFFFF;--ink: #16211C;--ink-2: #5C6B72;--ink-3: #92A0A8;--on-emerald: #FFFFFF;--win: #12A150;--loss: #E5484D;--warn: #F5A524;--live: #E5484D;--emerald-soft: #E4F5EC;--gold-soft: #FBF2D8;--loss-soft: #FCECEC;--win-soft: #E4F6EC;--grad: linear-gradient(135deg, #0B7A4B, #0E9960);--grad-gold: linear-gradient(135deg, #E7B008, #F4CE4B);--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-full: 999px;--sh-1: 0 1px 2px rgba(16,40,30,.04), 0 2px 10px rgba(16,40,30,.05);--sh-2: 0 4px 14px rgba(16,40,30,.07), 0 14px 40px rgba(16,40,30,.08);--sh-em: 0 8px 24px rgba(11,122,75,.28);--t: .18s;--ease: cubic-bezier(.32,.72,0,1);--nav-h: 74px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.tnum{font-variant-numeric:tabular-nums;letter-spacing:-.02em}h1,h2,h3{margin:0;font-weight:720;letter-spacing:-.025em;line-height:1.15}h1{font-size:1.7rem}h2{font-size:1.24rem}h3{font-size:1rem}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--emerald);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1)}.sec-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 2px 12px}.sec-title h2{font-size:1.06rem}.sec-title .link{color:var(--emerald);font-size:.82rem;font-weight:640}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--r-full);background:var(--ice);color:var(--ink);font-weight:640;font-size:.92rem;transition:transform 90ms var(--ease),background var(--t) var(--ease)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--grad);color:var(--on-emerald);box-shadow:var(--sh-em)}.btn.gold{background:var(--grad-gold);color:#4a3708;box-shadow:0 8px 24px #e7b00847}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:var(--r-full);background:var(--ice);font-size:.74rem;font-weight:680}.pill.live{background:var(--live);color:#fff}.pill.live:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.3s var(--ease) infinite}.pill.gold{background:var(--gold-soft);color:#8a6708}.pill.emerald{background:var(--emerald-soft);color:var(--emerald)}@keyframes pulse{50%{opacity:.3}}.badge-rank{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:8px;font-weight:800;font-size:.82rem;background:var(--ice)}.badge-rank.g1{background:var(--grad-gold);color:#4a3708}.badge-rank.g2{background:linear-gradient(135deg,#c7cfd8,#ebeff3);color:#46525c}.badge-rank.g3{background:linear-gradient(135deg,#d8935b,#eab588);color:#5a3417}.form{display:inline-flex;gap:3px}.form i{width:15px;height:15px;border-radius:5px;display:grid;place-items:center;font-size:.6rem;font-weight:800;color:#fff}.form i.w{background:var(--win)}.form i.l{background:var(--loss)}.avatar{display:grid;place-items:center;border-radius:14px;flex:none;font-weight:800;color:#fff;background:var(--grad)}.skel{background:linear-gradient(90deg,var(--ice) 25%,var(--ice-2) 37%,var(--ice) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.input{width:100%;min-height:48px;padding:0 15px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--card);color:var(--ink);font-size:1rem}.input:focus{border-color:var(--emerald);outline:none}.app{min-height:100dvh}.stage{max-width:860px;margin:0 auto;padding:18px 16px calc(var(--nav-h) + 30px)}.bar{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:2px;width:min(460px,calc(100% - 20px));padding:6px;background:#ffffffdb;backdrop-filter:saturate(180%) blur(18px);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2)}.bar-item{flex:1;display:grid;justify-items:center;gap:3px;padding:8px 2px;border-radius:var(--r-sm);color:var(--ink-3)}.bar-item.on{color:var(--emerald);background:var(--emerald-soft)}.bar-item span{font-size:.64rem;font-weight:700}.smashbtn{flex:none;display:grid;justify-items:center;gap:1px;width:62px;height:62px;margin:-18px 4px 0;border-radius:20px;background:var(--grad);color:#fff;box-shadow:var(--sh-em);transition:transform .1s var(--ease)}.smashbtn:active{transform:scale(.94)}.smashbtn.on{outline:3px solid rgba(11,122,75,.25)}.smashbtn .shuttle{font-size:1.4rem;line-height:1}.smashbtn span:last-child{font-size:.58rem;font-weight:800;letter-spacing:.04em}.rail{display:none}.head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.home-head{margin:6px 0 14px}.home-title{font-size:2rem;font-weight:800;letter-spacing:-.03em}.home-title span{font-size:1.4rem}.home-sub{color:var(--emerald);font-weight:700;font-size:.78rem;letter-spacing:.1em}.truth{display:block;padding:10px 13px;margin-bottom:14px;border-radius:var(--r-sm);background:var(--ice);color:var(--ink-2);font-size:.78rem;line-height:1.5}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px;display:grid;gap:2px}.stat.gold{background:var(--gold-soft);border-color:transparent}.stat-ic{font-size:1.2rem}.stat-label{font-size:.7rem;color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.stat-val{font-size:1.15rem;font-weight:780;letter-spacing:-.02em}.stat-sub{font-size:.74rem;color:var(--ink-2)}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pod{padding:16px 10px;display:grid;justify-items:center;gap:6px;text-align:center}.pod.g1{box-shadow:0 8px 24px #e7b0082e;border-color:#e7b00866}.pod b{font-size:.82rem}.pod-rating{font-weight:800;color:var(--emerald)}.list{display:grid;gap:8px}.matchrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px 14px}.mr-side{min-width:0}.mr-side.right{text-align:right}.mr-side b{font-size:.88rem;font-weight:600;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.mr-side b.won{color:var(--ink);font-weight:780}.mr-score{display:grid;justify-items:center;gap:1px}.mr-score b{font-size:1.3rem;font-weight:800;color:var(--ink-3)}.mr-score b.won{color:var(--emerald)}.mr-score span{display:none}.mr-score small{font-size:.66rem;color:var(--ink-3);letter-spacing:.02em}.rank-table{padding:6px 8px}.rt-head,.rt-row{display:grid;grid-template-columns:34px 1fr 68px 52px 92px;align-items:center;gap:8px;padding:9px 8px}.rt-head{font-size:.68rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-weight:700;border-bottom:1px solid var(--line)}.rt-head .r,.rt-row .r{text-align:right}.rt-row{border-bottom:1px solid var(--line)}.rt-row:last-child{border-bottom:0}.rt-player{display:flex;align-items:center;gap:9px;min-width:0}.rt-player b{font-size:.88rem;font-weight:640;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt-rating{font-weight:800;color:var(--emerald)}.form-col{display:flex;justify-content:flex-end}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pcard{padding:16px;display:grid;justify-items:center;gap:5px;text-align:center}.pcard b{font-size:.9rem}.pcard-foot{display:flex;align-items:center;gap:8px;margin-top:4px;font-weight:800;color:var(--emerald);font-size:.82rem}.profile{padding:22px;display:grid;justify-items:center;gap:6px;text-align:center}.prof-name{font-size:1.5rem}.prof-id{color:var(--ink-2);font-size:.84rem}.prof-rank{margin-top:6px;font-size:.84rem;color:var(--ink-2);display:flex;align-items:center;gap:7px}.prof-rank b{color:var(--emerald)}.prof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:14px}.pcell{background:var(--ice);border-radius:var(--r-sm);padding:11px;display:grid;gap:1px}.pcell b{font-size:1.15rem;font-weight:800}.pcell small{font-size:.68rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.h2h{padding:16px;display:grid;gap:12px}.h2h-nums{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center}.h2h-me b,.h2h-them b{font-size:2rem;font-weight:800;color:var(--emerald)}.h2h-mid b{font-size:1.2rem;color:var(--ink-2)}.h2h-mid small,.h2h-me small,.h2h-them small{display:block;font-size:.72rem;color:var(--ink-3)}.h2h-recent{display:flex;justify-content:center;gap:4px}.h2h-recent i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:.66rem;font-weight:800;color:#fff}.h2h-recent i.w{background:var(--win)}.h2h-recent i.l{background:var(--loss)}.startcard{padding:20px;display:grid;gap:16px;max-width:520px;margin:0 auto}.field{display:grid;gap:6px}.field span{font-size:.78rem;color:var(--ink-2);font-weight:640}.pickers{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px}.vs{font-weight:800;color:var(--ink-3);padding-bottom:12px}.warn-line{color:var(--loss);font-size:.82rem;text-align:center}.btn.big{min-height:54px;width:100%;font-size:1rem}.fab{position:fixed;right:16px;bottom:calc(var(--nav-h) + 20px);z-index:55;width:56px;height:56px;border-radius:20px;background:var(--grad);color:#fff;box-shadow:var(--sh-em);display:grid;place-items:center;font-size:1.5rem}.live{max-width:720px;margin:0 auto;padding:14px 14px calc(var(--nav-h))}.live-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stake{text-align:center;padding:9px;border-radius:var(--r-sm);font-weight:800;letter-spacing:.06em;margin-bottom:12px;animation:stakepop .2s var(--ease)}@keyframes stakepop{0%{transform:scale(.96);opacity:.4}}.stake.deuce{background:var(--ice);color:var(--ink-2)}.stake.game{background:var(--emerald-soft);color:var(--emerald)}.stake.match{background:var(--grad-gold);color:#4a3708}.live-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-side{background:var(--ice);border-radius:var(--r-lg);padding:16px 14px;display:grid;gap:10px}.live-side.win{background:var(--emerald-soft)}.ls-head{display:flex;align-items:center;gap:10px}.ls-head b{font-size:.95rem;display:block}.ls-head small{font-size:.72rem}.ls-score{font-size:clamp(4rem,22vw,7rem);font-weight:850;text-align:center;line-height:.95;transition:transform var(--t) var(--ease)}.ls-score.bump{transform:scale(1.14);color:var(--emerald)}.ptbtn{min-height:64px;border-radius:var(--r-md);background:var(--grad);color:#fff;font-size:1.4rem;font-weight:800;box-shadow:var(--sh-em);transition:transform 90ms var(--ease)}.ptbtn.b{background:linear-gradient(135deg,#1c6dd0,#2e8be6);box-shadow:0 8px 24px #1c6dd047}.ptbtn:active{transform:scale(.95)}.games-line{display:flex;justify-content:center;gap:8px;margin:14px 0}.games-line span{padding:4px 12px;border-radius:8px;background:var(--ice);font-weight:700;font-size:.9rem}.games-line .cur{background:var(--emerald-soft);color:var(--emerald)}.live-ctl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.ctl{min-height:44px;padding:0 18px;border-radius:var(--r-full);background:var(--ice);font-weight:640}.ctl-note{font-size:.78rem}.winner{margin-top:16px;padding:26px 20px;display:grid;justify-items:center;gap:6px;text-align:center;background:linear-gradient(180deg,var(--gold-soft),#fff);border-color:#e7b0084d;animation:stakepop .32s var(--ease)}.trophy{font-size:2.4rem}.winner h2{font-size:1.7rem}.w-games{font-size:2rem;font-weight:800;color:var(--emerald)}.w-scores{display:flex;gap:8px}.w-scores span{padding:3px 10px;border-radius:7px;background:var(--ice);font-weight:700;font-size:.82rem}.w-rating{margin:8px 0 4px}.w-rating .up{color:var(--win);font-size:1.05rem;font-weight:800}@media (min-width: 900px){.app{display:grid;grid-template-columns:250px 1fr}.bar,.fab{display:none}.rail{display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;padding:22px 14px;border-right:1px solid var(--line);background:var(--bg)}.rail-brand{padding:6px 10px 18px}.rail-nav{display:grid;gap:3px;margin-top:14px}.rail-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:var(--r-sm);color:var(--ink-2);font-weight:600;font-size:.92rem}.rail-item.on{background:var(--emerald-soft);color:var(--emerald)}.smashbtn.wide{width:100%;height:50px;flex-direction:row;margin:0;border-radius:var(--r-full);font-size:.84rem;gap:8px}.smashbtn.wide span:last-child{font-size:.84rem}.rail-foot{margin-top:auto;padding:12px 10px;font-size:.68rem;letter-spacing:.08em}.stage{padding:28px 30px 40px}.mr-score span{display:inline}}.wordmark{font-weight:800;font-size:1.3rem;letter-spacing:-.02em;display:grid}.wordmark em{font-style:normal;font-size:.58rem;font-weight:700;letter-spacing:.18em;color:var(--emerald)}.wm-s,.wm-a{color:var(--emerald)}