/*
Theme Name: Hörður
Theme URI: https://hordurhand.is/
Author: Hörður Ísafjörður
Author URI: https://hordurhand.is/
Description: Brutalist archival theme for Knattspyrnufélagið Hörður (handball, Ísafjörður — síðan 1919). Designed as a paired theme to the `hordur-data` plugin. Hand-built, no UI kit, no rounded corners.
Version: 1.0.1
Requires PHP: 7.4
Tested up to: 6.5
License: GPL v2 or later
Text Domain: hordur
*/

/* =========================================================
   HÖRÐUR — BRUTALIST DESIGN SYSTEM
   ========================================================= */
:root{
  --red:#C8102E;
  --red-d:#9E0B23;
  --navy:#1B3A6B;
  --navy-d:#0E2349;
  --gold:#C9A227;
  --bg:#F1ECE0;
  --bg-2:#E8E2D2;
  --ink:#0E0E12;
  --ink-2:#3A3A40;
  --muted:#6A6A72;
  --line:rgba(14,14,18,0.14);
  --line-2:rgba(14,14,18,0.06);
  --paper:#FBF7EC;
  --win:#1f7a3a;
  --loss:#A12525;
  --draw:#7A6700;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;font-feature-settings:"ss01","ss02","cv11";-webkit-font-smoothing:antialiased}
body{overflow-x:hidden}
::selection{background:var(--ink);color:var(--bg)}

a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0}

/* paper grain */
.grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.5;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.05  0 0 0 0 0.05  0 0 0 0 0.07  0 0 0 0.18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
body[data-grain="off"] .grain{display:none}

