:root{--bg:#02060d;--panel:#0e1624;--panel2:#101b2d;--line:#243149;--text:#f4f7fb;--muted:#8fa0b8;--blue:#4f8cff;--pink:#ff5e83;--green:#20e889;--gold:#ffc857}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#10213f 0,transparent 42%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;padding-bottom:94px}button,a{font:inherit}.topbar{height:66px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,env(safe-area-inset-left));background:rgba(2,6,13,.82);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.16em}.brand img{width:38px;height:38px;object-fit:cover;border-radius:9px}.status{font-size:10px;font-weight:800;color:var(--green)}.status i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green);margin-right:6px}main{width:min(920px,100%);margin:auto}.view{display:none;padding:28px 18px 46px}.view.active{display:block;animation:fade .2s ease}@keyframes fade{from{opacity:.3;transform:translateY(6px)}}.hero{padding:28px 0 34px}.eyebrow{margin:0 0 10px;color:#89a8d9;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1,.page-heading h1{font-size:clamp(46px,11vw,78px);line-height:.91;letter-spacing:-.065em;margin:0}.hero h1 span,.page-heading h1 span{color:var(--blue)}.lede,.page-heading>p:last-child{max-width:590px;color:var(--muted);line-height:1.6;font-size:15px;margin:19px 0 0}.hero-actions{display:flex;gap:10px;margin-top:25px}.primary,.secondary{border-radius:12px;padding:12px 16px;font-weight:850;border:1px solid var(--line);cursor:pointer}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.secondary{background:var(--panel);color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden}.quick-grid article{padding:18px 15px}.quick-grid article+article{border-left:1px solid var(--line)}.quick-grid span,.stats span{display:block;color:#8292aa;font-size:9px;font-weight:800;letter-spacing:.1em}.quick-grid strong{display:block;font-size:18px;margin:7px 0 4px}.quick-grid small{color:#61708a;font-size:10px}.section-block{margin-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin:0;font-size:24px;letter-spacing:-.03em}.live-pill{font-size:9px;color:var(--green);border:1px solid rgba(32,232,137,.3);padding:5px 8px;border-radius:999px}.text-button{border:0;background:transparent;color:#8ab2ff;cursor:pointer}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats article{background:linear-gradient(145deg,#121b2a,#0d1420);border:1px solid var(--line);padding:16px;border-radius:15px;min-height:108px}.stats strong{display:block;font-size:25px;margin:15px 0 6px}.stats b{font-size:11px;color:var(--green)}.slate{display:grid;gap:10px}.match,.empty{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px}.empty{text-align:center;color:var(--muted)}.match-top,.player-line{display:flex;justify-content:space-between;gap:14px}.match-top{font-size:10px;color:#7da9ed;margin-bottom:13px}.player-line{font-size:13px;font-weight:750;margin-top:7px}.player-line b{color:var(--green)}.page-heading{padding:22px 0 30px}.page-heading h1{font-size:clamp(42px,10vw,68px)}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-grid a{min-height:132px;position:relative;display:flex;flex-direction:column;justify-content:space-between;color:#fff;text-decoration:none;background:linear-gradient(145deg,#111b2b,#0b121e);border:1px solid var(--line);border-radius:17px;padding:16px}.tool-grid a>i{position:absolute;right:15px;top:12px;color:#8090a8;font-style:normal}.tool-grid a div{display:flex;flex-direction:column;gap:5px}.tool-grid b{font-size:15px}.tool-grid small{color:var(--muted);line-height:1.35}.tool-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#253550;font-size:11px;font-weight:950}.tool-icon.pink{background:#4c1d32;color:#ff89a4}.tool-icon.blue{background:#172f5c;color:#79a9ff}.tool-icon.gold{background:#49391a;color:#ffd978}.tool-icon.violet{background:#322658;color:#c4a8ff}.tool-icon.green{background:#173d2d;color:#5cffaf}.tool-icon.cyan{background:#143945;color:#77e5ff}.feature-card{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#fff;text-decoration:none;border:1px solid var(--line);background:linear-gradient(140deg,#13233f,#0d1523);border-radius:20px;padding:24px}.feature-kicker{color:#75a7f9;font-size:10px;letter-spacing:.14em;font-weight:900}.feature-card h2{margin:8px 0;font-size:26px}.feature-card p{margin:0;color:var(--muted);line-height:1.5}.feature-arrow{font-size:30px;color:var(--blue)}.community-card{background:linear-gradient(140deg,#31221a,#111925)}.mini-bars{height:220px;display:flex;align-items:end;gap:7px;border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:14px;background:var(--panel)}.mini-bars i{flex:1;background:var(--green);border-radius:7px 7px 0 0}.mini-bars i.bad{background:#f3474b}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(920px,100%);height:74px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,13,23,.94);border-top:1px solid var(--line);backdrop-filter:blur(18px)}.bottom-nav button{border:0;background:transparent;color:#75849c;font-size:10px;font-weight:800;cursor:pointer}.bottom-nav button span{display:block;font-size:20px;margin-bottom:4px}.bottom-nav button.active{color:#72a5ff}@media(max-width:620px){.tool-grid{grid-template-columns:1fr}.stats article{min-height:98px}.quick-grid article{padding:15px 10px}.quick-grid small{display:none}.hero-actions{flex-direction:column}.primary,.secondary{width:100%}}@media(min-width:700px){.view{padding-left:30px;padding-right:30px}.tool-grid{grid-template-columns:repeat(3,1fr)}}