:root{--navy:#061425;--navy2:#0a2340;--card:#0c1d33;--line:#214362;--blue:#1687ff;--cyan:#18c9d4;--gold:#f6c64d;--green:#37d39d;--red:#ff6878;--text:#f4f8fc;--muted:#9ab0c8;--shadow:0 20px 60px rgba(0,0,0,.32)}*{box-sizing:border-box}html{background:var(--navy)}body{margin:0;color:var(--text);font:14px/1.45 Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top right,#12395b 0,#061425 42%,#03101d 100%);min-height:100vh}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#07192c,#061222);border-right:1px solid #16324d;padding:18px 14px;display:flex;flex-direction:column}.brand{text-align:center;padding:4px 6px 18px;border-bottom:1px solid #16324d}.brand img{width:190px;max-width:100%}.brand b{display:block;font-size:13px;letter-spacing:1.1px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.nav{padding-top:16px;display:grid;gap:6px}.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#bfd0e2}.nav a:hover{background:#0e2a45;color:#fff}.nav a.active{background:linear-gradient(90deg,#0e7bf4,#14b8d4);color:#fff;box-shadow:0 8px 26px rgba(0,132,255,.22)}.icon{width:24px;text-align:center;font-size:17px}.sidefoot{margin-top:auto;color:#7891aa;font-size:11px;text-align:center;line-height:1.7;padding:15px 4px}.main{min-width:0}.topbar{height:70px;border-bottom:1px solid #16324d;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(4,15,28,.82);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.title{font-size:20px;font-weight:800}.user{display:flex;align-items:center;gap:9px;color:#dbe8f6}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1084ff,#18c9d4);font-weight:900}.container{max-width:1450px;margin:0 auto;padding:26px}.footer{padding:26px;color:#71879e;text-align:center;font-size:11px}.hero{background:linear-gradient(135deg,rgba(12,61,96,.95),rgba(9,27,48,.97));border:1px solid #22517a;border-radius:18px;padding:28px;box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}.hero h1{margin:0;font-size:34px;line-height:1.1}.hero h1 .gold{color:var(--gold)}.hero p{max-width:900px;color:#c5d5e4;margin:10px 0 0;font-size:15px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat,.card{background:linear-gradient(180deg,#0d2138,#09192d);border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.stat{padding:18px}.stat .k{color:#8ca8c2;font-size:12px;text-transform:uppercase;letter-spacing:.7px}.stat .v{font-size:29px;font-weight:900;margin-top:5px}.stat .s{font-size:11px;color:#7992aa;margin-top:3px}.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:20px}.card h2,.card h3{margin:0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted,.small{color:var(--muted)}.small{font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;padding:11px 15px;background:linear-gradient(135deg,#0d7df1,#16bfd1);color:#fff;font-weight:800;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.gold{background:linear-gradient(135deg,#d29f29,#f6c64d);color:#141b22}.btn.secondary{background:#122c47}.btn.gray{background:#334355}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs a{padding:8px 11px;border:1px solid #294964;border-radius:8px;color:#9fb4c9}.tabs a.active{background:#0e7df2;border-color:#0e7df2;color:#fff}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.4px}.b-blue{background:#123e65;color:#7fc0ff}.b-green{background:#0d4033;color:#6df0bd}.b-red{background:#4a1921;color:#ff9aa7}.b-gold{background:#4b3911;color:#ffd96b}.b-gray{background:#263648;color:#a6b5c5}.notice{padding:12px 14px;border-radius:10px;border:1px solid #244965;margin-top:14px}.notice.info{background:#0b2944;color:#acd1ef}.notice.warn{background:#49370e;color:#ffe18a;border-color:#755b1b}.flash{margin-bottom:18px;padding:13px 15px;border-radius:10px;border:1px solid}.flash.ok{background:#0d3a2f;border-color:#1d735c;color:#77f0bf}.flash.err{background:#421922;border-color:#853b49;color:#ff99a7}.progress{height:8px;background:#142a40;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#0d7df1,#18c9d4)}.leaderrow{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #18334d}.leaderrow:last-child{border-bottom:0}.leaderrow.me{background:#0c2945;margin:0 -10px;padding:11px 10px;border-radius:9px}.rank{font-weight:900;color:#8db9dc}.points{font-size:18px;font-weight:900;text-align:right}.mini{font-size:10px;font-weight:500;color:#7e94aa}.game{display:grid;grid-template-columns:180px 1fr 180px;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #18334d}.game:last-child{border-bottom:0}.time{font-size:12px;color:#89a4be}.match{font-size:16px}.teams{display:grid;grid-template-columns:1fr 30px 1fr;gap:12px;align-items:center;text-align:center}.team{padding:12px;border:1px solid #244761;border-radius:12px;background:#0a2037}.scoreinput{width:72px;text-align:center;padding:9px;border-radius:8px;border:1px solid #355570;background:#061525;color:#fff;font-size:18px;font-weight:900}.pickgrid{display:flex;gap:8px}.pick{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #284b67;border-radius:8px;color:#bfd1e1}.pick input{accent-color:#18c9d4}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 10px;text-align:left;border-bottom:1px solid #18334d;vertical-align:middle}.table th{font-size:11px;color:#829cb6;text-transform:uppercase;letter-spacing:.5px}.table td{color:#dce7f0}.field label{display:block;color:#a9bdd0;font-size:12px;font-weight:800;margin-bottom:6px}.field input,.field select{width:100%;padding:11px 12px;background:#061525;border:1px solid #2b4e69;border-radius:9px;color:#fff;outline:none}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty{text-align:center;padding:35px;color:#7891aa;border:1px dashed #29455f;border-radius:12px}.auth{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top,#143e60 0,#071526 52%,#03101d 100%)}.authbox{width:min(520px,100%);background:#091a2e;border:1px solid #244966;border-radius:20px;padding:28px;box-shadow:var(--shadow)}.authbrand{text-align:center}.authbrand img{width:260px;max-width:80%;margin-bottom:10px}.authbrand h1{margin:0;font-size:22px}.authbrand p{color:var(--muted)}.authbox form{margin-top:18px}.authbox .btn{width:100%}.featuregrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feature{padding:12px;border:1px solid #1f3e59;border-radius:10px;background:#0a1d31;color:#bdcfe0}.feature b{display:block;color:#fff}.two{display:grid;grid-template-columns:2fr 1fr;gap:18px}.right{text-align:right}.green{color:var(--green)}.gold{color:var(--gold)}@media(max-width:1100px){.layout{grid-template-columns:210px 1fr}.cards{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.featuregrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.layout{display:block}.sidebar{position:static;height:auto}.nav{grid-template-columns:repeat(2,1fr)}.sidefoot{display:none}.topbar{padding:0 16px}.container{padding:16px}.cards,.g2,.g3{grid-template-columns:1fr}.game{grid-template-columns:1fr}.teams{grid-template-columns:1fr 30px 1fr}.formrow{grid-template-columns:1fr}.featuregrid{grid-template-columns:1fr}.hero h1{font-size:26px}.title{font-size:17px}.user span:not(.badge){display:none}}
/* Krometon enhancements */
.enh-grid{display:grid;gap:15px}.enh-grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.enh-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.enh-grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{text-align:center;padding:16px;border:1px solid #244761;border-radius:12px;background:#0a2037}.metric .num{font-size:28px;font-weight:900}.metric .lbl{font-size:11px;color:#8ca8c2;text-transform:uppercase;letter-spacing:.5px}.metric .bar{margin-top:10px}.countdown{font-variant-numeric:tabular-nums;font-size:24px;font-weight:900;color:var(--gold)}.announcement{padding:15px 16px;border:1px solid #28506e;border-radius:12px;background:linear-gradient(135deg,#0b2944,#0a1d31);margin-top:10px}.announcement.pinned{border-color:#7a5a17}.tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:#163a5b;color:#9fd1ff;font-size:10px;font-weight:900;text-transform:uppercase}.mini-card{padding:14px;border:1px solid #1e405c;border-radius:11px;background:#0a1e32}.mini-card strong{font-size:16px}.score-chip{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;border-radius:8px;background:#132c45;color:#dbe9f6;font-size:11px;font-weight:800}.score-chip.good{background:#0d4033;color:#6df0bd}.score-chip.gold{background:#4b3911;color:#ffd96b}.score-chip.bad{background:#4a1921;color:#ff9aa7}.searchbar{position:relative}.search-results{position:absolute;top:calc(100% + 7px);left:0;right:0;background:#081a2d;border:1px solid #2b4e69;border-radius:10px;z-index:50;display:none;max-height:310px;overflow:auto;box-shadow:var(--shadow)}.search-results a{display:block;padding:10px 12px;border-bottom:1px solid #17344e}.search-results a:hover{background:#0e2a45}.print-only{display:none}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{padding:7px 10px;border:1px solid #294964;border-radius:999px;color:#a9bfd2;background:#0b2137;cursor:pointer}.filter-chip.active{background:#0e7df2;color:#fff;border-color:#0e7df2}.health-ok{color:var(--green)}.health-warn{color:var(--gold)}.health-bad{color:var(--red)}.pulse{animation:enhPulse 1.8s infinite}@keyframes enhPulse{0%,100%{box-shadow:0 0 0 0 rgba(24,201,212,.18)}50%{box-shadow:0 0 0 8px rgba(24,201,212,0)}}
@media(max-width:1100px){.enh-grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.enh-grid.g3{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.enh-grid.g4,.enh-grid.g3,.enh-grid.g2{grid-template-columns:1fr}.search-results{position:static;margin-top:7px}}
@media print{body{background:#fff!important;color:#111!important}.sidebar,.topbar,.footer,.no-print{display:none!important}.main,.container{max-width:none!important;padding:0!important}.card,.stat,.metric,.mini-card,.announcement{box-shadow:none!important;background:#fff!important;border:1px solid #bbb!important;color:#111!important}.print-only{display:block!important}.muted,.small{color:#555!important}}