/* Brutalist type */
.display{font-family:"Anton",sans-serif;font-weight:400;letter-spacing:-.015em;line-height:.88;text-transform:uppercase}
.headline{font-family:"Archivo Black",sans-serif;letter-spacing:-.01em;line-height:.95;text-transform:uppercase}
.mono{font-family:"JetBrains Mono",monospace;font-feature-settings:"zero","ss02"}
.eyebrow{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.body-sans{font-family:"DM Sans",sans-serif}

/* layout */
.wrap{max-width:1480px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.wrap-wide{max-width:1640px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
@media(max-width:760px){.wrap,.wrap-wide{padding:0 18px}}

/* rules */
.hr{height:1px;background:var(--ink);width:100%}
.hr-thin{height:1px;background:var(--line);width:100%}
.hr-thick{height:4px;background:var(--ink);width:100%}

/* tag chip */
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--ink);background:transparent;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.chip.red{background:var(--red);color:#fff;border-color:var(--red)}
.chip.navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.chip.gold{background:var(--gold);color:#0E0E12;border-color:var(--gold)}
.chip.solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* sticky nav */
.topnav{position:sticky;top:0;z-index:40;background:var(--ink);color:var(--bg);border-bottom:1px solid var(--ink)}
.topnav-inner{display:flex;align-items:stretch;justify-content:space-between;gap:0}
.topnav .brand{display:flex;align-items:center;gap:10px;padding:14px 0;font-family:"Archivo Black",sans-serif;font-size:14px;letter-spacing:.04em}
.topnav .brand .dot{width:14px;height:14px;background:var(--red);display:inline-block;border-radius:50%}
.topnav nav{display:flex;align-items:stretch}
.topnav nav a{padding:0 14px;display:flex;align-items:center;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-left:1px solid rgba(255,255,255,.12);transition:background .12s}
.topnav nav a:hover{background:var(--red)}
.topnav nav a.active{background:var(--red);color:#fff}
.topnav .live-tag{padding:0 12px;display:flex;align-items:center;gap:8px;border-left:1px solid rgba(255,255,255,.12);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:var(--red)}
.topnav .live-tag::before{content:"";width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1.4s infinite}
@keyframes blink{0%,50%{opacity:1}50.01%,100%{opacity:.25}}
@media(max-width:880px){.topnav nav{display:none}}

/* Marquee */
.marquee{background:var(--ink);color:var(--bg);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);overflow:hidden;height:42px;display:flex;align-items:center}
.marquee-track{display:flex;gap:48px;white-space:nowrap;animation:scrollx 60s linear infinite;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.marquee-item{display:inline-flex;align-items:center;gap:10px}
.marquee-item .sep{opacity:.4}
.marquee-item .score{color:var(--gold);font-weight:700}
.marquee-item .res-w{color:#7ee0a0}
.marquee-item .res-l{color:#ff8d8d}
.marquee-item .res-d{color:#f4d479}
@keyframes scrollx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
body[data-marquee="off"] .marquee{display:none}
@media (prefers-reduced-motion: reduce){
  .marquee-track{animation:none}
}

/* Matchday strip */
.mdstrip{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--bg);border-bottom:1px solid var(--ink)}
@media(max-width:880px){.mdstrip{grid-template-columns:1fr}}
.mdcard{padding:22px 28px;border-right:1px solid var(--ink);position:relative;overflow:hidden;background:var(--paper);min-height:240px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.mdcard:last-child{border-right:0;border-left:0}
@media(max-width:880px){.mdcard{border-right:0;border-bottom:1px solid var(--ink)}}
.mdcard.next{background:var(--ink);color:var(--bg);border-right:0}
.mdcard.next .md-meta{color:#bbb}
.md-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:14px}
.md-eyebrow .lbl{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.md-eyebrow .stamp{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid currentColor;padding:3px 8px}
.mdcard .pill-w,.mdcard .pill-l,.mdcard .pill-d{display:inline-flex;align-items:center;padding:3px 9px;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;border:0}
.mdcard .pill-w{background:#1f7a3a}
.mdcard .pill-l{background:var(--red)}
.mdcard .pill-d{background:#7A6700}
.mdcard.next .live-pill{display:inline-flex;align-items:center;gap:8px;padding:3px 9px;background:var(--gold);color:#0E0E12;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}

.md-fixture{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}
.md-team{display:flex;flex-direction:column;gap:4px}
.md-team.away{text-align:right;align-items:flex-end}
.md-team .tag{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.md-team .name{font-family:"Anton",sans-serif;font-size:clamp(28px,3.6vw,44px);line-height:.92;letter-spacing:-.01em;text-transform:uppercase}
.md-team .form{display:flex;gap:3px;margin-top:6px}
.md-team.away .form{justify-content:flex-end}
.md-team .form span{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-family:"JetBrains Mono",monospace;font-size:8px;font-weight:700;color:#fff}
.md-team .form .w{background:#1f7a3a}
.md-team .form .l{background:var(--red)}
.md-team .form .d{background:#7A6700}
.mdcard.next .md-team .form span{opacity:.92}
.md-vs{font-family:"Anton",sans-serif;font-size:clamp(48px,7vw,86px);line-height:.84;letter-spacing:-.02em;color:var(--ink)}
.mdcard.next .md-vs{color:var(--bg);opacity:.45}
.md-score{font-family:"Anton",sans-serif;font-size:clamp(56px,8vw,96px);line-height:.84;letter-spacing:-.02em;display:flex;gap:8px;align-items:baseline}
.md-score .sep{opacity:.4;font-size:.65em}
.md-score .lo{opacity:.55}
.md-score-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}
.md-score-wrap .ht{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.mdcard.next .md-score-wrap .ht{color:#888}

.md-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid currentColor;padding-top:12px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.04em}
.md-meta .m{display:flex;flex-direction:column;gap:2px;padding-right:12px;opacity:.92}
.md-meta .m .k{font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.md-meta .m .v{font-weight:700;font-size:12px}
.mdcard a.md-link{display:inline-flex;align-items:center;gap:8px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:inherit;border-bottom:1px solid currentColor;padding-bottom:2px;align-self:flex-start}
.mdcard a.md-link:hover{color:var(--red)}
.mdcard.next a.md-link:hover{color:var(--gold)}

.md-countdown{display:flex;gap:0;margin-top:4px}
.md-countdown .seg{padding:8px 10px;border:1px solid rgba(255,255,255,.3);font-family:"JetBrains Mono",monospace;text-align:center;min-width:54px;border-right:0}
.md-countdown .seg:last-child{border-right:1px solid rgba(255,255,255,.3)}
.md-countdown .seg .n{font-family:"Anton",sans-serif;font-size:26px;line-height:1;color:var(--gold)}
.md-countdown .seg .l{font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-top:2px}

.tba-stamp{position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(-8deg);background:var(--gold);color:#0E0E12;padding:8px 14px;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;box-shadow:3px 3px 0 0 var(--bg);pointer-events:none;opacity:.92}

/* HERO */
.hero{position:relative;background:var(--bg);padding:0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:0;border-bottom:4px solid var(--ink)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}}
.hero-left{padding:48px 28px 36px;border-right:1px solid var(--ink);position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:680px}
@media(max-width:980px){.hero-left{border-right:0;border-bottom:1px solid var(--ink);min-height:auto}}
.hero-meta-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.hero-crest{display:flex;align-items:center;gap:14px}
.hero-crest .shield{width:62px;height:74px;background:var(--red);position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-family:"Archivo Black",sans-serif;font-size:38px;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}
.hero-crest .shield::after{content:"";position:absolute;inset:6px 6px 6px 6px;border:1.5px solid rgba(255,255,255,.55);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);pointer-events:none}
.hero-crest-text{display:flex;flex-direction:column;gap:2px}
.hero-crest-text .l1{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.hero-crest-text .l2{font-family:"Archivo Black",sans-serif;font-size:14px;letter-spacing:.04em;text-transform:uppercase}

.hero-title{margin:48px 0 0;font-family:"Anton",sans-serif;font-size:clamp(86px,15vw,240px);line-height:.84;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}
.hero-title .tk{display:block}
.hero-title .tk.dim{color:var(--red)}
.hero-title .stroke{-webkit-text-stroke:2px var(--ink);color:transparent}

.hero-subline{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:end;margin-top:18px;border-top:1px solid var(--ink);padding-top:14px}
.hero-subline .l{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hero-subline .r{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.hero-blurb{font-family:"DM Sans",sans-serif;font-size:17px;line-height:1.45;max-width:54ch;color:var(--ink-2);margin-top:18px}

.hero-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ink);margin-top:24px}
.hero-foot .cell{padding:14px 14px 4px;border-right:1px solid var(--line)}
.hero-foot .cell:last-child{border-right:0}
.hero-foot .k{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hero-foot .v{font-family:"Archivo Black",sans-serif;font-size:22px;margin-top:4px}

.hero-right{position:relative;background:var(--ink);display:flex;align-items:stretch;justify-content:stretch;min-height:680px;overflow:hidden}
.hero-img-wrap{position:absolute;inset:0;display:flex}
.hero-img-wrap img{flex:1;width:100%;height:100%;object-fit:cover;display:block}
.hero-img-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:#1a1a20;color:#bbb;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.hero-img-overlay{position:absolute;inset:auto 0 0 0;padding:18px 28px;display:flex;justify-content:space-between;align-items:end;gap:18px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);color:#fff;pointer-events:none}
.hero-img-overlay .l{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.hero-img-overlay .r{font-family:"Archivo Black",sans-serif;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.hero-corner-marks{position:absolute;inset:14px;border:1px solid rgba(255,255,255,.35);pointer-events:none}
.hero-corner-marks::before,.hero-corner-marks::after{content:"";position:absolute;width:18px;height:18px;border:2px solid #fff}
.hero-corner-marks::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.hero-corner-marks::after{bottom:-1px;right:-1px;border-left:0;border-top:0}

.hero-rotate-badge{position:absolute;right:24px;top:24px;background:var(--gold);color:#0E0E12;padding:10px 16px;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transform:rotate(4deg);z-index:3;box-shadow:4px 4px 0 0 var(--ink)}

/* Section heading band */
.section{padding:80px 0 36px;border-top:1px solid var(--ink);position:relative}
.section.dark{background:var(--ink);color:var(--bg)}
.section.dark .eyebrow{color:#bbb}
.section.dark .hr-thin{background:rgba(255,255,255,.18)}
.section.paper{background:var(--paper)}
.section-head{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:end;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--ink)}
.section.dark .section-head{border-bottom-color:rgba(255,255,255,.3)}
.section-head .idx{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.section-head .ttl{font-family:"Anton",sans-serif;font-size:clamp(54px,7vw,108px);line-height:.86;letter-spacing:-.02em;text-transform:uppercase;justify-self:start;margin:0}
.section-head .ct{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-align:right;color:var(--muted)}
.section.dark .section-head .ct{color:#bbb}

/* Stats hero block */
.bigstats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--ink);border-bottom:0}
@media(max-width:880px){.bigstats{grid-template-columns:repeat(2,1fr)}}
.bigstats .cell{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 22px 22px;background:var(--paper);position:relative;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}
.bigstats .cell:nth-child(4n){border-right:0}
@media(max-width:880px){.bigstats .cell{border-right:1px solid var(--ink)}.bigstats .cell:nth-child(2n){border-right:0}}
.bigstats .cell.red{background:var(--red);color:#fff}
.bigstats .cell.navy{background:var(--navy);color:#fff}
.bigstats .cell.gold{background:var(--gold);color:#0E0E12}
.bigstats .cell.ink{background:var(--ink);color:var(--bg)}
.bigstats .k{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.78}
.bigstats .v{font-family:"Anton",sans-serif;font-size:90px;line-height:.86;letter-spacing:-.02em}
.bigstats .v.smaller{font-size:64px}
.bigstats .sub{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.06em;opacity:.8;margin-top:4px}

/* asymmetric stat grid 2 */
.recordgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0;border:1px solid var(--ink);margin-top:36px;background:var(--paper)}
@media(max-width:980px){.recordgrid{grid-template-columns:1fr}}
.recordgrid .cell{border-right:1px solid var(--ink);padding:22px 22px}
.recordgrid .cell:last-child{border-right:0}
@media(max-width:980px){.recordgrid .cell{border-right:0;border-bottom:1px solid var(--ink)}.recordgrid .cell:last-child{border-bottom:0}}
.recordgrid h4{margin:0 0 8px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.recordgrid .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-2);font-family:"DM Sans",sans-serif}
.recordgrid .row:last-child{border-bottom:0}
.recordgrid .row .n{font-family:"Archivo Black",sans-serif;font-size:13px;text-transform:uppercase}
.recordgrid .row .rank{font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--muted);width:22px}
.recordgrid .row .val{font-family:"JetBrains Mono",monospace;font-size:15px;font-weight:700}

/* Tabs */
.tabs{display:flex;gap:0;border:1px solid var(--ink);background:var(--paper);margin-bottom:0}
.tabs button{padding:12px 18px;border-right:1px solid var(--ink);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:transparent;color:var(--ink)}
.tabs button:last-child{border-right:0}
.tabs button.active{background:var(--ink);color:var(--bg)}
.tabs button:hover:not(.active){background:var(--bg-2)}

/* table */
.tblwrap{border:1px solid var(--ink);background:var(--paper);overflow-x:auto}
table.brut{width:100%;border-collapse:collapse;font-family:"JetBrains Mono",monospace;font-size:13px}
table.brut th,table.brut td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}
table.brut th{background:var(--ink);color:var(--bg);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;user-select:none;position:sticky;top:0}
table.brut th:hover{background:var(--red)}
table.brut tr:hover td{background:#FFF7E0}
table.brut td.w{color:var(--win);font-weight:700}
table.brut td.l{color:var(--loss)}
table.brut td.d{color:var(--draw)}
table.brut td.num{text-align:right;font-variant-numeric:tabular-nums}
table.brut .pname{font-family:"Archivo",sans-serif;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.02em;color:var(--ink)}
.tabledesc{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 14px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* filter bar */
.filterbar{display:flex;gap:0;border:1px solid var(--ink);background:var(--paper)}
.filterbar > *{flex:1;border-right:1px solid var(--ink);padding:0}
.filterbar > *:last-child{border-right:0}
.filterbar label{display:block;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:10px 14px 0}
.filterbar input,.filterbar select{width:100%;background:transparent;border:0;padding:6px 14px 12px;font-family:"JetBrains Mono",monospace;font-size:14px;color:var(--ink);outline:none}
.filterbar input:focus,.filterbar select:focus{background:var(--bg-2)}
@media(max-width:760px){.filterbar{flex-wrap:wrap}.filterbar > *{flex:1 1 50%;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}}

/* player card */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0;border:1px solid var(--ink);background:var(--paper)}
.pcard{padding:14px 16px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s;display:flex;flex-direction:column;gap:6px;min-height:170px;position:relative;background:var(--paper);color:var(--ink)}
.pcard:hover{background:var(--ink);color:var(--bg)}
.pcard:hover .pcard-name{color:#fff}
.pcard:hover .pcard-meta{color:#bbb}
.pcard:hover .pcard-num{color:var(--gold)}
.pcard:hover .pcard-rank{color:var(--gold)}
.pcard-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.pcard-rank{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--muted);letter-spacing:.06em}
.pcard-flag{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pcard-name{font-family:"Archivo Black",sans-serif;font-size:17px;line-height:1.06;text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);margin-top:auto}
.pcard-meta{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pcard-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.pcard-stat{display:flex;flex-direction:column;gap:0}
.pcard-stat .lbl{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pcard-num{font-family:"Anton",sans-serif;font-size:32px;line-height:.9;color:var(--red)}
.pcard-num.gold{color:var(--gold)}
.pcard.gk::after{content:"GK";position:absolute;top:10px;right:12px;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.16em;background:var(--gold);color:#0E0E12;padding:2px 6px}
.pcard-headshot{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .15s}
.pcard:hover .pcard-headshot{opacity:.4}
.pcard > *{position:relative;z-index:1}

/* season cards */
.seasontiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;border:1px solid var(--ink);background:var(--paper)}
.stile{padding:18px 18px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;display:flex;flex-direction:column;gap:8px;min-height:200px;background:var(--paper);color:var(--ink);text-decoration:none}
.stile.gold{background:#FBF1C9}
.stile.upset{background:var(--ink);color:var(--bg)}
.stile.upset .stile-meta{color:#bbb}
.stile-yr{font-family:"Anton",sans-serif;font-size:48px;line-height:.84;letter-spacing:-.02em}
.stile-tag{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.stile-meta{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink-2)}
.stile-row{display:flex;justify-content:space-between;gap:8px;font-family:"JetBrains Mono",monospace;font-size:12px}
.stile-row .k{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.stile-row .v{font-weight:700}
.stile-wdl{display:flex;gap:0;height:6px;border:1px solid var(--ink);overflow:hidden;margin-top:auto}
.stile-wdl .w{background:#1f7a3a}
.stile-wdl .d{background:#C9A227}
.stile-wdl .l{background:var(--red)}
.stile-note{font-family:"DM Sans",sans-serif;font-size:12px;color:var(--ink-2);margin-top:4px}

/* history timeline */
.timeline{position:relative;border:1px solid var(--ink);background:var(--paper)}
.tline-row{display:grid;grid-template-columns:130px 1fr;gap:0;border-bottom:1px solid var(--line)}
.tline-row:last-child{border-bottom:0}
.tline-row.major{background:#FBF1C9}
.tline-row.major .tline-yr{background:var(--gold);color:#0E0E12}
.tline-row.epoch{background:var(--ink);color:var(--bg)}
.tline-row.epoch .tline-yr{background:var(--red);color:#fff}
.tline-yr{padding:18px 18px;border-right:1px solid var(--ink);font-family:"Anton",sans-serif;font-size:42px;line-height:.9;letter-spacing:-.02em;color:var(--ink);background:transparent;display:flex;flex-direction:column;justify-content:flex-start}
.tline-yr .d{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.tline-body{padding:18px 22px}
.tline-body h4{margin:0;font-family:"Archivo Black",sans-serif;font-size:16px;letter-spacing:-.005em;text-transform:uppercase}
.tline-body p{margin:6px 0 0;font-family:"DM Sans",sans-serif;font-size:14.5px;line-height:1.5;color:var(--ink-2);max-width:78ch}
.tline-row.epoch .tline-body p{color:#ddd}
.tline-body .src{margin-top:8px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.06em;color:var(--muted)}
.tline-body .src a{text-decoration:underline;margin-right:14px}

/* modal */
.modal{position:fixed;inset:0;background:rgba(14,14,18,.78);z-index:200;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 16px}
.modal.open{display:flex}
.modal-card{background:var(--paper);max-width:1100px;width:100%;border:1px solid var(--ink);position:relative;color:var(--ink)}
.modal-head{padding:20px 24px 16px;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;background:var(--ink);color:var(--bg)}
.modal-head h2{margin:0;font-family:"Anton",sans-serif;font-size:54px;line-height:.9;text-transform:uppercase;letter-spacing:-.02em}
.modal-head .meta{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#bbb;margin-top:8px}
.modal-head .close{background:transparent;color:var(--bg);border:1px solid rgba(255,255,255,.4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-family:"JetBrains Mono",monospace}
.modal-head .close:hover{background:var(--red);border-color:var(--red)}
.modal-body{padding:20px 24px 24px}
.modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--ink);margin-bottom:18px;background:var(--paper)}
@media(max-width:760px){.modal-stats{grid-template-columns:repeat(2,1fr)}}
.modal-stats .ms{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.modal-stats .ms .k{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.modal-stats .ms .v{font-family:"Anton",sans-serif;font-size:46px;line-height:.86;letter-spacing:-.02em;color:var(--red)}
.modal-stats .ms .v.small{font-size:22px;color:var(--ink)}

/* score */
.score{font-family:"JetBrains Mono",monospace;font-weight:700;font-variant-numeric:tabular-nums}
.score.w{color:var(--win)}
.score.l{color:var(--loss)}
.score.d{color:var(--draw)}

/* footer */
.foot{margin-top:0;background:var(--ink);color:var(--bg);border-top:4px solid var(--red)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding:56px 0 28px}
@media(max-width:880px){.foot-grid{grid-template-columns:1fr 1fr}}
.foot h4{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#bbb;margin:0 0 14px}
.foot a{display:block;font-family:"DM Sans",sans-serif;font-size:14px;padding:4px 0;color:var(--bg)}
.foot a:hover{color:var(--gold)}
.foot-big{font-family:"Anton",sans-serif;font-size:clamp(64px,12vw,170px);line-height:.84;letter-spacing:-.02em;text-transform:uppercase;padding:32px 0 12px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);text-align:left;color:var(--bg)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 0 28px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#aaa;flex-wrap:wrap;gap:12px}

/* responsive section heads */
@media(max-width:760px){
  .section-head{grid-template-columns:1fr;gap:8px}
  .section-head .ct{text-align:left}
  .bigstats .v{font-size:64px}
  .bigstats .v.smaller{font-size:44px}
}

/* link list */
.linklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;border:1px solid var(--ink);background:var(--paper)}
.linklist a{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:"JetBrains Mono",monospace;font-size:12px;display:flex;justify-content:space-between;gap:14px;text-transform:uppercase;letter-spacing:.06em;align-items:center}
.linklist a:hover{background:var(--ink);color:var(--bg)}
.linklist a .arr{opacity:.5}

/* data slab */
.dataslab{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--ink);padding:3px 8px;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.06em}
.dataslab .k{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.14em}
.dataslab .v{font-weight:700}

/* a11y */
*:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* upload form (public-side player image upload) */
.upload-form{display:flex;gap:8px;align-items:center;padding:12px;border:1px solid var(--ink);background:var(--paper);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:18px}
.upload-form input[type="file"]{font-family:"JetBrains Mono",monospace;font-size:11px}
.upload-form button{padding:8px 14px;background:var(--ink);color:var(--bg);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.upload-form button:hover{background:var(--red)}


/* === BRUTALIST PREVIEW PARITY ADDITIONS === */

/* Marquee slowed 5x (300s instead of 60s) */
.marquee-track{animation-duration:300s !important}

/* Dark/light text conditional */
.section:not(.dark) .eyebrow,
.section:not(.dark) [style*="var(--muted)"],
.section:not(.dark) .muted{color:#0E0E12 !important}
.section.dark .eyebrow,
.section.dark .muted{color:#FFFFFF !important;opacity:.85}
.section:not(.dark) table.brut td{color:#0E0E12 !important;font-weight:500}
.section.dark table.brut td{color:#FFFFFF !important;font-weight:500}
.section.dark table.brut td.score a{color:#FFFFFF !important}
.section.dark h1, .section.dark h2, .section.dark h3, .section.dark .display{color:#FFFFFF}

/* Collapsible button */
.hordur-collapse-btn{padding:12px 24px;border:2px solid var(--ink);background:transparent;color:var(--ink);font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .12s,color .12s}
.hordur-collapse-btn[aria-expanded="true"]{background:var(--ink);color:var(--bg)}
.section.dark .hordur-collapse-btn{border-color:#fff;color:#fff}
.section.dark .hordur-collapse-btn[aria-expanded="true"]{background:#fff;color:var(--ink)}
.hordur-collapse-wrap{text-align:center;margin-top:24px}

/* News section grid */
.news-site{margin-bottom:40px}
.news-site-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:4px solid var(--ink);padding:8px 0;margin-bottom:0}
.news-site-head h3{font-family:"Anton",sans-serif;font-size:clamp(28px,3vw,42px);letter-spacing:-.01em;text-transform:uppercase;margin:0;line-height:1}
.news-site-meta{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:0;border-top:1px solid var(--ink)}
.news-card{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;background:var(--paper);transition:background .12s;cursor:pointer;color:var(--ink)}
.news-card:hover{background:var(--ink);color:var(--bg)}
.news-card .ndate{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.news-card .ntitle{font-family:"Archivo Black",sans-serif;font-size:15px;line-height:1.25}
.news-card .nsummary{font-family:"DM Sans",sans-serif;font-size:13px;line-height:1.4;opacity:.85}
.news-card .ntag{display:inline-block;font-size:9px;padding:2px 6px;letter-spacing:.12em;border:1px solid currentColor;text-transform:uppercase;align-self:flex-start}

/* Varalið + U-team breakdown rows in player card */
.pcard-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.pcard-breakdown .row{display:flex;justify-content:space-between}
.pcard-breakdown .lbl{opacity:.6}

/* Player modal Varalið stat */
.modal-stats .ms.reserve{background:#FFF8E1;border-color:#F0DDA0}