:root{--gold: #f5c400;--gold-bright: #ffd84a;--gold-deep: #c99a00;--ink: #0a0a0a;--ink-2: #111111;--surface: #161616;--surface-2: #1d1d1d;--line: rgba(255, 255, 255, .09);--line-gold: rgba(245, 196, 0, .35);--text: #f5f5f2;--muted: #a7a7a0;--paper: #f3efe6;--win: #22c55e;--draw: #a3a3a3;--loss: #ef4444;--font-display: "Oswald", "Arial Narrow", Impact, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--max: 1240px;--header-h: 76px;--cut: 14px;color-scheme:dark}.theme-paper{--text: #111111;--muted: #5d5a53;--surface: #ffffff;--surface-2: #ebe6da;--line: rgba(0, 0, 0, .1);--line-gold: rgba(0, 0, 0, .18);color-scheme:light;background:var(--paper);color:var(--text)}.theme-gold{--text: #0a0a0a;--muted: rgba(10, 10, 10, .72);--line: rgba(0, 0, 0, .16);--line-gold: rgba(0, 0, 0, .3);color-scheme:light;background:var(--gold);color:var(--text)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}html:has(dialog[open]){overflow:hidden}body{margin:0;min-height:100dvh;background:var(--ink);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}img{height:auto}p{margin:0 0 1em}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:700;line-height:1.16;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--gold);color:#0a0a0a}:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px}.theme-gold :focus-visible,.theme-paper :focus-visible{outline-color:#0a0a0a}dialog:focus-visible{outline:none}.container{width:min(var(--max),100% - 32px);margin-inline:auto}.narrow{width:min(760px,100% - 32px);margin-inline:auto}.section{position:relative;padding-block:clamp(64px,9vw,112px)}.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:clamp(28px,4vw,44px)}.section-title{font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.18}.section-title+p{margin-top:20px}.kicker{display:inline-flex;align-items:center;gap:12px;margin:0 0 14px;font-size:.74rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.kicker:before{content:"";width:28px;height:2px;background:currentColor}.theme-paper .kicker{color:#a37f00}.theme-gold .kicker{color:#0a0a0a}.lead{font-size:clamp(1.02rem,1.5vw,1.15rem);line-height:1.7;color:var(--muted)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.cut{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.btn{--btn-bg: var(--gold);--btn-fg: #0a0a0a;--btn-border: var(--gold);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border:2px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.btn:hover{--btn-bg: var(--gold-bright);--btn-border: var(--gold-bright);transform:translateY(-2px);box-shadow:0 12px 28px #f5c40038}.btn:active{transform:translateY(0)}.btn-outline{--btn-bg: transparent;--btn-fg: var(--gold)}.btn-outline:hover{--btn-bg: var(--gold);--btn-fg: #0a0a0a}.btn-dark{--btn-bg: #0a0a0a;--btn-fg: var(--gold);--btn-border: #0a0a0a}.btn-dark:hover{--btn-bg: #1d1d1d;--btn-border: #1d1d1d;box-shadow:0 12px 28px #00000040}.btn-sm{min-height:40px;padding:0 16px;font-size:.82rem}.btn-block{width:100%}.link-arrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.92rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.theme-paper .link-arrow,.theme-gold .link-arrow{color:#0a0a0a}.link-arrow app-icon{transition:transform .2s ease}.link-arrow:hover app-icon,a:hover .link-arrow app-icon{transform:translate(4px)}.icon-btn{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--line-gold);background:transparent;color:var(--gold);font-size:1.3rem;transition:background-color .2s ease,color .2s ease}.icon-btn:hover{background:var(--gold);color:#0a0a0a}.captain{position:absolute;top:12px;left:12px;z-index:1;display:grid;place-items:center;width:26px;height:26px;background:var(--gold);color:#0a0a0a;font-family:var(--font-display);font-size:.85rem;font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:600;letter-spacing:.04em;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.chip:hover{color:var(--text);border-color:var(--line-gold)}.chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#0a0a0a}.chip .count{font-variant-numeric:tabular-nums;opacity:.6}.segmented{display:inline-flex;flex-wrap:wrap;border-bottom:1px solid var(--line)}.segmented button{position:relative;padding:14px 22px;border:0;background:none;color:var(--muted);font-family:var(--font-display);font-size:1.05rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:color .2s ease}.segmented button:after{content:"";position:absolute;inset:auto 0 -1px;height:3px;background:var(--gold);transform:scaleX(0);transition:transform .25s ease}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{color:var(--gold)}.segmented button[aria-pressed=true]:after{transform:scaleX(1)}.pill{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:4px;font-family:var(--font-display);font-size:.8rem;font-weight:600;color:#0a0a0a}.pill-W{background:var(--win)}.pill-D{background:var(--draw)}.pill-L{background:var(--loss);color:#fff}.story{display:grid;overflow:hidden;background:var(--surface);box-shadow:0 1px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.story:hover{transform:translateY(-4px);box-shadow:0 22px 44px #00000024}.story.stacked{grid-template-rows:auto 1fr}.story:not(.stacked){grid-template-columns:190px 1fr}.story-media{overflow:hidden}.story-media app-news-cover{height:100%;transition:transform .5s ease}.story:hover .story-media app-news-cover{transform:scale(1.05)}.story.stacked .story-media{aspect-ratio:16 / 10}.story:not(.stacked) .story-media{min-height:140px}.story-body{display:flex;flex-direction:column;gap:12px;padding:20px 22px}.story.stacked .story-body{padding:28px 30px 30px}.story-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cat{padding:4px 8px;background:#0a0a0a;color:var(--gold);letter-spacing:.12em}.story h3{font-size:1.32rem;line-height:1.22}.story.stacked h3{font-size:clamp(1.8rem,3vw,2.6rem)}.story-excerpt{margin:0;color:var(--muted)}.story .link-arrow{margin-top:auto}@media(max-width:600px){.story:not(.stacked){grid-template-columns:120px 1fr}.story-body{padding:16px}}.field{display:grid;gap:8px}.field>span{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.input{width:100%;min-height:52px;padding:12px 16px;border:1px solid var(--line);border-radius:0;background:#ffffff08;color:var(--text);transition:border-color .2s ease,background-color .2s ease}.input::placeholder{color:#6f6f6a}.input:hover{border-color:var(--line-gold)}.input:focus{outline:none;border-color:var(--gold);background:#f5c4000d}textarea.input{min-height:132px;resize:vertical}select.input{appearance:none;padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}select.input option{background:#161616;color:#f5f5f2}.input.ng-invalid.ng-touched{border-color:var(--loss)}.error{margin:0;font-size:.82rem;color:#ff8a8a}.battlements{--wall: var(--ink);height:30px;background:linear-gradient(var(--wall) 0 0) bottom / 100% 12px no-repeat,repeating-linear-gradient(90deg,var(--wall) 0 34px,transparent 34px 68px) top / 100% 18px no-repeat}.stripes-bg{background-image:repeating-linear-gradient(90deg,rgba(245,196,0,.05) 0 56px,transparent 56px 112px)}@keyframes pulse{0%{box-shadow:0 0 #f5c4008c}70%{box-shadow:0 0 0 10px #f5c40000}to{box-shadow:0 0 #f5c40000}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
