/* Tazpot site theme: charcoal, amber and compact technical typography. */
:root{
  --bg:#08080d;
  --card:#101016;
  --card-raised:#16161e;
  --line:#f5a80021;
  --line-strong:#f5a80055;
  --red:#f5a800;
  --gold:#f5a800;
  --text:#e8e8e0;
  --mute:#e8e8e085;
  --amber-soft:#f5a80018;
}
body{background:var(--bg);color:var(--text);font-family:"Space Grotesk",Arial,sans-serif;background-image:repeating-linear-gradient(90deg,transparent 0 119px,#f5a80005 120px),repeating-linear-gradient(0deg,transparent 0 59px,#f5a80004 60px)}
header{height:auto;min-height:64px;padding:11px max(24px,calc((100vw - 1150px)/2));background:#08080df2;border-bottom:.5px solid var(--line);gap:18px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.brand{grid-template-columns:38px auto;grid-template-rows:1fr;gap:9px;text-decoration:none;color:var(--text);align-items:center}
.brand img{width:34px;height:34px;grid-row:auto;border-radius:0;object-fit:contain}
.brand span{display:grid;gap:1px}
.brand b{font:700 17px "Orbitron",Arial,sans-serif;letter-spacing:2px;color:var(--text)}
.brand small{font:700 8px "Orbitron",Arial,sans-serif;letter-spacing:1.8px;color:var(--gold)}
.live{color:var(--mute);font:600 10px "Orbitron",Arial,sans-serif;letter-spacing:1.3px}
.live:first-letter{color:var(--gold)}
.site-back{margin-left:10px;color:var(--mute);font:500 10px "Space Grotesk",Arial,sans-serif;letter-spacing:.8px;text-decoration:none;white-space:nowrap;transition:color .18s ease,transform .18s ease}
.site-back:hover{color:var(--gold);transform:translateX(-2px)}
.upload{border:.5px solid var(--line-strong);background:var(--amber-soft);color:var(--gold);border-radius:6px;font:600 10px "Space Grotesk",Arial,sans-serif;letter-spacing:.4px;transition:.18s ease}
.upload:hover{background:#f5a80033;transform:translateY(-1px)}
main{max-width:1120px;padding:42px 20px 56px}
.mast{border-bottom:.5px solid var(--line);padding:24px 0 32px;background:radial-gradient(circle at 82% 24%,#f5a80016,transparent 25%)}
.mast p,.title p{color:var(--gold);font:600 9px "Orbitron",Arial,sans-serif;letter-spacing:2.2px}
.mast h1{font:700 clamp(38px,6vw,56px)/1.1 "Orbitron",Arial,sans-serif;letter-spacing:-2px}
.mast i,h2 i{color:var(--gold)}
.mast span{color:var(--mute);font-size:13px}
nav{border-bottom:.5px solid var(--line);padding:16px 0;gap:8px}
button,select{background:#101016;border:.5px solid #e8e8e02b;color:var(--text);border-radius:5px;font:600 10px "Space Grotesk",Arial,sans-serif;letter-spacing:.45px}
button:hover,select:hover{border-color:var(--line-strong)}
.tab.on{background:#f5a80017;color:var(--gold);border-color:var(--line-strong)}
.filters .on{background:var(--gold);color:var(--bg);border-color:var(--gold)}
.title h2{font:700 28px "Orbitron",Arial,sans-serif;letter-spacing:-1.5px}
article{background:var(--card);border:.5px solid var(--line);border-radius:8px;box-shadow:0 15px 35px #00000022}
h3{font:600 13px "Orbitron",Arial,sans-serif;letter-spacing:.3px;border-bottom:.5px solid var(--line)}
h3:before{border-left-color:var(--gold)}
.pod{border:.5px solid var(--line);background:var(--card-raised);border-radius:8px}
.pod.first{background:linear-gradient(135deg,#f5a800,#8c6200);color:#0a0905}
.pod.second{background:linear-gradient(135deg,#e3e3e7,#858690);color:#15151a}
.pod.third{background:linear-gradient(135deg,#dc9b48,#814b12);color:#1a1005}
.pod b,.metric b,.hero b,.honour b,.card b{font-family:"Orbitron",Arial,sans-serif}
.metric{background:var(--card);border:.5px solid var(--line);border-radius:7px}
.metric b{color:var(--gold)}
.metric span,th,.details span,.hero span,.honour small,.card span{color:var(--mute)}
.hero{border:.5px solid var(--line-strong);background:radial-gradient(circle at 80% 0,#f5a80017,transparent 35%),linear-gradient(100deg,#17130d,#101016)}
.details div{border-bottom:.5px solid var(--line)}
.facts div{background:#15151c;border-left-color:var(--gold)}
.facts b,.rank,.points{color:var(--gold)}
.bar{background:linear-gradient(#f8c846,#9a6500)}
.barunit:nth-child(even) .bar{background:linear-gradient(#f5a800,#7a5200)}
.ring:after{background:var(--card-raised);color:var(--mute)}
.track{background:#292932}.fill{background:linear-gradient(90deg,#8b6100,#f5c943)}
.honour{border:.5px solid var(--line);background:var(--card)}
.honour span{color:var(--gold)}
.card{background:#15151c;border-left-color:var(--gold)}
.potato{border-color:var(--line-strong)}
footer{background:#08080df2;border-top:.5px solid var(--line);color:#e8e8e060;font:600 9px "Orbitron",Arial,sans-serif;letter-spacing:1.5px}
@media(max-width:720px){
  header{padding:10px 14px;gap:10px}.brand b{font-size:14px}.site-back{margin-left:auto;font-size:9px}.live{display:none}.upload{padding:9px 10px;font-size:9px}
  main{padding:24px 12px}.mast{padding:18px 0 24px}.mast h1{font-size:34px}
}