/* No Ragrets: a team site inside the Best Friends site (loaded after /shop.css).
   Laid out like an NHL club site: team bar, top story, next-game module, schedule, roster tables,
   the league. Colors from the logo and the home jersey: black, orange var(--nr), white.
   Orange buttons carry black text (white on orange is too faint to read). */
:root{--nr:#FF6A00;--nr2:#FF8A33;--nrrgb:255,106,0;--ink:#0B0A0A;--card:#141213;--card2:#1B1819;--rule:#2A2422;--soft:#B9B3C2}
body.nr{background:var(--ink)}
.nr ::selection{background:var(--nr);color:#000}
.nr .wrap.wide{max-width:1180px}
.nr .btn{background:var(--nr);color:#000}
.nr .btn:hover{background:var(--nr2)}
.nr .btn.big{box-shadow:none;width:auto}
.nr .btn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}
.nr .btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.nr .btn.lime{background:var(--lime);color:#000}
.nr input[type=url],.nr input[type=time],.nr input[type=password]{width:100%;font:inherit;font-size:17px;padding:12px 13px;border:2px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text)}
.nr input:focus,.nr select:focus,.nr textarea:focus{border-color:var(--nr);outline:3px solid rgba(var(--nrrgb),.25)}
.nr .chip.on{background:var(--nr);border-color:var(--nr);color:#000}
.nr a{text-decoration-color:rgba(var(--nrrgb),.6);text-underline-offset:3px}

/* ---------- Team bar ---------- */
.tbar{position:sticky;top:0;z-index:20;background:#000;border-bottom:3px solid var(--nr)}
.tbar .row{display:flex;align-items:center;gap:22px;min-height:64px}
.tlogo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:none}
.tlogo img{width:52px;height:auto}
.tlogo b{display:block;font-family:var(--display);font-weight:900;font-size:24px;line-height:.9;text-transform:uppercase;letter-spacing:.01em}
.tlogo small{display:block;font-family:var(--cond);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.tnav{display:flex;gap:2px;flex:1}
.tnav a{font-family:var(--cond);font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:#E8E4EE;text-decoration:none;padding:20px 12px;border-bottom:3px solid transparent;margin-bottom:-3px}
.tnav a:hover{color:#fff;border-bottom-color:#fff}
.tbar .btn.small{min-height:40px;padding:8px 18px;font-size:16px}
@media(max-width:900px){
  .tbar .row{flex-wrap:wrap;gap:0 12px;min-height:0;padding-top:8px}
  .tlogo img{width:42px}
  .tlogo b{font-size:21px}
  .tbar .sp{flex:1}
  .tnav{order:3;flex:1 1 100%;overflow-x:auto;scrollbar-width:none;margin:4px -16px 0;padding:0 8px}
  .tnav a{padding:10px 10px 12px;font-size:15px;white-space:nowrap}
}

/* ---------- Top story + next game ---------- */
.topstory{position:relative;background:#000;overflow:hidden}
.topstory .media{position:absolute;inset:0}
.topstory .media video,.topstory .media img{width:100%;height:100%;object-fit:cover;display:block}
.topstory .media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.7) 45%,rgba(0,0,0,.15) 100%),linear-gradient(0deg,rgba(0,0,0,.9) 0%,transparent 45%)}
.topstory .grid{position:relative;display:grid;grid-template-columns:1fr 380px;gap:30px;align-items:end;min-height:min(78vh,700px);padding-top:56px;padding-bottom:40px}
.tag{display:inline-block;font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;background:var(--nr);color:#000;padding:5px 10px;border-radius:4px}
.story h1{font-size:clamp(44px,6.4vw,84px);font-weight:900;line-height:.9;margin:14px 0 14px;max-width:12em}
.story p{font-size:clamp(17px,1.6vw,21px);color:#E6E1EC;margin:0 0 22px;max-width:32em}
.story .btns{gap:12px}
.story .btns .btn{min-width:200px}
.footage{position:absolute;left:16px;bottom:10px;font-family:var(--cond);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.65)}
@media(max-width:900px){
  .topstory .media{position:relative;height:56vw;max-height:340px}
  .topstory .media::after{background:linear-gradient(0deg,var(--ink) 0%,rgba(0,0,0,.2) 60%)}
  .topstory .grid{grid-template-columns:1fr;min-height:0;padding-top:0;margin-top:-60px;gap:22px}
  .story .btns .btn{flex:1 1 100%;min-width:0}
  .footage{position:static;display:block;padding:8px 16px 0;color:var(--soft)}
}

/* Next-game module (scoreboard) */
.ng{background:rgba(16,14,15,.94);border:1px solid var(--rule);border-top:4px solid var(--nr);border-radius:10px;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ng .h{display:flex;justify-content:space-between;font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.ng .h b{color:var(--nr)}
.ng .teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:16px 0 12px;text-align:center}
.ng .tm b{display:block;font-family:var(--cond);font-weight:800;font-size:18px;text-transform:uppercase;line-height:1.05;margin-top:8px}
.ng .tm small{font-size:12px;color:var(--soft);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.ng .tm img{width:66px;height:66px;object-fit:contain}
.ng .vs{font-family:var(--display);font-weight:900;font-size:22px;color:var(--soft)}
.ng .when{font-family:var(--display);font-weight:900;font-size:30px;text-transform:uppercase;text-align:center;line-height:1}
.ng .where{text-align:center;color:var(--soft);font-size:15px;margin-top:6px}
.ng .empty{color:var(--soft);text-align:center;padding:18px 0}
.badge{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;font-family:var(--display);font-weight:900;font-size:24px;letter-spacing:.02em;border:4px solid;box-shadow:inset 0 0 0 3px rgba(0,0,0,.25)}
.badge.sm{width:38px;height:38px;font-size:14px;border-width:3px}
.nrb{background:#000;border-color:var(--nr)!important;overflow:hidden}
.nrb img{width:62%;height:auto}
.badge.lgb{overflow:hidden;padding:0}
.badge.lgb img{width:100%;height:100%;object-fit:contain;padding:9%;box-sizing:border-box;display:block}

/* Game strip */
.gstrip{background:#000;border-bottom:1px solid var(--rule)}
.gstrip .scroll{display:flex;gap:0;overflow-x:auto;scrollbar-width:thin;max-width:1180px;margin:0 auto}
.gcell{flex:0 0 auto;min-width:170px;padding:12px 16px;border-right:1px solid var(--rule);text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:6px}
.gcell .d{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.gcell .o{display:flex;align-items:center;gap:8px;font-weight:700}
.gcell .s{font-size:13px;color:var(--soft)}
.gcell.next{background:linear-gradient(180deg,rgba(var(--nrrgb),.18),transparent)}
.gcell.next .d{color:var(--nr)}
.gcell.past{opacity:.6}

/* ---------- Sections ---------- */
.sec2{padding:64px 0;border-bottom:1px solid var(--rule)}
.sec2.alt{background:#0F0D0D}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px;border-bottom:2px solid #fff;padding-bottom:12px}
.shead h2{font-size:clamp(36px,5vw,58px);font-weight:900;line-height:.9;margin:0}
.shead .more{font-family:var(--cond);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--nr);text-decoration:none}
.kick2{font-family:var(--cond);font-weight:800;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--nr);margin:0 0 8px}

/* Welcome */
.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.intro h2{font-size:clamp(44px,6.5vw,84px);font-weight:900;line-height:.86;margin:0 0 18px}
.intro h2 span{color:var(--nr);display:block}
.intro p{font-size:19px;color:#DCD7E3;margin:0 0 14px;max-width:34em}
.facts2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.facts2 div{background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--nr);border-radius:8px;padding:14px 16px}
.facts2 b{display:block;font-family:var(--display);font-weight:900;font-size:34px;line-height:1;text-transform:uppercase}
.facts2 span{font-size:14px;color:var(--soft)}
@media(max-width:900px){.intro{grid-template-columns:1fr;gap:24px}}

/* Schedule */
.sched{width:100%;border-collapse:collapse}
.played{margin-top:18px}
.played summary{font-family:var(--cond);font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);padding:10px 0}
.sched td{padding:14px 10px;border-bottom:1px solid var(--rule);vertical-align:middle}
.sched tr.next td{background:rgba(var(--nrrgb),.08)}
.sched tr.past{opacity:.55}
.sched .dt{font-family:var(--cond);font-weight:800;text-transform:uppercase;white-space:nowrap}
.sched .dt small{display:block;font-family:var(--body);font-weight:600;font-size:13px;color:var(--soft);text-transform:none}
.sched .opp{display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px}
.sched .ha{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.sched .rk{color:var(--soft);font-size:15px}
.sched .st{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--nr);white-space:nowrap}
@media(max-width:700px){.sched .rk{display:none}.sched td{padding:12px 6px}.sched .opp{font-size:16px}}

/* Roster tables */
.rgroup{margin-bottom:30px}
.rgroup h3{font-family:var(--cond);font-weight:800;font-size:18px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin:0 0 6px}
.rtable{width:100%;border-collapse:collapse;table-layout:fixed}
.rtable th:first-child,.rtable td.num{width:64px}
.rtable th:last-child,.rtable td.pos{width:70px;text-align:center}
.rtable th{font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);text-align:left;padding:8px 10px;border-bottom:1px solid var(--rule)}
.rtable td{padding:10px;border-bottom:1px solid var(--rule);vertical-align:middle}
.rtable tr:hover td{background:var(--card)}
.rtable .num{font-family:var(--display);font-weight:900;font-size:26px;color:var(--nr);width:56px}
.rtable .who{display:flex;align-items:center;gap:12px}
.head{flex:0 0 46px;width:46px;height:46px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,#2A211C,#0E0C0C);border:2px solid #3A2E27;display:flex;align-items:center;justify-content:center}
.head img{width:100%;height:100%;object-fit:cover}
.head .sk{width:70%;height:auto;opacity:.85}
.rtable .nm{font-weight:700;font-size:17px}
.rtable .rl{display:inline-block;margin-left:8px;font-family:var(--cond);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#000;background:var(--nr);border-radius:4px;padding:1px 6px;vertical-align:2px}
.rtable .pos{font-family:var(--cond);font-weight:800;text-transform:uppercase;color:#E2DDE8}
.rnote{font-size:14px;color:var(--soft);margin:-12px 0 22px}

/* League */
.league{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.lteam{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:16px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.lteam b{font-family:var(--cond);font-weight:800;font-size:17px;text-transform:uppercase;line-height:1.05}
.lteam.us{border-color:var(--nr);background:linear-gradient(180deg,rgba(var(--nrrgb),.14),var(--card))}
.lteam small{font-size:12px;color:var(--soft)}

/* Older team page pieces */
.letter{font-size:18px;line-height:1.6;color:#EDEAF1}
.letter p{margin:0 0 14px}
.sig{display:flex;align-items:center;gap:12px;margin:6px 0 22px}
.sig .num{font-family:var(--display);font-weight:900;font-size:28px;color:#000;background:var(--nr);border-radius:8px;width:52px;height:52px;display:flex;align-items:center;justify-content:center}
.sig b{display:block;font-family:var(--cond);font-weight:800;font-size:19px;text-transform:uppercase}
.sig span{font-size:14px;color:var(--soft)}
.details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 20px;border-top:1px solid var(--rule)}
.details > div{padding:12px 0;border-bottom:1px solid var(--rule)}
.details > div:nth-child(odd){padding-right:14px}
.details dt{font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.details dd{margin:3px 0 0;font-weight:700;font-size:17px}
.details .wide{grid-column:1/-1;padding-right:0}
.tbc{display:inline-block;font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--nr);border:1.5px dashed var(--nr);border-radius:6px;padding:1px 8px}
.plan{list-style:none;margin:0;padding:0}
.plan li{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--rule)}
.plan .t{flex:0 0 78px;font-family:var(--cond);font-weight:800;color:var(--nr);text-transform:uppercase;font-size:15px}
.bring{list-style:none;margin:0;padding:0}
.bring li{padding:4px 0}
.bring label{display:flex;gap:12px;align-items:center;cursor:pointer}
.bring input{width:22px;height:22px;accent-color:var(--nr);flex:none}
.minihead{font-family:var(--cond);font-weight:800;font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:22px 0 6px}
.later{font-size:14px;color:var(--soft);border:1px dashed #3A302A;border-radius:8px;padding:10px 12px;margin-top:20px}

/* Forms */
.form{background:var(--card);border:1px solid var(--rule);border-top:4px solid var(--nr);border-radius:10px;padding:22px 20px}
.form h3{font-size:34px;margin:0 0 4px}
.form .q{font-family:var(--cond);font-weight:800;font-size:18px;text-transform:uppercase;color:#fff;margin:20px 0 8px}
.form .q small{display:block;font-family:var(--body);text-transform:none;font-weight:500;font-size:14px;color:var(--soft);margin-top:2px}
.checks{display:grid;gap:8px}
.check{margin:0;display:flex;gap:12px;align-items:flex-start;border:2px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--panel2);cursor:pointer}
.check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--nr);flex:none}
.check b{display:block;font-weight:700}
.check span{display:block;font-size:14px;color:var(--soft)}
.check.on{border-color:var(--nr)}
.stepper{display:inline-flex;align-items:center;gap:12px}
.stepper button{width:44px;height:44px;border-radius:10px;border:2px solid var(--line2);background:var(--panel2);color:#fff;font-size:22px;font-weight:700;cursor:pointer}
.stepper output{font-family:var(--display);font-weight:900;font-size:30px;min-width:28px;text-align:center}
.saved{border:2px solid var(--lime);border-radius:10px;padding:20px;background:rgba(184,255,0,.05);margin-bottom:16px}
.saved h3{font-size:32px;margin:4px 0 8px}
.saved .kicker{color:var(--lime)}
.saved ul{margin:8px 0 0;padding-left:18px;color:#DAD6E1}
select optgroup{color:#000}
.share{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Subs */
.subs{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.subs .pitch h2{font-size:clamp(40px,5.6vw,70px);font-weight:900;line-height:.88;margin:0 0 16px}
.subs .pitch h2 span{color:var(--nr)}
.subs .pitch p{font-size:18px;color:#DCD7E3;margin:0 0 16px}
.ticks{list-style:none;margin:0 0 18px;padding:0}
.ticks li{position:relative;padding:8px 0 8px 32px;border-bottom:1px solid var(--rule);font-size:17px}
.ticks li::before{content:"";position:absolute;left:2px;top:13px;width:16px;height:9px;border-left:3px solid var(--nr);border-bottom:3px solid var(--nr);transform:rotate(-45deg)}
.goalies{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--rule);border-left:4px solid #fff;border-radius:8px;padding:14px 16px}
.goalies img{width:56px;height:auto}
.goalies b{display:block;font-family:var(--cond);font-weight:800;font-size:20px;text-transform:uppercase}
@media(max-width:900px){.subs{grid-template-columns:1fr}}

/* Welcome to the club (Best Friends) */
.bfband{background:radial-gradient(60% 90% at 15% 0%,rgba(110,0,181,.5),transparent 70%),radial-gradient(50% 80% at 100% 100%,rgba(230,69,140,.24),transparent 70%),#07060A}
.bfband .grid{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}
.bfband img{width:160px;height:auto}
.bfband h2{font-size:clamp(40px,6vw,72px);font-weight:900;line-height:.88;margin:0 0 12px}
.bfband h2 span{color:var(--pink)}
.bfband p{font-size:18px;color:#DCD7E3;margin:0 0 6px;max-width:38em}
.bfband .btns .btn{min-width:200px}
@media(max-width:820px){.bfband .grid{grid-template-columns:1fr;text-align:center}.bfband img{margin:0 auto;width:120px}.bfband p{margin-left:auto;margin-right:auto}.bfband .btns{justify-content:center}.bfband .btns .btn{flex:1 1 100%}}

/* Phones: RSVP one thumb away */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:20;display:none;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(0,0,0,.94);border-top:2px solid var(--nr);transform:translateY(110%);transition:transform .25s}
.dock.show{transform:none}
.dock .btn{flex:1;min-height:48px;font-size:17px}
@media(max-width:900px){.dock{display:flex}body.nr .foot{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#fff;color:#000;font-weight:700;border-radius:999px;padding:11px 18px;box-shadow:0 10px 30px rgba(0,0,0,.4);z-index:50;max-width:calc(100vw - 32px)}
@media(prefers-reduced-motion:reduce){.dock{transition:none}}

/* Our spots (Sam's system): D Defense (white), S Swing (orange ring), F Forechecker (solid orange), G goalie */
.spt{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;font-family:var(--cond);font-weight:800;font-size:14px;background:#000;border:2px solid var(--rule);color:var(--soft)}
.spt.D{border-color:#fff;color:#fff}
.spt.S{border-color:var(--nr);color:var(--nr)}
.spt.F{background:var(--nr);border-color:var(--nr);color:#000}
.spt.G{border-color:var(--lime);color:var(--lime)}
.spots3{display:grid;gap:10px;margin:0 0 6px}
.spot3{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.spot3.you{border-color:var(--nr);background:#170D06}
.spot3 .spt{grid-row:1/span 4;align-self:start;width:44px;height:44px;border-radius:12px;font-size:24px;font-family:var(--display);font-weight:900}
.spot3 b{font-family:var(--display);font-weight:900;font-size:26px;text-transform:uppercase;line-height:.95}
.spot3 i{font-style:normal;font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--nr)}
.spot3 .tx{grid-column:2;color:#DDD8E4;font-size:15px;margin-top:4px}
.spot3 small{grid-column:2;font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--nr);margin-top:6px}
.creedbox{margin-top:24px;border:2px solid var(--nr);border-radius:16px;padding:18px;text-align:center;background:radial-gradient(80% 80% at 50% 0%,rgba(var(--nrrgb),.18),transparent 70%)}
.creedbox b{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--nr)}
.creedbox p{font-family:var(--display);font-weight:900;font-size:clamp(24px,6.6vw,34px);line-height:1;text-transform:uppercase;margin:8px 0 0}
/* How we play (public page): the three spots, the animated triangle and the team's video. */
.howplay{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.howplay h2{font-size:clamp(40px,5.6vw,76px);font-weight:900;line-height:.88;margin:0 0 16px}
.howplay h2 span{color:var(--nr);display:block}
.howplay .howtext>p{font-size:18px;color:#DCD7E3;margin:0 0 18px;max-width:34em}
.howmedia{display:grid;gap:14px}
@media(max-width:900px){.howplay{grid-template-columns:1fr;gap:22px}}
.diag{margin:0}
.diag figcaption{font-size:14px;color:#CFC9D8;margin-top:6px}
.vid{margin:0}
.vid figcaption{font-size:14px;color:#DDD8E4;margin-top:6px;line-height:1.35}
.vid figcaption small{color:var(--soft)}
/* The creed */
.creedband{padding:56px 0;text-align:center;background:linear-gradient(180deg,#0B0A0A,#160A02 50%,#0B0A0A);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.creedband .creed{font-family:var(--display);font-weight:900;font-size:clamp(34px,6vw,76px);line-height:.95;text-transform:uppercase;margin:0 auto;max-width:15em}
.creedband .creed span{color:var(--nr)}
/* Recruiting */
.wantband{background:radial-gradient(60% 100% at 0% 0%,rgba(184,255,0,.12),transparent 70%),#0B0A0A;border-top:3px solid var(--lime)}
.wantband .kick2{color:var(--lime)}
.wantband h2{font-size:clamp(44px,7vw,88px);font-weight:900;line-height:.86;margin:0 0 12px;text-transform:uppercase}
.wantband p{font-size:18px;color:#DCD7E3;max-width:34em}
.ticks li b{color:#fff}

/* ================= The team page, rebuilt to wow (2026-10-26) ================= */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Hero: the real game clip behind the logo */
.hero2{position:relative;display:flex;align-items:center;min-height:min(92svh,880px);overflow:hidden;background:#000;border-bottom:1px solid var(--rule)}
.hero2 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.hero2::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 38%,rgba(var(--nrrgb),.28),transparent 70%),linear-gradient(0deg,var(--ink) 0%,rgba(11,10,10,.35) 38%,rgba(0,0,0,.55) 100%)}
.heroin{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:48px;padding-bottom:92px}
.hlogo{width:min(64vw,340px);height:auto;filter:drop-shadow(0 24px 50px rgba(0,0,0,.85)) drop-shadow(0 0 60px rgba(var(--nrrgb),.35));animation:hpop .7s cubic-bezier(.2,1.4,.4,1) both}
@keyframes hpop{from{transform:scale(.7) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}
.tagline{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(30px,6.4vw,64px);line-height:.9;margin:18px 0 0;text-shadow:0 4px 24px rgba(0,0,0,.6)}
.tagline span{display:block;color:var(--nr)}
.hkick{font-family:var(--cond);font-weight:800;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin:14px 0 0;opacity:.9;text-shadow:0 2px 12px rgba(0,0,0,.7);position:relative;z-index:1}
.hsub{font-family:var(--cond);font-weight:800;font-size:clamp(16px,2.6vw,22px);letter-spacing:.06em;text-transform:uppercase;color:#E3DEEA;margin:10px 0 0;text-shadow:0 2px 14px rgba(0,0,0,.7);position:relative;z-index:1}
.facts{background:#0b0a0c;border-bottom:1px solid var(--rule)}
.facts dl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0}
.facts dl>div{padding:14px 12px;border-left:1px solid var(--rule)}
.facts dl>div:first-child{border-left:0;padding-left:0}
.facts dt{font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--nr)}
.facts dd{margin:2px 0 0;font-weight:700;font-size:15px;color:#fff;display:flex;align-items:center;gap:6px}
.facts .sw{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.5)}
.facts .sw.o{background:var(--nr);border-color:var(--nr)}
.facts .sw.b{background:#000}
@media(max-width:900px){.facts dl{grid-template-columns:repeat(3,minmax(0,1fr))}.facts dl>div:nth-child(4){border-left:0;padding-left:0}.facts dl>div:nth-child(n+4){border-top:1px solid var(--rule)}}
@media(max-width:520px){.facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}.facts dl>div{border-left:0;padding-left:0;border-top:1px solid var(--rule)}.facts dl>div:nth-child(-n+2){border-top:0}.facts dl>div:nth-child(even){padding-left:12px;border-left:1px solid var(--rule)}}
.howticks{margin:14px 0 0}
.howjoke{font-style:italic;color:#DCD7E3;margin-top:12px}
.creedband .creedsub{font-size:18px;color:#DCD7E3;margin:16px auto 0;max-width:34em}
.playlede{font-size:18px;color:#DCD7E3;margin:-4px 0 14px;max-width:36em}
.nextchip{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:22px;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 16px 7px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nextchip .lbl{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--nr)}
.nextchip .ngb{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.nextchip b{font-family:var(--cond);font-weight:800;font-size:18px;text-transform:uppercase}
.nextchip span span,.nextchip .ngb>span{color:#E3DEEA;font-weight:600}
.nextchip i{font-style:normal;font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;background:var(--lime);color:#000;border-radius:999px;padding:3px 9px}
.herob{justify-content:center;margin-top:26px;gap:12px}
.herob .btn{min-width:230px}
@media(max-width:560px){.herob .btn{flex:1 1 100%;min-width:0}}
.cue{position:absolute;left:50%;bottom:18px;z-index:1;width:44px;height:44px;margin-left:-22px;display:flex;align-items:center;justify-content:center}
.cue span{width:14px;height:14px;border-right:3px solid rgba(255,255,255,.7);border-bottom:3px solid rgba(255,255,255,.7);transform:rotate(45deg);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%,100%{transform:translateY(-4px) rotate(45deg);opacity:.5}50%{transform:translateY(4px) rotate(45deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.hlogo,.cue span{animation:none}}
/* Section heads */
.nrx .hd h2{font-size:clamp(44px,7vw,92px);font-weight:900;line-height:.86;margin:0 0 26px}
.nrx .hd h2 span{color:var(--nr)}
/* The crew: trading cards */
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:700px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}}
.pc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/4;border-radius:16px;overflow:hidden;padding:12px 12px 12px 14px;background:radial-gradient(120% 70% at 50% 0%,rgba(var(--nrrgb),.32),transparent 62%),linear-gradient(180deg,#1C120D,#0B0A0A 70%);border:1px solid #3A2A20;box-shadow:0 14px 30px rgba(0,0,0,.45);transition:transform .2s,border-color .2s}
.pc:hover{transform:translateY(-4px);border-color:var(--nr)}
.pc .pnum{position:absolute;top:2px;right:10px;font-family:var(--display);font-weight:900;font-size:clamp(56px,13vw,92px);line-height:1;color:transparent;-webkit-text-stroke:2px rgba(var(--nrrgb),.75)}
.pc .ph{position:absolute;inset:16% 12% 36% 12%;display:flex;align-items:center;justify-content:center}
.pc .ph img{width:78%;height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.7))}
.pc.hasph .ph{inset:0}
.pc.hasph .ph img{width:100%;height:100%;object-fit:cover;filter:none}
.pc.hasph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,5,5,.95) 0%,rgba(6,5,5,.2) 45%,transparent 70%)}
.pc>*:not(.ph){position:relative;z-index:1}
.pc .pnum{position:absolute}
.pc .pfirst{font-family:var(--cond);font-weight:800;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--nr)}
.pc .nm{font-family:var(--display);font-weight:900;font-size:clamp(24px,5.4vw,34px);line-height:.9;text-transform:uppercase;color:#fff;overflow-wrap:anywhere}
.pc .pbar{display:flex;align-items:center;gap:6px;margin-top:8px}
.pc .ptx{font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#CFC9D8}
.pc .rl{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:var(--nr);color:#000;font-family:var(--display);font-weight:900;font-size:17px}
.teamphoto{grid-column:1/-1;margin:0 0 6px}
.teamphoto img{width:100%;border-radius:14px;display:block}
.benchwrap{grid-column:1/-1;margin-top:22px}
.benchh{font-family:var(--cond);font-weight:800;font-size:20px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}
.benchh small{display:block;font-family:var(--body);font-weight:500;font-size:15px;letter-spacing:0;text-transform:none;color:var(--soft);margin-top:2px}
.bench{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bench li{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--rule);border-radius:999px;padding:5px 14px 5px 6px}
.bench .nm{font-weight:700}
.bench small{color:var(--soft);font-weight:600}
/* Party and Play with us: the pitch, and the form opens on a tap */
.partyx,.playx{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
@media(max-width:900px){.partyx,.playx{grid-template-columns:1fr;gap:20px}}
.pcopy h2,.playx h2{font-size:clamp(44px,6.4vw,84px);font-weight:900;line-height:.86;margin:0 0 16px}
.pcopy h2 span,.playx h2 span{display:block;color:var(--nr)}
.lead2{font-size:19px;color:#DCD7E3;margin:0 0 12px;max-width:32em}
.pwhen{font-family:var(--cond);font-weight:800;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:0 0 18px}
.more2{margin-top:18px;border-top:1px solid var(--rule);padding-top:12px}
.more2>summary{cursor:pointer;font-family:var(--cond);font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--nr)}
.panelx:focus{outline:none}
.wantchip{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;border:2px solid var(--lime);border-radius:14px;padding:12px 16px;margin:0 0 16px;background:rgba(184,255,0,.06)}
.wantchip span{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.wantchip b{font-family:var(--display);font-weight:900;font-size:30px;text-transform:uppercase;line-height:1}
.wantchip small{flex-basis:100%;color:#DCD7E3;font-size:15px}
.perks2{margin:0 0 20px}
.perks2 li{font-size:16px;color:#DCD7E3}
.clubchips{display:flex;flex-wrap:wrap;gap:8px}
.clubchips a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 16px;border-radius:999px;background:var(--card);border:1px solid var(--rule);color:#fff;text-decoration:none;font-family:var(--cond);font-weight:800;font-size:16px;letter-spacing:.04em;text-transform:uppercase;transition:border-color .2s}
.clubchips a:hover{border-color:var(--nr)}
/* League strip */
.leaguebar{padding:30px 0 40px}
.leaguebar .league{display:flex;overflow-x:auto;gap:10px;scrollbar-width:none;padding-bottom:4px}
.leaguebar .lteam{flex:0 0 132px;padding:12px 10px}
.leaguebar .lteam b{font-size:15px}
.more2.opt{margin-top:16px}
.more2.opt>summary{font-size:15px}
@media(max-width:560px){.nextchip{border-radius:18px;padding:10px 14px}}
/* Learn your spot (tutorials by spot) */
.learn{margin-top:40px;padding-top:28px;border-top:1px solid var(--rule)}
.learnhd h3{font-size:clamp(30px,4.4vw,48px);font-weight:900;margin:0;line-height:.95}
.learnhd p{color:#CFC9D8;margin:6px 0 16px}
.learntabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.learntabs button{display:inline-flex;align-items:center;gap:8px;font:inherit;font-family:var(--cond);font-weight:800;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--card);border:2px solid var(--rule);border-radius:999px;padding:7px 16px 7px 8px;cursor:pointer;min-height:44px}
.learntabs button[aria-selected=true]{border-color:var(--nr);background:#1E120A}
.learnbody{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}
@media(max-width:900px){.learnbody{grid-template-columns:1fr;gap:16px}}
.learnjob b{font-family:var(--display);font-weight:900;font-size:28px;text-transform:uppercase;line-height:1}
.learnjob .line{color:var(--nr);font-weight:700;margin:6px 0 8px}
.learnjob ul{margin:0;padding-left:20px;color:#E3DEEA}
.learnjob li{margin:6px 0}
.learnvids{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.learnvids figcaption b{color:#fff}
/* Club links */
.clubrow{padding:40px 0;border-bottom:1px solid var(--rule);background:radial-gradient(60% 120% at 10% 0%,rgba(110,0,181,.28),transparent 70%),#0B0A0A}
/* Our film: How we play 3 on 3 (film.js) */
.film{max-width:100%}
.fframe{position:relative;border-radius:16px;overflow:hidden;background:#0B0A0A;border:1px solid var(--rule)}
.fframe svg{display:block;width:100%;height:auto;cursor:pointer;font-family:var(--cond)}
.fa circle:not(.fring){stroke-width:2.5}
.fa.us circle:not(.fring){fill:var(--nr);stroke:#7A3300}
.fa.them circle:not(.fring){fill:#fff;stroke:#555}
.fa text{font-family:"Barlow Condensed",Arial,sans-serif;font-weight:800;font-size:16px;fill:#000}
.fa .fring{fill:none;stroke:#000;stroke-width:3.5;opacity:0;transition:opacity .25s}
.fa.lit .fring{opacity:1;animation:fpulse 1s ease-in-out infinite}
@keyframes fpulse{50%{stroke-width:6}}
.fg circle{stroke-width:2}
.fg.us circle{fill:#B84C00;stroke:#5A2600}
.fg.them circle{fill:#D9DEE3;stroke:#555}
.fg text{font-family:"Barlow Condensed",Arial,sans-serif;font-weight:800;font-size:12px;fill:#000}
.fpuck{fill:#111}
.ftri{fill:rgba(var(--nrrgb),.13);stroke:var(--nr);stroke-width:3;stroke-dasharray:7 5;stroke-linejoin:round}
.fmark{stroke:#333;stroke-width:2;stroke-dasharray:4 4}
.fword{font-family:"Barlow Condensed",Arial,sans-serif;font-weight:800;font-size:18px;letter-spacing:.06em;fill:#111;paint-order:stroke;stroke:#fff;stroke-width:5px}
.fz{font-size:13px;font-weight:800;letter-spacing:.12em}
.fgoal{font-family:"Big Shoulders Display",Impact,sans-serif;font-weight:900;font-size:54px;fill:var(--nr);paint-order:stroke;stroke:#000;stroke-width:6px;opacity:0;transition:opacity .2s}
.fend{opacity:0;pointer-events:none}
.fe1{font-family:"Big Shoulders Display",Impact,sans-serif;font-weight:900;font-size:64px;fill:var(--nr)}
.fe2{font-family:"Big Shoulders Display",Impact,sans-serif;font-weight:900;font-size:28px;fill:#fff}
.fe3{font-family:"Barlow Condensed",Arial,sans-serif;font-weight:800;font-size:16px;letter-spacing:.06em;fill:#CFC9D8}
.fchap{position:absolute;left:12px;top:10px;font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.72);border-radius:999px;padding:4px 10px;pointer-events:none}
.fchap:empty{display:none}
.fbig{position:absolute;left:0;right:0;top:38%;text-align:center;font-family:var(--display);font-weight:900;font-size:clamp(30px,7vw,64px);text-transform:uppercase;color:#fff;text-shadow:0 3px 0 #000,0 0 24px rgba(0,0,0,.7);pointer-events:none;transition:opacity .2s}
.fcap{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);text-align:center;font-weight:700;font-size:clamp(14px,2.2vw,19px);line-height:1.3;color:#fff;background:rgba(0,0,0,.82);border-radius:10px;padding:7px 12px;pointer-events:none}
.fcap:empty{display:none}
.fcover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;cursor:pointer;color:#fff;font:inherit;background:radial-gradient(60% 70% at 50% 50%,rgba(0,0,0,.35),rgba(0,0,0,.78))}
.fcover .fpl{width:76px;height:76px;border-radius:50%;background:var(--nr);position:relative;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.fcover .fpl::after{content:"";position:absolute;left:31px;top:23px;border-left:22px solid #000;border-top:15px solid transparent;border-bottom:15px solid transparent}
.fcover b{font-family:var(--display);font-weight:900;font-size:clamp(26px,5vw,40px);text-transform:uppercase;line-height:1;margin-top:6px}
.fcover small{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#E3DEEA}
.fcover[hidden]{display:none}
.fbar{display:flex;align-items:center;gap:10px;margin-top:8px}
.fpp{font:inherit;font-family:var(--cond);font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.06em;background:var(--nr);color:#000;border:0;border-radius:999px;padding:8px 16px;min-height:40px;cursor:pointer;flex:none}
.ftrack{flex:1;height:8px;border-radius:999px;background:#2A2422;cursor:pointer;overflow:hidden}
.ftrack i{display:block;height:100%;width:0;background:var(--nr)}
.ftime{font-family:var(--cond);font-weight:700;font-size:13px;color:var(--soft);flex:none}
.fchips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:8px;padding-bottom:2px}
.fchip{flex:none;font:inherit;font-size:13px;font-weight:700;color:#DDD8E4;background:var(--card);border:1px solid var(--rule);border-radius:999px;padding:6px 11px;cursor:pointer}
.fchip.on{border-color:var(--nr);color:#fff;background:#1E120A}
/* How we play: the film gets the full width */
.howplay{grid-template-columns:1fr;gap:22px}
.howplay .howtext>p{max-width:46em}
@media(min-width:900px){.howplay .spots3{grid-template-columns:repeat(3,1fr)}}
.howplay .howmedia{max-width:1100px;width:100%;margin:0 auto}
.fframe svg{background:#0B0A0A}
.howplay>*,.howplay .howmedia,.film,.fbar,.fchips{min-width:0}
.fchips{max-width:100%}
.film.fresh .fcap,.film.fresh .fchap,.film.fresh .fbig{display:none}
@media(max-width:600px){
  .film .fframe{display:flex;flex-direction:column;overflow:visible;border:0;background:transparent}
  .film .fframe svg{border-radius:14px;border:1px solid var(--rule)}
  .film .fcap{position:static;transform:none;width:auto;max-width:none;margin-top:8px;font-size:16px;background:var(--card);border:1px solid var(--rule);min-height:44px;display:flex;align-items:center;justify-content:center}
  .film .fchap{top:8px;left:8px;font-size:11px}
  .film .fbig{top:22%;font-size:30px}
  .film .fcover{border-radius:14px;bottom:auto;height:100%}
  .fcover .fpl{width:56px;height:56px}
  .fcover .fpl::after{left:23px;top:17px;border-left-width:16px;border-top-width:11px;border-bottom-width:11px}
  .fcover b{font-size:24px}
  .fcover small{font-size:11px}
}
.ftrail{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ftrail.us{stroke:rgba(var(--nrrgb),.38);stroke-width:9}
.ftrail.them{stroke:rgba(80,80,80,.18);stroke-width:7}
.ftrail.puck{stroke:rgba(17,17,17,.45);stroke-width:3}
/* Film v2 (review pass): captions under the picture, title cards, the goal, the end card, chapter ticks */
.fa.them circle:not(.fring){fill:#2B2B2E;stroke:#fff;stroke-width:2.5}
.fframe{border-radius:16px}
.film .fcap{position:static;transform:none;width:auto;max-width:none;margin-top:8px;font-size:clamp(15px,2vw,19px);background:var(--card);border:1px solid var(--rule);border-radius:12px;min-height:46px;display:flex;align-items:center;justify-content:center;padding:8px 14px}
.film .fcap:empty{visibility:hidden}
.film.fresh .fcap{display:none}
.fbig{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:clamp(34px,7vw,72px);background:rgba(6,5,5,.72);opacity:0;transition:opacity .25s;top:0}
.fframe.titling .fbig{opacity:1}
.film.fresh .fbig{display:none}
.fflash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(40% 60% at 92% 50%,rgba(255,40,40,.55),transparent 70%)}
.film.upright .fflash{background:radial-gradient(70% 40% at 50% 6%,rgba(255,40,40,.55),transparent 70%)}
.fframe.scored .fflash{animation:goallight .5s ease-in-out 4}
@keyframes goallight{50%{opacity:1}}
.fgoalw{position:absolute;left:0;right:0;top:12%;text-align:center;font-family:var(--display);font-weight:900;font-size:clamp(48px,10vw,96px);color:var(--nr);text-shadow:0 4px 0 #000,0 0 30px rgba(var(--nrrgb),.6);pointer-events:none;opacity:0;transform:scale(.6);transition:opacity .2s,transform .35s cubic-bezier(.2,1.6,.4,1)}
.fframe.scored .fgoalw{opacity:1;transform:none}
.fburst{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.fburst i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:fburst 1.8s ease-in forwards}
@keyframes fburst{to{transform:translate(var(--dx),110%) rotate(540deg);top:105%}}
.fendh{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:16px;text-align:center;background:radial-gradient(60% 70% at 50% 40%,rgba(var(--nrrgb),.22),transparent 70%),rgba(6,5,5,.88);opacity:0;pointer-events:none;transition:opacity .4s}
.fendh.on{opacity:1;pointer-events:auto}
.fendh b{font-family:var(--display);font-weight:900;font-size:clamp(30px,5.4vw,58px);line-height:.95;text-transform:uppercase;color:#fff;max-width:14em}
.fendb{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.fagain,.fjoin{font:inherit;font-family:var(--cond);font-weight:800;font-size:17px;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:10px 20px;min-height:46px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.fagain{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}
.fjoin{background:var(--nr);color:#000;border:2px solid var(--nr)}
.ftrack{position:relative;overflow:visible;height:10px}
.ftrack i{border-radius:999px}
.ftick{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #0B0A0A;background:#4A403C;padding:0;cursor:pointer}
.ftick.on{background:var(--nr)}
.ftick::before{content:"";position:absolute;inset:-12px}
.flabel{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-top:6px;min-height:18px}
.film.upright .fframe{max-width:440px;margin:0 auto}
.film.upright .fcap,.film.upright .fbar,.film.upright .flabel{max-width:440px;margin-left:auto;margin-right:auto}
@media(max-width:600px){.film .fframe{display:block;border:1px solid var(--rule);background:#0B0A0A}.film .fframe svg{border:0;border-radius:0}}
/* Review pass: hero, crew cards, play facts, team footer */
.tagline,.nextchip,.herob{position:relative;z-index:1}
.hero2 video{opacity:.85}
.hero2::after{background:radial-gradient(55% 45% at 50% 36%,rgba(0,0,0,.45),transparent 75%),linear-gradient(0deg,var(--ink) 0%,rgba(11,10,10,.15) 40%,rgba(0,0,0,.35) 100%)}
@media(max-width:600px){.hlogo{width:min(56vw,220px)}#nav-sched{display:none}}
/* Crew: number-first hockey cards, half the height, tilting */
.cards .pc{aspect-ratio:auto;min-height:0;height:auto;padding:12px 14px 14px;justify-content:flex-start;perspective:600px;transform:perspective(700px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .25s,border-color .2s}
.cards .pc.tilt{transition:transform .05s}
.cards .pc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--nr)}
.cards .pc.D::before{background:#fff}
.cards .pc.S::before{background:linear-gradient(180deg,var(--nr),#7A3300)}
.cards .pc.G::before{background:var(--lime)}
.cards .pc::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 40% at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.14),transparent 70%);opacity:0;transition:opacity .2s}
.cards .pc.tilt::after{opacity:1}
.cards .pc .wm{position:absolute;right:-14px;bottom:-12px;width:62%;opacity:.09;filter:none}
.cards .pc .ptop{display:flex;align-items:center;gap:6px;min-height:26px}
.cards .pc .ptx{font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#CFC9D8}
.cards .pc .pnum{position:relative;top:auto;right:auto;display:block;font-size:clamp(72px,17vw,108px);line-height:.85;margin:6px 0 6px;-webkit-text-stroke:2.5px var(--nr);color:transparent}
.cards .pc.hasph .pnum{color:#fff;-webkit-text-stroke:2px #000}
.cards .pc .pfirst{font-size:13px}
.cards .pc .nm{font-size:clamp(22px,5vw,30px)}
.cards .pc .pbio{display:block;position:relative;margin-top:6px;font-size:13px;line-height:1.35;color:#D9D3CC;font-weight:500;max-width:30ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* The jersey call (jersey.js): a jersey in our colors and WEAR BLACK / WEAR WHITE / JERSEY TBD. */
.jcall{display:flex;align-items:center;gap:10px;text-align:left}
.jcall .jpic svg{display:block;width:40px;height:auto}
.jcall .jtx{display:flex;flex-direction:column;min-width:0}
/* A worked-out call, not a captain's: quieter, so it never reads as an instruction */
.jcall.guess b{color:rgba(255,255,255,.78)}.jcall.guess .jpic svg{opacity:.75}
.jcall b{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:22px;line-height:.95;color:#fff;letter-spacing:.01em}
.jcall small{font-size:12.5px;color:var(--soft);font-weight:600;line-height:1.3;margin-top:2px}
.jcall.big{background:rgba(255,255,255,.05);border:1px solid var(--rule);border-radius:14px;padding:12px 14px;margin-top:12px}
.jcall.big .jpic svg{width:62px}
.jcall.big b{font-size:clamp(28px,7vw,38px)}
.jcall.big small{font-size:14px}
.jcall.small{gap:8px}
.jcall.small .jpic svg{width:26px}
.jcall.small b{font-size:15px}
.jcall.small small{font-size:11.5px}
.jcall.needs small{color:#FFD24A}
.jcall.tbd b{color:#C9C3D2}
.gtile .jcall{justify-content:center;margin-top:8px}
.nextchip .jcall{display:inline-flex}
.nextchip .jcall b{font-size:16px}
@media(max-width:560px){.cards .pc.ln .pbio{font-size:11.5px;line-height:1.3;-webkit-line-clamp:6}}
.cards .pc .rl{margin-left:auto}
.facts3{font-family:var(--cond);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#E3DEEA;margin:-6px 0 16px}
/* Team footer */
.nrfoot{border-top:3px solid var(--nr);background:#050404;padding:28px 0 calc(28px + env(safe-area-inset-bottom))}
.nrfoot .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.nrfb{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.nrfb img{width:48px;height:auto}
.nrfb b{display:block;font-family:var(--display);font-weight:900;font-size:22px;text-transform:uppercase;line-height:.9}
.nrfb small{color:var(--soft);font-size:13px}
.nrfoot nav{display:flex;flex-wrap:wrap;gap:6px 18px;flex:1}
.nrfoot nav a{color:#DDD8E4;font-weight:600;font-size:15px;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.nrfoot nav a:hover{color:#fff}
.nrfoot p{flex-basis:100%;margin:0;color:var(--soft);font-size:13px}
@media(max-width:900px){.nrfoot{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}
@media(max-width:700px){.learnvids{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px}.learnvids .vid{flex:0 0 80%;scroll-snap-align:start}}
.nrfb span{text-align:left}
/* ---------- The crew as our lineup card (Sam, 2026-10-26: "organize the roster by F, S, D, goalie. It should
   look like our lineup"): Forechecker, Swing, Defense across, one row per usual line, the goalie in net. ---------- */
.cards.crew{display:block}
.lnsub{font-size:18px;color:#DCD7E3;margin:-10px 0 26px;max-width:36em}
.lineup{display:grid;gap:8px;max-width:1200px}
.lnrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
.lnl{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}
.lnl b{font-family:var(--display);font-weight:900;font-size:20px;letter-spacing:0;color:#fff}
.lnl::after{content:"";flex:1;height:1px;background:var(--rule)}
.lnhead{position:sticky;top:67px;z-index:3;background:linear-gradient(180deg,var(--ink) 82%,rgba(11,10,10,0));padding:10px 0 6px}
.lnhead .lnl{display:none}
.lnh{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;row-gap:2px;padding:0 0 8px;border-bottom:3px solid var(--nr);min-width:0}
.lnh.S{border-color:#B44E0B}
.lnh.D{border-color:#fff}
.lnh b{font-family:var(--display);font-weight:900;font-size:clamp(17px,4.6vw,30px);line-height:1;text-transform:uppercase;min-width:0;overflow-wrap:anywhere}
.lnh small{grid-column:1/-1;font-family:var(--cond);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.lnh .spt{width:24px;height:24px;font-size:13px}
.cards .pc.ln{container-type:inline-size;padding:10px 10px 12px 14px}
.cards .pc.ln .ptx{display:none}
.cards .lng .pc.ln .ptx{display:inline}
.cards .pc.ln .pnum{font-size:clamp(52px,15vw,108px);font-size:min(46cqi,112px);margin:4px 0}
.cards .pc.ln .pfirst{font-size:11px;font-size:clamp(10px,8cqi,15px)}
.cards .pc.ln .nm{font-size:17px;font-size:min(15cqi,40px);overflow-wrap:normal;white-space:nowrap}
.cards .pc.ln .rl{width:24px;height:24px;font-size:15px}
.lineup .slot{display:flex;align-items:center;justify-content:center;border:2px dashed var(--rule);border-radius:16px;min-height:120px;font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.lnrow .gap{display:block}
.lng{margin-top:6px}
@media(max-width:759px){.lnh .spt{display:none}.lnh{grid-template-columns:1fr}.lnhead{position:static;padding-top:0}}
@media(min-width:760px){
  .lineup{gap:12px}
  .lnrow{grid-template-columns:78px repeat(3,minmax(0,1fr));gap:12px}
  .lnl{grid-column:auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;margin:0;font-size:12px}
  .lnl b{font-size:48px;line-height:.9}
  .lnl::after{display:none}
  .lnhead .lnl{display:block}
  .lng .lnl b{font-size:38px}
  .cards .pc.ln{padding:14px 16px 16px 20px}
  .cards .pc.ln .pnum{margin:2px 0 6px}
  .cards .pc.ln .wm{width:40%;right:-10px;bottom:-10px}
}
/* Our own short plays in Learn your spot (film.js mountPlay): same look as the film, sized for a card */
.film.play .fcover{background:linear-gradient(0deg,rgba(6,5,5,.88) 0%,rgba(6,5,5,.35) 55%,rgba(6,5,5,.15) 100%);justify-content:flex-end;padding-bottom:14px}
.film.play .fcover .fpl{width:52px;height:52px}
.film.play .fcover .fpl::after{left:21px;top:16px;border-left-width:15px;border-top-width:10px;border-bottom-width:10px}
.film.play .fcover b{font-size:clamp(20px,2.6vw,28px)}
.film.play .fcover small{font-size:11px}
.film.play .fbig{font-size:clamp(24px,3.4vw,38px)}
.film.play .fendh{gap:12px}
.film.play .fendh b{font-size:clamp(20px,2.8vw,30px)}
.film.play .fagain{font-size:15px;min-height:40px;padding:8px 16px}
.film.play .fgoalw{font-size:clamp(34px,5vw,60px)}
.film.play .fcap{font-size:15px;min-height:0;padding:8px 12px}
.film.play .fpp{font-size:13px;padding:6px 12px}
.playfig figcaption{margin-top:8px}
.playfig figcaption small{display:block;margin-top:4px;font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.learnplays{min-width:0}
.playpick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.playpick button{display:inline-flex;align-items:center;gap:8px;font:inherit;font-family:var(--cond);font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--card);border:2px solid var(--rule);border-radius:999px;padding:7px 14px 7px 7px;min-height:44px;cursor:pointer}
.playpick button span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#2A2422;color:#fff;font-size:14px}
.playpick button[aria-pressed=true]{border-color:var(--nr);background:#1E120A}
.playpick button[aria-pressed=true] span{background:var(--nr);color:#000}
.playabout{margin:12px 0 0;color:#DDD8E4;font-size:16px;line-height:1.45}
.playabout b{color:#fff}
.playabout small{display:block;margin-top:6px;font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
/* ---------- NHL-site touches (studied nhl.com/sharks, 2026-10-26): a game strip across the top, the
   schedule as matchup tiles, a jersey-hem stripe under the top story ---------- */
.ticker{background:#000;border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}
.ticker::-webkit-scrollbar{display:none}
.tkrow{display:flex;align-items:stretch;gap:0;min-height:52px}
.tklbl{flex:none;display:flex;align-items:center;padding-right:14px;font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--nr)}
.tk{flex:none;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 16px;border-left:1px solid var(--rule);text-decoration:none;color:#fff;min-width:150px}
.tk .d{font-family:var(--cond);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.tk .m{display:flex;align-items:center;gap:8px;font-size:14px}
.tk .badge.sm{width:24px;height:24px;font-size:9px;border-width:2px;box-shadow:none}
.tk.next{background:linear-gradient(180deg,rgba(var(--nrrgb),.2),transparent)}
.tk.next .d{color:var(--nr)}
.hem{height:22px;background:linear-gradient(180deg,#000 0 5px,var(--nr) 5px 9px,#fff 9px 13px,var(--nr) 13px 17px,#000 17px)}
.gtiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gtile{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px 18px;border-radius:16px;background:linear-gradient(180deg,#1C120D,#0B0A0A 75%);border:1px solid #3A2A20;text-align:center}
.gtile.next{border-color:var(--nr);box-shadow:0 0 0 1px var(--nr),0 16px 36px rgba(var(--nrrgb),.18)}
.gtile.off{opacity:.55}
.gtop{display:flex;flex-direction:column;align-items:center;line-height:1}
.gtop span{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.gtop b{font-family:var(--display);font-weight:900;font-size:clamp(26px,3vw,36px);margin-top:4px}
.gmatch{display:flex;align-items:center;gap:10px}
.gmatch .gvs{font-family:var(--display);font-weight:900;font-size:18px;color:var(--soft);text-transform:uppercase}
.gopp{font-family:var(--display);font-weight:900;font-size:20px;text-transform:uppercase;line-height:1}
.gtile small{font-size:13px;color:var(--soft)}
.gtile i{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-style:normal;font-family:var(--cond);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:var(--nr);color:#000;border-radius:999px;padding:3px 10px;white-space:nowrap}
.gtile.off i{background:#555;color:#fff}
@media(max-width:900px){.gtiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.gtiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;margin:0 -16px;padding:12px 16px 4px;scrollbar-width:none}.gtile{flex:0 0 72%;scroll-snap-align:start}.gmatch .badge{width:54px;height:54px;font-size:20px}}
/* The team calendar row under the game tiles */
.calrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 4px}
.calrow span{font-family:var(--cond);font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-right:4px}
@media(max-width:520px){.calrow span{flex-basis:100%}}
.calhint{margin:0 0 6px;font-size:14px;color:var(--soft)}
/* Results on the schedule (team score only) */
.sched td.st.res{font-family:var(--display);font-weight:900;font-size:18px;letter-spacing:.02em;white-space:nowrap}
.sched td.st.res.W{color:var(--lime)}
.sched td.st.res.L{color:#FF9FB9}
.gtile.final{border-color:var(--nr)}
.gtile.final .gtop b{color:var(--nr)}
.gtile.final .gvs{font-family:var(--display);font-weight:900;font-size:30px;color:#fff;letter-spacing:.02em}
.gtile.final.W .gopp{color:var(--lime)}
.gtile.final.L .gopp{color:#FF9FB9}
/* No refs, no penalties: we call our own game (playbook.js ownGame). */
.owngame{display:flex;gap:14px;align-items:flex-start;background:rgba(var(--nrrgb),.10);border:1px solid rgba(var(--nrrgb),.55);border-left:5px solid var(--nr);border-radius:14px;padding:14px 16px;margin:18px 0 0;text-align:left}
.owngame .oi{font-size:28px;line-height:1;flex:none}
.owngame b{display:block;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(24px,5vw,32px);line-height:.95;color:#fff}
.owngame span{display:block;margin-top:4px;font-size:17px;font-weight:600;color:#F2EEE8}
.owngame .og2{font-size:15.5px;font-weight:500;color:#DCD7E3;margin-top:8px}
.owngame .ogchips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
.owngame .ogchips span{display:inline-block;margin:0;font-family:var(--cond);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;background:#000;border:1px solid rgba(var(--nrrgb),.6);color:#fff;border-radius:999px;padding:4px 10px}
.owngame .og2.hard{color:#fff;font-weight:700;font-size:16.5px}
.owngame .og2.all{color:#fff;font-weight:700;font-size:16.5px;border-top:1px solid rgba(var(--nrrgb),.35);padding-top:8px;margin-top:10px}
.owngame .ogen{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.owngame .ogen li{display:flex;gap:10px;align-items:flex-start}
.owngame .ogen li span{margin:0;font-size:16px;font-weight:600;color:#F2EEE8}
.owngame .ogen .ei{flex:none;font-size:18px;line-height:1.2}
.ownls{display:flex;flex-wrap:wrap;gap:6px 20px;margin:10px 0 0}
.ownls a{display:inline-block;min-height:24px}
.owngame a.oglink{display:inline-block;margin-top:10px;color:#fff;font-weight:800;font-size:16px;text-decoration:underline;text-underline-offset:3px;min-height:24px}

/* Game day first (Sam, 2026-10-28: "One clear action at a time. No giant dashboards or walls of text.").
   The hero fits its content, the next game is a card in it with what to wear, games are one row each,
   the forms open on a tap everywhere, and the club links sit in the footer. */
.nrx .hero2{min-height:min(76svh,760px)}
.nrx .heroin{padding-top:36px;padding-bottom:44px}
@media(max-width:700px){.nrx .hero2{min-height:0}.nrx .heroin{padding-top:20px;padding-bottom:26px}.nrx .hlogo{width:min(46vw,180px)}.nrx .tagline{margin-top:12px}}
.ngcard{position:relative;z-index:1;width:min(100%,460px);margin:20px auto 0;text-align:left;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.18);border-left:5px solid var(--nr);border-radius:16px;padding:12px 14px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ngcard .ngtop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.ngcard .ngtop span{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--nr)}
.ngcard .ngtop i{font-style:normal;font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;background:var(--lime);color:#000;border-radius:999px;padding:3px 10px}
.ngcard .ngm{display:flex;align-items:center;gap:12px}
.ngcard .ngt{display:flex;flex-direction:column;min-width:0}
.ngcard .ngt b{font-family:var(--display);font-weight:900;font-size:clamp(26px,6vw,34px);line-height:.95;text-transform:uppercase}
.ngcard .ngt span{font-weight:700;font-size:17px;color:#fff;margin-top:4px}
.ngcard .ngt small{color:var(--soft);font-weight:600;font-size:14px}
.ngcard .jcall{margin-top:12px}
.nrx .glist2{display:grid;gap:8px;max-width:760px}
.nrx .grow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:10px 14px}
.nrx .grow.next{border-color:var(--nr);background:linear-gradient(90deg,rgba(var(--nrrgb),.14),var(--card) 60%)}
.nrx .grow.past{opacity:.75}
.nrx .grow .t b{display:block;font-weight:800;font-size:17px}
.nrx .grow .t small{display:block;color:var(--soft);font-weight:600}
.nrx .grow .t .jcall{margin-top:6px}
.nrx .grow .res{font-family:var(--display);font-weight:900;font-size:22px}
.nrx .grow .res.W{color:var(--lime)} .nrx .grow .res.L{color:#FF9FB9}
.nrx .grow .nx{font-family:var(--cond);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--nr)}
.calline{margin:14px 0 0;color:var(--soft);font-weight:600}
.calline a{color:#fff;font-weight:700}
.nrx #schedule .played .glist2{margin-top:6px}
.nrx .ownsec{padding:36px 0}
.nrx .ownsec .owngame{margin:0;max-width:760px}
.nrx #howweplay .howtext>p{margin-bottom:6px}
.nrx .learn{margin-top:28px;padding-top:22px}
.nrx .learnhd p{margin:4px 0 12px}
.nrx .learntabs{margin-bottom:0}
.nrx .learntabs button[aria-pressed=true]{border-color:var(--nr);background:#1E120A}
.nrx .learnbody{margin-top:16px}
.nrx .partyx,.nrx .playx{grid-template-columns:1fr;max-width:760px;gap:18px}
.nrx .pcopy h2,.nrx .playx h2{font-size:clamp(40px,6vw,72px)}
.nrx .nrfoot .clubchips{flex-basis:100%;margin-bottom:6px}
@media(max-width:900px){.nrx .nrfoot{padding-bottom:calc(28px + env(safe-area-inset-bottom))}}
.nrx .heroin>.hl,.nrx .heroin>.hr{display:flex;flex-direction:column;align-items:center;width:100%}
/* Wide screens: the next game and the buttons sit beside the logo, so both are on the first screen. */
@media(min-width:901px){
  .nrx .heroin:has(.ngcard:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);column-gap:56px;align-items:center}
  .nrx .heroin:has(.ngcard:not([hidden])) .ngcard{margin-top:0}
  .nrx .heroin:has(.ngcard:not([hidden])) .herob{width:min(100%,460px);margin-top:18px}
  .nrx .heroin:has(.ngcard:not([hidden])) .herob .btn{min-width:0;flex:1 1 100%}
}

/* A demo team page's mark (ctx.js, C.demo()): the team page, the team link, the player app and the hub. Lime stays
   for each screen's main button, so the Text Sam button is a white outline. */
.demoband{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:12px 0;padding:12px 14px;border:2px dashed rgba(255,255,255,.5);border-radius:14px;background:rgba(255,255,255,.05);color:#fff;box-sizing:border-box}
.demoband .dt{flex:1 1 240px;min-width:0}
.demoband .dk{display:block;font-family:var(--display,inherit);font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:15px;line-height:1.2}
.demoband .dl{display:block;margin-top:3px;font-size:14px;line-height:1.35;color:rgba(255,255,255,.78)}
.demoband .da{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.demoband .da span{font-size:14px;font-weight:700;line-height:1.3}
.demoband a.dbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:2px solid #fff;background:transparent;color:#fff;font-weight:800;font-size:15px;text-decoration:none;white-space:nowrap}
.demoband a.dbtn:hover,.demoband a.dbtn:focus-visible{background:#fff;color:#000}