@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b1011;--panel:#131b1c;--line:#263333;--muted:#94a5a4;--green:#7cf4ae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 0,#16372b80,transparent 45%),var(--bg);color:#edf6f2;font:14px Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:21px;letter-spacing:1px}.brand b{color:var(--green)}.brand span{display:block;font-size:9px;color:var(--muted);letter-spacing:3px;margin-top:5px}nav{display:flex;gap:28px;color:var(--muted)}nav a:hover{color:var(--green)}.hero{padding:58px 0 40px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--green)}i{display:inline-block;background:var(--green);width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--green)}h1{font-size:clamp(36px,5vw,62px);line-height:1.12;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:var(--green)}.hero p{max-width:540px;line-height:1.8;color:var(--muted)}#sync{margin-top:24px;color:var(--muted);font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics article{background:linear-gradient(130deg,#1b2825,var(--panel));padding:24px;border:1px solid var(--line);border-radius:15px}.metrics span{color:var(--muted);font-size:11px}.metrics strong{display:block;font-size:34px;margin-top:15px;letter-spacing:-1px}.online{display:flex;gap:25px;justify-content:space-between;align-items:center;margin:22px 0 60px;padding:25px;border:1px solid var(--line);border-radius:15px}h2{font-size:22px;letter-spacing:-.6px;margin:12px 0}#online{display:flex;flex-wrap:wrap;gap:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:20px}.section-heading>span{font-size:10px;color:var(--muted);letter-spacing:1px}.boards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.board{border:1px solid var(--line);border-radius:16px;padding:23px;background:var(--panel);min-height:225px}.board-title{display:flex;align-items:center;gap:12px}h3{margin:0;font-size:18px}.icon{background:#23372d;color:var(--green);font-size:23px;border-radius:10px;width:43px;height:43px;display:grid;place-items:center}.subtitle{color:var(--muted);font-size:11px;margin-bottom:23px}.ranking-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:14px 0}.rank{color:#768c86;font-size:11px}.ranking-row:first-of-type .rank{color:var(--green)}.ranking-row strong{margin-left:auto;white-space:nowrap;font-size:12px}.person{display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0;text-align:left;min-width:0}.person span{overflow:hidden;text-overflow:ellipsis}.person img{width:28px;height:28px;image-rendering:pixelated;border-radius:6px}.person:hover{color:var(--green)}.person:disabled{cursor:default}.empty{color:var(--muted);font-size:12px;line-height:1.7}.roster{margin-top:50px}input{background:var(--panel);border:1px solid var(--line);padding:12px 16px;border-radius:9px;color:inherit;max-width:100%}#players{display:flex;gap:16px;flex-wrap:wrap}#players .person{border:1px solid var(--line);padding:14px 18px;border-radius:10px;background:var(--panel)}.hint{font-size:11px;color:var(--muted);margin-top:45px;line-height:1.8}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:25px}footer strong{color:var(--green);letter-spacing:1px}dialog{background:var(--panel);color:inherit;border:1px solid var(--line);border-radius:18px;padding:30px;width:420px;max-width:90vw}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}#close{float:right;background:none;color:inherit;border:0;font-size:20px;cursor:pointer}.profile-row{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line)}.profile-row span{color:var(--muted)}@media(max-width:950px){.boards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header,main,footer{padding:22px 18px}.hero{padding:35px 0}h1{letter-spacing:-1.8px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article{padding:18px}.metrics strong{font-size:28px}.boards{grid-template-columns:1fr}.online,.section-heading{align-items:flex-start;flex-direction:column}.online{margin-bottom:35px}nav{gap:15px;font-size:11px}.brand{font-size:17px}footer{gap:16px;flex-wrap:wrap}.board{min-height:190px}}