:root{--bg:#080c1a;--panel:#10172e;--panel-2:#172042;--line:#ffffff14;--text:#eef2ff;--muted:#8b95b8;--lime:#d4ff3a;--pink:#ff5fa2;--blue:#5b8cff;--up:#3ddc84;--down:#ff5f6d;--radius:18px;--display:"Bungee", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 50% -200px, #5b8cff2e, transparent 70%), radial-gradient(800px 500px at 110% 110%, #ff5fa21f, transparent 70%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 Inter,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed}h1,h2,h3{margin:0}.muted{color:var(--muted)}.small{font-size:12px}.up{color:var(--up)}.down{color:var(--down)}.boot{height:100%;color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.boot svg{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{max-width:1180px;margin:0 auto;padding:0 20px 40px;overflow-x:clip}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.brand{font-family:var(--display);letter-spacing:.5px;align-items:center;gap:10px;font-size:18px;display:flex}.brand b{color:var(--lime);font-family:"Archivo Black", var(--display);letter-spacing:1.5px;margin-left:6px;font-size:1.12em;font-weight:400}.topbar-right{align-items:center;gap:10px;display:flex}.pill{white-space:nowrap;letter-spacing:.08em;border:1px solid var(--line);background:var(--panel);border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.pill i{background:currentColor;border-radius:50%;width:7px;height:7px}.pill.live{color:var(--up)}.pill.live i{animation:1.4s infinite blink}.pill.sim{color:#ffc72c}.pill.demo{color:var(--pink)}@keyframes blink{50%{opacity:.25}}.icon-btn{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:34px;height:34px}.wallet-chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:99px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;display:flex}.wallet-chip b{color:var(--text);font-family:var(--mono)}.avatar{border-radius:50%;flex:none}.card{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:var(--radius)}.cta{background:var(--lime);color:#0b1020;width:100%;font-family:var(--display);letter-spacing:.5px;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:16px 24px;font-size:20px;transition:transform .12s,box-shadow .12s,filter .2s;display:flex;box-shadow:0 10px 40px -10px #d4ff3a99,inset 0 -4px #00000026}.cta span{opacity:.75;font:600 13px Inter,sans-serif}.cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 50px -10px #d4ff3abf,inset 0 -4px #00000026}.cta:active:not(:disabled){transform:translateY(1px)}.cta:disabled{filter:grayscale()brightness(.55);box-shadow:none}.cta.small{width:auto;padding:12px 20px;font-size:15px}.ghost{border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:10px 18px;font-weight:600}.ghost:hover{color:var(--text);border-color:#ffffff40}.chip{white-space:nowrap;letter-spacing:.08em;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800}.chip-crypto{color:#9db8ff;background:#5b8cff29}.chip-xstock{color:#ffd666;background:#ffc72c24}.chip-closed{color:var(--muted);background:#8b95b829;margin-left:4px}.asset-badge{letter-spacing:-.02em;color:#0b1020;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;box-shadow:inset 0 -3px #0000002e,0 4px 14px -6px #0009}.notice{color:#ffd666;background:#ffc72c1a;border:1px solid #ffc72c4d;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.notice button{font-size:20px;line-height:1}.lobby{gap:22px;display:grid}.hero{grid-template-columns:1fr;padding:34px 0 6px;display:grid;position:relative}.hero-copy{z-index:1;max-width:620px;position:relative}.eyebrow{color:var(--muted);border:1px solid var(--line);background:#ffffff08;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{font-family:var(--display);margin:18px 0 14px;font-size:clamp(34px,6vw,62px);font-weight:400;line-height:1.02}.hero h1 span{color:var(--lime);text-shadow:0 0 40px #d4ff3a73}.hero p{color:var(--muted);max-width:540px;margin:0;font-size:17px}.hero-court{opacity:.85;background:linear-gradient(90deg,#0000 49.5%,#ffffffe6 49.5% 50.5%,#0000 50.5%) 0 0/100% 36% no-repeat,linear-gradient(90deg,#0000 49.5%,#ffffffe6 49.5% 50.5%,#0000 50.5%) 0 100%/100% 36% no-repeat,linear-gradient(#0000 35.5%,#ffffffe6 35.5% 36.5%,#0000 36.5% 63.5%,#ffffffe6 63.5% 64.5%,#0000 64.5%),linear-gradient(#2a74e8,#1f5fd6);border-radius:14px;width:380px;height:250px;position:absolute;top:10px;right:0;transform:perspective(700px)rotateX(55deg)rotate(-18deg);box-shadow:0 0 0 4px #fff,0 0 0 26px #1d6b4a,0 40px 80px #00000080}.hero-court:after{content:"";background:#fff;height:6px;position:absolute;top:50%;left:-26px;right:-26px;box-shadow:0 -8px #0a0e1e80}.hero-ball{background:var(--lime);width:22px;height:22px;box-shadow:0 0 20px var(--lime);z-index:2;border-radius:50%;animation:2.4s ease-in-out infinite rally;position:absolute}@keyframes rally{0%{top:85%;left:20%}25%{top:30%;left:55%;transform:scale(1.6)}50%{top:12%;left:75%;transform:scale(1)}75%{top:55%;left:40%;transform:scale(1.6)}to{top:85%;left:20%;transform:scale(1)}}.setup{grid-template-columns:1.5fr 1fr 1fr;align-items:end;gap:22px;padding:22px;display:grid}.setup h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:12px}.tiers button:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.tiers{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.tier,.duration{border:1.5px solid var(--line);background:#ffffff08;border-radius:14px;flex-direction:column;align-items:center;padding:12px 6px;transition:all .15s;display:flex}.tier b{font-family:var(--display);font-size:20px;font-weight:400}.tier small,.duration small{color:var(--muted);font-size:11px}.durations{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.duration b{font-weight:800}.tier:hover,.duration:hover{border-color:#ffffff40}.tier.on,.duration.on{border-color:var(--lime);background:#d4ff3a14;box-shadow:0 0 24px -8px #d4ff3a99}.tier.on b{color:var(--lime)}.record{text-align:center;color:var(--muted);grid-column:1/-1;font-size:13px}.record b{color:#ffb347}.how{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.how-step{border-radius:var(--radius);border:1px solid var(--line);background:#ffffff05;gap:14px;padding:18px;display:flex}.how-step>span{width:34px;height:34px;color:var(--lime);font-family:var(--display);background:#d4ff3a1f;border-radius:10px;flex:none;place-items:center;display:grid}.how-step p{color:var(--muted);margin:4px 0 0;font-size:14px}.ticker{border-block:1px solid var(--line);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ticker-track{width:max-content;animation:70s linear infinite marquee;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.tick{white-space:nowrap;align-items:center;gap:8px;padding:12px 22px;font-size:13px;display:flex}.tick span{font-family:var(--mono);color:var(--muted)}.tick em{font-style:normal;font-family:var(--mono);font-weight:700}.searching{text-align:center;justify-items:center;gap:10px;padding:40px 0;display:grid}.searching h2{font-family:var(--display);margin-top:18px;font-size:30px;font-weight:400}.tip{color:#c9d2f5;max-width:460px;min-height:48px;animation:.5s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}.radar{background:radial-gradient(circle,#d4ff3a14,#0000 70%);border-radius:50%;width:300px;height:300px;position:relative}.radar-ring{border:1px solid #d4ff3a2e;border-radius:50%;position:absolute;inset:0}.radar-ring.r2{inset:45px}.radar-ring.r3{inset:90px}.radar-sweep{background:conic-gradient(#d4ff3a59,#0000 25%);border-radius:50%;animation:2.2s linear infinite spin;position:absolute;inset:0}.radar-me{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-blip{background:var(--pink);width:12px;height:12px;box-shadow:0 0 14px var(--pink);opacity:0;border-radius:50%;margin:-6px;animation:3.5s infinite blip;position:absolute;top:50%;left:50%}@keyframes blip{10%{opacity:1}40%{opacity:0}}.pick{gap:16px;display:grid;position:relative}.pick-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.versus-mini{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);flex:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 18px;display:grid}.versus-mini .side{align-items:center;gap:10px;display:flex}.versus-mini .side.right{text-align:right;justify-content:flex-end}.versus-mini small{color:var(--muted);font-size:12px;display:block}.versus-mini small.hot{color:var(--pink);font-weight:700}.vs{font-family:var(--display);color:var(--muted)}.ring{flex:none;position:relative}.ring svg{display:block}.ring-track{fill:none;stroke:#ffffff14;stroke-width:6px}.ring-fill{fill:none;stroke:var(--lime);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .1s linear,stroke .3s}.ring.urgent .ring-fill{stroke:var(--down)}.ring.urgent b{color:var(--down);animation:1s infinite pulse}.ring-text{text-align:center;place-content:center;line-height:1;display:grid;position:absolute;inset:0}.ring-text b{font-family:var(--display);font-size:26px;font-weight:400}.ring-text small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:9px}@keyframes pulse{50%{transform:scale(1.12)}}.repick-banner{z-index:10;text-align:center;pointer-events:none;background:linear-gradient(90deg,#4a1d3c,#3b4a12);border:1px solid #ffffff40;border-radius:14px;width:min(560px,92%);padding:14px 18px;animation:.5s both shakeIn;position:absolute;top:88px;left:50%;translate:-50%;box-shadow:0 20px 50px #00000080}.repick-banner b{font-family:var(--display);color:var(--lime);margin-right:8px;font-weight:400}@keyframes shakeIn{0%{opacity:0;transform:scale(.8)}40%{opacity:1;transform:scale(1.04)rotate(-1deg)}60%{transform:rotate(1deg)}to{transform:none}}.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.asset-card{text-align:left;background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1.5px solid var(--line);border-radius:16px;gap:8px;min-width:0;padding:14px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative}.asset-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--c) 60%, transparent);transform:translateY(-3px)}.asset-card.selected{border-color:var(--c);box-shadow:0 0 0 1px var(--c), 0 14px 40px -14px var(--c);transform:translateY(-3px)}.asset-card.mine{border-color:var(--lime);box-shadow:0 0 0 2px var(--lime), 0 16px 50px -12px #d4ff3a99}.asset-card.theirs{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink), 0 16px 50px -12px #ff5fa28c;animation:.6s both oppLock}.asset-card.mine.theirs{box-shadow:0 0 0 2px var(--lime), 0 0 0 5px var(--pink)}@keyframes oppLock{0%{transform:scale(1.08)}to{transform:none}}.asset-card:disabled:not(.mine):not(.theirs){opacity:.55}.card-top{align-items:center;gap:10px;display:flex}.card-name{flex:1;min-width:0}.card-name b{font-size:16px;display:block}.card-name small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.card-name .chip{margin-top:4px;padding:2px 6px;font-size:9px;display:inline-block}.spark{width:100%;height:36px;display:block}.card-bottom{font-family:var(--mono);justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.card-bottom em{font-size:11px;font-style:normal;font-weight:700}.tag{letter-spacing:.08em;border-radius:99px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-10px;right:10px}.mine-tag{background:var(--lime);color:#0b1020;left:10px;right:auto}.theirs-tag{background:var(--pink);color:#0b1020}.pick-foot{z-index:5;position:sticky;bottom:14px}.waiting{background:var(--panel);border:1px solid var(--line);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:18px;font-weight:600;display:flex}.dot-pulse{background:var(--lime);border-radius:50%;width:10px;height:10px;animation:1s infinite blink}.versus-intro{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060913eb;grid-template-columns:1fr auto 1fr;align-items:center;animation:2s forwards introOut;display:grid;position:fixed;inset:0}.vi-side{font-family:var(--display);justify-items:center;gap:14px;font-size:22px;display:grid}.vi-side.left{color:var(--lime);animation:.5s cubic-bezier(.2,1.4,.4,1) both slideL}.vi-side.right{color:var(--pink);animation:.5s cubic-bezier(.2,1.4,.4,1) both slideR}.vi-center{text-align:center;justify-items:center;gap:6px;display:grid}.vi-center span{font-family:var(--display);background:linear-gradient(180deg, #fff, var(--lime));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:110px;line-height:1;animation:.6s cubic-bezier(.2,1.6,.4,1) .25s both vsPop}.vi-center small{color:var(--muted);letter-spacing:.1em;font-weight:700}@keyframes slideL{0%{transform:translate(-60vw)}}@keyframes slideR{0%{transform:translate(60vw)}}@keyframes vsPop{0%{opacity:0;transform:scale(3)rotate(-10deg)}}@keyframes introOut{85%{opacity:1}to{opacity:0;visibility:hidden}}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04060eb3;place-items:center;padding:16px;animation:.2s both fadeUp;display:grid;position:fixed;inset:0}.wallet{background:#151b30;border:1px solid #ffffff1f;border-radius:22px;width:min(400px,100%);padding:18px;animation:.35s cubic-bezier(.2,1.4,.4,1) both popIn;box-shadow:0 30px 80px #0009}@keyframes popIn{0%{opacity:0;transform:scale(.85)translateY(20px)}}.wallet-head{color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.wallet-head .ring{margin-left:auto}.wallet-head .ring-text b{font-size:13px}.wallet-dot{background:#ab9ff2;border-radius:50%;width:8px;height:8px}.wallet h3{margin-bottom:14px;font-size:18px}.matchup{background:#ffffff0a;border-radius:14px;justify-content:space-around;align-items:center;margin-bottom:12px;padding:14px;display:flex}.matchup>div{justify-items:center;gap:4px;display:grid}.matchup small{color:var(--muted);font-size:11px}.matchup>span{font-family:var(--display);color:var(--muted)}.wallet-lines{gap:8px;margin:0 0 16px;display:grid}.wallet-lines div{justify-content:space-between;font-size:14px;display:flex}.wallet-lines dt{color:var(--muted)}.wallet-lines dd{font-family:var(--mono);margin:0;font-weight:700}.wallet-actions{grid-template-columns:1fr 1.5fr;gap:10px;display:grid}.wallet-actions .cta{width:100%}.wallet-wait{text-align:center;justify-items:center;gap:8px;padding:20px 0 8px;display:grid}.spinner{border:4px solid #ffffff1a;border-top-color:var(--lime);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.match{gap:14px;display:grid}.scoreboard{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;display:grid}.team{border-radius:var(--radius);background:var(--panel);border:1.5px solid var(--line);gap:10px;padding:14px 16px;transition:border-color .3s,box-shadow .3s;display:grid}.team.me.leading{border-color:var(--lime);box-shadow:0 0 40px -12px #d4ff3a99}.team.opp.leading{border-color:var(--pink);box-shadow:0 0 40px -12px #ff5fa299}.team.opp{text-align:right}.team-id{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700;display:flex}.team-id span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.team.opp .team-id{flex-direction:row-reverse}.lead-chip{letter-spacing:.1em;background:var(--lime);color:#0b1020;border-radius:99px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:800}.team.opp .lead-chip{background:var(--pink)}.team-asset{align-items:center;gap:10px;display:flex}.team.opp .team-asset{flex-direction:row-reverse}.team-asset b{font-size:18px;display:block}.team-asset small{color:var(--muted);font-size:12px;font-family:var(--mono)}.ticking{font-family:var(--mono);align-items:baseline;gap:6px;font-size:15px;font-weight:700;display:flex}.team.opp .ticking{justify-content:flex-end}.ticking-price{border-radius:6px;margin:0 -4px;padding:1px 4px}.ticking-price.flash-up{animation:.9s ease-out flashUp}.ticking-price.flash-down{animation:.9s ease-out flashDown}.ticking i{font-size:11px;font-style:normal}.ticking i.up{color:var(--up)}.ticking i.down{color:var(--down)}@keyframes flashUp{0%{color:#eafff2;background:#3ddc8473}to{background:0 0}}@keyframes flashDown{0%{color:#fff0f1;background:#ff5f6d73}to{background:0 0}}.mini-chart{gap:3px;display:grid}.mini-chart svg{background:#ffffff06;border-radius:8px;width:100%;height:56px;display:block}.mini-chart .mc-start{stroke:#ffffff59;stroke-dasharray:3 4}.mini-chart.empty{height:72px;color:var(--muted);place-items:center;font-size:12px;display:grid}.mc-labels{color:var(--muted);justify-content:space-between;gap:8px;font-size:11px;display:flex}.mc-labels b{font-family:var(--mono);color:var(--text);font-weight:700}.mc-labels .up b{color:var(--up)}.mc-labels .down b{color:var(--down)}.team-pct{font-family:var(--mono);letter-spacing:-.02em;font-size:clamp(24px,3.4vw,38px);font-weight:700;line-height:1}.clock{border-radius:var(--radius);border:1px solid var(--line);background:#070a16;align-content:center;justify-items:center;gap:6px;min-width:210px;padding:12px 16px;display:grid}.clock em{letter-spacing:.14em;color:var(--muted);font-size:11px;font-style:normal;font-weight:800}.clock em.ot-tag{color:var(--pink);animation:.8s infinite blink}.clock>b{font-family:var(--display);font-size:46px;font-weight:400;line-height:1}.clock>b small{color:var(--muted);font-size:22px}.clock>b.hot{color:var(--down);animation:1s infinite pulse}.points-clock{gap:5px}.score-big{font-family:var(--display);align-items:baseline;gap:10px;font-size:54px;font-weight:400;line-height:1;display:flex}.score-big span{color:#c9d2f5;transition:color .3s,text-shadow .3s}.score-big span.ahead{color:var(--lime);text-shadow:0 0 24px #d4ff3a80}.score-big span.ahead.opp{color:var(--pink);text-shadow:0 0 24px #ff5fa280}.score-big i{color:var(--muted);font-size:34px;font-style:normal}.window-bar{background:#ffffff14;border-radius:99px;width:180px;height:5px;overflow:hidden}.window-bar div{background:linear-gradient(90deg,#5b8cff,#fff);height:100%;transition:width .1s linear}.flash.final{animation:.6s both countPop}.flash.let{color:#c9d2f5;text-shadow:0 0 30px #c9d2f599}.rally-log{gap:10px;display:grid}.rally-pills{flex-wrap:wrap;align-items:center;gap:6px;min-height:34px;display:flex}.pill-pt{min-width:30px;height:30px;font-family:var(--display);color:#0b1020;border-radius:9px;place-items:center;padding:0 6px;font-size:14px;display:grid}.pill-pt.me{background:var(--lime)}.pill-pt.opp{background:var(--pink)}.pill-pt.let{color:var(--muted);background:#ffffff1f}.pill-pt.fresh{animation:.5s cubic-bezier(.2,1.6,.4,1) both vsPop}.pill-pt.current{background:0 0;border:2px dashed #ffffff4d;animation:1s infinite blink}.duration.new{position:relative}.duration.new:after{content:"NEW";letter-spacing:.1em;background:var(--pink);color:#0b1020;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:-8px;right:8px}.tug{background:#ffffff0f;border-radius:99px;width:180px;height:10px;position:relative;overflow:visible}.tug-fill{border-radius:99px;height:100%;transition:width .4s;position:absolute;top:0}.tug-fill.me{background:linear-gradient(90deg, var(--lime), transparent);opacity:.8;left:0}.tug-fill.opp{background:linear-gradient(270deg, var(--pink), transparent);opacity:.8;right:0}.tug-knot{background:var(--lime);width:16px;height:16px;box-shadow:0 0 12px var(--lime);border-radius:50%;margin:-8px 0 0 -8px;transition:left .4s cubic-bezier(.3,1.4,.5,1);position:absolute;top:50%}.margin{color:var(--muted);font-size:12px;font-family:var(--mono)}.court-wrap{border:1px solid var(--line);aspect-ratio:16/9;background:#060913;border-radius:22px;width:100%;max-height:62vh;position:relative;overflow:hidden}.court-canvas{width:100%;height:100%;display:block}.match.clutch .court-wrap{animation:.9s infinite heartbeat;box-shadow:0 0 0 2px #ff5f6d80,0 0 60px -10px #ff5f6d80}.match.ot .court-wrap{box-shadow:0 0 0 2px var(--pink), 0 0 80px -10px var(--pink)}@keyframes heartbeat{50%{box-shadow:0 0 0 3px #ff5f6dcc,0 0 90px -10px #ff5f6db3}}.overlay-center{text-align:center;pointer-events:none;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.serve small{font-family:var(--display);letter-spacing:.2em;color:var(--muted)}.serve b{font-family:var(--display);color:var(--lime);text-shadow:0 0 50px #d4ff3ab3;font-size:120px;font-weight:400;line-height:1;animation:1s both countPop}.serve p{color:#c9d2f5;background:#060913b3;border-radius:99px;margin:8px 0 0;padding:6px 14px;font-size:13px}@keyframes countPop{0%{opacity:0;transform:scale(2.2)}30%{opacity:1;transform:scale(1)}}.flash{pointer-events:none;font-family:var(--display);white-space:nowrap;text-align:center;font-size:clamp(28px,5vw,56px);animation:1.6s both flash;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.flash.me{color:var(--lime);text-shadow:0 0 40px #d4ff3acc}.flash.opp{color:var(--pink);text-shadow:0 0 40px #ff5fa2cc}.flash.ot-flash{color:#fff;text-shadow:0 0 40px var(--pink);animation-duration:3s}.flash small{color:#ffd0e4;letter-spacing:.1em;font:700 14px Inter,sans-serif;display:block}@keyframes flash{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)scale(.96)}}.race{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);padding:12px 16px 8px;position:relative}.race svg{width:100%;height:120px;display:block}.race .zero{stroke:#ffffff2e;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}.race .ot-zone{fill:#ff5fa214}.race.empty{height:150px;color:var(--muted);place-items:center;display:grid}.race-legend{gap:16px;margin-top:4px;font-size:12px;font-weight:700;display:flex}.race-legend .muted{font-weight:500;font-family:var(--mono);margin-left:auto}.result{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060913b8;place-content:center;justify-items:center;gap:8px;padding:16px;animation:.5s both fadeUp;display:grid;position:absolute;inset:0}.result h2{font-family:var(--display);font-size:clamp(44px,9vw,96px);font-weight:400;line-height:1;animation:.9s both countPop}.result.win h2{color:var(--lime);text-shadow:0 0 60px #d4ff3ab3}.result.loss h2{color:var(--pink)}.result p{color:#c9d2f5;margin:0}.result-amount b{font-family:var(--mono);font-size:34px}.result-finals{font-family:var(--mono);gap:20px;font-weight:700;display:flex}.result-actions{gap:10px;margin-top:10px;display:flex}.confetti{pointer-events:none;z-index:60;width:100vw;height:100vh;position:fixed;inset:0}@media (width<=1100px){.hero-court{opacity:.45;right:-120px}}@media (width<=960px){.asset-card{padding:12px 10px}.card-top{gap:8px}.card-top .asset-badge{width:36px!important;height:36px!important}.card-bottom{flex-direction:column;gap:2px}.setup{grid-template-columns:1fr}.hero-court{opacity:.25;width:280px;height:180px}}@media (width<=640px){.app{padding:0 12px 24px}.pill.demo,.pill.sim,.pill.live,.brand span{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.asset-card{gap:4px;padding:10px}.spark{height:24px}.card-name small{display:none}.how{grid-template-columns:1fr}.tiers{grid-template-columns:repeat(5,1fr);gap:5px}.tier b{font-size:16px}.scoreboard{grid-template-columns:1fr 1fr}.clock{grid-area:1/1/auto/-1;min-width:0}.team-pct{font-size:22px}.ticking{font-size:13px}.mini-chart svg{height:40px}.mc-labels{flex-direction:column;gap:0}.team.opp .mc-labels{align-items:flex-end}.court-wrap{aspect-ratio:4/5;max-height:none}.pick-head{flex-direction:column-reverse;align-items:stretch}.pick-head .ring{align-self:center}.versus-intro{grid-template-columns:1fr;align-content:center;gap:20px}.vi-center span{font-size:72px}.result-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.connect{text-align:center;justify-items:center;gap:12px;max-width:520px;margin:40px auto;display:grid}.connect h2{font-family:var(--display);font-size:30px;font-weight:400}.connect>p{margin:0}.wallet-list{gap:10px;width:100%;margin-top:8px;display:grid}.wallet-option{background:var(--panel);border:1.5px solid var(--line);text-align:left;border-radius:16px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.wallet-option:hover:not(:disabled){border-color:var(--lime)}.wallet-option img{border-radius:8px}.wallet-option span{color:var(--muted);font-size:12px}.wallet-option.alt{border-style:dashed}.wallet-emoji{text-align:center;font-size:26px;color:inherit!important}.wallet-help{text-align:left;border:1px solid var(--line);background:#ffffff05;border-radius:14px;width:100%;padding:12px 16px;font-size:14px}.wallet-help summary{cursor:pointer;font-weight:700}.wallet-help ol{padding-left:18px;line-height:1.7}.wallet-help code{font-family:var(--mono);background:#ffffff0f;border-radius:6px;padding:1px 6px;font-size:12px}.durations.two{grid-template-columns:1fr 1fr}.receipt-link{color:#c9d2f5;text-underline-offset:3px;margin-top:6px;font-size:13px;font-weight:700;text-decoration:underline}.receipt{gap:14px;padding:16px;display:grid}.receipt-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.receipt-head h3{font-family:var(--display);font-size:20px;font-weight:400}.receipt-txs{flex-wrap:wrap;gap:8px;display:flex}.tx-chip{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:12px;gap:1px;padding:8px 12px;text-decoration:none;display:grid}a.tx-chip:hover{border-color:var(--lime)}.tx-chip b{font-size:13px}.tx-chip small{color:var(--muted);font-size:11px;font-family:var(--mono)}.tx-chip.off{opacity:.6}.receipt-table-wrap{border:1px solid var(--line);border-radius:12px;max-height:360px;overflow:auto}.receipt-table{border-collapse:collapse;width:100%;font-size:13px}.receipt-table th{background:var(--panel-2);text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding:8px 10px;font-size:11px;position:sticky;top:0}.receipt-table td{border-top:1px solid var(--line);white-space:nowrap;padding:7px 10px}.receipt-table td b{font-family:var(--mono);font-weight:700}.receipt-table td a{color:var(--text);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.receipt-table td em{font-style:normal;font-family:var(--mono);margin-left:8px;font-size:11px}.receipt-table td.t{font-family:var(--mono);color:var(--muted)}.receipt-table tr.start td,.receipt-table tr.end td,.receipt-table tr.overtime td{font-weight:700}.pt-tag{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.pt-tag.me{background:var(--lime);color:#0b1020}.pt-tag.opp{background:var(--pink);color:#0b1020}.pt-tag.let{color:var(--muted);background:#ffffff1a}.receipt-foot{margin:0;font-size:12px}.tabs{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:flex}.tabs button{color:var(--muted);border-radius:9px;padding:7px 14px;font-size:13px;font-weight:700}.tabs button.on{background:var(--lime);color:#0b1020}.tabs button:not(.on):hover{color:var(--text)}.wallet-chip{cursor:pointer}.portrait{flex:none;display:block}.matches{gap:16px;padding-top:8px;display:grid}.matches .back{margin-bottom:6px}.mono-wrap{font-family:var(--mono);overflow-wrap:anywhere;font-size:12px}.linkish{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.linkish:hover{color:var(--lime);text-underline-offset:3px;text-decoration:underline}.mh-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;padding:14px 18px;display:grid}.mh-stat{gap:2px;display:grid}.mh-stat b{font-family:var(--mono);font-size:18px}.mh-list{gap:10px;display:grid}.mh-row{border-left:3px solid #0000;grid-template-columns:minmax(150px,.8fr) minmax(0,2fr) minmax(150px,.9fr);align-items:center;gap:14px;padding:12px 16px;display:grid}.mh-row.win{border-left-color:var(--lime)}.mh-row.loss{border-left-color:#ff5f6d}.mh-row.refund{border-left-color:var(--muted)}.mh-when{gap:2px;display:grid}.mh-when small{font-size:12px}.mh-players{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mh-player{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.mh-player.won .linkish{color:var(--lime);font-weight:700}.mh-pick{white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.mh-score{font-family:var(--mono);font-size:16px}.mh-trophy{font-size:14px}.mh-vs{color:var(--muted);font-size:11px;position:absolute;right:-8px}.mh-result{text-align:right;justify-items:end;gap:3px;display:grid}.mh-badge{font-family:var(--display);letter-spacing:.06em;border-radius:999px;padding:2px 10px;font-size:13px}.mh-badge.win{color:var(--lime);background:#d4ff3a26}.mh-badge.loss{color:#ff8a94;background:#ff5f6d26}.mh-badge.refund{color:var(--muted);background:#ffffff14}.mh-links{gap:10px;font-size:12px;display:flex}.load-more{justify-self:center}@media (width<=760px){.mh-row,.mh-players{grid-template-columns:1fr}.mh-vs{display:none}.mh-result{text-align:left;justify-items:start}}.live-now{gap:10px;display:grid}.live-now h3{font-family:var(--display);align-items:center;gap:8px;margin:0;font-size:20px;font-weight:400;display:flex}.live-dot{background:#ff5f6d;border-radius:50%;width:9px;height:9px;animation:1.4s infinite livePulse;box-shadow:0 0 #ff5f6db3}@keyframes livePulse{70%{box-shadow:0 0 0 8px #ff5f6d00}to{box-shadow:0 0 #ff5f6d00}}.mh-row.live{border-left-color:#ff5f6d}.watch{gap:12px;display:grid}.watch-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.watch-live{font-family:var(--display);letter-spacing:.08em;color:#ff8a94;align-items:center;gap:6px;font-size:13px;display:inline-flex}.watch-live i{background:#ff5f6d;border-radius:50%;width:8px;height:8px;animation:1.4s infinite livePulse}.watch-names{font-weight:700}.spect-result{justify-items:center;gap:8px;display:grid}.spect-result b{font-family:var(--display);font-size:40px}.spect-result p{margin:0}.nickname{gap:10px;margin-bottom:16px;padding:16px 18px;display:grid}.nickname h3{font-family:var(--display);margin:0;font-size:20px;font-weight:400}.nickname p{margin:4px 0 0}.nickname-row{flex-wrap:wrap;gap:8px;display:flex}.nickname-row input{border:1.5px solid var(--line);min-width:0;color:inherit;font:inherit;background:#ffffff0a;border-radius:12px;flex:200px;padding:10px 14px;font-weight:700}.nickname-row input:focus{border-color:var(--lime);outline:none}.nickname-ok{color:var(--lime);background:#d4ff3a1a;border-radius:10px;padding:8px 12px;font-size:13px}.wallet-nick{text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin-left:6px;font-weight:700;overflow:hidden}.stake-chip{font-family:var(--display);letter-spacing:.04em;color:var(--text,#fff);background:#ffffff14;border-radius:999px;justify-self:start;padding:2px 9px;font-size:12px}.stake-chip.t1{color:#9fd6ff;background:#78c8ff29}.stake-chip.t5{color:var(--lime);background:#d4ff3a29}.stake-chip.t20{color:#cfa6ff;background:#b26bff33}.stake-chip.t50{color:#ffc27a;background:#ffaa3c33}.stake-chip.t100{color:#ff9fc8;background:#ff5fa238}.nickname-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.nickname h3.sub{font-family:inherit;font-size:15px;font-weight:700}.mh-top{align-items:center;gap:8px;display:inline-flex}.replay-btn{padding:3px 10px;font-size:12px}.watch-live.replay{color:var(--lime)}.replay-controls{gap:8px;margin-left:auto;display:inline-flex}.pulse{gap:10px;margin:12px 0;padding:14px 18px;display:grid}.pulse p{align-items:center;gap:8px;margin:0;display:flex}.pulse-waiting{gap:8px;display:grid}.pulse-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pulse-row span{flex:260px}.pulse-dot{background:var(--lime);border-radius:50%;flex:none;width:9px;height:9px;animation:1.4s infinite livePulse}.pulse-dot.idle{background:var(--muted);animation:none}.pulse-stats{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.pulse-stats b{color:var(--text,#fff);font-family:var(--mono)}.invite{border:1.5px solid var(--lime);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:14px 18px;display:flex}.share-x{color:#fff;background:#000;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-flex}.share-x:hover{border-color:#fff}.result .share-x{margin:4px auto 10px}.share-x span{font-size:18px}.pick-note{margin:10px 0 0;line-height:1.5}.about{gap:12px;max-width:860px;padding-top:8px;display:grid}.about-warning{background:#ffbe3c14;border:1.5px solid #ffbe3c99;padding:16px 18px}.about-warning h3{margin:0 0 6px;font-size:17px}.about-warning p{margin:0;line-height:1.6}.faq{padding:0}.faq summary{cursor:pointer;padding:14px 18px;font-size:16px;font-weight:800}.faq-body{padding:0 18px 14px;line-height:1.6}.faq-body p{margin:0 0 10px}.faq-body ul{gap:6px;margin:0 0 10px;padding-left:20px;display:grid}.onchain-links{list-style:none;padding-left:0!important}.onchain-links a{font-weight:700}.onchain-links code{font-family:var(--mono);background:#ffffff0f;border-radius:6px;padding:1px 6px;font-size:12px}.rewards{gap:10px;margin-bottom:16px;padding:16px 18px;display:grid}.rewards h3{font-family:var(--display);margin:0;font-size:20px;font-weight:400}.rewards p{margin:0}.rewards .mh-stats{padding:0}.rewards .rules summary{cursor:pointer;font-size:14px;font-weight:700}.rewards .rules ul{gap:4px;margin:8px 0 0;padding-left:20px;font-size:13px;display:grid}.rewards .claim{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.rewards .claim h3.sub{font-family:inherit;font-size:15px;font-weight:700}.rewards code{font-family:var(--mono);overflow-wrap:anywhere;font-size:12px}.tester-welcome{border:1.5px dashed #d4ff3a80;gap:8px;margin:12px 0;padding:16px 18px;display:grid;position:relative}.tester-welcome h3{font-family:var(--display);margin:0;font-size:20px;font-weight:400}.tester-welcome p{margin:0;line-height:1.55}.tester-welcome ul{margin:0}.tester-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:8px;right:10px}.tester-reopen{color:var(--muted);margin:10px 0 0;font-size:13px}.wallet-help.steps{gap:8px;display:grid}.wallet-help.steps h3{margin:0;font-size:16px}.wallet-help.steps p{margin:0}.wallet-help.steps ol{gap:8px;margin:0;padding-left:20px;display:grid}.connect-modal{width:min(600px,100%);max-height:calc(100vh - 32px);padding:8px 18px 18px;position:relative;overflow:auto}.connect-modal .connect{margin:16px auto 0}.connect-why{margin:12px 30px 0 0}.connect-cta{white-space:nowrap}.stats{gap:16px;padding-top:8px;display:grid}.chip-btn{border:1px solid var(--line);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-weight:700}.chip-btn.on{border-color:var(--lime);color:var(--lime)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.stat-tile{gap:4px;padding:14px 16px;display:grid}.stat-tile b{font-family:var(--mono);font-size:22px}.stat-tile.big b{color:var(--lime);font-size:26px}.stat-tile.lime b{color:var(--lime)}.stat-tile.pink b{color:var(--pink,#ff5fa2)}.fee-split,.daily{gap:10px;padding:16px 18px;display:grid}.fee-split h3,.daily h3{margin:0;font-size:16px}.fee-split p{margin:0}.split-bar{background:#ffffff0f;border-radius:10px;height:30px;font-size:12px;font-weight:800;display:flex;overflow:hidden}.split-bar span{white-space:nowrap;color:#0b1020;justify-content:center;align-items:center;display:flex}.split-bar .platform{background:var(--lime)}.split-bar .holders{background:var(--pink,#ff5fa2)}.bars{grid-template-columns:repeat(14,1fr);align-items:end;gap:6px;height:160px;display:grid}.bar-col{text-align:center;grid-template-rows:1fr auto;gap:4px;height:100%;display:grid}.bar-col .bar{background:linear-gradient(180deg, var(--lime), #d4ff3a59);border-radius:6px 6px 0 0;align-self:end;width:100%}.bar-col small{color:var(--muted);font-size:10px}.about-teaser{max-width:860px;margin:24px auto 0}.about-teaser>summary{cursor:pointer;text-align:center;color:var(--muted);margin-bottom:12px;font-weight:700}.site-foot{border-top:1px solid var(--line);max-width:1200px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:40px auto 0;padding:18px 16px 28px;font-size:13px;display:flex}.site-foot a{color:inherit;font-weight:700;text-decoration:none}.site-foot a:hover{color:var(--lime)}.wallet-tail{font-family:var(--mono);color:var(--muted);background:#ffffff14;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:12px}.wallet-error{color:#ffd0d6;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:#3a1422;border:1px solid #ff5f6d80;border-radius:10px;gap:4px;margin:4px 0 10px;padding:10px 12px;font-size:13px;display:grid}.wallet-error small{color:#f3a9b3}.toast{cursor:pointer;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;z-index:70;color:#ffd0d6;background:#3a1422;border:1px solid #ff5f6d80;border-radius:12px;max-width:min(560px,100vw - 32px);padding:12px 18px;font-weight:600;animation:.25s both fadeUp;position:fixed;bottom:28px;left:50%;translate:-50%;box-shadow:0 20px 50px #00000080}.setup{grid-template-columns:auto 1.5fr 1fr minmax(210px,1fr)}.lobby-char{border:1.5px solid var(--line);text-align:left;background:#ffffff08;border-radius:16px;align-self:stretch;align-items:center;gap:10px;padding:4px 14px 4px 4px;display:flex}.lobby-char:hover{border-color:var(--lime)}.lobby-char span{gap:2px;display:grid}.lobby-char em{color:var(--lime);font-size:12px;font-style:normal;font-weight:700}.rarity-chip{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.rarity-chip.r-free{color:#c9d2f5;background:#ffffff14}.rarity-chip.r-rare{color:#7fe6ff;background:#1ad6ff24}.rarity-chip.r-epic{color:#d4a8ff;background:#b26bff2e}.rarity-chip.r-legendary{color:#ffd27a;background:linear-gradient(90deg,#ffb13d40,#ff5fa240)}.leaderboard,.locker{gap:18px;padding-top:8px;display:grid}.lb-head,.locker-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.lb-head h2,.locker-head h2{font-family:var(--display);font-size:34px;font-weight:400}.lb-head p,.locker-head p{max-width:520px;margin:4px 0 0}.lb-controls{flex-wrap:wrap;gap:10px;display:flex}.seg{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:3px;display:flex}.seg button{color:var(--muted);border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700}.seg button.on{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px #ffffff1f}.lb-empty{text-align:center;color:var(--muted);padding:40px}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:12px;width:100%;max-width:760px;margin:0 auto;display:grid}.podium-spot{text-align:center;justify-items:center;gap:2px;display:grid}.podium-name{margin-top:4px;font-weight:800}.podium-spot b{font-family:var(--mono);font-size:18px}.podium-block{width:100%;font-family:var(--display);background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);color:var(--muted);border-radius:14px 14px 4px 4px;place-items:center;margin-top:10px;font-size:34px;display:grid}.p1 .podium-block{color:#ffd27a;border-color:#ffd27a73;height:110px;box-shadow:0 0 50px -14px #ffd27a8c}.p2 .podium-block{color:#dfe6f5;height:80px}.p3 .podium-block{color:#e0a370;height:60px}.podium-spot.me .podium-name{color:var(--lime)}.lb-table{padding:6px}.lb-row{border-radius:12px;grid-template-columns:44px 1fr 80px 70px 100px 110px;align-items:center;gap:8px;padding:8px 10px;display:grid}.lb-row:not(.lb-header):hover{background:#ffffff08}.lb-row.me{background:#d4ff3a12;box-shadow:inset 0 0 0 1px #d4ff3a59}.lb-header{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.lb-row .rank{font-family:var(--display);color:var(--muted);text-align:center}.lb-row .who{align-items:center;gap:10px;min-width:0;display:flex}.lb-row .who span{min-width:0;display:grid}.lb-row .who b{font-family:var(--mono);font-size:13px}.lb-row .who small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.hot-streak{color:#ffb347;font-size:12px;font-style:normal;font-weight:800}.num{text-align:right;font-family:var(--mono);font-size:13px}.num.strong{font-size:14px;font-weight:700}.lb-you{border-color:#d4ff3a59;padding:6px;position:sticky;bottom:12px;box-shadow:0 20px 50px #00000080}.lb-you-empty{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:6px 8px;display:flex}.pickle-card{gap:8px;min-width:300px;padding:14px 16px;display:grid}.pickle-top{align-items:center;gap:12px;display:flex}.pickle-top>div{flex:1;display:grid}.pickle-top b{font-family:var(--mono);font-size:22px}.pickle-coin{background:radial-gradient(circle at 30% 30%,#b8ff5a,#3f8f1a);border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.tier-bar{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.tier-bar div{background:linear-gradient(90deg, var(--lime), #b26bff);border-radius:99px;height:100%}.rarity-group h3{align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.char-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.char-card{text-align:center;background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1.5px solid var(--line);border-radius:18px;justify-items:center;gap:4px;padding:14px 12px 12px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative}.char-card small{color:var(--muted);min-height:32px;font-size:12px}.char-stage{background:radial-gradient(circle at 50% 40%,#26315a,#0000 70%);border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:relative}.char-card.r-rare .char-stage{background:radial-gradient(circle at 50% 40%,#1ad6ff40,#0000 70%)}.char-card.r-epic .char-stage{background:radial-gradient(circle at 50% 40%,#b26bff4d,#0000 70%)}.char-card.r-legendary .char-stage{background:radial-gradient(circle at 50% 40%,#ffb13d59,#0000 70%)}.char-card:not(.locked):hover{border-color:#ffffff40;transform:translateY(-3px)}.char-card.selected{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime), 0 14px 40px -14px #d4ff3a99}.char-card.locked .char-stage canvas{filter:grayscale()brightness(.45)}.char-card.locked b,.char-card.locked small{opacity:.6}.lock{font-size:28px;position:absolute}.char-action{letter-spacing:.04em;color:var(--muted);margin-top:4px;font-size:12px;font-weight:800}.char-card.selected .char-action{color:var(--lime)}.char-card:not(.locked):not(.selected) .char-action{color:var(--text)}@media (width<=960px){.setup{grid-template-columns:1fr}.lobby-char{justify-self:start}.tabs{order:3;justify-content:center;width:100%}.topbar{flex-wrap:wrap}}@media (width<=640px){.lb-row{grid-template-columns:30px 1fr 56px 68px}.lb-row>:nth-child(4),.hide-sm{display:none}.podium .podium-block{font-size:24px}.pickle-card{width:100%;min-width:0}.char-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pill.offline{color:#ffc72c}.pill.receipt-demo{display:inline-flex!important}