/* ============================================================
   DIAL SQUARE WORKS — factory.html only.
   The 3D squad factory has its own visual world (condensed display
   type, its own red/navy/brass palette), so every rule is scoped
   under .dsw and none of it leaks into styles.css territory. Class
   names that styles.css already owns (.btn, .chip, .x, .note,
   .eyebrow) are renamed here (.fbtn, .fchip, .fclose, .fnote,
   .feyebrow) so the site's rules can't reach in either.
   ============================================================ */
.dsw{
  --red:#DB0A16;
  --red-deep:#A10812;
  --white:#FBF8F4;
  --paper:#FFFDF9;
  --navy:#0F1B36;
  --navy-2:#1B2A4F;
  --brass:#C9A24B;
  --ink-soft:#5A5F70;
  --line:#E4DCD3;
  --display:"Big Shoulders Display","Oswald","Arial Narrow",Impact,sans-serif;
  --body:"Barlow Semi Condensed","Roboto Condensed","Arial Narrow",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  color-scheme:light;
}
.dsw #stage{position:absolute;inset:0;}
.dsw #stage canvas{display:block;width:100%;height:100%;outline:none;cursor:grab;}
.dsw #stage canvas:active{cursor:grabbing;}
.dsw #stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,rgba(15,27,54,0) 55%,rgba(15,27,54,.16) 100%);}
.dsw #hud{position:absolute;inset:0;pointer-events:none;grid-template-rows:auto 1fr auto auto!important;row-gap:10px;
  padding-top:max(14px, env(safe-area-inset-top,0px));
  padding-bottom:max(12px, env(safe-area-inset-bottom,0px));
  padding-left:max(16px, env(safe-area-inset-left,0px));
  padding-right:max(16px, env(safe-area-inset-right,0px));
  display:grid;grid-template-columns:minmax(0,420px) 1fr minmax(0,232px);grid-template-rows:auto 1fr auto;gap:12px;}
