/* The filmstrip is rebuilt as live HTML so the active card, pointer, and note move together. */
#poster-coach.poster-art>.coach-stage{display:block!important}
.coach-stage{position:absolute;z-index:9;top:560px;left:0;width:1200px;height:780px;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#27223e 0,#171724 66%);color:#181725}
.coach-stage:after{content:"";position:absolute;left:-5%;right:-5%;top:390px;height:12px;background:#262335;box-shadow:0 10px 18px #0b091a;transform:rotate(-1deg);pointer-events:none}
.film-tape{position:absolute;left:-30px;right:-30px;top:67px;height:370px;transform:rotate(-1.5deg);background-color:#e8e0d2;background-image:repeating-linear-gradient(90deg,#ddd5c53b 0 2px,transparent 2px 19px),radial-gradient(circle at 20% 35%,#fff9eb99 0,transparent 38%),radial-gradient(circle at 84% 68%,#c9c1b455 0,transparent 32%);border-top:15px solid #27242f;border-bottom:15px solid #27242f;box-shadow:0 0 28px #6750ff55}
.perf{position:absolute;top:10px;bottom:10px;width:12px;background:repeating-linear-gradient(to bottom,#211e29 0 13px,transparent 13px 30px);opacity:.9}
.perf-1{left:6%}.perf-2{left:28%}.perf-3{left:50%}.perf-4{left:72%}.perf-5{left:94%}
.coach-cards{position:absolute;z-index:3;top:85px;left:85px;right:85px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.coach-card{height:330px;position:relative;text-align:left;overflow:visible;border:3px solid #29242e;background-color:#eee7dc;background-image:radial-gradient(circle at 12% 22%,#fff9ee99 0,transparent 42%),repeating-linear-gradient(130deg,#57463708 0 1px,transparent 1px 9px);color:#181725;padding:13px 14px;box-shadow:5px 7px 0 #24212b66;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .35s,border-color .25s}
.coach-card:hover{transform:translateY(-13px);border-color:#563dff}
.coach-card:focus-visible{outline:6px solid #ff694d;outline-offset:4px}
.coach-card.active{z-index:5;transform:translateY(-35px) rotate(-1deg);background-color:#eeff45;border:8px solid #f8f3e9;outline:3px solid #4936ff;box-shadow:0 0 0 7px #533bff88,0 0 36px 12px #5237ffb0,13px 16px 0 #1b1728}
.coach-card.active:before{content:"";position:absolute;top:-37px;left:calc(50% - 13px);border-left:13px solid transparent;border-right:13px solid transparent;border-top:20px solid #6951ff;filter:drop-shadow(0 0 7px #6c51ff)}
.card-symbol{display:block;font-family:Georgia,serif;font-size:172px;font-weight:700;line-height:1;color:#553de9;transform:rotate(-7deg);height:195px;text-align:center}
.coach-card:nth-child(2) .card-symbol,.coach-card:nth-child(4) .card-symbol{color:#ff694d;font-family:Arial,sans-serif;font-size:151px;font-weight:400;transform:rotate(-14deg)}
.coach-card:nth-child(3) .card-symbol{font-family:Arial,sans-serif;font-size:160px}
.card-type{display:block;font-size:14px;font-weight:900;letter-spacing:.1em;margin-bottom:13px;white-space:nowrap}
.coach-card strong{display:block;font-size:20px;line-height:1.12;letter-spacing:-.025em}
.coach-wire{position:absolute;z-index:2;left:0;top:0;width:1200px;height:780px;overflow:visible;pointer-events:none}
.coach-wire line{stroke:#c9c1ff;stroke-width:3;filter:drop-shadow(0 0 8px #6b50ff)}
.coach-wire circle{fill:#f8f6ec;filter:drop-shadow(0 0 9px #6949ff)}
.coach-detail{position:absolute;z-index:4;top:493px;left:125px;width:950px;min-height:240px;background:#f7f2e8;border:12px solid #4e36f7;border-radius:17px;box-shadow:0 0 26px #583cff,0 0 54px #583cff99;overflow:hidden}
.coach-detail span{display:block;background:#eaff54;padding:13px 38px;font-size:22px;font-weight:900;letter-spacing:.14em}
.coach-detail strong{display:block;padding:23px 38px 30px;font-size:56px;line-height:1.08;letter-spacing:-.06em;color:#171521}
@media(prefers-reduced-motion:reduce){.coach-card{transition:none}}