.section--problems{background:#0f1118 url('../assets/problembg.jpg') center/cover no-repeat;padding-bottom:calc(var(--sp-2xl)*1.25);position:relative}
#track-selector,#track-selector section,.track-selector__board{background:transparent!important}
.track-selector{position:relative;width:100%;min-height:620px;padding:clamp(1.5rem,3vw,2.25rem);overflow:hidden;isolation:isolate}
.track-selector__board{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding-top:clamp(.5rem,2vw,1.25rem)}
.track-selector__copy{text-align:center;display:flex;justify-content:center;align-items:center;width:100%;pointer-events:none}
.track-selector__heading{text-align:center;width:100%;display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2rem .8rem;border-radius:999px;background:linear-gradient(180deg,#ff1717 0%,#f00 100%);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 10px 30px rgba(255,0,0,.22),0 0 28px rgba(255,0,0,.26);text-shadow:0 0 12px rgba(255,255,255,.25);position:relative;overflow:hidden}
.track-selector__heading::after{content:"";position:absolute;inset:-30% -45%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.62) 50%,transparent 65%);transform:translateX(-42%);animation:sheen 5.5s ease-in-out infinite;mix-blend-mode:screen}
.track-selector__bridge{position:absolute;top:clamp(4rem,8vw,5.2rem);width:23%;height:102px;border-top:4px solid rgba(255,255,255,.95);border-radius:999px 999px 0 0;filter:drop-shadow(0 0 6px rgba(255,255,255,.5));pointer-events:none;opacity:.95;animation:bridgeFloat 4s ease-in-out infinite}
.track-selector__bridge::after{content:"";position:absolute;inset:0;border-top:2px solid rgba(255,255,255,.6);border-radius:inherit;filter:blur(1px)}
.track-selector__bridge--left{left:24%;border-left:4px solid rgba(255,255,255,.95);transform:rotate(-16deg);--bridge-rotation:-16deg}
.track-selector__bridge--right{right:24%;border-right:4px solid rgba(255,255,255,.95);transform:rotate(16deg);animation-delay:.35s;--bridge-rotation:16deg}
.track-selector__labels{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin:clamp(3rem,6vw,4.4rem) auto 0;width:min(820px,92%)}
.track-selector__label{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:.8rem 1.35rem .78rem;border-radius:999px;background:#000;color:#ff2020;font-family:var(--ff-display);font-size:clamp(1rem,2vw,1.35rem);letter-spacing:.08em;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 8px 20px rgba(0,0,0,.18)}
.track-selector__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.75rem,7vw,4.2rem);margin-top:clamp(1.5rem,4vw,2.8rem)}
.track-selector__column{display:flex;justify-content:center}
.track-selector__grid{width:min(100%,490px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem 1rem;justify-items:center;align-items:center}
.track-selector__spider-link{display:flex;flex-direction:column;align-items:center;gap:.65rem;text-decoration:none;transform:translateZ(0);transition:transform 180ms var(--ease-out),filter 180ms ease}
.track-selector__spider-link:hover{transform:translateY(-4px) scale(1.04);filter:drop-shadow(0 0 16px rgba(255,0,0,.22))}
.track-selector__spider-link:focus-visible{outline:3px solid rgba(255,0,0,.65);outline-offset:6px;border-radius:18px}
.track-selector__spider-tile{position:relative;width:clamp(88px,8vw,108px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28),rgba(255,255,255,.08) 34%,rgba(0,0,0,.08) 72%,rgba(0,0,0,.18) 100%),linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04));box-shadow:0 0 0 1px rgba(255,255,255,.25),0 0 24px rgba(255,0,0,.2),0 10px 18px rgba(0,0,0,.08),inset 0 0 18px rgba(255,255,255,.18)}
.track-selector__spider-tile::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.2),transparent 58%);pointer-events:none}
.track-selector__spider-tile::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.5);border-radius:inherit;pointer-events:none}
.track-selector__spider-img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:none;mix-blend-mode:normal;transform:none}
.track-selector__spider-name{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:999px;background:rgba(0,0,0,.08);color:rgba(0,0,0,.7);font-family:var(--ff-display);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
@keyframes sheen{0%,68%{transform:translateX(-44%);opacity:0}75%{opacity:.82}100%{transform:translateX(44%);opacity:0}}
@keyframes bridgeFloat{0%,100%{transform:translateY(0) rotate(var(--bridge-rotation))}50%{transform:translateY(-3px) rotate(var(--bridge-rotation))}}
@media (max-width:980px){.track-selector{min-height:760px}.track-selector__columns{gap:2rem}.track-selector__labels{width:min(720px,94%)}.track-selector__label{min-width:160px}}
@media (max-width:760px){.track-selector{min-height:980px}.track-selector__columns{grid-template-columns:1fr;gap:2rem}.track-selector__labels{width:min(94%,420px);flex-direction:column;gap:1.2rem;margin-top:2.2rem}.track-selector__bridge{display:none}}
@media (max-width:560px){.track-selector{min-height:1080px;padding-inline:1rem}.track-selector__grid{width:min(100%,360px);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem .8rem}.track-selector__spider-tile{width:86px}.track-selector__spider-img{width:100%;height:100%}.track-selector__spider-name{font-size:.64rem}}