/* SSCMS_HUD_THEME 20261011: dynamic HUD look for demo sport sites (accent from pack: --a/--b) */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');
:root{--ink:#e6edf7;--mut:#93a4bd;--line:#1e2a44;--bg:#070d1a;--panel:#0d1629;--glow:color-mix(in srgb,var(--a) 55%,transparent)}
body{background:var(--bg) radial-gradient(1200px 600px at 80% -10%,color-mix(in srgb,var(--a) 18%,transparent),transparent 60%);color:var(--ink);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(180deg,#000,transparent 80%)}
main,header,footer,section{position:relative;z-index:1}
a{color:var(--a)}
h1,h2,h3,h4,.brand{font-family:"Barlow Condensed",Inter,sans-serif;text-transform:uppercase;letter-spacing:.03em}
h1{font-weight:800}h2{font-weight:800;font-size:28px}
h2:before{content:"";display:inline-block;width:8px;height:8px;margin:0 10px 4px 0;background:var(--a);box-shadow:0 0 10px var(--glow);border-radius:2px;animation:hudpulse 2.4s ease-in-out infinite}
@keyframes hudpulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes hudin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes hudsweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.lede,.note{color:var(--mut)}
.top{background:#070d1acc;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 var(--glow)}
.brand{color:var(--ink)}.crest{box-shadow:0 0 0 2px var(--a),0 0 18px var(--glow)}
.mnav a{color:var(--mut);text-transform:uppercase;font-size:13px;letter-spacing:.08em}.mnav a:hover,.mnav a.on{color:#fff;background:color-mix(in srgb,var(--a) 18%,transparent);box-shadow:inset 0 -2px 0 var(--a)}
.cta,button,.btn{background:var(--a)!important;color:#fff!important;box-shadow:0 0 18px var(--glow);text-transform:uppercase;letter-spacing:.06em;border-radius:8px!important}
.btn.ghost,.btn.light{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1px var(--a)}
.burger summary{color:var(--ink)}.burger nav{background:var(--panel);border-color:var(--line)}.burger nav a{color:var(--ink);border-color:var(--line)}
.card,.tile,.pc,table,.spons a,.spons span{background:linear-gradient(180deg,#101b33,#0b1427);border:1px solid var(--line);color:var(--ink);box-shadow:inset 0 1px 0 #ffffff0d}
.card{position:relative;overflow:hidden;animation:hudin .5s ease both}
.card:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--a),transparent);animation:hudsweep 4s linear infinite;opacity:.7}
.tile,.pc{animation:hudin .5s ease both;transition:transform .2s,box-shadow .2s,border-color .2s}
.tile:hover,.pc:hover{transform:translateY(-3px);border-color:var(--a);box-shadow:0 0 0 1px var(--a),0 10px 30px var(--glow)}
.tile{color:var(--ink)}.tile h3,.pc b{color:#fff}
.pc .num{background:var(--a);font-family:"JetBrains Mono",monospace;box-shadow:0 0 14px var(--glow)}
th{color:var(--mut)}th,td{border-color:var(--line)}
.dt{background:color-mix(in srgb,var(--a) 14%,#0b1427);border:1px solid color-mix(in srgb,var(--a) 40%,transparent)}.dt b{color:#fff;font-family:"JetBrains Mono",monospace}.dt span{color:var(--a)}
.fx{border-color:var(--line)}
.badge,.kicker{background:color-mix(in srgb,var(--a) 20%,transparent);color:#fff;border:1px solid var(--a);box-shadow:0 0 12px var(--glow)}
.hero{min-height:520px}.hero:after{background:linear-gradient(180deg,#070d1a33 10%,#070d1aee 100%),linear-gradient(90deg,#070d1acc,transparent 60%)}
.hero h1{text-shadow:0 0 24px var(--glow)}
.phead{background:linear-gradient(120deg,#0b1427,color-mix(in srgb,var(--a) 35%,#0b1427));border-bottom:1px solid var(--a)}
.band{background:linear-gradient(120deg,#0b1427,color-mix(in srgb,var(--a) 45%,#0b1427));border:1px solid var(--a);box-shadow:0 0 30px var(--glow)}
.stat,.stats>div,.grid .card b{font-family:"JetBrains Mono",monospace}
input,select,textarea{background:#0b1427;border-color:var(--line);color:var(--ink)}
footer.site{background:#050a14;border-top:1px solid var(--line)}
.flash{background:#0f2a1a;color:#bbf7d0}.flash.err{background:#2a0f12;color:#fecaca}
@media(max-width:560px){.hero{min-height:420px}h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.slot{background:#0b1427!important;color:var(--ink)!important;border:1px solid var(--line)!important}.slot b{color:#fff}
.pc .bd{padding:10px 12px}.pc .bd b{font-family:"Barlow Condensed",Inter,sans-serif;text-transform:uppercase;font-size:17px;letter-spacing:.03em}


/* SSCMS_JJ_CRIMSON 20261011: bright crimson + black/gold */
:root{--a:#e0103a;--b:#d4a62a;--bg:#050505;--panel:#0d0d0d;--line:#2a2418}
body{background:#050505 radial-gradient(1200px 600px at 80% -10%,#e0103a26,transparent 60%)}
.card,.tile,.pc,table,.spons a,.spons span{background:linear-gradient(180deg,#141414,#0a0a0a);border-color:#2a2418}
.top{background:#050505d9;box-shadow:0 1px 0 #d4a62a66}footer.site{background:#000;border-top:1px solid #d4a62a55}
h2:before{background:#d4a62a;box-shadow:0 0 10px #d4a62a99}.kicker,.badge{border-color:#d4a62a}
.card:after{background:linear-gradient(90deg,transparent,#d4a62a,var(--a),transparent)}
.btn.ghost,.btn.light{box-shadow:inset 0 0 0 1px #d4a62a}a.more,.sech a{color:#d4a62a}
.dt{background:#1a1408;border-color:#d4a62a66}.dt span{color:#d4a62a}
.phead,.band{background:linear-gradient(120deg,#0a0a0a,#e0103a55);border-color:#d4a62a}