.dsw #hud > *{pointer-events:auto;}
.dsw .brand{grid-column:1/3;grid-row:1;align-self:start;pointer-events:none;max-width:560px;justify-self:start;text-shadow:0 0 18px rgba(251,248,244,.95),0 0 4px rgba(251,248,244,.9);}
.dsw .brand .feyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:600;display:flex;align-items:center;gap:8px;}
.dsw .brand .feyebrow::before{content:"";width:22px;height:2px;background:var(--red);}
.dsw .brand h1{font-family:var(--display);font-weight:900;font-size:clamp(32px,3.6vw,52px);line-height:.88;margin:6px 0 6px;letter-spacing:.01em;color:var(--navy);text-transform:uppercase;text-wrap:balance;}
.dsw .brand h1 span{color:var(--red);}
.dsw .brand p{display:none;}
.dsw .plate{grid-column:3;grid-row:1/3;align-self:start;justify-self:end;width:232px;max-width:100%;background:var(--navy);color:var(--white);position:relative;padding:10px 14px 11px;box-shadow:0 10px 30px -12px rgba(15,27,54,.55);}
.dsw .plate::before,.dsw .plate::after{content:"";position:absolute;top:8px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e9d79f,var(--brass) 55%,#7c6227);}
.dsw .plate::before{left:8px}
.dsw .plate::after{right:8px}
.dsw .plate .row1{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);padding:0 6px;}
.dsw .plate .season{font-family:var(--display);font-weight:900;font-size:44px;line-height:.9;margin:4px 0 7px;letter-spacing:.005em;font-variant-numeric:tabular-nums;}
.dsw .plate .season small{color:var(--red);font-size:44px;}
.dsw .plate dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0 0 8px;font-size:13px;}
.dsw .plate dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#93A0BE;padding-top:2px;}
.dsw .plate dd{margin:0;font-weight:600;}
.dsw .plate dd.pos{font-family:var(--display);font-weight:800;font-size:18px;line-height:1;}
.dsw .chips{display:flex;flex-wrap:wrap;gap:4px;min-height:0;}
.dsw .fchip{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border:1px solid var(--brass);color:#F3DFA6;}
.dsw .fchip.gold{background:var(--brass);color:var(--navy);}
.dsw .fchip.lost{border-color:#56638A;color:#AEB8D2;}
.dsw .plate .fnote{margin:8px 0 0;font-size:12.5px;line-height:1.35;color:#D9DEEA;border-top:1px solid #2C3B63;padding-top:7px;}
.dsw .strip{grid-column:1/-1;grid-row:3;display:flex;flex-direction:column;gap:6px;align-self:end;min-width:0;}
.dsw .lane{display:flex;align-items:flex-start;gap:8px;min-width:0;}
.dsw .lane-h{flex:none;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--red);}
.dsw .lane.out .lane-h{background:var(--navy);}
.dsw .lane-h b{font-weight:900;font-size:22px;font-variant-numeric:tabular-nums;}
.dsw .lane ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;min-width:0;}
.dsw .lane li{display:flex;align-items:baseline;gap:7px;height:34px;padding:0 10px;background:var(--paper);box-shadow:0 6px 16px -10px rgba(15,27,54,.55);cursor:pointer;white-space:nowrap;opacity:0;transform:translateY(5px);animation:slip .35s ease forwards;}
.dsw .lane li:hover{background:#fff;box-shadow:0 0 0 1px var(--navy) inset,0 6px 16px -10px rgba(15,27,54,.55);}
.dsw .lane li .code{font-family:var(--mono);font-size:9.5px;color:#9A938B;align-self:center;}
.dsw .lane li .nm{font-weight:700;font-size:15px;line-height:34px;}
.dsw .lane li .via{font-size:12.5px;color:var(--ink-soft);}
.dsw .lane li .star{color:var(--brass);font-size:12px;}
.dsw .lane li.ret .nm::after{content:"RETURN";font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.08em;background:var(--red);color:#fff;padding:1px 4px;margin-left:6px;vertical-align:2px;}
.dsw .lane li.empty{cursor:default;color:var(--ink-soft);font-size:13.5px;opacity:1;transform:none;animation:none;align-items:center;background:rgba(255,253,249,.7);}
@keyframes slip{to{opacity:1;transform:none}}
.dsw .lane li.more{background:var(--navy);color:#fff;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;align-items:center;opacity:1;transform:none;animation:none;}
.dsw .lane.out li.more{background:#33446F;}
.dsw .lane li.more:hover{background:var(--red);box-shadow:none;}
.dsw .lane.open ol{max-height:40vh;overflow-y:auto;}
.dsw .rail{grid-column:1/-1;grid-row:4;background:var(--navy);color:var(--white);display:flex;flex-direction:column;gap:12px;padding:10px 14px 8px;box-shadow:0 -6px 30px -16px rgba(15,27,54,.6);}
.dsw .rail .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.dsw .fbtn{appearance:none;border:1px solid #33446F;background:var(--navy-2);color:var(--white);font-family:var(--body);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;}
.dsw .fbtn:hover{border-color:#5E70A0;}
.dsw .fbtn:focus-visible,.dsw .tick:focus-visible,.dsw .seg button:focus-visible{outline:2px solid var(--brass);outline-offset:2px;}
.dsw .fbtn.primary{background:var(--red);border-color:var(--red);min-width:104px;justify-content:center;}
.dsw .fbtn.primary:hover{background:#EE1522;}
.dsw .fbtn svg{width:14px;height:14px;fill:currentColor;}
.dsw .fbtn.icon{width:36px;padding:0;justify-content:center;}
.dsw .seg{display:inline-flex;border:1px solid #33446F;height:36px;}
.dsw .seg button{appearance:none;border:0;background:transparent;color:#AEB8D2;font-family:var(--mono);font-weight:600;font-size:12px;padding:0 10px;cursor:pointer;}
.dsw .seg button[aria-pressed="true"]{background:var(--white);color:var(--navy);}
.dsw .seg.view button{font-family:var(--body);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:0 10px;}
.dsw .seg.view button[data-v="intake"][aria-pressed="true"]{background:var(--red);color:#fff;}
.dsw .seg.view button[data-v="despatch"][aria-pressed="true"]{background:#9FB3E0;color:var(--navy);}
.dsw .rail .spacer{flex:1;}
.dsw .rail .stat{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#93A0BE;white-space:nowrap;}
.dsw .rail .stat b{color:var(--white);font-weight:600;}
.dsw .rail .hintx{color:#6B7BA4;}
@media (max-width:1640px){.dsw .rail .hintx{display:none}
}
@media (max-width:1280px){.dsw .rail .stat.hide-sm{display:none}
}
.dsw .timeline{position:relative;display:grid;grid-template-columns:repeat(35,minmax(0,1fr));gap:3px;height:50px;}
.dsw .tick{appearance:none;border:0;padding:0;background:transparent;height:100%;cursor:pointer;display:flex;flex-direction:column;min-width:0;}
.dsw .tick .col{flex:1;min-height:0;display:flex;align-items:flex-end;position:relative;box-shadow:0 1px 0 #33446F;}
.dsw .tick .bar{display:block;width:100%;background:#33446F;transition:background .2s,height .2s;}
.dsw .tick.hon .bar{background:#8C93AE;}
.dsw .tick.title .bar{background:var(--brass);}
.dsw .tick.past .bar{background:#E6E1DA;}
.dsw .tick.past.hon .bar{background:#fff;}
.dsw .tick.past.title .bar{background:var(--brass);}
.dsw .tick.cur .bar{background:var(--red)!important;}
.dsw .tick .yr{display:block;height:15px;padding-top:4px;position:relative;left:50%;transform:translateX(-50%);width:max-content;font-family:var(--mono);font-size:9.5px;line-height:11px;color:#93A0BE;white-space:nowrap;visibility:hidden;}
.dsw .tick.lab .yr,.dsw .tick.cur .yr{visibility:visible;}
.dsw .tick.cur .yr{color:var(--white);font-weight:600;}
.dsw .tick .sh{position:absolute;left:50%;bottom:0;transform:translate(-50%,-3px);width:5px;height:5px;border-radius:50%;background:var(--navy);box-shadow:0 0 0 1.5px var(--brass);}
.dsw .timeline .prog{display:none;position:absolute;left:0;bottom:-5px;height:2px;background:var(--red);transition:width .2s linear;}
.dsw .pcard{position:fixed;z-index:50;width:250px;background:var(--paper);color:var(--navy);box-shadow:0 18px 40px -16px rgba(15,27,54,.6);padding:0 0 12px;pointer-events:auto;}
.dsw .pcard .head{background:var(--red);color:#fff;padding:10px 14px 9px;display:flex;justify-content:space-between;align-items:start;gap:10px;}
.dsw .pcard.leg .head{background:var(--navy);box-shadow:inset 0 -3px 0 var(--brass);}
.dsw .pcard.ad .head{background:var(--navy);box-shadow:inset 0 -3px 0 var(--red);}
.dsw .pcard.ad p{margin:12px 14px 0;font-size:14px;line-height:1.4;color:var(--ink-soft);}
.dsw .pcard.ad ul{margin:10px 14px 0;padding:0;list-style:none;display:grid;gap:6px;}
.dsw .pcard.ad li{font-size:13.5px;font-weight:600;display:flex;gap:8px;align-items:baseline;}
.dsw .pcard.ad li::before{content:"";width:8px;height:8px;background:var(--red);flex:none;transform:translateY(-1px);}
.dsw .pcard.ad .cta{display:block;margin:14px 14px 0;background:var(--red);color:#fff;text-decoration:none;font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:.03em;text-transform:uppercase;padding:9px 12px;text-align:center;}
.dsw .pcard.ad .cta:hover{background:#EE1522;}
.dsw .pcard.ad .cta:focus-visible{outline:2px solid var(--brass);outline-offset:2px;}
.dsw #hud.night .brand h1{color:var(--white);}
.dsw #hud.night .brand{text-shadow:0 0 18px rgba(10,17,34,.95),0 0 4px rgba(10,17,34,.9);}
.dsw #hud.night .brand .feyebrow{color:#FF4651;}
.dsw .fbtn.nightbtn[aria-pressed="true"]{background:var(--brass);border-color:var(--brass);color:var(--navy);}
.dsw .pcard .head h3{margin:0;font-family:var(--display);font-weight:900;font-size:28px;line-height:.95;text-transform:uppercase;letter-spacing:.01em;}
.dsw .pcard .head .ps{font-family:var(--mono);font-size:10px;letter-spacing:.12em;opacity:.85;margin-top:4px;display:block;}
.dsw .pcard .fclose{appearance:none;background:transparent;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:2px 4px;}
.dsw .pcard dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:12px 14px 0;font-size:14px;}
.dsw .pcard dt{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8A847C;padding-top:2px;}
.dsw .pcard dd{margin:0;font-weight:600;}
.dsw .pcard .spark{display:grid;grid-template-columns:repeat(35,1fr);gap:1px;margin:12px 14px 0;height:16px;}
.dsw .pcard .spark span{background:#ECE6DF;}
.dsw .pcard .spark span.on{background:var(--red);}
.dsw .pcard .spark span.now{outline:1px solid var(--navy);outline-offset:0;}
.dsw .pcard .axis{display:flex;justify-content:space-between;margin:3px 14px 0;font-family:var(--mono);font-size:9.5px;color:#8A847C;}
.dsw .hint{position:fixed;left:50%;transform:translateX(-50%);top:42%;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:rgba(255,253,249,.88);padding:6px 10px;pointer-events:none;transition:opacity .6s;}
.dsw .ledger-toggle{display:none;}
@media (max-width:860px){.dsw #hud{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto!important;gap:6px;padding-top:max(10px, env(safe-area-inset-top,0px));}
.dsw .brand{grid-column:1;grid-row:1;padding:4px 16px 6px;}
.dsw .brand h1{font-size:28px;margin:2px 0 0;}
.dsw .brand .feyebrow{font-size:9.5px;}
.dsw .brand .feyebrow .yrs{display:none;}
.dsw .plate{grid-column:1;grid-row:2;justify-self:start;width:auto;max-width:100%;padding:6px 10px 7px;display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:center;}
.dsw .plate::before,.dsw .plate::after{display:none;}
.dsw .plate .row1{display:none;}
.dsw .plate .season,.dsw .plate .season small{font-size:30px;margin:0;}
.dsw .plate dl{margin:0;font-size:12px;gap:1px 8px;}
.dsw .plate dt{font-size:8.5px;}
.dsw .plate dd.pos{font-size:15px;}
.dsw .plate .chips{grid-column:1/-1;margin-top:4px;}
.dsw .plate .fchip{font-size:8.5px;padding:2px 5px;}
.dsw .plate .fnote{display:none;}
.dsw .strip{grid-row:4;}
.dsw .lane li .via{display:none;}
.dsw .lane.open ol{max-height:32vh;overflow-y:auto;}
.dsw .lane-h{font-size:15px;height:30px;padding:0 8px;}
.dsw .lane li{height:30px;}
.dsw .lane li .nm{font-size:14px;line-height:30px;}
.dsw .lane li .code{display:none;}
.dsw .rail .stat.hide-sm{display:none;}
.dsw .rail{grid-row:5;padding:8px 10px 10px;}
.dsw .timeline{height:42px;gap:2px;}
.dsw .tick .yr{font-size:8.5px;}
.dsw .tick .sh{width:4px;height:4px;}
.dsw .hint{bottom:auto;top:46%;}

}
@media (max-width:420px){.dsw .seg button{padding:0 7px;}
.dsw .fbtn{padding:0 9px;font-size:13px;}
.dsw .fbtn.primary{min-width:84px;}

}
@media (prefers-reduced-motion:reduce){.dsw .docket li{animation:none;opacity:1;transform:none;}
 }


.dsw [hidden],.dsw.pcard[hidden],.dsw .pcard[hidden]{display:none!important;}
/* ---- page embedding: a full-bleed stage under the sticky nav ---- */
.dsw{position:relative;width:100%;scroll-margin-top:var(--navh,48px);height:calc(100svh - var(--navh,48px) - 12px);min-height:620px;max-height:1000px;overflow:hidden;background:#E9E3DC;color:var(--navy);font-family:var(--body);isolation:isolate;outline:none;}
.dsw .brand{display:none;}
.dsw #hud{grid-template-rows:auto 1fr auto auto!important;}
.dsw #stage canvas{touch-action:pan-y;}
.dsw .fbtn.soundbtn[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff;}
.dsw .fbtn.sharebtn[data-done]{background:var(--brass);border-color:var(--brass);color:var(--navy);}
@media (max-width:860px){
  .dsw{height:calc(100svh - var(--navh,48px) - 12px);min-height:640px;}
  .dsw .plate{grid-row:1;}
}
@media (prefers-reduced-motion:reduce){.dsw .lane li{animation:none;opacity:1;transform:none;}}
/* ---- the notes under the stage ---- */
.factory-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.factory-notes h3{margin:0 0 6px;}
.factory-notes p{margin:0;}
@media (max-width:860px){.factory-notes{grid-template-columns:1fr;}}

/* ---- homepage hero (index.html): a poster until the visitor walks in ---- */
.fhero{position:relative;background:#0A1622;color:#fff;}
.fhero__poster{position:relative;min-height:clamp(520px,76svh,820px);display:flex;align-items:flex-end;padding-block:clamp(40px,8vh,96px);
  background:linear-gradient(90deg,#0A1622 0%,rgba(10,22,34,.9) 36%,rgba(10,22,34,.35) 54%,rgba(10,22,34,0) 68%),linear-gradient(0deg,rgba(10,22,34,.7),rgba(10,22,34,0) 30%),url('assets/img/factory-hero.jpg') right center/auto 100% no-repeat #0A1622;}
.fhero__in{width:100%;}
.fhero__tag{display:inline-block;margin:0 0 14px;font-family:var(--mono,'IBM Plex Mono',monospace);font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:#EF0107;color:#fff;padding:6px 10px;}
.fhero__title{margin:0;max-width:16ch;font-size:clamp(38px,6.2vw,84px);line-height:.92;font-weight:900;font-variation-settings:'wdth' 72;text-transform:uppercase;letter-spacing:-.01em;text-wrap:balance;}
.fhero__title em{font-style:normal;color:#FF3B42;display:block;}
.fhero__deck{margin:18px 0 0;max-width:52ch;font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:rgba(255,255,255,.82);}
.fhero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.fhero.is-live .fhero__poster{display:none;}
@media (min-width:641px) and (max-width:1500px){.fhero__poster{background-position:0 0,0 0,right -14vw center;}}
@media (max-width:640px){.fhero__poster{background:linear-gradient(0deg,#0A1622 0%,#0A1622 36%,rgba(10,22,34,.7) 58%,rgba(10,22,34,.4) 100%),url('assets/img/factory-hero.jpg') 80% 0/auto 66% no-repeat #0A1622;}}

/* ---- control rail, art pass: the 35-season timeline reads as a skyline
   (bar height = league finish), gold for titles, silver for cups, the
   current season lit red. Buttons are slanted broadcast plates. Pure CSS
   over the existing markup; pressed-state colours above still win. ---- */
.dsw .rail{position:relative;padding:11px 14px 6px;gap:8px;
  background:radial-gradient(70% 160% at 0% 0%,rgba(239,1,7,.2),transparent 60%),radial-gradient(50% 140% at 100% 100%,rgba(201,162,75,.16),transparent 60%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 8px),linear-gradient(180deg,#16264F,#0A1330);
  box-shadow:0 -14px 40px -18px rgba(10,17,34,.75),inset 0 1px 0 rgba(255,255,255,.08);}
.dsw .rail::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--red) 0 58%,transparent 58% 59%,var(--brass) 59% 72%,transparent 72% 73%,#fff 73% 74%,transparent 74%);}
.dsw .rail .fbtn{border:0;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);padding:0 14px;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);transition:background .15s,transform .15s;}
.dsw .rail .fbtn.icon{width:40px;padding:0;}
.dsw .rail .fbtn:hover{background:rgba(255,255,255,.14);}
.dsw .rail .fbtn:active{transform:translateY(1px);}
.dsw .rail .fbtn.primary{background:linear-gradient(180deg,#FF2D36,#C8000A);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);min-width:104px;}
.dsw .rail .fbtn.primary:hover{background:linear-gradient(180deg,#FF4A52,#D4000B);}
.dsw .rail .seg{border:0;background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);padding:0 6px;}
.dsw .rail .seg button{color:#B9C3DC;transition:background .15s,color .15s;}
.dsw .rail .seg button:hover{color:#fff;}
.dsw .rail .seg button[aria-pressed="true"]{background:linear-gradient(180deg,#fff,#E3DED6);color:var(--navy);box-shadow:inset 0 -2px 0 var(--red);}
.dsw .rail .stat{padding:3px 9px;background:rgba(255,255,255,.05);border-left:2px solid var(--brass);color:#9FAACA;}
.dsw .rail .stat b{color:#fff;}
.dsw .timeline{height:50px;gap:3px;padding:3px 4px 0;border-radius:4px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.22));}
.dsw .tick .col{box-shadow:0 2px 0 rgba(255,255,255,.16);}
.dsw .tick .bar{border-radius:3px 3px 0 0;background:linear-gradient(180deg,#40558C,#22325C);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
  transform-origin:bottom;transition:background .2s,height .2s,transform .2s,filter .2s;}
.dsw .tick.hon .bar{background:linear-gradient(180deg,#DCE1EE,#8C93AE);}
.dsw .tick.title .bar{background:linear-gradient(180deg,#F6DA8A,#C9A24B 55%,#94722A);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 14px -2px rgba(201,162,75,.6);}
.dsw .tick.past .bar{background:linear-gradient(180deg,#F4EFE7,#C9C1B5);}
.dsw .tick.past.hon .bar{background:linear-gradient(180deg,#fff,#D9DCE6);}
.dsw .tick.past.title .bar{background:linear-gradient(180deg,#FFE8A3,#D4AE55 55%,#A07D30);}
.dsw .tick.cur .bar{background:linear-gradient(180deg,#FF4A52,#C8000A)!important;box-shadow:0 0 18px rgba(239,1,7,.75),inset 0 1px 0 rgba(255,255,255,.4);}
.dsw .tick.cur .col::before{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#fff;border-bottom:0;}
.dsw .tick:hover .bar{transform:scaleY(1.06);filter:brightness(1.18);}
.dsw .tick .sh{background:#0A1330;box-shadow:0 0 0 1.5px var(--brass),0 0 7px rgba(201,162,75,.9);}
.dsw .tick.cur .yr{background:var(--red);padding:2px 6px 0;color:#fff;}
@media (max-width:2100px){.dsw .rail .hintx{display:none}}
@media (max-width:1500px){.dsw .rail .stat.hide-sm{display:none}}
.dsw .rail .top{flex-wrap:nowrap;}.dsw .rail .top>*{flex-shrink:0}.dsw .rail .spacer{flex-shrink:1;min-width:0}
@media (max-width:1100px){.dsw .rail .top{flex-wrap:wrap}}
@media (max-width:640px){.dsw .tick .sh{width:3px;height:3px;box-shadow:0 0 0 1px var(--brass)}.dsw .rail .fbtn{padding:0 12px}.dsw .timeline{height:42px;gap:2px;padding:3px 2px 0}}
@media (prefers-reduced-motion:reduce){.dsw .tick .bar,.dsw .rail .fbtn{transition:none}.dsw .tick:hover .bar{transform:none}}

/* Legends XI card on the hub (external game on its own subdomain) */
.widget--legends{background:linear-gradient(135deg,#0A1622,#16264F 70%);color:#fff;border-color:transparent}
.widget--legends .widget__title,.widget--legends .widget__teaser,.widget--legends .widget__go{color:#fff}
.widget--legends .widget__teaser{opacity:.8}
.widget--legends .widget__icon{background:#EF0107;color:#fff}
.widget__new{display:inline-block;margin-left:6px;padding:3px 6px;vertical-align:3px;font:700 9.5px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;background:#C9A24B;color:#0A1622}