.device-panel{gap:.9rem;padding:1rem;display:grid}.device-panel__copy,.showcase-stage__copy,.showcase-note__copy{align-content:start;gap:.55rem;display:grid}.device-panel--hero-reel{isolation:isolate;background:radial-gradient(circle at 14% 14%,#f7d57b2e,#0000 26%),radial-gradient(circle at 84% 8%,#7dddd72e,#0000 24%),linear-gradient(#0f202deb,#050c12fa);align-self:start;gap:1rem;min-height:27rem;padding:1.1rem;position:relative}.device-panel--hero-reel:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(#ffffff0d,#0000 24%),radial-gradient(circle at 50% 118%,#081722eb,#0000 52%);position:absolute;inset:0}.device-panel--hero-reel:after{z-index:0;border-radius:inherit;opacity:.66;content:"";pointer-events:none;border:1px solid #7dddd724;position:absolute;inset:-1px}.device-panel--hero-reel>*{z-index:1;position:relative}.device-panel__copy--hero-reel{gap:.45rem;max-width:31rem}.device-panel__copy--hero-reel strong{font-size:clamp(1.16rem,2vw,1.42rem)}.device-panel__copy--hero-reel p{font-size:clamp(.98rem,1.7vw,1.08rem)}.skein-hero-reel{aspect-ratio:16/10;isolation:isolate;background:linear-gradient(#182d3db8,#060f16fa),linear-gradient(90deg,#ffffff14,#fff0);border:1px solid #ffffff14;border-radius:1.8rem;min-height:clamp(21rem,35vw,25.5rem);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 28px 56px #02080c6b}.skein-hero-reel:before{z-index:1;content:"";pointer-events:none;background:radial-gradient(circle at 1.1rem 1.3rem,#ffffff3d 0 .22rem,#0000 .24rem),radial-gradient(circle at 2rem 1.3rem,#ffffff24 0 .22rem,#0000 .24rem),radial-gradient(circle at 2.9rem 1.3rem,#ffffff24 0 .22rem,#0000 .24rem),linear-gradient(#ffffff14,#fff0);height:3rem;position:absolute;inset:0 0 auto}.skein-hero-reel:after{z-index:1;border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0}.skein-hero-reel__hud,.skein-hero-reel__pips{z-index:6;align-items:center;display:flex;position:absolute;left:.95rem;right:.95rem}.skein-hero-reel__hud{justify-content:space-between;gap:.8rem;top:.95rem}.skein-hero-reel__badge{color:#eff8fcdb;letter-spacing:.15em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051018a3;border:1px solid #bcdfef1f;border-radius:999px;align-items:center;min-height:1.95rem;padding:.35rem .72rem;font-size:.66rem;font-weight:700;line-height:1;display:inline-flex}.skein-hero-reel__badge--phase{color:var(--warm)}.skein-hero-reel__board{background:radial-gradient(circle at 16% 0,#f5c1801f,#0000 24%),radial-gradient(circle at 84% 10%,#7dddd71f,#0000 26%),linear-gradient(#051018f0,#040d14fa);border:1px solid #ffffff14;border-radius:1.45rem;transition:transform .36s,box-shadow .36s;position:absolute;inset:3.35rem .95rem 1.18rem;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 22px 48px #02080c3d}.skein-hero-reel__board:before,.skein-hero-reel__board:after{content:"";pointer-events:none;position:absolute;inset:0}.skein-hero-reel__board:before{z-index:0;opacity:.42;background:repeating-linear-gradient(90deg,#afd6ea0f 0 1px,#0000 1px 25%),repeating-linear-gradient(#afd6ea0f 0 1px,#0000 1px 25%)}.skein-hero-reel__board:after{z-index:0;background:radial-gradient(circle at 52% 100%,#f5c18021,#0000 30%),linear-gradient(#ffffff08,#fff0 18%),linear-gradient(90deg,#040b1114,#040b1100 32%,#040b111f)}.skein-hero-reel__board-glow,.skein-hero-reel__board-glass,.skein-hero-reel__board-lantern,.skein-hero-reel__delivery,.skein-hero-reel__matchup,.skein-hero-reel__trace,.skein-hero-reel__burst,.skein-hero-reel__token,.skein-hero-reel__incoming{position:absolute}.skein-hero-reel__board-glow{mix-blend-mode:screen;filter:blur(8px);z-index:0;border-radius:999px;animation:7.2s ease-in-out infinite showcase-spark-drift}.skein-hero-reel__board-glow--warm{background:radial-gradient(circle,#f5c1802e,#0000 70%);width:34%;height:26%;top:-8%;left:-4%}.skein-hero-reel__board-glow--cool{background:radial-gradient(circle,#7dddd72e,#0000 72%);width:30%;height:26%;animation-delay:-2.8s;bottom:2%;right:-8%}.skein-hero-reel__trace{z-index:1;pointer-events:none;width:100%;height:100%;inset:0}.skein-hero-reel__trace-shadow,.skein-hero-reel__trace-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420px;transition:opacity .24s,stroke-dashoffset .82s cubic-bezier(.22,1,.36,1)}.skein-hero-reel__trace-shadow{stroke:#040b117a;stroke-width:16px;opacity:0}.skein-hero-reel__trace-line{stroke:#7dddd7fa;stroke-width:8px;filter:drop-shadow(0 0 18px #7dddd757);opacity:0}.skein-hero-reel__token,.skein-hero-reel__incoming{z-index:2;aspect-ratio:1;width:clamp(2.35rem,4.8vw,3.35rem);transition:transform .36s,opacity .26s,filter .26s;transform:translate(-50%,-50%)scale(.96)}.skein-hero-reel__token--selected{z-index:3}.skein-hero-reel__token-halo{opacity:0;pointer-events:none;background:radial-gradient(circle,#7dddd747,#0000 68%);border-radius:999px;transition:opacity .24s,transform .24s;position:absolute;inset:-28%}.skein-hero-reel__glyph{filter:drop-shadow(0 10px 14px #01070a5c);width:100%;height:100%}.skein-hero-reel__glyph--ember{animation:2.1s ease-in-out infinite ember-dance}.skein-hero-reel__glyph--tide{animation:1.95s ease-in-out infinite tide-dance}.skein-hero-reel__glyph--moss{animation:2.3s ease-in-out infinite moss-dance}.skein-hero-reel__glyph--iris{animation:2.48s ease-in-out infinite iris-dance}.skein-hero-reel__glyph--sun{animation:2.28s ease-in-out infinite sun-dance}.skein-hero-reel__glyph--ash{animation:2.86s ease-in-out infinite ash-dance}.skein-hero-reel__incoming{opacity:0;z-index:3;transform:translate(-50%,-168%)scale(.82)}.skein-hero-reel__burst{z-index:4;opacity:0;pointer-events:none;inset:0}.skein-hero-reel__burst-particle{--burst-x:0px;--burst-y:0px;opacity:0;border-radius:999px;width:.72rem;height:.72rem;position:absolute;top:42%;left:56%;transform:translate(-50%,-50%)scale(.24)}.skein-hero-reel__burst-particle--1{--burst-x:-46px;--burst-y:-60px;background:#7fcfff}.skein-hero-reel__burst-particle--2{--burst-x:-28px;--burst-y:-14px;background:#d7e5ef}.skein-hero-reel__burst-particle--3{--burst-x:18px;--burst-y:-72px;background:#87d99a}.skein-hero-reel__burst-particle--4{--burst-x:52px;--burst-y:-24px;background:#f7d57b}.skein-hero-reel__burst-particle--5{--burst-x:56px;--burst-y:36px;background:#ef8573}.skein-hero-reel__burst-particle--6{--burst-x:14px;--burst-y:58px;background:#bea8ff}.skein-hero-reel__burst-particle--7{--burst-x:-34px;--burst-y:42px;background:#7fcfff}.skein-hero-reel__burst-particle--8{--burst-x:-62px;--burst-y:8px;background:#f7d57b}.skein-hero-reel__board-glass{opacity:0;transform-origin:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4;background:linear-gradient(135deg,#ffffff3d,#ffffff0d),linear-gradient(#08162014,#08162033);border:1px solid #dceef742;border-radius:1rem;width:16%;height:18%;transition:opacity .22s,transform .36s;top:49%;left:50%;transform:translate(.6rem,-.5rem)rotate(-8deg);box-shadow:inset 0 1px #fff3}.skein-hero-reel__board-lantern{opacity:0;filter:blur(6px);z-index:1;background:radial-gradient(circle,#f5c18038,#f5c18000 72%),radial-gradient(circle at 52% 30%,#fff0cf1f,#fff0cf00 46%);width:18%;height:26%;transition:opacity .22s,transform .36s;top:8%;right:9%;transform:translate(.4rem,-.6rem)scale(.88)}.skein-hero-reel__delivery{opacity:0;z-index:5;width:5rem;height:2.25rem;transition:opacity .22s,transform .36s;top:11%;left:66%;transform:translate(1rem,-.85rem)}.skein-hero-reel__delivery-tail{border-top:1px dashed #7dddd757;width:1.5rem;position:absolute;top:50%;left:-1.2rem}.skein-hero-reel__delivery-box{background:linear-gradient(#f7d57bfa,#f5c180e0),linear-gradient(#ffffff1f,#fff0);border:1px solid #bcdfef2e;border-radius:.85rem;width:2.25rem;height:2.25rem;position:absolute;top:0;right:0;box-shadow:inset 0 1px #ffffff3d,0 10px 18px #02080c3d}.skein-hero-reel__matchup{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#051018a8;border:1px solid #bcdfef1f;border-radius:1rem;gap:.38rem;padding:.6rem .72rem;display:grid;bottom:1rem;left:1rem}.skein-hero-reel__matchup-label{color:#eff8fcc7;letter-spacing:.15em;text-transform:uppercase;font-size:.64rem;font-weight:700;line-height:1}.skein-hero-reel__matchup-pair{align-items:center;gap:1.8rem;display:flex;position:relative}.skein-hero-reel__matchup-link{border-top:1px dashed #7dddd757;position:absolute;left:1.35rem;right:1.35rem}.skein-hero-reel__matchup-skein{z-index:1;filter:drop-shadow(0 8px 12px #01070a52);width:1.7rem;height:1.7rem;position:relative}.skein-hero-reel__pips{justify-content:center;gap:.42rem;bottom:.6rem}.skein-hero-reel__pip{background:#bcdfef38;border-radius:999px;width:.46rem;height:.46rem;transition:transform .18s,background .18s}.skein-hero-reel__pip--active{background:var(--warm);transform:scale(1.25)}.skein-hero-reel--trace .skein-hero-reel__trace-shadow,.skein-hero-reel--trace .skein-hero-reel__trace-line,.skein-hero-reel--match .skein-hero-reel__trace-shadow,.skein-hero-reel--match .skein-hero-reel__trace-line,.skein-hero-reel--shatter .skein-hero-reel__trace-shadow,.skein-hero-reel--shatter .skein-hero-reel__trace-line{stroke-dashoffset:0}.skein-hero-reel--trace .skein-hero-reel__trace-shadow,.skein-hero-reel--match .skein-hero-reel__trace-shadow,.skein-hero-reel--shatter .skein-hero-reel__trace-shadow,.skein-hero-reel--trace .skein-hero-reel__trace-line,.skein-hero-reel--match .skein-hero-reel__trace-line{opacity:1}.skein-hero-reel--shatter .skein-hero-reel__trace-line{opacity:.38}.skein-hero-reel--match .skein-hero-reel__token--selected{animation:.36s ease-in-out infinite alternate hero-reel-selected-buzz}.skein-hero-reel--trace .skein-hero-reel__token--selected,.skein-hero-reel--match .skein-hero-reel__token--selected{filter:drop-shadow(0 0 24px #7dddd729);transform:translate(-50%,-50%)scale(1.08)}.skein-hero-reel--trace .skein-hero-reel__token--selected .skein-hero-reel__token-halo,.skein-hero-reel--match .skein-hero-reel__token--selected .skein-hero-reel__token-halo{opacity:1}.skein-hero-reel--match .skein-hero-reel__board{transform:scale(1.01)}.skein-hero-reel--shatter .skein-hero-reel__board{transform:scale(1.025)}.skein-hero-reel--shatter .skein-hero-reel__token--selected{opacity:0;transform:translate(-50%,-50%)scale(.28)rotate(26deg)}.skein-hero-reel--shatter .skein-hero-reel__burst{opacity:1}.skein-hero-reel--shatter .skein-hero-reel__burst-particle{animation:.64s ease-out both hero-reel-burst}.skein-hero-reel--nuisance .skein-hero-reel__board{transform:scale(1.01)translateY(-.25rem)}.skein-hero-reel--nuisance .skein-hero-reel__token--selected{opacity:0;transform:translate(-50%,-50%)scale(.18)}.skein-hero-reel--nuisance .skein-hero-reel__incoming{opacity:1;transform:translate(-50%,-50%)scale(1)}.skein-hero-reel--nuisance .skein-hero-reel__board-glass,.skein-hero-reel--nuisance .skein-hero-reel__board-lantern,.skein-hero-reel--nuisance .skein-hero-reel__delivery{opacity:1}.skein-hero-reel--nuisance .skein-hero-reel__board-glass{transform:translate(0,0)rotate(-4deg)}.skein-hero-reel--nuisance .skein-hero-reel__board-lantern{animation:2.1s ease-in-out infinite hero-reel-lantern-flicker;transform:translate(0,0)scale(1)}.skein-hero-reel--nuisance .skein-hero-reel__delivery{transform:translate(0,0)}.skein-hero-reel__matchup-skein--left{animation:1.7s ease-in-out infinite hero-reel-pair-left}.skein-hero-reel__matchup-skein--right{animation:1.7s ease-in-out infinite hero-reel-pair-right}.skein-hero-reel--reduced .skein-hero-reel__glyph,.skein-hero-reel--reduced .skein-hero-reel__matchup-skein,.skein-hero-reel--reduced .skein-hero-reel__board-glow,.skein-hero-reel--reduced .skein-hero-reel__board-lantern{animation:none!important}.skein-hero-reel--reduced .skein-hero-reel__token,.skein-hero-reel--reduced .skein-hero-reel__incoming,.skein-hero-reel--reduced .skein-hero-reel__board,.skein-hero-reel--reduced .skein-hero-reel__board-glass,.skein-hero-reel--reduced .skein-hero-reel__delivery{transition:none}.board-demo{gap:.8rem;display:grid}.showcase-stage{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.showcase-sidebar{align-content:start;gap:1rem;display:grid}.showcase-stage__hero,.showcase-stage__demo,.showcase-stage__support{isolation:isolate;background:radial-gradient(circle at 10% 0,#f5c1801a,#0000 26%),radial-gradient(circle at 88% 10%,#7dddd71a,#0000 24%),linear-gradient(#081620e0,#05111af0);border:1px solid #ffffff14;border-radius:1.8rem;gap:1rem;padding:1.08rem 1.08rem 1.14rem;display:grid;position:relative;overflow:hidden}.showcase-stage__hero:after,.showcase-stage__demo:after,.showcase-stage__support:after{pointer-events:none;content:"";background:radial-gradient(circle,#7dddd71f,#0000 72%);border-radius:999px;width:12rem;height:12rem;position:absolute;inset:-18% auto auto 54%}.showcase-stage__hero{grid-column:span 12;padding-block:1.18rem}.showcase-stage__notes{background:linear-gradient(#081620c7,#051018eb),radial-gradient(circle at 84% 12%,#7dddd714,#0000 22%);border:1px solid #ffffff14;border-radius:1.8rem;align-content:start;gap:0;padding:1.25rem 1.3rem;display:grid}.showcase-stage__notes--sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#12283857,#0a18236b),radial-gradient(circle at 90% 12%,#7dddd70a,#0000 24%);border-color:#bcdfef0d;padding:1.05rem 1.15rem;box-shadow:inset 0 1px #ffffff05}.showcase-stage__demo{grid-column:span 12}.showcase-stage__support{grid-column:span 12;padding-block:1.18rem}.showcase-stage__hero .showcase-stage__copy,.showcase-stage__support .showcase-stage__copy{align-content:start}.showcase-composition{align-items:stretch;gap:1rem;min-width:0;display:grid}.showcase-composition--warmup{grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr)}.showcase-composition--trouble{grid-template-columns:minmax(0,1.12fr) minmax(18rem,.88fr);align-items:stretch}.showcase-composition__primary,.showcase-composition__aside{align-content:start;gap:1rem;min-width:0;display:grid}.showcase-stage__copy--beats{gap:.78rem;padding-top:.1rem}.showcase-stage__copy--trouble{gap:.4rem;max-width:34rem}.showcase-live-board,.showcase-ribbon,.showcase-scene{background:radial-gradient(circle at 16% 0,#f5c1801f,#0000 24%),radial-gradient(circle at 84% 10%,#7dddd71f,#0000 26%),linear-gradient(#051018e6,#040d14f5);border:1px solid #ffffff14;border-radius:1.45rem;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 22px 48px #02080c33}.showcase-live-board{aspect-ratio:1}.showcase-ribbon,.showcase-scene{aspect-ratio:16/10}.showcase-composition--trouble .showcase-scene{aspect-ratio:16/11;min-height:0}.showcase-stage__support--trouble .showcase-live-board{aspect-ratio:16/11}.showcase-stage__support--trouble .showcase-live-board__media{object-position:50% 46%}.showcase-stage__support--trouble .showcase-scene__image{object-position:48% 44%}.showcase-live-board:before,.showcase-ribbon:before,.showcase-scene:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff0d,#fff0 18%),linear-gradient(90deg,#040b1114,#040b1100 32%,#040b111f);position:absolute;inset:0}.showcase-live-board__loop,.showcase-live-board__loop>.gameplay-loop{position:absolute;inset:0}.showcase-live-board__media{object-position:center;filter:saturate(1.06)contrast(1.06)brightness(1.02)}.showcase-live-board__glow,.showcase-scene__spark,.showcase-scene__hotspot{pointer-events:none;position:absolute}.showcase-live-board__glow,.showcase-scene__spark{mix-blend-mode:screen;z-index:1;border-radius:999px;animation:7.2s ease-in-out infinite showcase-spark-drift}.showcase-live-board__glow--warmup-a{background:radial-gradient(circle,#f5c1802e,#0000 70%);width:36%;height:28%;top:-6%;left:-5%}.showcase-live-board__glow--warmup-b{background:radial-gradient(circle,#7dddd72e,#0000 70%);width:32%;height:26%;animation-delay:-2.6s;bottom:10%;right:-7%}.showcase-live-board__glow--trouble-a{background:radial-gradient(circle,#f5c18029,#0000 70%);width:34%;height:24%;top:-6%;right:-4%}.showcase-live-board__glow--trouble-b{background:radial-gradient(circle,#7dddd724,#0000 72%);width:30%;height:24%;animation-delay:-3.1s;bottom:4%;left:-8%}.showcase-ribbon__image,.showcase-scene__image{object-fit:cover;filter:saturate(1.03)contrast(1.04)brightness(.98);width:100%;height:100%}.showcase-ribbon__image{object-position:50% 42%;animation:13s ease-in-out infinite showcase-ribbon-drift;transform:scale(1.05)}.showcase-scene__image{object-position:44% 46%;animation:14s ease-in-out infinite showcase-scene-pan;transform:scale(1.04)}.showcase-ribbon__veil,.showcase-scene__veil{pointer-events:none;z-index:1;position:absolute;inset:0}.showcase-ribbon__veil--warmup{background:linear-gradient(#040b111a,#040b110a 38%,#040b112e 100%),radial-gradient(circle at 78% 18%,#7dddd71f,#0000 22%)}.showcase-scene__veil--trouble{background:linear-gradient(#040b110a,#040b111a 46%,#040b1138 100%),radial-gradient(circle at 84% 12%,#f5c1801a,#0000 18%)}.showcase-scene__spark--trouble-a{background:radial-gradient(circle,#f5c18024,#0000 72%);width:18%;height:28%;top:12%;right:8%}.showcase-scene__spark--trouble-b{background:radial-gradient(circle,#7dddd71f,#0000 72%);width:16%;height:22%;animation-delay:-3.1s;bottom:8%;left:6%}.showcase-scene__hotspot{mix-blend-mode:screen;opacity:.78;z-index:1;background:radial-gradient(circle,#f5c18029,#f5c18000 72%);border-radius:999px;animation:5.8s ease-in-out infinite showcase-hotspot-pulse}.showcase-scene__hotspot--trouble-a{width:25%;height:24%;top:2%;left:-4%}.showcase-scene__hotspot--trouble-b{width:22%;height:22%;animation-delay:-1.8s;top:18%;right:6%}.showcase-scene__hotspot--trouble-c{width:24%;height:22%;animation-delay:-3.4s;bottom:6%;right:18%}.showcase-stage__ticker{flex-wrap:wrap;gap:.45rem;margin-top:.1rem;display:flex}.showcase-stage__ticker span{color:#e2eff5d1;letter-spacing:.11em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06111a80;border:1px solid #ffffff1a;border-radius:999px;align-items:center;min-height:2rem;padding:.35rem .72rem;font-size:.67rem;font-weight:700;display:inline-flex}.showcase-note{border-top:1px solid #ffffff0a;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1rem 0;display:grid}.showcase-note:first-child{border-top:0;padding-top:0}.showcase-note__chapter{color:var(--warm);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.45rem;font-size:.74rem;font-weight:700;display:inline-flex}.showcase-note h3{margin:0;line-height:1.1}.showcase-note__index{color:#7dddd780;letter-spacing:.14em;background:#0a18232e;border:1px solid #bcdfef0d;border-radius:999px;justify-content:center;align-items:center;min-width:2rem;min-height:2rem;padding:.25rem .45rem;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.board-demo{grid-template-columns:minmax(0,1.3fr) minmax(14rem,.7fr);align-items:stretch;gap:1rem;display:grid}.board-demo__hero{min-width:0;display:grid}.board-demo__capture-shell{aspect-ratio:1;background:radial-gradient(circle at 18% 0,#f5c1801f,#0000 24%),radial-gradient(circle at 82% 10%,#7dddd71f,#0000 26%),linear-gradient(#051018eb,#040d14fa);border:1px solid #ffffff14;border-radius:1.45rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 22px 48px #02080c3d}.showcase-stage__demo .board-demo{grid-template-columns:1fr;gap:.95rem}.board-demo__capture-shell:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0d,#fff0 18%),linear-gradient(90deg,#040b110f,#040b1100 36%,#040b111f);position:absolute;inset:0}.board-demo__capture{object-fit:cover;object-position:center;filter:saturate(1.05)contrast(1.06)brightness(1.02);width:100%;height:100%}.board-demo__rail{align-content:start;gap:0;padding-left:1rem;display:grid;position:relative}.showcase-stage__demo .board-demo__rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding-left:0}.board-demo__rail:before{content:"";background:linear-gradient(#f5c180d1,#7dddd747 38%,#ffffff14);width:1px;position:absolute;top:.55rem;bottom:.55rem;left:0}.showcase-stage__demo .board-demo__rail:before{display:none}.board-demo__beat{border-top:1px solid #ffffff0f;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;min-height:4.45rem;padding:.92rem 0 .92rem .35rem;animation:8s ease-in-out infinite board-demo-step-pulse;display:grid;position:relative}.showcase-stage__demo .board-demo__beat{background:#081620a3;border:1px solid #bcdfef14;border-radius:1.08rem;min-height:0;padding:.82rem .9rem}.board-demo__beat:first-child{border-top:0;padding-top:.25rem}.showcase-stage__demo .board-demo__beat:first-child{border-top:1px solid #bcdfef14;padding-top:.82rem}.board-demo__beat:nth-child(2){animation-delay:2s}.board-demo__beat:nth-child(3){animation-delay:4s}.board-demo__beat:nth-child(4){animation-delay:6s}.board-demo__beat:before{content:"";background:linear-gradient(#f5c180fa,#fff1d3eb);border:1px solid #ffffff1f;border-radius:999px;width:.72rem;height:.72rem;position:absolute;top:50%;left:-1.36rem;transform:translateY(-50%);box-shadow:0 0 0 .36rem #f5c18014}.showcase-stage__demo .board-demo__beat:before{display:none}.board-demo__beat-index{width:fit-content;color:var(--warm);letter-spacing:.15em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:.28rem .48rem;font-size:.66rem;font-weight:700;display:inline-flex}.board-demo__beat-copy{gap:.2rem;display:grid}.board-demo__beat-copy strong{color:#e0edf4db;font-size:.88rem;font-weight:700;line-height:1.12}.board-demo__beat-signal{justify-self:end;position:relative;overflow:hidden}.board-demo__beat-signal:before,.board-demo__beat-signal:after{content:"";position:absolute;inset:0}.board-demo__beat--connect .board-demo__beat-signal{background:linear-gradient(90deg,#f5c1803d,#f5c180e0,#7dddd7b8);border-radius:999px;width:2.8rem;height:.36rem}.board-demo__beat--connect .board-demo__beat-signal:after{background:radial-gradient(circle,#fff1d3f5,#f5c180b3);border-radius:999px;width:.68rem;height:.68rem;inset:-.16rem auto -.16rem 0}.board-demo__beat--match .board-demo__beat-signal{background:radial-gradient(circle,#7dddd794,#7dddd714 70%);border-radius:999px;width:2.2rem;height:2.2rem}.board-demo__beat--match .board-demo__beat-signal:after{border:1px solid #7dddd770;border-radius:999px;inset:.42rem}.board-demo__beat--shred .board-demo__beat-signal{background:radial-gradient(circle,#f5c18038,#f5c18005 74%);border-radius:999px;width:2.28rem;height:2.28rem}.board-demo__beat--shred .board-demo__beat-signal:before{border:1px solid #f5c1806b;border-radius:999px;inset:.34rem}.board-demo__beat--shred .board-demo__beat-signal:after{background:linear-gradient(45deg,#0000 42%,#f5c180d6 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,#f5c180d6 42% 58%,#0000 58%);inset:.28rem}.board-demo__beat--respawn .board-demo__beat-signal{width:2.4rem;height:1.1rem}.board-demo__beat--respawn .board-demo__beat-signal:before{background:#7dddd7e0;border-radius:999px;width:.48rem;height:.48rem;inset:.3rem auto auto 0;box-shadow:.78rem 0 #7dddd79e,1.56rem 0 #7dddd761}.mechanics-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.mechanic-item{background:radial-gradient(circle at 12% 0,#ffffff0a,#0000 28%),linear-gradient(#091924e6,#051018f5);border:1px solid #ffffff14;border-radius:1.55rem;align-content:start;gap:1rem;min-height:100%;padding:1.15rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.mechanic-item:before{background:radial-gradient(circle, var(--skein-accent), transparent 72%);content:"";opacity:.22;pointer-events:none;border-radius:999px;width:10rem;height:10rem;position:absolute;inset:auto auto -28% 62%}.mechanic-item:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 18px 40px #02080c3d}.mechanic-item--ember{--skein-accent:#ef85739e}.mechanic-item--tide{--skein-accent:#7fcfff9e}.mechanic-item--moss{--skein-accent:#87d99a9e}.mechanic-item--iris{--skein-accent:#bea8ff9e}.mechanic-item--sun{--skein-accent:#f7d57b9e}.mechanic-item--ash{--skein-accent:#d7e5ef6b}.mechanic-item__stage{background:radial-gradient(circle at 50% 6%,#ffffff0f,#0000 22%),linear-gradient(#081823e0,#040e16f5);border-radius:1.25rem;place-items:center;min-height:10.5rem;display:grid;position:relative;overflow:hidden}.mechanic-item__stage:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#fff0);position:absolute;inset:0}.mechanic-item__lights{mix-blend-mode:screen;opacity:.92;pointer-events:none;background:radial-gradient(circle at 18% -4%,#f7d57b38,#0000 22%),radial-gradient(circle at 82% 0,#7dddd729,#0000 20%);position:absolute;inset:0}.mechanic-item__glow{background:radial-gradient(circle, var(--skein-accent), transparent 72%);filter:blur(14px);opacity:.62;border-radius:999px;width:6.6rem;height:6.6rem;animation:4.2s ease-in-out infinite mechanic-halo;position:absolute}.mechanic-item__floor{filter:blur(4px);opacity:.72;background:radial-gradient(circle,#f5c1806b,#f5c18000);border-radius:999px;width:72%;height:1.15rem;position:absolute;bottom:1.15rem}.mechanic-item__skein{z-index:2;filter:drop-shadow(0 12px 22px #030b1257);transform-origin:50%;width:5.9rem;height:5.9rem;position:relative}.mechanic-item__copy{gap:.45rem;display:grid}.mechanic-item__tone{width:fit-content;color:var(--warm);letter-spacing:.14em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:.32rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.mechanic-item h3{margin:0;line-height:1.08}.mechanic-item--ember .mechanic-item__skein{animation:2.1s ease-in-out infinite ember-dance}.mechanic-item--tide .mechanic-item__skein{animation:1.95s ease-in-out infinite tide-dance}.mechanic-item--moss .mechanic-item__skein{animation:2.3s ease-in-out infinite moss-dance}.mechanic-item--iris .mechanic-item__skein{animation:2.48s ease-in-out infinite iris-dance}.mechanic-item--sun .mechanic-item__skein{animation:2.28s ease-in-out infinite sun-dance}.mechanic-item--ash .mechanic-item__skein{animation:2.86s ease-in-out infinite ash-dance}.mechanic-item--iris .mechanic-item__stage:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:44%;height:120%;animation:2.48s ease-in-out infinite iris-sweep;position:absolute;top:-8%;left:-18%;transform:rotate(18deg)}@keyframes mechanic-halo{0%,to{opacity:.46;transform:scale(.9)}50%{opacity:.72;transform:scale(1.08)}}@keyframes ember-dance{0%,to{transform:translate(0,0)rotate(-4deg)scale(.99)}24%{transform:translate(.12rem,-.18rem)rotate(5deg)scale(1.02)}52%{transform:translate(-.08rem,.12rem)rotate(-1.5deg)scale(.98)}76%{transform:translate(.08rem,-.08rem)rotate(3deg)scale(1.01)}}@keyframes tide-dance{0%,to{transform:translateY(.2rem)scale(.99)}25%{transform:translate(.05rem,-.34rem)scale(1.03)}50%{transform:translate(-.02rem,.28rem)scale(.98)}75%{transform:translate(-.06rem,-.22rem)scale(1.02)}}@keyframes moss-dance{0%,to{transform:translateY(.05rem)rotate(-1.5deg)scale(.98,1.02)}25%{transform:translate(.2rem,-.08rem)rotate(2.5deg)scale(1.04,.96)}55%{transform:translate(-.18rem,.08rem)rotate(-2deg)scale(.96,1.04)}80%{transform:translate(.1rem,-.04rem)rotate(1.2deg)scale(1.02,.98)}}@keyframes iris-dance{0%,to{transform:translate(0,0)rotate(0)scale(.99)}30%{transform:translate(.04rem,-.08rem)rotate(9deg)scale(1.01)}56%{transform:translate(-.05rem,.06rem)rotate(-6deg)scale(.99)}82%{transform:translate(.03rem,-.04rem)rotate(5deg)scale(1.01)}}@keyframes iris-sweep{0%,to{opacity:0;transform:translate(-18%)rotate(18deg)}28%{opacity:0}44%{opacity:.72}60%{opacity:0;transform:translate(182%)rotate(18deg)}}@keyframes sun-dance{0%,to{transform:translateY(.04rem)rotate(0)scale(.98)}22%{transform:translate(.03rem,-.16rem)rotate(1.2deg)scale(1.08)}48%{transform:translate(-.04rem,.08rem)rotate(-1deg)scale(1.02)}78%{transform:translate(.02rem,-.08rem)rotate(.8deg)scale(1.05)}}@keyframes ash-dance{0%,to{transform:translateY(.04rem)rotate(-1deg)scale(1)}34%{transform:translate(.02rem,-.06rem)rotate(1.4deg)scale(.995)}68%{transform:translate(-.03rem,.02rem)rotate(-.4deg)scale(1.005)}}@keyframes board-demo-step-pulse{0%,18%,to{opacity:.8;transform:translate(0)}8%,12%{opacity:1;transform:translate(.18rem)}}@keyframes hero-reel-selected-buzz{0%{transform:translate(-50%,-50%)scale(1.06)rotate(-2deg)}to{transform:translate(-50%,-50%)scale(1.12)rotate(2deg)}}@keyframes hero-reel-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.24)}16%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--burst-x)), calc(-50% + var(--burst-y))) scale(1)}}@keyframes hero-reel-pair-left{0%,to{transform:translateY(.04rem)scale(.98)}50%{transform:translate(.2rem,-.12rem)scale(1.06)}}@keyframes hero-reel-pair-right{0%,to{transform:translateY(-.04rem)scale(.98)}50%{transform:translate(-.2rem,.12rem)scale(1.06)}}@keyframes hero-reel-lantern-flicker{0%,to{opacity:.72}50%{opacity:1}}@keyframes showcase-spark-drift{0%,to{opacity:.68;transform:translate(0,0)scale(.96)}50%{opacity:.94;transform:translate(.7rem,-.8rem)scale(1.08)}}@keyframes showcase-ribbon-drift{0%,to{transform:scale(1.05)translate(0,0)}50%{transform:scale(1.09)translate(-1.2%,-1.4%)}}@keyframes showcase-scene-pan{0%,to{transform:scale(1.04)translate(0,0)}50%{transform:scale(1.08)translate(-1.2%,-1%)}}@keyframes showcase-hotspot-pulse{0%,to{opacity:.42;transform:scale(.84)}50%{opacity:.86;transform:scale(1.06)}}@media (max-width:1080px){.hero--skein .device-panel--hero-reel{order:-1}.device-panel--hero-reel{grid-template-columns:1fr;min-height:auto}.skein-hero-reel{min-height:19rem}.showcase-stage__hero,.showcase-stage__notes,.showcase-stage__demo,.showcase-stage__support{grid-column:span 12}.showcase-stage__hero,.showcase-stage__support,.showcase-composition--warmup,.showcase-composition--trouble{grid-template-columns:1fr}.showcase-composition--trouble .showcase-scene{aspect-ratio:16/11;height:auto;min-height:0}.mechanics-list{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-stage__demo .board-demo{grid-template-columns:1fr}.showcase-stage__demo .board-demo__rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.mechanics-list,.mechanic-item,.showcase-stage{grid-template-columns:1fr}.showcase-stage__hero,.showcase-stage__notes,.showcase-stage__demo,.showcase-stage__support{grid-column:auto}.showcase-note{grid-template-columns:1fr;gap:.55rem}.showcase-stage__demo .board-demo__capture-shell{aspect-ratio:1}.showcase-stage__demo .board-demo__rail{grid-template-columns:1fr}.showcase-ribbon,.showcase-scene{aspect-ratio:16/11}.showcase-note__index{display:none}}@media (max-width:480px){.skein-hero-reel{border-radius:1.45rem;min-height:17rem}.skein-hero-reel__hud,.skein-hero-reel__pips{left:.72rem;right:.72rem}.skein-hero-reel__board{inset:3.05rem .72rem 1rem}.skein-hero-reel__matchup{bottom:.8rem;left:.72rem;right:.72rem}.board-demo__beat{grid-template-columns:auto minmax(0,1fr);align-items:start;row-gap:.45rem}.board-demo__beat-signal{grid-column:2;justify-self:start}.mechanic-item__stage{min-height:9.5rem}}.game-release--skein{max-width:38rem}