/* BoB x DLM squad rail — scoped to the football page's opening section. */
#squad{position:relative;isolation:isolate;height:100dvh;min-height:620px;padding-top:var(--nav-h,72px);display:flex;flex-direction:column;overflow:hidden;background:#090909;color:#fff;font-family:'Hanken Grotesk',sans-serif}
#squad *{box-sizing:border-box}#squad button{font:700 12px 'Saira Condensed',sans-serif;letter-spacing:.18em;color:inherit;cursor:pointer}#squad button:focus-visible{outline:2px solid #EA0038;outline-offset:4px}
#squad .sq-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% 40%,#141012,#090909 60%)}#squad .sq-bg:before{content:'';position:absolute;inset:0;background:url('/squad/assets/topo-bg.png') center/cover;opacity:.55}#squad .sq-bg:after{content:'';position:absolute;inset:0;background:radial-gradient(90% 70% at 50% 45%,transparent 40%,#090909d9)}
#squad .sq-glow{position:absolute;width:62vw;height:62vw;left:-22%;top:-40%;background:radial-gradient(circle,#ea003861,transparent 65%);filter:blur(20px);animation:sq-breathe 14s ease-in-out infinite}#squad .sq-glow:nth-child(2){left:auto;top:auto;right:-20%;bottom:-45%;animation-duration:18s;animation-delay:-6s}
#squad .sq-intro{padding:clamp(14px,3vh,40px) 4vw 0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}#squad .sq-kicker{display:flex;align-items:center;gap:12px;font:700 12px 'Saira Condensed',sans-serif;letter-spacing:.28em}#squad .sq-kicker:before{content:'';width:28px;height:2px;background:#EA0038}#squad h1{margin:12px 0;font:400 clamp(40px,min(8vw,10vh),124px)/1.08 Anton,sans-serif}#squad .sq-tagline{font:700 clamp(14px,1.3vw,18px) 'Saira Condensed',sans-serif;letter-spacing:.34em;color:#EA0038}
#squad .sq-filters{display:flex;gap:6px;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:4px 2px 6px}#squad .sq-filters button{flex:none;white-space:nowrap;min-height:40px;padding:0 14px;border:1px solid #ffffff4d;background:transparent}#squad .sq-filters button[aria-pressed=true]{background:white;color:#090909}#squad .sq-filters span{opacity:.6;font-size:11px;margin-left:8px}
#squad .sq-rail{position:relative;flex:1;min-height:0;margin-top:clamp(12px,2vh,28px)}#squad .sq-rail canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:0;transition:opacity .5s;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}#squad.sq-ready .sq-rail canvas{opacity:1}#squad.sq-ready .sq-holder img{opacity:0}
#squad .sq-stage{position:absolute;left:0;top:0;height:460px;transform-origin:0 0}#squad .sq-bar{position:absolute;inset:6px 0 auto;height:9px;background:linear-gradient(#fbfbfb,#c9cbce 40%,#8d9095 70%,#d7d9dc);box-shadow:0 6px 12px #ffffff1f}#squad .sq-bar:before,#squad .sq-bar:after{content:'';position:absolute;top:-6px;left:2vw;width:6px;height:22px;background:linear-gradient(90deg,#9a9da2,#d9dbde,#9a9da2)}#squad .sq-bar:after{left:auto;right:2vw}
#squad .sq-track{position:relative;height:460px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);touch-action:pan-x pan-y}#squad .sq-track::-webkit-scrollbar{display:none}#squad .sq-slots{display:flex;width:max-content;height:100%;padding:0 7vw}
#squad .sq-slot{position:relative;flex:none;width:54px;height:100%;padding:0;border:0;background:transparent;transition:width .54s cubic-bezier(.3,1.32,.5,1),opacity .38s,transform .6s}#squad .sq-slot[data-hov='1']{width:288px;z-index:2}#squad .sq-slot[data-hidden='1']{width:0;opacity:0;pointer-events:none;transform:translateY(-48px)}
#squad .sq-holder{position:absolute;left:50%;top:48px;width:230px;height:268px;transform:translateX(-50%);perspective:900px}#squad .sq-holder img{width:100%;height:100%;object-fit:contain;transform:rotateY(-88deg);transition:transform .54s,opacity .5s}#squad .sq-slot[data-hov='1'] img{transform:rotateY(0) scale(1.03)}#squad .sq-shadow{position:absolute;left:50%;top:295px;width:46px;height:22px;transform:translateX(-50%);background:#000c;filter:blur(18px);transition:width .5s}#squad .sq-slot[data-hov='1'] .sq-shadow{width:190px}
#squad .sq-label{position:absolute;top:356px;left:50%;width:260px;transform:translate(-50%,10px);opacity:0;transition:opacity .3s,transform .45s;text-align:center;font:700 16px 'Saira Condensed',sans-serif;letter-spacing:.16em}#squad .sq-slot[data-hov='1'] .sq-label{opacity:1;transform:translate(-50%,0)}#squad .sq-label small{display:block;margin:6px 0;font-size:12px;color:#EA0038}#squad .sq-label em{font-style:normal;font-size:10px;color:#a3a3a3}
#squad .sq-arrow{position:absolute;top:38%;left:2.4vw;z-index:6;width:48px;height:48px;border:1px solid #fff;border-radius:50%;background:#090909;font-size:22px}#squad .sq-arrow:last-child{left:auto;right:2.4vw}#squad .sq-arrow:disabled{opacity:.25;cursor:default}
#squad .sq-strip{padding:0 4vw clamp(12px,2vh,28px);display:flex;align-items:flex-end;justify-content:space-between;gap:12px;font:700 12px 'Saira Condensed',sans-serif;letter-spacing:.18em;color:#a3a3a3}#squad .sq-strip strong{font:400 clamp(34px,5vw,64px)/1 Anton,sans-serif;color:#EA0038;margin-right:14px}#squad .sq-strip b{font:400 clamp(26px,3vw,44px) Anton,sans-serif;color:white;margin-left:14px}#squad .sq-marquee{height:30px;flex:none;display:flex;align-items:center;background:#EA0038;overflow:hidden;font:700 11px 'Saira Condensed',sans-serif;letter-spacing:.32em}#squad .sq-marquee span{white-space:nowrap;animation:sq-marquee 60s linear infinite}
#squad dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px 4vw;border:0;background:#090909ed;backdrop-filter:blur(14px);color:white;overflow:auto}#squad dialog::backdrop{background:#090909c7;backdrop-filter:blur(6px)}#squad .sq-toolbar{display:flex;align-items:center;gap:10px}#squad .sq-toolbar button,#squad .sq-controls button{min-height:44px;padding:0 12px;border:1px solid #ffffff4d;background:transparent}#squad .sq-toolbar button:last-child{background:white;color:#090909}#squad .sq-counter{margin-right:auto;color:#a3a3a3;font:700 12px 'Saira Condensed',sans-serif;letter-spacing:.2em}
#squad .sq-profile{display:grid;grid-template-columns:1fr 1.2fr;gap:4vw;align-items:center;min-height:calc(100% - 70px);max-width:1280px;margin:auto}#squad .sq-viewer{position:relative;height:min(65vh,580px);touch-action:none;cursor:grab;transform:scale(var(--sq-zoom,1));transition:transform .2s}#squad .sq-viewer canvas,#squad .sq-viewer img{position:absolute;width:100%;height:100%;object-fit:contain}#squad .sq-viewer canvas{opacity:0;transition:opacity .5s}#squad .sq-viewer.sq-ready canvas{opacity:1}#squad .sq-viewer.sq-ready img{opacity:0}#squad .sq-controls{display:flex;justify-content:center;gap:8px}#squad .sq-hint{text-align:center;font:600 11px 'Saira Condensed',sans-serif;letter-spacing:.2em;color:#a3a3a3;margin:14px 0}
#squad .sq-identity{display:flex;align-items:center;gap:24px;margin:30px 0}#squad .sq-number{font:400 clamp(72px,min(14vw,20vh),220px)/.78 Anton,sans-serif;color:#EA0038}#squad .sq-first{font:700 20px 'Saira Condensed',sans-serif}#squad h2{margin:6px 0 0;font:400 clamp(36px,min(5.4vw,9vh),84px)/1.08 Anton,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}#squad dl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid #ffffff2e;padding-top:22px;margin:30px 0}#squad dt,#squad .sq-style-label{font:700 11px 'Saira Condensed',sans-serif;letter-spacing:.18em;color:#a3a3a3}#squad dd{margin:8px 0;font:600 17px 'Saira Condensed',sans-serif}#squad .sq-style-label{color:#EA0038}#squad .sq-style{font:600 clamp(17px,2.6vh,21px)/1.4 'Saira Condensed',sans-serif}#squad .sq-bio{font-size:clamp(14px,2.2vh,16px);line-height:1.5;color:#ccc}
@keyframes sq-breathe{0%,100%{opacity:.25;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}@keyframes sq-marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){#squad .sq-intro{gap:14px}#squad .sq-profile{grid-template-columns:1fr;gap:16px;padding-top:16px}#squad .sq-viewer{height:35vh}#squad .sq-identity{margin:20px 0}#squad .sq-number{font-size:90px}#squad h2{font-size:44px}#squad .sq-strip{flex-wrap:wrap}}
@media(pointer:coarse){#squad .sq-arrow{display:none}}
@media(max-width:700px){#squad .sq-arrow{display:none}}
@media(max-width:560px){#squad{min-height:610px}#squad .sq-toolbar button{font-size:11px;padding:0 8px;letter-spacing:.1em}#squad .sq-long{display:none}#squad .sq-strip b{font-size:26px}#squad .sq-counter{font-size:10px}#squad dl{gap:10px}}
@media(prefers-reduced-motion:reduce){#squad *,#squad *:before,#squad *:after{animation:none!important;transition:none!important}}

#squad .sq-holder,#squad .sq-label,#squad .sq-shadow{pointer-events:none}