:root{
    --void:#0c0f13;
    --panel:#12171e;
    --panel-2:#171d26;
    --line: rgba(255,255,255,0.08);
    --ct:#6fa8dc;
    --t:#e0a458;
    --danger:#e5484d;
    --ok:#5ecb7d;
    --ink:#e8ecf1;
    --ink-dim:#8891a0;
    --ink-faint:#576174;
    --silver:#a9b4c0;
    --goldnova:#e0a458;
    --mg:#6fa8dc;
    --ge:#e5484d;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--void);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    line-height:1.6;
    background-image:
      radial-gradient(circle at 15% 0%, rgba(111,168,220,0.07), transparent 40%),
      radial-gradient(circle at 85% 30%, rgba(224,164,88,0.06), transparent 45%);
  }
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
  }
  ::selection{ background:var(--t); color:var(--void); }
  ::-webkit-scrollbar{ width:10px; height:10px; }
  ::-webkit-scrollbar-track{ background:var(--void); }
  ::-webkit-scrollbar-thumb{ background:var(--panel-2); border:2px solid var(--void); border-radius:6px; }
  ::-webkit-scrollbar-thumb:hover{ background:var(--ink-faint); }
  html{ scrollbar-color: var(--panel-2) var(--void); }
  .mono{font-family:'JetBrains Mono', monospace;}
  .display{font-family:'Teko', sans-serif; text-transform:uppercase; letter-spacing:0.02em;}
  a{color:inherit;}
  button{font-family:inherit; cursor:pointer;}

  :focus-visible{ outline:2px solid var(--ct); outline-offset:2px; border-radius:2px; }

    .hud-corners{position:relative;}
  .hud-corners::before, .hud-corners::after{
    content:""; position:absolute; width:11px; height:11px; pointer-events:none;
    border-color: var(--hud-corner-color, var(--ct)); opacity:0.55;
  }
  .hud-corners::before{ top:-1px; left:-1px; border-top:2px solid; border-left:2px solid; }
  .hud-corners::after{ bottom:-1px; right:-1px; border-bottom:2px solid; border-right:2px solid; }

  .bootbar{
    border-bottom:1px solid var(--line); background:var(--panel);
    font-family:'JetBrains Mono', monospace; font-size:0.72rem; letter-spacing:0.08em; color:var(--ink-faint);
    padding:9px 24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px;
  }
  @media (max-width:600px){ .bootbar{ padding:7px 16px; font-size:0.62rem; letter-spacing:0.04em; } }

  nav.topnav{
    position:sticky; top:0; z-index:50;
    background:rgba(12,15,19,0.88); backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
    display:flex; align-items:center; justify-content:space-between; padding:12px 24px;
  }
  .nav-brand{font-family:'Teko',sans-serif; font-size:1.4rem; letter-spacing:0.03em; text-transform:uppercase; color:var(--ink); text-decoration:none;}
  .nav-brand span{color:var(--t);}
  .nav-links{display:flex; gap:22px; list-style:none; margin:0; padding:0; align-items:center;}
  .nav-links a{font-family:'JetBrains Mono', monospace; font-size:0.75rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-dim); text-decoration:none; transition:color .15s ease; position:relative; padding-bottom:2px;}
  .nav-links a::after{ content:""; position:absolute; left:0; right:100%; bottom:-2px; height:1px; background:var(--t); transition:right .22s ease; }
  .nav-links a:hover{color:var(--ink);}
  .nav-links a:hover::after{ right:0; }
  .nav-right{display:flex; align-items:center; gap:14px;}
  .live-pill{display:flex; align-items:center; gap:7px; font-family:'JetBrains Mono', monospace; font-size:0.7rem; letter-spacing:0.1em; border:1px solid var(--line); border-radius:20px; padding:6px 12px; color:var(--ink-faint);}
  .live-dot{width:7px;height:7px;border-radius:50%; background:var(--ink-faint);}
  .live-pill.is-online{color:var(--ok); border-color:rgba(94,203,125,0.4);}
  .live-pill.is-online .live-dot{background:var(--ok); animation:pulse 1.4s infinite;}
  .live-pill.is-offline{color:var(--ink-faint);}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.25;}}
  .print-btn{font-family:'JetBrains Mono', monospace; font-size:0.7rem; letter-spacing:0.08em; background:transparent; color:var(--ink-dim); border:1px solid var(--line); border-radius:4px; padding:8px 12px; text-transform:uppercase; transition:all .15s ease;}
  .print-btn:hover{color:var(--ink); border-color:var(--ct);}
  .nav-burger{display:none; background:none; border:1px solid var(--line); border-radius:4px; color:var(--ink); padding:8px 10px;}
  .nav-mobile{display:none; flex-direction:column; gap:2px; background:var(--panel); border-bottom:1px solid var(--line);}
  .nav-mobile a{padding:14px 24px; color:var(--ink-dim); text-decoration:none; font-family:'JetBrains Mono',monospace; font-size:0.8rem; letter-spacing:0.06em; text-transform:uppercase; border-top:1px solid var(--line);}
  .nav-mobile.open{display:flex;}
  @media (max-width:860px){ .nav-links{display:none;} .nav-burger{display:block;} }
  @media (max-width:600px){ nav.topnav{padding:10px 14px;} .nav-brand{font-size:1.25rem;} .nav-right{gap:8px;} .print-btn{padding:7px 9px; font-size:0.62rem;} .live-pill{padding:5px 9px; font-size:0.62rem;} }

  header.hero{ max-width:1180px; margin:0 auto; padding:72px 24px 40px; position:relative; overflow:hidden; }
  @media (max-width:600px){ header.hero{padding:44px 16px 28px;} }
  header.hero::before{
    content:""; position:absolute; inset:0;
    background-image:
      linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
    background-size: 34px 34px;
    -webkit-mask-image: radial-gradient(ellipse 640px 340px at 78% 10%, #000 0%, transparent 70%);
    mask-image: radial-gradient(ellipse 640px 340px at 78% 10%, #000 0%, transparent 70%);
    pointer-events:none; z-index:-1;
  }
  .hero-orb{
    position:absolute; border-radius:50%; filter:blur(60px); pointer-events:none; z-index:-1;
    animation:orbFloat 14s ease-in-out infinite;
  }
  .hero-orb.o1{ width:340px; height:340px; background:rgba(111,168,220,0.16); top:-120px; right:-60px; }
  .hero-orb.o2{ width:260px; height:260px; background:rgba(224,164,88,0.13); bottom:-100px; left:10%; animation-delay:-6s; animation-duration:18s; }
  @keyframes orbFloat{
    0%,100%{ transform:translate(0,0) scale(1); }
    50%{ transform:translate(-24px, 22px) scale(1.08); }
  }
  @media (prefers-reduced-motion: reduce){ .hero-orb{animation:none;} }
  .hero-eyebrow{ font-family:'JetBrains Mono', monospace; font-size:0.78rem; letter-spacing:0.18em; color:var(--ct); display:flex; align-items:center; gap:10px; margin-bottom:18px; }
  .hero-eyebrow::before{content:"[ ";color:var(--ink-faint);}
  .hero-eyebrow::after{content:" ]";color:var(--ink-faint);}
  .logo{ font-size:clamp(3.2rem, 11vw, 7.5rem); font-weight:700; line-height:0.9; color:var(--ink); margin:0; }
  .logo span{color:var(--t);}
  .tagline{ font-size:clamp(1.05rem, 3vw, 1.35rem); color:var(--ink-dim); max-width:640px; margin:22px 0 0; font-weight:500; }
  .tagline b{color:var(--ink); font-weight:600;}

  @keyframes heroIn{ from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);} }
  .hero-eyebrow, .logo, .tagline, .killfeed, .hero-actions{
    animation:heroIn .7s cubic-bezier(.2,.8,.2,1) both;
  }
  .hero-eyebrow{animation-delay:0s;}
  .logo{animation-delay:.06s;}
  .tagline{animation-delay:.14s;}
  .killfeed{animation-delay:.22s;}
  .hero-actions{animation-delay:.3s;}
  @media (prefers-reduced-motion: reduce){
    .hero-eyebrow, .logo, .tagline, .killfeed, .hero-actions{animation:none;}
  }

    .killfeed{
    margin-top:34px; max-width:560px; display:flex; flex-direction:column; gap:0;
    border-left:2px solid var(--line); padding-left:16px; min-height:148px;
  }
  .killfeed-row{
    display:flex; align-items:baseline; gap:10px; font-family:'JetBrains Mono', monospace; font-size:0.82rem;
    color:var(--ink-dim); padding:7px 0; opacity:0; transform:translateX(-8px);
    animation:kfIn .4s ease forwards;
  }
  .killfeed-row .kf-actor{color:var(--ct); font-weight:700;}
  .killfeed-row .kf-tag{color:var(--t); font-weight:700;}
  .killfeed-row .kf-time{color:var(--ink-faint); font-size:0.72rem; margin-left:auto; flex:0 0 auto; padding-left:12px;}
  @keyframes kfIn{ to{opacity:1; transform:translateX(0);} }
  @media (prefers-reduced-motion: reduce){ .killfeed-row{animation:none; opacity:1; transform:none;} }
  @media (max-width:600px){
    .killfeed{margin-top:24px; padding-left:12px;}
    .killfeed-row{flex-wrap:wrap; font-size:0.74rem; gap:6px 8px;}
    .killfeed-row .kf-time{margin-left:0; padding-left:0; flex-basis:100%;}
    .hero-orb{opacity:0.6;}
  }

  .hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:32px;}
  .btn{ font-family:'JetBrains Mono', monospace; font-size:0.82rem; letter-spacing:0.05em; padding:13px 22px; border-radius:4px; text-decoration:none; display:inline-flex; align-items:center; gap:8px; transition:all .15s ease; border:1px solid transparent; position:relative; overflow:hidden; }
  .btn-primary{background:var(--ct); color:#0c0f13; font-weight:700;}
  .btn-primary:hover{background:#8bb9e5; transform:translateY(-1px);}
  .btn-primary::before{
    content:""; position:absolute; top:0; bottom:0; left:-60%; width:40%;
    background:linear-gradient(115deg, transparent, rgba(255,255,255,0.55), transparent);
    transform:skewX(-18deg); transition:left .5s ease;
  }
  .btn-primary:hover::before{ left:130%; }
  .btn-ghost{border-color:var(--line); color:var(--ink-dim);}
  .btn-ghost:hover{color:var(--ink); border-color:var(--t); transform:translateY(-1px);}
  .hero-rule{ margin-top:40px; height:1px; background:linear-gradient(90deg, var(--ct), transparent 60%); }

  .benefits-strip{ max-width:1180px; margin:0 auto; padding:20px 24px 0; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:4px; overflow:hidden; }
  .benefit{background:var(--panel); padding:16px 18px; font-family:'JetBrains Mono', monospace; font-size:0.78rem; color:var(--ink-dim); display:flex; align-items:center; gap:10px;}
  .benefit b{color:var(--ink);}
  .benefit .dot{width:6px;height:6px;border-radius:50%; background:var(--t); flex:0 0 auto;}
  @media (max-width:700px){ .benefits-strip{grid-template-columns:1fr;} }

  main{max-width:1180px; margin:0 auto; padding:0 24px 40px;}
  @media (max-width:600px){ main{padding:0 16px 24px;} }
  section{padding:64px 0; border-top:1px solid var(--line); scroll-margin-top:70px;}
  @media (max-width:600px){ section{padding:42px 0;} }
  .sec-head{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:34px; flex-wrap:wrap; }
  @media (max-width:600px){ .sec-head{margin-bottom:22px;} }
  .sec-num{ font-family:'JetBrains Mono', monospace; color:var(--ink-faint); font-size:0.85rem; }
  h2{ font-family:'Teko', sans-serif; text-transform:uppercase; letter-spacing:0.03em; font-size:clamp(1.8rem, 5.4vw, 2.4rem); font-weight:600; margin:0; color:var(--ink); }
  .sec-intro{ color:var(--ink-dim); max-width:680px; font-size:1.02rem; }
  .sec-intro + .sec-intro{margin-top:12px;}

  .watch-wrap{ display:grid; grid-template-columns:1fr; gap:0; border:1px solid var(--line); border-radius:6px; overflow:hidden; background:var(--panel); }
  .watch-wrap.with-chat{grid-template-columns:2.2fr 1fr;}
  .player-box{position:relative; aspect-ratio:16/9; background:#05070a;}
  .player-box iframe{width:100%; height:100%; border:0; display:block;}
  .chat-box{border-left:1px solid var(--line); min-height:400px;}
  .chat-box iframe{width:100%; height:100%; border:0; display:block; min-height:400px;}
  @media (max-width:760px){ .watch-wrap.with-chat{grid-template-columns:1fr;} .chat-box{border-left:none; border-top:1px solid var(--line); height:420px;} }
  .watch-controls{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:14px 18px; border-top:1px solid var(--line); background:var(--panel-2); font-family:'JetBrains Mono', monospace; font-size:0.75rem; }
  .watch-controls .status{display:flex; align-items:center; gap:8px; color:var(--ink-dim);}
  .watch-fallback{ display:none; padding:40px; text-align:center; color:var(--ink-dim); }
  .watch-fallback a{color:var(--ct);}
    .next-stream-bar{
    display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
    border:1px solid var(--line); border-radius:6px; background:var(--panel); padding:18px 22px; margin-bottom:26px;
  }
  .next-stream-label{font-family:'JetBrains Mono', monospace; font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-faint);}
  .next-stream-when{font-family:'Teko',sans-serif; font-size:1.5rem; color:var(--ink); margin-top:2px;}
  .countdown{display:flex; gap:10px;}
  .countdown .cd-unit{ text-align:center; min-width:52px; }
  .countdown .cd-num{ font-family:'JetBrains Mono', monospace; font-weight:700; font-size:1.5rem; color:var(--ct); }
  .countdown .cd-tag{ font-family:'JetBrains Mono', monospace; font-size:0.62rem; color:var(--ink-faint); text-transform:uppercase; letter-spacing:0.08em; }

  .schedule-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:8px; margin-top:18px;}
  .schedule-day{ border:1px solid var(--line); border-radius:5px; background:var(--panel); padding:14px 8px; text-align:center; }
  .schedule-day.is-live{ border-color:var(--ok); background:rgba(94,203,125,0.06); }
  .schedule-day .sd-name{ font-family:'JetBrains Mono', monospace; font-size:0.68rem; letter-spacing:0.08em; color:var(--ink-faint); text-transform:uppercase; }
  .schedule-day .sd-time{ font-family:'Teko',sans-serif; font-size:1.3rem; color:var(--ink); margin-top:4px; }
  .schedule-day.is-off .sd-time{ color:var(--ink-faint); font-size:1rem; }
  @media (max-width:700px){ .schedule-grid{grid-template-columns:repeat(4,1fr);} }

  .scoreboard{ border:1px solid var(--line); background:var(--panel); border-radius:4px; overflow:hidden; }
  .sb-row{ display:grid; grid-template-columns: 1fr 1fr 1fr 1.4fr; }
  .sb-head{ background:var(--panel-2); font-family:'JetBrains Mono', monospace; font-size:0.68rem; letter-spacing:0.12em; color:var(--ink-faint); text-transform:uppercase; }
  .sb-head div, .sb-data div{padding:16px 18px;}
  .sb-data{border-top:1px solid var(--line);}
  .sb-data .num{ font-family:'JetBrains Mono', monospace; font-size:1.7rem; font-weight:700; color:var(--ct); }
  .sb-data div:nth-child(4) .num{color:var(--t);}
  @media (max-width:680px){ .sb-row{grid-template-columns:1fr 1fr;} }

  .roster{ display:grid; grid-template-columns:repeat(auto-fit, minmax(230px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:4px; overflow:hidden; }
  .roster-item{ background:var(--panel); padding:22px; display:flex; flex-direction:column; gap:6px; position:relative; transition:background 0.15s ease, transform .15s ease; opacity:0; transform:translateY(14px); }
  section.reveal.in .roster-item{ animation:cardIn .5s cubic-bezier(.2,.8,.2,1) forwards; animation-delay:calc(var(--card-i, 0) * 55ms); }
  .roster-item:hover{background:var(--panel-2); transform:translateY(-2px);}
  @media (prefers-reduced-motion: reduce){ .roster-item{opacity:1; transform:none; animation:none;} }
  .roster-top{display:flex; justify-content:space-between; align-items:center;}
  .roster-tag{ font-family:'JetBrains Mono', monospace; font-size:0.68rem; letter-spacing:0.14em; color:var(--t); text-transform:uppercase; }
  .roster-handle-row{display:flex; align-items:center; gap:8px;}
  .roster-handle{ font-family:'JetBrains Mono', monospace; font-size:0.92rem; color:var(--ink); word-break:break-all; text-decoration:none; }
  .copy-btn{ background:none; border:1px solid var(--line); color:var(--ink-faint); border-radius:3px; width:26px; height:26px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; font-size:0.75rem; transition:all .15s ease; }
  .copy-btn:hover{color:var(--ink); border-color:var(--ct);}
  .copy-btn.copied{color:var(--ok); border-color:var(--ok);}

    .rank-note{color:var(--ink-dim); font-size:0.92rem; max-width:680px; margin-bottom:28px;}
  .rank-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
  @media (max-width:780px){ .rank-grid{grid-template-columns:1fr;} }
  .rank-card{
    position:relative; border:1px solid var(--line); border-radius:6px; background:var(--panel);
    padding:26px 24px 22px; display:flex; flex-direction:column; gap:14px;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    opacity:0; transform:translateY(16px);
  }
  section.reveal.in .rank-card{
    animation:cardIn .55s cubic-bezier(.2,.8,.2,1) forwards;
    animation-delay:calc(var(--card-i, 0) * 70ms);
  }
  @keyframes cardIn{ to{opacity:1; transform:translateY(0);} }
  .rank-card::before{
    content:""; position:absolute; inset:0; border-radius:6px; pointer-events:none; opacity:0;
    background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--rank-color, var(--ct)) 16%, transparent), transparent 70%);
    transition:opacity .25s ease; z-index:0;
  }
  .rank-card:hover::before{opacity:1;}
  .rank-card > *{position:relative; z-index:1;}
  .rank-card:hover{transform:translateY(-4px); border-color:var(--rank-color, var(--ct)); box-shadow:0 16px 40px -20px var(--rank-color, var(--ct));}
  .rank-card{--hud-corner-color: var(--rank-color, var(--ct));}
  @media (prefers-reduced-motion: reduce){ .rank-card{opacity:1; transform:none; animation:none;} }
  .rank-card[data-rank="silver"]{--rank-color:var(--silver);}
  .rank-card[data-rank="goldnova"]{--rank-color:var(--goldnova);}
  .rank-card[data-rank="mg"]{--rank-color:var(--mg);}
  .rank-card[data-rank="ge"]{--rank-color:var(--ge);}
  .rank-top{display:flex; justify-content:space-between; align-items:flex-start;}
  .chevrons{display:flex; flex-direction:column; align-items:center; gap:2px; color:var(--rank-color, var(--ct));}
  .chevrons svg{width:16px; height:9px; display:block;}
  .rank-recommended{
    font-family:'JetBrains Mono', monospace; font-size:0.62rem; letter-spacing:0.1em;
    color:var(--void); background:var(--t); padding:4px 8px; border-radius:3px; text-transform:uppercase;
    position:absolute; top:-11px; right:20px; box-shadow:0 0 0 0 rgba(224,164,88,0.55);
    animation:badgePulse 2.4s ease-in-out infinite;
  }
  @keyframes badgePulse{
    0%,100%{ box-shadow:0 0 0 0 rgba(224,164,88,0.4); }
    50%{ box-shadow:0 0 0 6px rgba(224,164,88,0); }
  }
  @media (prefers-reduced-motion: reduce){ .rank-recommended{animation:none;} }
  .rank-title{font-family:'JetBrains Mono', monospace; font-size:0.7rem; letter-spacing:0.14em; color:var(--rank-color, var(--ct)); text-transform:uppercase;}
  .rank-name{font-family:'Teko',sans-serif; font-size:1.9rem; font-weight:600; color:var(--ink); letter-spacing:0.01em; margin:0;}
  .rank-desc{color:var(--ink-dim); font-size:0.92rem; flex-grow:1;}
  .rank-bottom{display:flex; justify-content:space-between; align-items:flex-end; gap:12px; padding-top:10px; border-top:1px solid var(--line);}
  .rank-duration{font-family:'JetBrains Mono', monospace; font-size:0.72rem; color:var(--ink-faint);}
  .rank-price{font-family:'JetBrains Mono', monospace; font-weight:700; font-size:1.35rem; color:var(--rank-color, var(--ct));}
  .rank-cta{
    font-family:'JetBrains Mono', monospace; font-size:0.72rem; letter-spacing:0.06em; text-transform:uppercase;
    color:var(--ink); background:transparent; border:1px solid var(--rank-color, var(--ct)); border-radius:4px;
    padding:9px 14px; text-decoration:none; text-align:center; transition:all .15s ease;
  }
  .rank-cta:hover{background:var(--rank-color, var(--ct)); color:var(--void);}

  details.pricelist{ margin-top:30px; border:1px solid var(--line); border-radius:4px; background:var(--panel); overflow:hidden; }
  details.pricelist summary{
    cursor:pointer; padding:16px 20px; font-family:'JetBrains Mono', monospace; font-size:0.78rem;
    letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-dim); list-style:none; display:flex; justify-content:space-between; align-items:center;
  }
  details.pricelist summary::-webkit-details-marker{display:none;}
  details.pricelist summary::after{content:"+"; font-size:1.1rem; color:var(--ink-faint);}
  details.pricelist[open] summary::after{content:"–";}
  .buymenu-bar{ display:flex; justify-content:space-between; align-items:center; padding:14px 20px; background:var(--panel-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-family:'JetBrains Mono', monospace; font-size:0.72rem; letter-spacing:0.12em; color:var(--ink-faint); text-transform:uppercase; }
  .buymenu-bar .cash{color:var(--t);}
  .buy-item{ display:grid; grid-template-columns:44px 1fr auto auto; align-items:center; gap:18px; padding:20px; border-bottom:1px solid var(--line); }
  .buy-item:last-child{border-bottom:none;}
  .buy-key{ font-family:'JetBrains Mono', monospace; font-size:1.1rem; color:var(--ink-faint); border:1px solid var(--line); border-radius:3px; width:34px;height:34px; display:flex;align-items:center;justify-content:center; }
  .buy-name{ font-weight:600; color:var(--ink); font-size:1.05rem; }
  .buy-desc{ color:var(--ink-dim); font-size:0.9rem; margin-top:3px; }
  .buy-duration{ font-family:'JetBrains Mono', monospace; font-size:0.78rem; color:var(--ink-faint); white-space:nowrap; text-align:right; }
  .buy-price{ font-family:'JetBrains Mono', monospace; font-weight:700; font-size:1.15rem; color:var(--ct); white-space:nowrap; text-align:right; min-width:110px; }
  @media (max-width:640px){ .buy-item{grid-template-columns:34px 1fr; row-gap:8px;} .buy-duration, .buy-price{grid-column:2; text-align:left;} }

    .process-track{display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative;}
  .process-track::before{content:""; position:absolute; top:17px; left:0; right:0; height:1px; background:var(--line);}
  .process-step{position:relative; padding:0 14px; text-align:left;}
  .process-step .pnum{
    width:34px;height:34px;border-radius:50%; background:var(--panel); border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono',monospace; font-size:0.8rem; color:var(--ct);
    margin-bottom:14px; position:relative; z-index:1;
  }
  .process-step h4{margin:0 0 6px; font-family:'Teko',sans-serif; font-size:1.25rem; letter-spacing:0.01em; text-transform:uppercase; color:var(--ink); font-weight:600;}
  .process-step p{margin:0; color:var(--ink-dim); font-size:0.85rem;}
  @media (max-width:900px){
    .process-track{grid-template-columns:1fr; gap:22px;}
    .process-track::before{display:none;}
  }

    .calc-shell{
    display:grid; grid-template-columns:1.3fr 1fr; gap:0;
    border:1px solid var(--line); border-radius:8px; overflow:hidden;
    background:
      linear-gradient(var(--panel), var(--panel)) padding-box,
      linear-gradient(135deg, rgba(224,164,88,0.5), rgba(111,168,220,0.15) 40%, transparent 70%) border-box;
    border:1px solid transparent;
    box-shadow:0 30px 60px rgba(0,0,0,0.35);
  }
  .calc-controls{ padding:30px; display:flex; flex-direction:column; gap:26px; }
  .calc-group{ display:flex; flex-direction:column; gap:12px; }
  .calc-label{ font-family:'JetBrains Mono', monospace; font-size:0.7rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-faint); }
  .calc-ranks{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .calc-rank-opt{
    background:var(--void); border:1px solid var(--line); border-radius:5px; padding:12px 14px; text-align:left;
    display:flex; flex-direction:column; gap:2px; transition:all .15s ease; color:var(--ink-dim);
  }
  .calc-rank-opt .cro-title{ font-family:'Teko',sans-serif; font-size:1.15rem; color:var(--ink); text-transform:uppercase; }
  .calc-rank-opt .cro-sub{ font-size:0.72rem; }
  .calc-rank-opt{transition:border-color .15s ease, transform .15s ease, background .15s ease;}
  .calc-rank-opt:hover{ border-color:var(--data-color, var(--ct)); transform:translateY(-2px); }
  .calc-rank-opt.is-active{ border-color:var(--data-color, var(--t)); background:rgba(224,164,88,0.06); }
  .calc-rank-opt[data-rank="silver"]{ --data-color:var(--silver); }
  .calc-rank-opt[data-rank="goldnova"]{ --data-color:var(--goldnova); }
  .calc-rank-opt[data-rank="mg"]{ --data-color:var(--mg); }
  .calc-rank-opt[data-rank="ge"]{ --data-color:var(--ge); }
  @media (max-width:480px){ .calc-ranks{grid-template-columns:1fr;} }

  .calc-stepper{ display:flex; align-items:center; gap:16px; }
  .calc-step-btn{
    width:38px; height:38px; border-radius:5px; background:var(--void); border:1px solid var(--line); color:var(--ink);
    font-size:1.2rem; display:flex; align-items:center; justify-content:center; transition:border-color .15s ease, transform .1s ease;
  }
  .calc-step-btn:hover{ border-color:var(--ct); }
  .calc-step-btn:active{ transform:scale(0.9); }
  .calc-step-val{ font-family:'Teko',sans-serif; font-size:1.8rem; color:var(--ink); min-width:28px; text-align:center; }

  .calc-addon{ display:flex; align-items:flex-start; gap:10px; font-size:0.88rem; color:var(--ink-dim); cursor:pointer; }
  .calc-addon input{ margin-top:3px; accent-color:var(--t); }
  .calc-addon b{ color:var(--t); }

  .calc-receipt{
    background:var(--panel-2); border-left:1px solid var(--line); padding:28px; display:flex; flex-direction:column;
  }
  .calc-receipt-head{ display:flex; justify-content:space-between; font-size:0.72rem; letter-spacing:0.1em; color:var(--ink-faint); border-bottom:1px dashed var(--line); padding-bottom:12px; margin-bottom:12px; }
  .calc-receipt-lines{ display:flex; flex-direction:column; gap:8px; font-size:0.82rem; color:var(--ink-dim); flex:1; }
  .calc-receipt-lines .cl-row{ display:flex; justify-content:space-between; gap:10px; }
  .calc-receipt-total{
    display:flex; justify-content:space-between; align-items:baseline; margin-top:16px; padding-top:14px;
    border-top:1px solid var(--line); font-family:'Teko',sans-serif; font-size:1.2rem; text-transform:uppercase; color:var(--ink);
  }
  .calc-total-num{ font-family:'JetBrains Mono', monospace; font-size:1.7rem; font-weight:700; color:var(--t); }
  .calc-receipt-note{ font-size:0.74rem; color:var(--ink-faint); margin-top:8px; min-height:1.2em; }
  @media (max-width:820px){ .calc-shell{grid-template-columns:1fr;} .calc-receipt{border-left:none; border-top:1px solid var(--line);} }
  @media (max-width:600px){ .calc-controls, .calc-receipt{padding:20px 18px;} }

  .about-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:40px; }
  .about-tag-list{ display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
  .about-tag{ font-family:'JetBrains Mono', monospace; font-size:0.72rem; letter-spacing:0.06em; padding:6px 12px; border:1px solid var(--line); border-radius:3px; color:var(--ink-dim); }
  .about-panel{ border:1px solid var(--line); border-radius:4px; background:var(--panel); padding:22px; height:fit-content; }
  .about-panel h3{ margin:0 0 14px; font-family:'JetBrains Mono', monospace; font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-faint); }
  .about-panel ul{margin:0; padding-left:18px; color:var(--ink-dim); font-size:0.92rem;}
  .about-panel li{margin-bottom:8px;}
  @media (max-width:780px){ .about-grid{grid-template-columns:1fr;} }

  .contact-panel{ border:1px solid var(--line); border-radius:4px; background:var(--panel); padding:40px; text-align:center; }
  .contact-panel .display{ font-size:clamp(1.6rem, 6vw, 2.2rem); color:var(--t); margin-bottom:8px; }
  @media (max-width:600px){ .contact-panel{padding:28px 20px;} }
  .contact-panel p{color:var(--ink-dim); max-width:520px; margin:0 auto 22px;}
  .contact-row{display:flex; gap:10px; align-items:center; justify-content:center; flex-wrap:wrap;}
  .contact-email{ display:inline-block; font-family:'JetBrains Mono', monospace; font-size:1.1rem; color:var(--ink); border:1px solid var(--ct); border-radius:3px; padding:12px 22px; text-decoration:none; transition:background 0.15s ease, color 0.15s ease; }
  .contact-email:hover{background:var(--ct); color:var(--void);}

    .brief-panel{ border:1px solid var(--line); border-radius:6px; background:var(--panel); padding:26px; margin-bottom:22px; }
  @media (max-width:600px){ .brief-panel{padding:18px 16px;} }
  .brief-title{ font-family:'JetBrains Mono', monospace; font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-dim); margin-bottom:16px; }
  .brief-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .brief-field{ display:flex; flex-direction:column; gap:6px; font-family:'Inter',sans-serif; font-size:0.85rem; color:var(--ink-dim); }
  .brief-field:last-child{ grid-column:1/-1; }
  .brief-field input, .brief-field select, .brief-field textarea{
    background:var(--void); border:1px solid var(--line); border-radius:4px; color:var(--ink);
    padding:10px 12px; font-family:'Inter',sans-serif; font-size:0.92rem; resize:vertical;
  }
  .brief-field input:focus, .brief-field select:focus, .brief-field textarea:focus{ border-color:var(--ct); }
  @media (max-width:640px){ .brief-grid{grid-template-columns:1fr;} }

  footer{ text-align:center; padding:32px 24px 48px; color:var(--ink-faint); font-family:'JetBrains Mono', monospace; font-size:0.75rem; letter-spacing:0.04em; }

  .backtop{ position:fixed; right:20px; bottom:20px; width:44px; height:44px; border-radius:50%; background:var(--panel); border:1px solid var(--line); color:var(--ink-dim); display:flex; align-items:center; justify-content:center; font-size:1rem; opacity:0; pointer-events:none; transform:translateY(8px); transition:all .2s ease; z-index:40; }
  .backtop.show{opacity:1; pointer-events:auto; transform:translateY(0);}
  .backtop:hover{color:var(--ink); border-color:var(--ct);}

  .sticky-cta{
    position:fixed; left:20px; bottom:20px; z-index:40;
    display:flex; align-items:center; gap:8px;
    background:var(--t); color:var(--void); font-family:'JetBrains Mono',monospace; font-weight:700; font-size:0.8rem;
    padding:12px 18px; border-radius:24px; text-decoration:none;
    opacity:0; pointer-events:none; transform:translateY(8px); transition:all .2s ease;
    box-shadow:0 8px 24px rgba(224,164,88,0.25);
  }
  .sticky-cta.show{opacity:1; pointer-events:auto; transform:translateY(0);}
  .sticky-cta:hover{background:#f0b878;}

    .reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
  .reveal.in{ opacity:1; transform:translateY(0); }

    .ticker{
    max-width:1180px; margin:18px auto 0; padding:0 24px;
  }
  .ticker-track{
    border:1px solid var(--line); border-radius:4px; background:var(--panel);
    overflow:hidden; position:relative; height:38px; display:flex; align-items:center;
  }
  .ticker-track::before, .ticker-track::after{
    content:""; position:absolute; top:0; bottom:0; width:36px; z-index:2; pointer-events:none;
  }
  .ticker-track::before{ left:0; background:linear-gradient(90deg, var(--panel), transparent); }
  .ticker-track::after{ right:0; background:linear-gradient(270deg, var(--panel), transparent); }
  .ticker-tag{
    flex:0 0 auto; height:100%; display:flex; align-items:center; gap:6px; padding:0 14px;
    font-family:'JetBrains Mono', monospace; font-size:0.68rem; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--ok); border-right:1px solid var(--line); background:var(--panel-2); z-index:3;
  }
  .ticker-tag .live-dot{background:var(--ok); animation:pulse 1.4s infinite;}
  .ticker-viewport{ overflow:hidden; flex:1; height:100%; position:relative; }
  .ticker-inner{
    display:flex; align-items:center; gap:48px; position:absolute; white-space:nowrap;
    animation:tickerScroll 26s linear infinite;
    font-family:'JetBrains Mono', monospace; font-size:0.78rem; color:var(--ink-dim); padding-left:24px;
  }
  .ticker-inner span b{color:var(--ink);}
  @keyframes tickerScroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
  .ticker-track:hover .ticker-inner{ animation-play-state:paused; }

    .live-badge{
    display:inline-flex; align-items:center; gap:5px; font-family:'JetBrains Mono', monospace;
    font-size:0.6rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--ok);
    border:1px solid rgba(94,203,125,0.35); border-radius:20px; padding:2px 8px; margin-top:6px;
  }
  .live-badge .live-dot{width:5px;height:5px;background:var(--ok); animation:pulse 1.4s infinite;}
  .live-badge.stale{color:var(--ink-faint); border-color:var(--line);}
  .live-badge.stale .live-dot{background:var(--ink-faint); animation:none;}
  .manual-badge{
    display:inline-block; font-family:'JetBrains Mono', monospace; font-size:0.6rem; letter-spacing:0.1em;
    text-transform:uppercase; color:var(--ink-faint); border:1px solid var(--line); border-radius:20px; padding:2px 8px; margin-top:6px;
  }
  .sb-data .num.num-sm{font-size:1.15rem;}

    .faq-item{ border-bottom:1px solid var(--line); }
  .faq-item:first-child{ border-top:1px solid var(--line); }
  .faq-item summary{
    cursor:pointer; padding:20px 4px; font-weight:600; color:var(--ink); list-style:none;
    display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:1rem;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{content:"+"; color:var(--ink-faint); font-size:1.2rem; flex:0 0 auto;}
  .faq-item[open] summary::after{content:"–";}
  .faq-item p{margin:0 4px 20px; color:var(--ink-dim); font-size:0.92rem; max-width:680px;}

    .assist-fab{
    position:fixed; right:20px; bottom:76px; z-index:41;
    display:flex; align-items:center; gap:9px;
    background:var(--panel); color:var(--ink); border:1px solid var(--ct);
    font-family:'JetBrains Mono', monospace; font-weight:700; font-size:0.78rem;
    padding:12px 16px; border-radius:24px; box-shadow:0 8px 24px rgba(0,0,0,0.35);
    transition:all .2s ease;
  }
  .assist-fab:hover{background:var(--ct); color:var(--void);}
  .assist-fab .pip{width:8px;height:8px;border-radius:50%; background:var(--ct); animation:pulse 1.6s infinite;}
  .assist-fab:hover .pip{background:var(--void);}

  .assist-panel{
    position:fixed; right:20px; bottom:132px; z-index:41; width:min(360px, calc(100vw - 40px));
    background:var(--panel); border:1px solid var(--line); border-radius:8px; overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,0.5);
    opacity:0; transform:translateY(12px) scale(0.98); pointer-events:none; transition:all .18s ease;
    max-height:min(520px, calc(100vh - 170px)); display:flex; flex-direction:column;
  }
  .assist-panel.open{ opacity:1; transform:translateY(0) scale(1); pointer-events:auto; }
  .assist-head{
    background:var(--panel-2); border-bottom:1px solid var(--line); padding:14px 16px;
    display:flex; justify-content:space-between; align-items:center;
  }
  .assist-head-title{ font-family:'JetBrains Mono', monospace; font-size:0.75rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink); display:flex; align-items:center; gap:8px;}
  .assist-head-title .pip{width:7px;height:7px;border-radius:50%; background:var(--ok); animation:pulse 1.6s infinite;}
  .assist-close{ background:none; border:none; color:var(--ink-faint); font-size:1.1rem; line-height:1; padding:4px;}
  .assist-close:hover{color:var(--ink);}
  .assist-body{ padding:16px; overflow-y:auto; font-size:0.88rem; color:var(--ink-dim); flex:1; }
  .assist-msg{ margin-bottom:14px; }
  .assist-msg b{color:var(--ink);}
  .assist-opts{ display:flex; flex-direction:column; gap:8px; margin-top:6px; }
  .assist-opt{
    text-align:left; background:var(--void); border:1px solid var(--line); color:var(--ink);
    border-radius:5px; padding:10px 12px; font-size:0.85rem; font-family:'Inter',sans-serif; transition:all .15s ease;
  }
  .assist-opt:hover{border-color:var(--ct); background:var(--panel-2);}
  .assist-result{ border:1px solid var(--t); border-radius:6px; padding:14px; margin-top:10px; background:rgba(224,164,88,0.06); }
  .assist-result .rname{ font-family:'Teko',sans-serif; font-size:1.4rem; color:var(--t); text-transform:uppercase; margin:0 0 6px; }
  .assist-result a{ display:inline-block; margin-top:10px; font-family:'JetBrains Mono', monospace; font-size:0.75rem; text-transform:uppercase; color:var(--void); background:var(--t); border-radius:4px; padding:8px 12px; text-decoration:none; }
  .assist-restart{ background:none; border:none; color:var(--ink-faint); font-size:0.75rem; text-decoration:underline; margin-top:10px; padding:0; font-family:'JetBrains Mono', monospace;}
  .assist-restart:hover{color:var(--ink);}
  @media (max-width:480px){ .assist-panel{ right:10px; left:10px; width:auto; bottom:126px; } .assist-fab{right:10px;} }

  @media print{
    .bootbar, nav.topnav, .nav-mobile, #watch, #clips, #calculator, .backtop, .sticky-cta, .copy-btn, .hero-actions, header.hero::before, .ticker, .assist-fab, .assist-panel, .killfeed, .brief-panel{display:none !important;}
    body{background:#fff; color:#111;}
    header.hero{padding-top:20px;}
    .logo, .tagline, h2{color:#111;}
    section{border-top:1px solid #ccc;}
    .scoreboard, .roster, .roster-item, .rank-card, .buy-item, .about-panel, .contact-panel, details.pricelist, .process-step .pnum{ background:#fff !important; border-color:#ccc !important; }
    .sb-head{background:#f2f2f2 !important;}
    .sb-data .num, .buy-price, .rank-price{color:#111 !important;}
    .rank-cta{display:none;}
  }