:root{--bg:#130f0b;--panel:#211710;--panel2:#2b1d13;--ink:#f5ead8;--muted:#cab99e;--gold:#c79545;--copper:#8c512a;--line:rgba(245,234,216,.16);--shadow:0 24px 60px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,'Times New Roman',serif;background:radial-gradient(circle at 18% 6%,rgba(199,149,69,.22),transparent 30%),radial-gradient(circle at 80% 0%,rgba(100,47,25,.28),transparent 34%),linear-gradient(135deg,#0d0a08 0%,#1b120d 48%,#090706 100%);color:var(--ink);line-height:1.65;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.13"/></svg>');mix-blend-mode:screen;opacity:.55}.skip-link{position:absolute;left:-999px;top:8px;background:var(--gold);color:#160f0b;padding:.7rem 1rem;z-index:20}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:10;background:rgba(19,15,11,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:1180px;margin:auto;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;color:var(--ink);font-weight:800;text-decoration:none;letter-spacing:.04em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,var(--gold),#6f351d);color:#160d08;box-shadow:0 0 0 4px rgba(199,149,69,.12)}.menu{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.menu a,.footer a{color:var(--muted);text-decoration:none;padding:.55rem .7rem;border-radius:999px;font-size:.92rem}.menu a:hover,.menu a:focus,.footer a:hover{background:rgba(199,149,69,.14);color:var(--ink)}.menu-toggle{display:none;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.6rem .85rem}.hero,.content-wrap{max-width:1180px;margin:auto}.hero{margin-top:1.2rem;padding:clamp(2rem,6vw,5rem) 1rem;display:grid;grid-template-columns:1.25fr .75fr;gap:1.5rem;align-items:center}.vintage-panel{border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,rgba(43,29,19,.92),rgba(17,12,9,.92)),radial-gradient(circle at top left,rgba(199,149,69,.18),transparent 35%);box-shadow:var(--shadow)}.eyebrow{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}h1,h2,h3{line-height:1.08;margin:.2rem 0 .8rem}h1{font-size:clamp(2.25rem,7vw,5.4rem);letter-spacing:-.05em}h2{font-size:clamp(1.55rem,4vw,2.4rem)}.lead{font-size:1.16rem;color:#eadcc5;max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;margin:.4rem .5rem .4rem 0;padding:.9rem 1.05rem;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid var(--line);transition:transform .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:#150d08}.ghost{color:var(--ink);background:rgba(255,255,255,.04)}.hero-art{min-height:320px;border-radius:26px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.5)),radial-gradient(circle at center,rgba(199,149,69,.25),transparent 45%),repeating-linear-gradient(120deg,rgba(255,255,255,.08) 0 2px,transparent 2px 16px);overflow:hidden}.hero-art span{align-self:flex-start;border:1px solid var(--line);padding:.4rem .7rem;border-radius:999px;color:var(--muted)}.hero-art strong{font-size:7rem;line-height:.8;color:rgba(245,234,216,.12);text-align:right}.content-wrap{padding:0 1rem 2.5rem}.story-card,.preview-block,.cta,.comments{margin:1.2rem 0;padding:1.4rem;border:1px solid var(--line);border-radius:26px;background:rgba(33,23,16,.72)}.story-card p{color:var(--muted)}.cards,.match-grid,.comment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.2rem 0}.sport-card,.match-card,.comment-card{border:1px solid var(--line);border-radius:22px;padding:1.1rem;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));transition:transform .2s ease,border-color .2s ease}.sport-card:hover,.match-card:hover,.comment-card:hover{transform:translateY(-4px);border-color:rgba(199,149,69,.55)}.sport-card span,.match-badge{color:var(--gold);font-weight:800;font-size:.85rem}.preview-block{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem;align-items:start}.comment-card strong{color:#f7d9a4}.comment-card p{color:var(--muted);margin-bottom:0}.footer{border-top:1px solid var(--line);padding:1.5rem 1rem 2rem;text-align:center;color:var(--muted);background:rgba(10,7,5,.7)}.footer div{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}@media(max-width:860px){.menu-toggle{display:inline-flex;gap:.45rem}.menu{position:absolute;left:1rem;right:1rem;top:72px;display:none;flex-direction:column;background:#160f0b;border:1px solid var(--line);border-radius:22px;padding:.8rem;box-shadow:var(--shadow)}.menu.open{display:flex}.menu a{padding:.8rem 1rem}.hero{grid-template-columns:1fr}.hero-art{min-height:220px}.cards,.match-grid,.comment-grid,.preview-block{grid-template-columns:1fr}h1{font-size:2.55rem}}