:root{--bg:#080b10;--panel:#0f141b;--panel2:#151c25;--line:#27313c;--text:#f3f6fa;--muted:#8793a0;--green:#58e390;--cyan:#62c5ed;--gold:#f2c66d;--red:#ff7272;--mono:'DM Mono',monospace;--font:'Manrope',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 var(--font);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.ambient{position:fixed;width:50vw;height:40vw;border-radius:50%;filter:blur(100px);opacity:.1;pointer-events:none;z-index:-1}.ambient--one{background:var(--green);top:-25vw;right:-15vw}.ambient--two{background:#2458d5;bottom:-28vw;left:-20vw}.topbar{height:72px;display:flex;align-items:center;gap:36px;padding:0 max(22px,calc((100% - 1180px)/2));border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,11,16,.8);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.logo{display:flex;align-items:center;gap:10px;min-width:190px}.logo__mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--green);border-radius:11px;color:var(--green);font-weight:800;font-size:12px;letter-spacing:-.06em;box-shadow:0 0 26px rgba(88,227,144,.2)}.logo b{display:block;font-size:14px;letter-spacing:.04em}.logo small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:.16em;margin-top:2px}.nav{display:flex;gap:5px}.nav a{color:var(--muted);padding:9px 13px;border-radius:9px;font-size:13px;font-weight:700}.nav a:hover,.nav a.is-active{color:var(--text);background:var(--panel2)}.nav a.is-active{color:var(--green)}.auth-slot{margin-left:auto;display:flex;align-items:center;gap:10px}.shell{max-width:1180px;margin:0 auto;padding:54px 22px 80px}.footer{max-width:1180px;margin:auto;padding:24px 22px 35px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:var(--muted);font:11px var(--mono)}.footer i{color:var(--green);font-style:normal}.footer a{color:var(--green)}.eyebrow{color:var(--green);font:11px var(--mono);letter-spacing:.16em;text-transform:uppercase}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:35px;align-items:end;padding:10px 0 45px}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.02;letter-spacing:-.06em;max-width:760px;margin:15px 0}.hero h1 em{font-style:normal;color:var(--green)}.lead{max-width:620px;color:var(--muted);font-size:17px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.btn{border:1px solid transparent;border-radius:10px;padding:11px 17px;background:var(--green);color:#07110a;font-weight:800;transition:.18s transform,.18s filter}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn--secondary{background:var(--panel2);border-color:var(--line);color:var(--text)}.btn--small{padding:8px 12px;font-size:12px}.btn--danger{background:var(--red);color:#260707}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.signal{border:1px solid var(--line);background:linear-gradient(150deg,rgba(88,227,144,.1),var(--panel));border-radius:20px;padding:22px}.signal__label{color:var(--muted);font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.signal strong{display:block;font-size:38px;letter-spacing:-.06em;margin:8px 0}.signal span{color:var(--muted);font-size:12px}.section{margin-top:40px}.section__head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:17px}.section h2{font-size:25px;letter-spacing:-.04em;margin:4px 0}.section__head p{color:var(--muted);font-size:13px;margin:0}.section__link{color:var(--green);font:12px var(--mono)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}.card{border:1px solid var(--line);background:rgba(15,20,27,.84);border-radius:15px;padding:19px;transition:.2s border-color,.2s transform}.card:hover{border-color:#4b5b68;transform:translateY(-2px)}.card h3{margin:0 0 8px;font-size:17px}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.chip{display:inline-flex;border:1px solid var(--line);border-radius:99px;padding:4px 9px;color:var(--muted);font:10px var(--mono);text-transform:uppercase}.chip--live{color:var(--green);border-color:rgba(88,227,144,.4);background:rgba(88,227,144,.08)}.chip--registration{color:var(--cyan);border-color:rgba(98,197,237,.35)}.chip--finished{color:var(--muted)}.card__foot{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line);margin-top:16px;padding-top:13px;color:var(--muted);font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:rgba(15,20,27,.76)}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}th{color:var(--muted);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(255,255,255,.025)}.player{display:flex;align-items:center;gap:10px}.avatar{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--panel2);font-size:14px}.rating{color:var(--green);font-family:var(--mono);font-weight:500}.empty{border:1px dashed var(--line);border-radius:15px;padding:30px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:15px;margin-bottom:4px}.form-card{max-width:460px;margin:20px auto;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:25px}.form-card h1{font-size:28px;margin:0 0 6px}.field{margin:14px 0}.field label{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#0a0e13;color:var(--text);padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(88,227,144,.1)}.switch{color:var(--muted);font-size:12px;text-align:center;margin-top:16px}.switch a{color:var(--green)}.profile{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.profile__intro{display:flex;align-items:center;gap:15px}.profile__intro .avatar{width:62px;height:62px;font-size:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.stat{border:1px solid var(--line);border-radius:11px;padding:13px;background:rgba(255,255,255,.025)}.stat b{display:block;font:22px var(--mono);color:var(--green)}.stat span{color:var(--muted);font-size:11px}.match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:14px;margin:10px 0;background:var(--panel)}.match__side:last-child{text-align:right}.score{font:20px var(--mono);padding:7px 11px;border:1px solid var(--line);border-radius:8px}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.7);z-index:50}.modal__card{width:min(100%,480px);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#111820;padding:23px}.modal__head{display:flex;justify-content:space-between;align-items:center}.modal__head h2{margin:0;font-size:20px}.modal__close{border:0;background:transparent;color:var(--muted);font-size:22px}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 16px;border-radius:10px;background:var(--text);color:#111820;font-weight:700;z-index:80;transition:.2s}.toast.is-show{opacity:1;transform:translate(-50%,0)}.loading{text-align:center;color:var(--muted);padding:80px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;vertical-align:-3px;margin-right:6px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.topbar{gap:12px;height:64px}.nav{display:none}.logo{min-width:auto}.auth-slot .btn--small{font-size:11px}.hero,.profile{grid-template-columns:1fr}.shell{padding-top:32px}.footer{display:block}.footer a{display:block;margin-top:9px}.stats{grid-template-columns:1fr 1fr}.match{grid-template-columns:1fr;justify-items:center}.match__side,.match__side:last-child{text-align:center}.signal{display:none}}
