:root{--gold:#d4af37;--chrome:#e0e0e0;--purple:#70c;--bg:#000;--dim:#888;--font-h:"Bebas Neue", sans-serif;--font-b:"Inter", sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--ease:cubic-bezier(.23, 1, .32, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{background:var(--bg);color:#fff;height:100%;font-family:var(--font-b);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden}#app{scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-y:none;height:100dvh;overflow:hidden auto}@media (width>=1025px){#app{scroll-snap-type:y mandatory}}#app::-webkit-scrollbar{display:none}.site-header{z-index:300;pointer-events:auto;padding:20px;line-height:0;position:fixed;top:0;left:0}.header-logo{filter:drop-shadow(0 4px 25px #000000e6);width:auto;height:clamp(100px,15vh,180px);transition:transform .4s var(--ease);margin-top:-2.5rem;margin-left:-.5rem;display:block}.header-logo:hover{filter:drop-shadow(0 4px 25px #70c9);transform:scale(1.08)rotate(-1deg)}@keyframes logo-hit{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-2deg)}to{transform:scale(1)rotate(0)}}.header-logo.logo-hit{animation:logo-hit .45s var(--ease)}.bgm-toggle{z-index:300;-webkit-backdrop-filter:blur(10px);cursor:pointer;font-family:var(--font-h);letter-spacing:2px;color:#ffffff80;background:#0009;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1.2rem .5rem .8rem;font-size:.75rem;transition:all .4s;display:flex;position:fixed;top:1rem;right:1rem}.bgm-toggle:hover{color:#fffc;background:#000000bf;border-color:#ffffff40}.bgm-icon{font-size:1rem;line-height:1}.bgm-label{font-size:.7rem}.bgm-toggle.active{background:#0009 padding-box, linear-gradient(135deg, var(--gold), var(--purple)) border-box;color:var(--gold);border:1px solid #0000;animation:3s ease-in-out infinite bgm-pulse;box-shadow:0 0 12px #d4af3733,0 0 20px #7700cc1a}.bgm-toggle.muted{color:#ffffff4d;border-color:#ffffff14}@keyframes bgm-pulse{0%,to{box-shadow:0 0 8px #d4af3726,0 0 12px #7700cc14}50%{box-shadow:0 0 20px #d4af3759,0 0 30px #7700cc2e}}.scroll-dots{right:max(1.5rem, var(--sar));z-index:100;flex-direction:column;gap:1rem;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.sdot{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff0d;border-radius:50%;width:10px;height:10px;transition:all .4s}.sdot:first-child{--dot-color:#d4af37}.sdot:nth-child(2){--dot-color:#ca9c48}.sdot:nth-child(3){--dot-color:#bf8858}.sdot:nth-child(4){--dot-color:#b57569}.sdot:nth-child(5){--dot-color:#ab6179}.sdot:nth-child(6){--dot-color:#a04e8a}.sdot:nth-child(7){--dot-color:#963a9a}.sdot:nth-child(8){--dot-color:#8c27ab}.sdot:nth-child(9){--dot-color:#8113bb}.sdot:nth-child(10){--dot-color:#70c}.sdot.active{background:var(--dot-color,var(--gold));box-shadow:0 0 10px var(--dot-color), 0 0 20px var(--dot-color);border-color:#0000;transform:scale(1.4)}@media (width<=900px){.scroll-dots{display:none}}#scroll-progress{background:linear-gradient(to right, var(--gold), var(--purple));z-index:1000;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}section,footer{scroll-snap-align:start;justify-content:center;align-items:center;width:100%;height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}#hero,#sanderstead-kids-rock-band-kerims-church-of-rock{height:100dvh;min-height:unset;background:#000;padding:0}#three-container-back{z-index:1;position:absolute;inset:0}#three-container-front{z-index:5;pointer-events:none;position:absolute;inset:0}.hero-top{z-index:2;pointer-events:none;text-align:center;background:linear-gradient(#000000e6 0%,#0000004d 70%,#0000 100%);padding:clamp(7rem,14vh,11rem) 1rem 2rem;position:absolute;top:0;left:0;right:0}.hero-top h1{font-family:var(--font-h);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #d4af37b3)drop-shadow(0 0 28px #d4af374d)drop-shadow(0 0 45px #7700cc80)drop-shadow(0 0 75px #70c3);-webkit-background-clip:text;background-clip:text;margin-bottom:.8rem;font-size:clamp(1.8rem,6vw,3.8rem);line-height:.95;transition:all .6s cubic-bezier(.16,1,.3,1)}.hero-top h1.title-shimmer{background:linear-gradient(90deg, var(--gold) 0%, #fff 45%, #fff 55%, var(--purple) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #fffc) drop-shadow(0 0 25px var(--gold)) drop-shadow(0 0 45px var(--purple));background-size:200%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite text-shimmer}.hero-sub{color:var(--chrome);letter-spacing:4px;text-transform:uppercase;opacity:.8;max-width:800px;margin:0 auto;font-size:clamp(.9rem,2.5vw,1.4rem);font-weight:300}.hero-bottom{bottom:max(4rem, calc(var(--sab) + 3rem));z-index:200;pointer-events:none;text-align:center;background:linear-gradient(#0000 0%,#0006 40%,#000000d9 100%);padding:4rem 1rem 1.5rem;position:absolute;left:0;right:0}.hero-bottom p{font-family:var(--font-h);letter-spacing:2px;text-transform:uppercase;background:linear-gradient(to right, var(--gold), var(--purple));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #00000080);-webkit-background-clip:text;background-clip:text;max-width:65ch;margin:0 auto;font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:400;line-height:1.6;transition:all .6s cubic-bezier(.16,1,.3,1)}.hero-bottom p.welcome-active{letter-spacing:10px;color:#fff;background:linear-gradient(90deg, var(--gold) 0%, #fff 45%, #fff 55%, var(--purple) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #fffc) drop-shadow(0 0 25px var(--gold)) drop-shadow(0 0 45px var(--purple));background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,6vw,3.2rem);font-weight:900;line-height:1;transition:opacity .5s;animation:2s linear infinite text-shimmer}@keyframes text-shimmer{to{background-position:200%}}#count-in{font-family:var(--font-h);color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:250;opacity:0;font-size:clamp(9rem,32vw,24rem);line-height:1;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#count-in.bang{animation:.8s cubic-bezier(.16,1,.3,1) forwards count-slam}#count-in.bang-3{color:var(--gold);animation:1.1s cubic-bezier(.16,1,.3,1) forwards count-slam-3}@keyframes count-slam{0%{opacity:1;filter:brightness(3)blur(4px);text-shadow:0 0 40px #fff,0 0 80px #7700ccb3;transform:translate(-50%,-50%)scale(2.8)}18%{opacity:1;filter:brightness(1.3)blur();text-shadow:0 0 20px #fff,0 0 40px #70c6;transform:translate(-50%,-50%)scale(.93)}42%{opacity:1;filter:brightness();text-shadow:0 0 10px #ffffff4d;transform:translate(-50%,-50%)scale(1)}to{opacity:0;text-shadow:none;transform:translate(-50%,-50%)scale(.82)}}@keyframes count-slam-3{0%{opacity:1;filter:brightness(4)blur(6px);text-shadow:0 0 60px var(--gold), 0 0 120px #f70, 0 0 200px #ff780080;transform:translate(-50%,-50%)scale(3.5)}12%{opacity:1;filter:brightness(2.5)blur();text-shadow:0 0 40px var(--gold), 0 0 80px #d4af3799;transform:translate(-50%,-50%)scale(.88)}35%{opacity:1;filter:brightness(1.8);text-shadow:0 0 30px var(--gold);transform:translate(-50%,-50%)scale(1.06)}65%{opacity:.9;text-shadow:0 0 20px var(--gold);filter:brightness();transform:translate(-50%,-50%)scale(1)}to{opacity:0;text-shadow:none;transform:translate(-50%,-50%)scale(.78)}}.scroll-indicator{bottom:max(2rem, var(--sab));z-index:200;text-align:center;font-family:var(--font-h);letter-spacing:8px;color:#fff6;font-size:.9rem;animation:2.5s ease-in-out infinite bounce;position:absolute;left:0;right:0}@keyframes bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.8;transform:translateY(-10px)}}.panel-inner{z-index:2;scrollbar-width:none;opacity:0;width:min(1000px,90vw);max-height:85dvh;transition:all .8s var(--ease);flex-direction:column;justify-content:center;gap:clamp(.75rem,2vh,2rem);padding-top:clamp(80px,15vh,160px);padding-bottom:clamp(10px,2vh,30px);display:flex;position:relative;overflow-y:auto;transform:translateY(30px)}.panel-inner::-webkit-scrollbar{display:none}.panel-inner.active{opacity:1;transform:translateY(0)}@media (width<=900px){.hero-top{padding:clamp(5rem,12vh,8rem) 1rem 1.5rem}.hero-sub{letter-spacing:2px;font-size:clamp(.7rem,2vw,.9rem)}.hero-bottom{padding:3rem 1.5rem 1rem}.panel-inner{padding-top:12vh;padding-bottom:max(1.5rem, calc(var(--sab) + 1rem));justify-content:flex-start}}h2{font-family:var(--font-h);letter-spacing:1px;text-transform:uppercase;color:var(--gold);background:linear-gradient(to right, var(--gold), var(--purple));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #d4af3733);-webkit-background-clip:text;background-clip:text;flex-shrink:0;align-items:center;gap:1.5rem;margin-bottom:clamp(.5rem,1.5vh,1.5rem);font-size:clamp(2rem,5vh,4.5rem);line-height:1;display:flex}h2:before{content:"";background:linear-gradient(to bottom, var(--gold), var(--purple));border-radius:3px;flex-shrink:0;width:6px;height:.9em;display:block;box-shadow:0 0 12px #d4af3773,0 0 22px #70c3}p{color:var(--chrome);font-size:clamp(.95rem,2vw,1.15rem);line-height:1.7}h3{font-family:var(--font-h);letter-spacing:1px}.lead{color:#fff;border-left:4px solid #0000;border-image:linear-gradient(to bottom, var(--gold), var(--purple)) 1;padding-left:1.5rem;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:300;line-height:1.5}.gold-edge{color:var(--gold);background:linear-gradient(to bottom, #fff 0%, var(--gold) 50%, #8a6d10 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px #d4af3766);-webkit-background-clip:text;background-clip:text;margin-right:.15em;font-weight:700;display:inline-block}.purple-edge{color:#fff;z-index:1;margin-right:.15em;font-weight:600;position:relative}.purple-edge:after{content:"";background:var(--purple);z-index:-1;opacity:.6;filter:blur(4px);width:100%;height:.3em;position:absolute;bottom:2px;left:0;transform:skew(-15deg)}.dim-edge{color:#999;font-style:italic;font-weight:400}.content-columns{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,3rem);display:grid}.instrument-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.section--cards{background:#020208;position:relative;overflow:visible;padding:0!important}.cards-nav{z-index:50;pointer-events:none;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;top:clamp(.7rem,1.5vh,1.2rem);left:0;right:0}.cards-nav .slide-nav,.cards-nav .slideshow-dots{pointer-events:auto}.cards-nav .slide-nav{position:static;transform:none}.slideshow-container{border-radius:16px;position:absolute;inset:clamp(3rem,8vh,5rem) clamp(2.5rem,7vw,5rem) clamp(1.5rem,4vh,3rem);overflow:visible}.instrument-scroller{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;width:100%;height:100%;display:flex;overflow:scroll hidden}.instrument-scroller::-webkit-scrollbar{display:none}.browse-card{scroll-snap-align:start;isolation:isolate;touch-action:none;--color1:#d4af37;--color2:#70c;width:100%;height:100%;box-shadow:-5px -5px 5px -5px var(--color1), 5px 5px 5px -5px var(--color2), 0 0 0 1px #ffffff0d, 0 30px 25px -15px #0009;transform:perspective(900px) rotateX(calc(var(--rx,0) * 1deg)) rotateY(calc(var(--ry,0) * 1deg));will-change:transform;background:#07060a;border-radius:16px;flex-direction:column;flex:0 0 100%;display:flex}.browse-card:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;background-image:linear-gradient(110deg, transparent 20%, var(--color1) 44%, #ffffff26 50%, var(--color2) 56%, transparent 80%);mix-blend-mode:color-dodge;filter:brightness(.55)contrast(1.2);opacity:.12;background-position:50%;background-size:250% 250%;transition:all .33s;position:absolute;inset:0}.browse-card:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;mix-blend-mode:color-dodge;filter:brightness(.8)contrast(1.1);opacity:0;background-image:linear-gradient(125deg,#ff32642e 10%,#ffb4001f 30%,#00c8ff1a 50%,#b400ff1f 70%,#ff32642e 90%);background-position:50%;background-size:200% 200%;transition:all .33s;position:absolute;inset:0}.browse-card.tilting{box-shadow:-20px -20px 30px -25px var(--color1), 20px 20px 30px -25px var(--color2), -7px -7px 10px -5px var(--color1), 7px 7px 10px -5px var(--color2), 0 0 13px 4px #fff3, 0 40px 25px -15px #0009;transition:box-shadow .1s;animation:none}.browse-card.tilting:before{background-position:calc(var(--lp,50) * 1%) calc(var(--tp,50) * 1%);background-size:250% 250%;background-image:linear-gradient(110deg, transparent 20%, var(--color1) 44%, #fff3 50%, var(--color2) 56%, transparent 80%);opacity:.88;filter:brightness(.66)contrast(1.33);transition:none;animation:none}.browse-card.tilting:after{background-position:calc(var(--spx,50) * 1%) calc(var(--spy,50) * 1%);opacity:calc(var(--o,0) * .9);filter:brightness()contrast();transition:none;animation:none}@keyframes holoCard{0%,to{transform:perspective(900px)rotateX(0)rotateY(0)}5%,8%{transform:perspective(900px)rotateX(2deg)rotateY(-4deg)}13%,16%{transform:perspective(900px)rotateX(-2.5deg)rotateY(5deg)}35%,38%{transform:perspective(900px)rotateX(3deg)rotateY(4deg)}55%{transform:perspective(900px)rotateX(-3deg)rotateY(-5deg)}}@keyframes holoGradient{0%,to{opacity:.12;filter:brightness(.55)contrast(1.2);background-position:50%}5%,9%{opacity:.7;filter:brightness(.7)contrast(1.3);background-position:80% 20%}13%,17%{opacity:.55;background-position:20% 80%}35%,39%{opacity:.75;filter:brightness(.55)contrast(1.2);background-position:85% 85%}55%{opacity:.65;filter:brightness(.7)contrast(1.3);background-position:15% 15%}}@keyframes holoSparkle{0%,to{opacity:0;background-position:50%}5%,8%{opacity:.55;filter:brightness(.9)contrast(1.1);background-position:40% 40%}13%,16%{opacity:.25;background-position:55% 55%}35%,38%{opacity:.6;filter:brightness(.8)contrast();background-position:60% 40%}55%{opacity:.2;background-position:45% 60%}}.card-header{z-index:6;opacity:0;background:linear-gradient(90deg,#d4af3724 0%,#7700cc24 100%);border-bottom:1px solid #d4af3733;flex-shrink:0;justify-content:space-between;align-items:center;padding:.4rem .75rem;transition:opacity .4s 50ms,transform .4s 50ms;display:flex;position:relative;transform:translateY(-5px)}.card-hdr-role{font-family:var(--font-h);letter-spacing:3px;text-transform:uppercase;color:var(--gold);text-shadow:0 0 8px #d4af3780;font-size:clamp(.62rem,1.5vw,.75rem)}.card-hdr-pips{align-items:center;gap:3px;display:flex}.pip{border:1px solid var(--gold);border-radius:50%;width:7px;height:7px}.pip.full{background:var(--gold);box-shadow:0 0 5px var(--gold)}.pip.empty{opacity:.35;background:0 0}.card-hdr-hp{font-family:var(--font-h);color:#ffffff8c;letter-spacing:1px;font-size:clamp(.58rem,1.3vw,.68rem)}.card-hdr-hp strong{color:#fff;text-shadow:0 0 6px #fff6;font-size:clamp(.75rem,1.7vw,.9rem)}.card-visual{z-index:5;background:radial-gradient(at 50% 65%,#7700cc38 0%,#0000 65%);flex:0 0 44%;position:relative;overflow:hidden}.card-visual:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0a 25%,#0000 55%);position:absolute;inset:0}.card-img{object-fit:contain;object-position:center center;filter:drop-shadow(0 6px 18px #00000080);width:100%;height:100%}.card-visual--emoji{background:radial-gradient(#d4af3726 0%,#0000 60%)}.card-emoji{justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(3.5rem,11vw,6rem);display:flex}.card-visual:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0000,#07060a);height:35%;position:absolute;bottom:0;left:0;right:0}.card-body{z-index:20;opacity:0;background:#07060a;flex-direction:column;flex:1;justify-content:space-between;gap:.3rem;min-height:0;padding:.5rem .75rem .55rem;transition:opacity .45s .2s,transform .45s .2s;display:flex;position:relative;overflow:hidden;transform:translateY(8px)}.browse-card.is-active .card-header,.browse-card.is-active .card-body{opacity:1;transform:translateY(0)}.card-namebar{border-bottom:1px solid #d4af3733;justify-content:space-between;align-items:baseline;gap:.3rem;padding-bottom:.3rem;display:flex}.card-title{font-family:var(--font-h);text-transform:uppercase;filter:drop-shadow(0 0 8px #d4af3740);flex:1;font-size:clamp(1.05rem,3.2vw,1.5rem);line-height:1}.card-stars{color:var(--gold);filter:drop-shadow(0 0 4px var(--gold));letter-spacing:1px;flex-shrink:0;font-size:clamp(.52rem,1.1vw,.62rem)}.card-ability{background:#d4af370a;border-left:2px solid #d4af3780;border-radius:5px;flex-shrink:0;padding:.38rem .5rem}.card-ability-tag{font-family:var(--font-h);letter-spacing:3px;text-transform:uppercase;color:#d4af378c;margin-bottom:.15rem;font-size:clamp(.45rem,1vw,.52rem);display:block}.card-ability-name{font-family:var(--font-h);letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:0 0 6px #fff3;margin-bottom:.22rem;font-size:clamp(.65rem,1.5vw,.8rem)}.card-ability-desc{color:#ffffffbf;font-size:clamp(.62rem,1.35vw,.72rem);line-height:1.35}.card-stats{flex-direction:column;flex-shrink:0;gap:.28rem;display:flex}.stat-row{align-items:center;gap:.4rem;display:flex}.stat-lbl{font-family:var(--font-h);letter-spacing:2px;color:#ffffff73;text-transform:uppercase;min-width:3.5rem;font-size:clamp(.5rem,1.1vw,.6rem)}.stat-bar{background:#ffffff14;border-radius:2px;flex:1;height:4px;overflow:hidden}.stat-fill{height:100%;width:var(--pct,0%);background:linear-gradient(to right, var(--gold), var(--purple));border-radius:2px;box-shadow:0 0 6px #d4af3766}.stat-num{font-family:var(--font-h);color:#ffffff8c;text-align:right;min-width:1.5rem;font-size:clamp(.55rem,1.2vw,.65rem)}.card-flavor{color:#ffffff61;border-top:1px solid #ffffff0f;flex-shrink:0;padding-top:.3rem;font-size:clamp(.58rem,1.25vw,.66rem);font-style:italic;line-height:1.35}.card-footer{border-top:1px solid #d4af371a;flex-shrink:0;justify-content:space-between;align-items:center;padding-top:.28rem;display:flex}.card-num{font-family:var(--font-h);letter-spacing:2px;color:#fff3;font-size:clamp(.5rem,1.1vw,.58rem)}.card-rarity{font-family:var(--font-h);letter-spacing:2px;color:#d4af3799;text-transform:uppercase;font-size:clamp(.5rem,1.1vw,.58rem)}@media (width>=769px){.slideshow-container{width:clamp(260px,42vh,380px);left:50%;right:auto;transform:translate(-50%);box-shadow:0 30px 80px #000000b3}}.slide-nav{color:var(--gold);cursor:pointer;width:44px;height:44px;transition:all .35s var(--ease);z-index:20;opacity:.5;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slide-nav:before{content:"";border-top:2px solid var(--gold);border-right:2px solid var(--gold);width:12px;height:12px;transition:all .35s var(--ease);display:block}.slide-nav.prev{left:.8rem}.slide-nav.prev:before{margin-left:3px;transform:rotate(-135deg)}.slide-nav.next{right:.8rem}.slide-nav.next:before{margin-right:3px;transform:rotate(45deg)}.slide-nav:hover{opacity:1;background:#d4af371a}.slide-nav:hover:before{filter:drop-shadow(0 0 6px var(--gold));border-color:#fff}@media (width<=768px){.slide-nav{display:none}}.slideshow-dots{justify-content:center;gap:.6rem;margin-top:.6rem;display:flex}.dot{cursor:pointer;background:#ffffff2e;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background:var(--gold);box-shadow:0 0 8px var(--gold);transform:scale(1.3)}@media (width<=768px){.instrument-grid,.roadmap-grid,.cic-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1.2rem;width:100vw;margin-left:-7.5vw;padding:1.5rem 15vw 3rem 7.5vw;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%);display:flex!important}.instrument-grid::-webkit-scrollbar{display:none}.roadmap-grid::-webkit-scrollbar{display:none}.cic-grid::-webkit-scrollbar{display:none}.inst-card,.roadmap-item,.cic-box{scroll-snap-align:center;flex:0 0 78vw}}.swipe-hint{display:none}@media (width<=768px){.swipe-hint{font-family:var(--font-h);letter-spacing:3px;color:var(--gold);opacity:.75;pointer-events:none;justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;font-size:.8rem;animation:2s ease-in-out infinite pulse-swipe;display:flex}.swipe-hint:before,.swipe-hint:after{content:"←";animation:1.5s ease-in-out infinite swipe-arrow}.swipe-hint:after{content:"→";animation-delay:.75s}}.gradient-text{display:inline-block;background:linear-gradient(to right, var(--gold), var(--purple))!important;-webkit-text-fill-color:transparent!important;color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important}.cic-card{text-align:center;justify-content:center;flex-direction:column!important;padding:clamp(2rem,4vh,4rem) clamp(2rem,5vw,4rem)!important}.cic-card .browse-content{text-align:center;max-width:700px;margin:0 auto}.cic-card .browse-content h3{margin-bottom:1rem;font-size:clamp(1.4rem,4vh,2.4rem)}.cic-card .role-desc{text-align:center;margin-bottom:1.2rem;font-size:clamp(.95rem,2vh,1.1rem);line-height:1.6}.cic-card .role-stats{text-align:center}.cic-card .role-stats p{font-size:clamp(.85rem,1.8vh,.95rem)!important;line-height:1.5!important}@media (width<=768px){#rock-instruments-for-children .panel-inner{gap:.5rem;padding-top:5rem;padding-bottom:.5rem;overflow:hidden}#rock-instruments-for-children h2{font-size:1.4rem}#rock-instruments-for-children .band-intro{display:none}.dot{width:6px;height:6px}.cic-card{padding:1.2rem 1rem!important}.cic-card .browse-content h3{font-size:1.2rem}.cic-card .role-desc{margin-bottom:.5rem;font-size:.8rem}.cic-card .role-stats p{font-size:.75rem!important}}@keyframes swipe-arrow{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}@keyframes pulse-swipe{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.8;transform:translate(5px)}}.inst-card{background:padding-box padding-box,linear-gradient(135deg,#d4af3733,#70c3) border-box;border:1px solid #0000;border-radius:16px;flex-direction:column;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.inst-card:hover{background:#141414cc padding-box, linear-gradient(135deg, var(--gold), var(--purple)) border-box;transform:translateY(-8px);box-shadow:0 15px 40px #00000080,0 0 20px #70c3}.inst-img-wrap{aspect-ratio:4/3;background:radial-gradient(circle,#7700cc26 0%,#0000 70%);border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.inst-img{object-fit:contain;filter:drop-shadow(0 10px 15px #000c);width:auto;height:90%;transition:transform .4s}.inst-card:hover .inst-img{transform:scale(1.08)}.drum-placeholder-icon{filter:drop-shadow(0 0 15px var(--gold));font-size:4.5rem}.inst-content{text-align:center;padding:1.5rem}.inst-card h3{font-family:var(--font-h);letter-spacing:2px;text-transform:uppercase;background:linear-gradient(to right, var(--gold), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(1.2rem,2.5vh,1.8rem)}.inst-card p{color:var(--chrome);opacity:.7;letter-spacing:1px;text-transform:uppercase;font-size:.9rem}.highlight-p{border-left:4px solid #0000;border-image:linear-gradient(to bottom, var(--gold), var(--purple)) 1;background:#d4af370d;border-radius:12px;padding:clamp(1rem,2vh,2rem)}.battle-grid{grid-template-columns:1fr 120px 1fr;align-items:stretch;gap:1.5rem;margin-top:clamp(.5rem,2vh,2rem);display:grid}.battle-col{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:clamp(.4rem,1vh,1rem);padding:1.5rem;display:flex}.battle-col.corp{background:#ff000008;border:1px solid #f003;box-shadow:inset 0 0 20px #ff00000d}.corp .battle-header{color:#c88}.corp .battle-item{color:#aaa}.battle-col.church{background:#d4af370f padding-box, linear-gradient(to bottom, var(--gold), var(--purple)) border-box;border:2px solid #0000;box-shadow:0 0 40px #00000080,inset 0 0 20px #d4af370d,0 0 30px #7700cc14}.battle-header{font-family:var(--font-h);text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #ffffff0d;margin-bottom:.5rem;padding-bottom:1rem;font-size:clamp(1.3rem,2vh,1.6rem)}.church .battle-header{color:var(--gold);border-bottom-color:#d4af3733}.battle-labels{flex-direction:column;justify-content:flex-start;gap:1rem;padding-top:4.5rem;display:flex}.label-header{font-family:var(--font-h);color:var(--dim);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;display:none}.label-item{height:3rem;font-family:var(--font-h);color:#444;text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.battle-item{align-items:center;height:3rem;font-size:1.1rem;font-weight:500;display:flex}.church .battle-item{font-weight:700}.glow-bolt{color:var(--gold);text-shadow:0 0 10px var(--gold);margin-right:.6rem;font-size:.85em;animation:2s infinite bolt-pulse}@keyframes bolt-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (width<=768px){.battle-grid{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start;gap:1.2rem;width:100vw;margin-left:-5vw;padding:.5rem 12vw .5rem 5vw;overflow-x:auto;display:flex!important}.battle-grid::-webkit-scrollbar{display:none}.battle-labels{display:none}.battle-col{scroll-snap-align:center;flex:0 0 87vw;height:auto}.battle-item{white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #ffffff0f;height:auto;padding:.35rem 0 .35rem .7rem;font-size:.88rem;line-height:1.4;display:block;overflow:hidden}.church .battle-item{border-left:2px solid #0000;border-image:linear-gradient(to bottom, var(--gold), var(--purple)) 1}.corp .battle-item{border-left:2px solid #ff505033}.battle-item .gold-edge{-webkit-text-fill-color:var(--gold);color:var(--gold);filter:none;background:0 0;display:inline}.battle-item .purple-edge{display:inline}.battle-item .purple-edge:after{display:none}.battle-col.church{order:1}.battle-col.corp{opacity:.65;order:2}}.roadmap-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(1rem,2vh,2rem);display:grid}.roadmap-item{background:padding-box padding-box,linear-gradient(135deg,#ffffff14,#7700cc26) border-box;border:1px solid #0000;border-radius:12px;padding:clamp(1.2rem,2vh,2rem);position:relative}.roadmap-item.highlight{background:#d4af3708 padding-box, linear-gradient(135deg, var(--gold), var(--purple)) border-box;border:1px solid #0000}.step-num{font-family:var(--font-h);color:#ffffff1a;font-size:3rem;position:absolute;top:1rem;right:1.5rem}.roadmap-item h3{font-family:var(--font-h);color:var(--chrome);margin-bottom:clamp(.4rem,1vh,1rem);font-size:clamp(1.3rem,2.5vh,1.8rem)}.pricing-card.main{background:linear-gradient(145deg, #0a0a0a, #151515) padding-box, linear-gradient(135deg, var(--gold), var(--purple)) border-box;text-align:center;border:2px solid #0000;border-radius:24px;margin-bottom:clamp(1rem,3vh,3rem);padding:clamp(1.2rem,3vh,3rem) clamp(1.5rem,4vw,4rem);box-shadow:0 20px 60px #000c,0 0 40px #d4af371a,0 0 60px #7700cc0f}.pricing-card h3{color:var(--chrome);margin-bottom:clamp(.4rem,1vh,1rem);font-size:clamp(1.4rem,2.5vh,2rem)}.cta-block h3{color:var(--chrome);margin-bottom:clamp(.5rem,1.5vh,1rem);font-size:clamp(1.8rem,4vh,3rem)}.cta-block{text-align:center;max-width:800px;margin:0 auto clamp(1rem,2.5vh,3rem)}.price-wrap{justify-content:center;align-items:baseline;gap:1rem;display:flex}.reg-price{font-family:var(--font-h);color:var(--dim);opacity:.5;font-size:2.5rem;text-decoration:line-through}.price{font-family:var(--font-h);color:var(--gold);font-size:clamp(2.5rem,6vh,5rem);line-height:1}.price span{color:var(--dim);font-size:1.5rem}.founders-note{opacity:.9;color:#fff;margin:.5rem 0 clamp(.5rem,1.5vh,1.5rem);font-size:.9rem;font-style:italic}.pricing-notes{flex-direction:column;gap:.5rem;margin-top:1rem;font-size:.95rem;display:flex}.cic-grid{grid-template-columns:1fr 1fr;gap:clamp(1rem,2vh,2rem);display:grid}.cic-box{background:padding-box padding-box,linear-gradient(#d4af3740,#70c6) border-box;border:1px solid #0000;border-radius:12px;padding:clamp(1.2rem,2.5vh,2.5rem)}.cic-box h3{font-family:var(--font-h);color:var(--purple);margin-bottom:clamp(.4rem,1vh,1rem);font-size:clamp(1.3rem,2.5vh,1.8rem)}.button-group{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:clamp(.75rem,1.5vh,2rem);display:flex}.chrome-button{background:linear-gradient(135deg, var(--gold) 0%, var(--purple) 100%);color:#fff;font-family:var(--font-h);letter-spacing:2px;cursor:pointer;border:none;border-radius:4px;padding:1.2rem 2.5rem;font-size:1.4rem;transition:all .3s;box-shadow:0 10px 25px #00000080,0 0 30px #d4af371f}.chrome-button.outline{background:transparent padding-box, linear-gradient(135deg, var(--gold), var(--purple)) border-box;color:var(--chrome);box-shadow:none;border:2px solid #0000}.chrome-button:hover{filter:brightness(1.15);transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px #d4af374d,0 5px 20px #7700cc40}#contact-church-of-rock{text-align:center;gap:clamp(.6rem,1.5vh,2rem);width:100%;padding:clamp(1.5rem,4vh,4rem) 5vw;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important}.footer-logo{filter:drop-shadow(0 0 12px #d4af37cc)drop-shadow(0 0 35px #d4af3766)drop-shadow(0 0 60px #7700cc80)drop-shadow(0 0 100px #70c3);width:auto;height:clamp(80px,22vh,240px);margin-bottom:.25rem}.footer-location{font-family:var(--font-h);letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin:0;font-size:clamp(1.4rem,4vw,2.2rem)}.footer-contact{color:#fff;margin:0;font-size:1.1rem}.footer-contact a{color:var(--gold);font-weight:700;text-decoration:none}.footer-copyright{color:#666;margin-top:1rem;font-size:.8rem}.footer-credit{color:#444;max-width:300px;margin-top:.5rem;font-size:.75rem;line-height:1.4}.footer-credit a{font-weight:600;text-decoration:underline;transition:color .3s;color:#888!important}.footer-credit a:hover{color:#fff!important}@media (width>=1025px) and (height<=800px){.hero-top{padding:clamp(5.5rem,12vh,9rem) 1rem 1.5rem}.panel-inner{gap:clamp(.5rem,1.5vh,1rem);padding-top:clamp(60px,11vh,120px)}h2{margin-bottom:.5rem;font-size:clamp(1.8rem,4.5vh,3.5rem)}.lead{font-size:clamp(1rem,2.5vh,1.35rem)}.inst-card,.roadmap-item,.cic-box{padding:1.5rem}.pricing-card.main{margin-bottom:1.5rem;padding:1.5rem 2rem}.cta-block{margin-bottom:1.5rem}.battle-grid{margin-top:1rem}}@media (width>=1025px) and (height<=650px){.hero-top{padding:clamp(4.5rem,10vh,7rem) 1rem 1rem}.hero-top h1{font-size:clamp(1.5rem,4vw,2.5rem)}.hero-sub{letter-spacing:2px;font-size:clamp(.7rem,1.5vw,.9rem)}.panel-inner{gap:.5rem;padding-top:clamp(50px,9vh,90px)}h2{margin-bottom:.3rem;font-size:clamp(1.5rem,3.5vh,2.5rem)}p{font-size:clamp(.8rem,1.6vh,1rem);line-height:1.6}.lead{padding-left:1rem;font-size:clamp(.9rem,2vh,1.1rem)}.inst-card,.roadmap-item,.cic-box{padding:.8rem 1rem}.inst-card h3,.roadmap-item h3,.cic-box h3{margin-bottom:.3rem;font-size:1.4rem}.battle-item{height:2.5rem;font-size:.9rem}.label-item{height:2.5rem}.battle-grid{margin-top:.5rem}.pricing-card.main{margin-bottom:.8rem;padding:.8rem 1.2rem}.price{font-size:clamp(2rem,5vh,3.5rem)}.cta-block{margin:0 auto .8rem}.cta-block h3{font-size:1.5rem}.highlight-p{padding:1rem}.step-num{font-size:2rem}}@media (width<=1024px){.panel-inner{width:88vw}}@media (width<=900px){.content-columns,.cic-grid,.roadmap-grid,.instrument-grid{grid-template-columns:1fr;gap:1.5rem}.button-group{flex-direction:column;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.chrome-button{text-align:center;width:100%;max-width:400px;padding:1rem;font-size:.9rem}.site-header{padding:10px;top:0;left:0}.header-logo{height:clamp(60px,10vh,90px);margin-top:-1.2rem;margin-left:-.1rem}.bgm-toggle{padding:.5rem 1rem;font-size:.65rem;top:1.2rem;bottom:auto;right:1rem}}@media (width<=480px){h2{gap:.5rem;margin-bottom:1rem;font-size:1.6rem}h2:before{width:3px;height:.8em}.lead{padding-left:.8rem;font-size:.95rem}.inst-card,.roadmap-item,.cic-box{padding:.8rem}.price-wrap{gap:.5rem}.price{font-size:2.2rem}.reg-price{font-size:1.2rem}.pricing-card.main{border-radius:12px;margin:.5rem 0;padding:1rem}.pricing-card h3{margin-bottom:.4rem;font-size:1.1rem}.pricing-notes{gap:.3rem;font-size:.75rem}.button-group{margin-top:1rem;margin-bottom:max(.5rem, var(--sab));flex-direction:row;gap:.5rem;display:flex}.pricing-notes p{line-height:1.5;font-size:.72rem!important}.pricing-notes{gap:.2rem;margin-top:.5rem}.founders-note{margin-bottom:.5rem;font-size:.72rem}.cta-block h3{margin-bottom:.5rem;font-size:1.6rem}.cta-block p{line-height:1.5;font-size:.85rem!important}.chrome-button{white-space:nowrap;flex:1;padding:.8rem .5rem;font-size:.65rem}}@media (height<=500px) and (orientation:landscape){.hero-top{padding-top:1rem}.hero-bottom{display:none}}.comparison-table-wrap{border:1px solid #ffffff14;border-radius:12px;margin:clamp(.5rem,1.5vh,1.5rem) 0;overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;font-size:clamp(.78rem,1.5vw,.95rem)}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid #ffffff0f;padding:clamp(.6rem,1.5vh,1rem) clamp(.8rem,2vw,1.5rem)}.comparison-table thead th{font-family:var(--font-h);letter-spacing:2px;text-transform:uppercase;background:#ffffff08;padding-top:1rem;padding-bottom:1rem;font-size:clamp(.85rem,1.6vw,1.05rem)}.comparison-table thead th:first-child{width:20%}.comparison-table thead th:nth-child(2){color:#ffffff4d}.comparison-table thead th:nth-child(3){color:var(--gold)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table td:first-child{font-family:var(--font-h);letter-spacing:1px;text-transform:uppercase;color:#ffffff59;white-space:nowrap;font-size:clamp(.78rem,1.4vw,.95rem)}.comparison-table .dim-cell{color:#ffffff4d;font-style:italic}.comparison-table .bright-cell{color:var(--gold);font-weight:600}.programmes-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin:clamp(.5rem,1.5vh,1.5rem) 0;display:grid}.programme-card{background:padding-box padding-box,linear-gradient(135deg,#ffffff14,#7700cc26) border-box;border:1px solid #0000;border-radius:16px;flex-direction:column;gap:.6rem;padding:clamp(1.2rem,2.5vh,2rem);display:flex}.programme-card.highlight-card{background:#7700cc0f padding-box, linear-gradient(135deg, var(--gold), var(--purple)) border-box;box-shadow:0 0 30px #7700cc14}.programme-badge{font-family:var(--font-h);letter-spacing:2px;text-transform:uppercase;color:var(--gold);background:#d4af371a;border:1px solid #d4af3733;border-radius:4px;width:fit-content;margin-bottom:.3rem;padding:.2em .75em;font-size:.78rem;display:inline-block}.church-badge{color:#c084f5;background:#7700cc26;border-color:#7700cc4d}.programme-card h3{font-family:var(--font-h);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(to right, var(--gold), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.1rem;font-size:clamp(1.3rem,2.8vh,2rem)}.programme-card p{color:var(--chrome);opacity:.85;font-size:clamp(.8rem,1.5vh,.92rem);line-height:1.65}.founding-notice{border-left:3px solid var(--gold);background:#d4af370a;border-radius:0 8px 8px 0;padding:clamp(1rem,2vh,1.5rem) clamp(1.2rem,3vw,2rem)}.founding-notice h3{font-family:var(--font-h);letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem;font-size:clamp(1.1rem,2.5vh,1.6rem)}.founding-notice p{color:var(--chrome);font-size:clamp(.8rem,1.5vh,.92rem);line-height:1.65}.band-lineup{flex-wrap:wrap;gap:.5rem;margin:.4rem 0;display:flex}.lineup-item{font-size:.9rem;font-family:var(--font-h);letter-spacing:1px;color:var(--chrome);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;padding:.35rem .85rem}.session-timeline{flex-direction:column;gap:.5rem;margin:.5rem 0;display:flex}.session-step{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;align-items:flex-start;gap:1.2rem;padding:clamp(.75rem,1.5vh,1.2rem) clamp(1rem,2vw,1.5rem);display:flex}.session-step.highlight{background:padding-box padding-box,linear-gradient(135deg,#d4af374d,#7700cc4d) border-box;border:1px solid #0000}.session-step .step-num{font-family:var(--font-h);color:var(--gold);opacity:.3;flex-shrink:0;font-size:clamp(1.4rem,2.8vh,2.2rem);line-height:1;position:static}.step-content{flex:1;min-width:0}.step-content h3{font-family:var(--font-h);letter-spacing:1px;text-transform:uppercase;color:var(--chrome);margin-bottom:.2rem;font-size:clamp(.9rem,1.8vh,1.2rem)}.step-content p{color:#fff9;margin:0;font-size:clamp(.78rem,1.4vh,.88rem);line-height:1.5}.dim-text{color:#ffffff4d}.section-divider{background:linear-gradient(90deg,#d4af374d,#7700cc4d,#0000);width:100%;height:1px;margin:.25rem 0}.subsection-h{font-family:var(--font-h);letter-spacing:2px;text-transform:uppercase;color:var(--gold);border-left:3px solid var(--gold);margin-top:.25rem;padding-left:1rem;font-size:clamp(1rem,2.2vh,1.5rem)}.passport-badges{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;margin:.5rem 0;display:grid}.badge-item{background:padding-box padding-box,linear-gradient(135deg,#d4af3733,#70c3) border-box;border:1px solid #0000;border-radius:8px;padding:clamp(.75rem,1.5vh,1.1rem)}.badge-item h4{font-family:var(--font-h);letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem;font-size:clamp(.85rem,1.7vh,1rem)}.badge-item p{color:#ffffff80;margin:0;font-size:clamp(.7rem,1.3vh,.8rem);line-height:1.4}.credentials{border-top:1px solid #ffffff12;margin-top:.1rem;padding-top:.6rem;color:#ffffff61!important;font-size:clamp(.75rem,1.4vh,.85rem)!important;line-height:1.5!important}.closing-line{margin-top:.5rem;font-style:italic;font-size:clamp(1rem,2vh,1.2rem)!important}@media (width<=768px){.programmes-grid{grid-template-columns:1fr}.comparison-table td:first-child,.comparison-table thead th:first-child{display:none}.session-step{gap:.75rem}.session-step .step-num{font-size:1.2rem}.passport-badges{grid-template-columns:1fr 1fr}}@media (width<=480px){.passport-badges{grid-template-columns:1fr}.band-lineup{gap:.4rem}.lineup-item{padding:.3rem .65rem;font-size:.8rem}}