:root{--bg:#02060d;--line:rgba(255,255,255,.12);--muted:rgba(255,255,255,.62);--accent:#1e9bff;--glow:0 0 16px rgba(30,155,255,.3);--font:"Akt",-apple-system,"Segoe UI",sans-serif;--ease:cubic-bezier(.2,.7,.2,1);}
*{box-sizing:border-box;}
html{background:var(--bg);}
body{margin:0;min-height:100vh;color:#fff;font:400 16px/1.5 var(--font);background:linear-gradient(rgba(2,6,13,.88),rgba(2,6,13,.95)),url("../assets/background.jpg") center/cover fixed;-webkit-font-smoothing:antialiased;}
a{color:#fff;text-decoration:none;transition:color 200ms var(--ease);}
a:hover{color:var(--accent);}
p{margin:0;text-wrap:pretty;}

.top{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding:14px clamp(16px,4vw,48px);border-bottom:1px solid var(--line);}
.brand img{height:48px;display:block;}
.nav{display:flex;align-items:center;gap:8px clamp(16px,3vw,36px);flex-wrap:wrap;}
.nav form{margin:0;}
.nav a,.nav button{font:600 13px/1 var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:none;border:0;border-bottom:1px solid transparent;padding:6px 0;cursor:pointer;transition:color 200ms var(--ease);}
.nav a:hover,.nav button:hover{color:var(--accent);}
.nav a.on{color:#fff;border-bottom-color:var(--accent);}

.wrap{display:block;max-width:1040px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,48px) 96px;}
.eyebrow{font:600 13px/1 var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 14px;}
.eyebrow a{color:inherit;}
.eyebrow a:hover{color:#fff;}
h1{font:600 clamp(28px,4vw,40px)/1.1 var(--font);text-transform:uppercase;margin:0 0 32px;overflow-wrap:anywhere;}
h2{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font:600 15px/1 var(--font);text-transform:uppercase;letter-spacing:.06em;margin:56px 0 4px;padding-bottom:14px;border-bottom:1px solid var(--line);}
h2 a,.more{font:600 12px/1 var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
h2 a:hover,.more:hover{color:var(--accent);}
.muted{color:var(--muted);}
.tag{font:600 11px/1.2 var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);}
.empty{color:var(--muted);padding:20px 0;border-bottom:1px solid var(--line);}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.stats div{padding:20px 0;display:grid;gap:10px;}
.stats b{font:600 40px/1 var(--font);}
.stats .win b{color:var(--accent);}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:0 0 40px;}
.facts div{display:grid;gap:8px;}
.facts dd{margin:0;font-size:18px;}
.facts dt{font:600 11px/1.2 var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);}

.match{border-bottom:1px solid var(--line);}
.match summary{display:grid;grid-template-columns:100px minmax(0,1fr) 80px 110px;gap:16px;align-items:center;padding:16px 0;cursor:pointer;list-style:none;}
.match summary::-webkit-details-marker{display:none;}
.match summary:hover .opp b{color:var(--accent);}
.match .date{color:var(--muted);font-size:14px;}
.match .opp{display:grid;gap:4px;min-width:0;}
.match .opp b{font-weight:600;transition:color 200ms var(--ease);overflow-wrap:anywhere;}
.match .score{font:600 18px/1 var(--font);}
.match .body{display:grid;gap:10px;padding:0 0 20px 116px;color:var(--muted);}
.match .body .tag{margin-right:10px;}
.match .notes{color:#fff;max-width:68ch;}
.res{font:600 12px/1 var(--font);text-transform:uppercase;letter-spacing:.06em;text-align:right;}
.res.win{color:var(--accent);}
.res.loss{color:var(--muted);}
.res.draw{color:#fff;}
@media (max-width:640px){
  .match summary{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;}
  .match .date{grid-column:1/-1;}
  .match .score{grid-row:2;grid-column:2;}
  .match .res{grid-column:1/-1;text-align:left;}
  .match .body{padding-left:0;}
}

.posts{display:grid;}
.post{display:grid;gap:8px;padding:22px 0;border-bottom:1px solid var(--line);}
.post a.t{font:600 20px/1.25 var(--font);}
.post p{color:var(--muted);max-width:72ch;}
.post .meta{display:flex;gap:16px;flex-wrap:wrap;}
.cats{display:flex;gap:8px 24px;flex-wrap:wrap;margin:-8px 0 16px;}
.cats a{font:600 12px/1 var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 0;border-bottom:1px solid transparent;}
.cats a:hover{color:var(--accent);}
.cats a.on{color:#fff;border-bottom-color:var(--accent);}

.article{max-width:68ch;font-size:17px;line-height:1.7;}
.article p,.article ul,.article ol{margin:0 0 18px;}
.article ul,.article ol{padding-left:22px;}
.article li{margin:0 0 6px;}
.article h2{display:block;font:600 22px/1.25 var(--font);text-transform:uppercase;letter-spacing:.02em;margin:44px 0 14px;padding:0;border:0;}
.article h3{font:600 18px/1.3 var(--font);margin:32px 0 10px;}
.article a{color:var(--accent);border-bottom:1px solid rgba(30,155,255,.4);}
.article a:hover{color:#fff;border-bottom-color:#fff;}
.article img{display:block;max-width:100%;height:auto;margin:28px 0;}
.article strong{font-weight:600;}
.meta-line{margin:-20px 0 36px;}

.scroll{overflow-x:auto;}
table.list{width:100%;border-collapse:collapse;min-width:640px;}
.list th{font:600 11px/1 var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;padding:14px 12px 14px 0;border-bottom:1px solid var(--line);}
.list td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:middle;}
.list tr.off td{opacity:.5;}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.actions form{margin:0;}

.form{display:grid;gap:18px;max-width:720px;}
.form .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;}
label,legend{display:grid;gap:8px;font:600 11px/1.2 var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);}
fieldset{border:0;padding:0;margin:0;min-width:0;}
legend{padding:0;margin-bottom:10px;}
input[type=text],input[type=password],input[type=date],input[type=url],select,textarea{width:100%;font:400 15px/1.4 var(--font);color:#fff;text-transform:none;letter-spacing:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.18);border-radius:0;padding:11px 12px;outline:none;transition:border-color 200ms var(--ease),box-shadow 200ms var(--ease);color-scheme:dark;}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--glow);}
select option{background:#0b1424;}
textarea{resize:vertical;min-height:110px;}
textarea.big{min-height:420px;font-size:15px;line-height:1.6;}
.checks{display:flex;flex-wrap:wrap;gap:10px 24px;}
.checks label{display:flex;align-items:center;gap:8px;font:400 15px/1.2 var(--font);text-transform:none;letter-spacing:0;color:#fff;cursor:pointer;}
.checks input,.check input{accent-color:var(--accent);width:16px;height:16px;margin:0;}
.check{display:flex;align-items:center;gap:10px;font:400 15px/1.2 var(--font);text-transform:none;letter-spacing:0;color:#fff;cursor:pointer;}
.hint{font-size:13px;color:var(--muted);line-height:1.6;}
.hint code{color:#fff;font-family:ui-monospace,Menlo,monospace;font-size:12px;}

.btn{display:inline-block;font:600 12px/1 var(--font);text-transform:uppercase;letter-spacing:.08em;color:#fff;background:none;border:1px solid rgba(255,255,255,.3);border-radius:0;padding:13px 20px;cursor:pointer;transition:color 200ms var(--ease),border-color 200ms var(--ease),box-shadow 200ms var(--ease),transform 160ms var(--ease);}
.btn:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--glow);}
.btn:active{transform:scale(.98);}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);}
.btn.primary:hover{color:var(--bg);filter:brightness(1.15);}
.btn.sm{padding:8px 11px;font-size:11px;}

.notice{border:1px solid var(--accent);box-shadow:0 0 28px rgba(30,155,255,.15);padding:18px 22px;margin:0 0 32px;display:grid;gap:10px;}
.notice .code{font:600 30px/1 var(--font);letter-spacing:.14em;color:var(--accent);user-select:all;}
.ok{border-left:0;padding:12px 0;color:var(--accent);margin:0 0 20px;}
.error{border:1px solid rgba(255,255,255,.35);padding:12px 16px;margin:0 0 20px;}

body.auth{display:grid;place-items:center;padding:24px;}
.auth-box{width:min(380px,100%);display:grid;gap:20px;text-align:center;}
.auth-box > img{width:200px;height:auto;margin:0 auto 4px;display:block;}
.auth-box .eyebrow{margin:0;}
.auth-box .form{text-align:left;}
.auth-box .btn{width:100%;padding:16px 20px;}
.auth-box .error{margin:0;}
.auth-box .back{font:600 12px/1 var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
.auth-box .back:hover{color:var(--accent);}
input.code-input{font:600 26px/1 var(--font);text-align:center;letter-spacing:.18em;text-transform:uppercase;padding:16px 12px;}