.pi-theatre{--wood:#2b150b;--wood-2:#4a2414;--lacquer:#8e1f17;--gilt:#d9a441;--gilt-2:#f3d27a;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.pi-frame{background:repeating-linear-gradient(90deg, #ffffff06 0 2px, transparent 2px 9px), linear-gradient(180deg, #3a1c0f, var(--wood) 30%, #22100a);border-radius:14px;padding:clamp(30px,6.5vw,58px) clamp(8px,2.6vw,26px) clamp(12px,2.6vw,24px);position:relative;box-shadow:0 24px 50px -24px #1e0c04bf,inset 0 0 0 2px #d9a44140,inset 0 2px #ffdca01f}.pi-opening{background:repeating-linear-gradient(45deg, var(--gilt) 0 3px, #a8742a 3px 4px, var(--gilt) 4px 7px), var(--gilt);border-radius:4px;padding:clamp(3px,.7vw,7px);position:relative;box-shadow:0 0 0 2px #1a0b05,0 0 0 4px #d9a44199}.pi-screen{aspect-ratio:16/9;isolation:isolate;cursor:pointer;background:radial-gradient(75% 85% at 50% 56%,#fff7de 0%,#f8e3b3 34%,#e8b96f 68%,#b97735 100%);position:relative;overflow:hidden}.pi-glow{pointer-events:none;background:radial-gradient(42% 46% at 50% 54%,#fffcebd9,#ffeebe59 55%,#0000 75%);animation:4.7s infinite pi-flicker;position:absolute;inset:-10%}.pi-flame{pointer-events:none;background:radial-gradient(30% 34% at 50% 52%,#ffeeba66,#0000 70%);animation:11s ease-in-out infinite alternate pi-wander;position:absolute;inset:-20%}.pi-dim{opacity:0;pointer-events:none;background:#5a2a0c;animation:7.3s ease-in-out infinite pi-breathe;position:absolute;inset:0}.pi-grain{opacity:.55;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .38 0 0 0 0 .2 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .09' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .6 0 0 0 0 .42 0 0 0 0 .22 0 0 0 .5 -.12'/%3E%3C/filter%3E%3Crect width='600' height='300' filter='url(%23f)'/%3E%3C/svg%3E");position:absolute;inset:0}.pi-vignette{pointer-events:none;background:radial-gradient(70% 80% at 50% 55%,#0000 55%,#461e066b 100%);position:absolute;inset:0;box-shadow:inset 0 10px 18px -6px #280e028c,inset 0 -6px 14px -6px #280e0266}.pi-dark{opacity:0;pointer-events:none;background:#120804;transition:opacity 1.6s;position:absolute;inset:0}.pi-unlit .pi-dark{opacity:.88}.pi-ended .pi-dark{opacity:.35}.pi-world{transform-origin:0 0;mix-blend-mode:multiply;width:1600px;height:900px;position:absolute;top:0;left:0}.pi-puppet{pointer-events:none;position:absolute;inset:0}.pi-part,.pi-sprite{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.pi-part svg,.pi-sprite svg{display:block}.pi-rod{transform-origin:1.6px 0;will-change:transform;opacity:.7;background:linear-gradient(90deg,#0000,#2a170c 30% 70%,#0000);width:3.2px;height:1000px;position:absolute;top:0;left:-1.6px}.pi-piece{transition:opacity .9s,filter .9s;position:absolute;inset:0}.pi-piece.pi-away{opacity:0;filter:blur(14px)}.pi-sprite.pi-gone{opacity:0;transition:transform 1.6s cubic-bezier(.5,0,.9,.6),opacity 1.4s .3s}.pi-sprite.pi-fade,.pi-sprite.pi-fade.pi-gone{transition:opacity 1.2s}.pi-move{will-change:transform}.pi-drift{animation:19s ease-in-out infinite alternate pi-drift}.pi-drift-2{animation:27s ease-in-out -9s infinite alternate-reverse pi-drift}.pi-spin{animation:40s linear infinite pi-spin}.pi-spin-fast{animation:9s linear infinite pi-spin}.pi-bob{animation:3.4s ease-in-out infinite alternate pi-bob}.pi-sway{animation:4.6s ease-in-out infinite alternate pi-sway}.pi-twinkle{animation:2.6s ease-in-out infinite alternate pi-twinkle}.pi-rain{animation:.55s linear infinite pi-rain}.pi-flow{animation:5s linear infinite pi-flow}.pi-pulse{animation:2.2s ease-in-out infinite alternate pi-pulse}.pi-launch{animation:5s cubic-bezier(.2,.6,.3,1) both pi-launch}.pi-fly-in{animation:1.8s cubic-bezier(.2,.7,.3,1) both pi-fly-in}.pi-race{animation:2.6s linear infinite pi-race}@keyframes pi-flicker{0%{opacity:.86}6%{opacity:.74}11%{opacity:.93}19%{opacity:.84}27%{opacity:1}41%{opacity:.8}46%{opacity:.91}63%{opacity:.83}71%{opacity:.97}84%{opacity:.78}to{opacity:.86}}@keyframes pi-wander{0%{transform:translate(-2%,1%)}35%{transform:translate(1.5%,-1%)}70%{transform:translate(-.5%,1.5%)}to{transform:translate(2%)}}@keyframes pi-breathe{0%,to{opacity:0}37%{opacity:.09}52%{opacity:.03}70%{opacity:.12}}@keyframes pi-drift{0%{transform:translate(-40px)}to{transform:translate(60px)}}@keyframes pi-spin{to{transform:rotate(360deg)}}@keyframes pi-bob{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}@keyframes pi-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes pi-twinkle{0%{opacity:.35}to{opacity:1}}@keyframes pi-rain{0%{transform:translateY(-120px)}to{transform:translateY(0)}}@keyframes pi-flow{0%{transform:translate(0)}to{transform:translate(-160px)}}@keyframes pi-launch{0%{opacity:0;transform:translate(-760px,600px)rotate(-12deg)}15%{opacity:1}to{transform:translate(0)}}@keyframes pi-fly-in{0%{opacity:0;transform:translate(-760px,-260px)rotate(-14deg)}30%{opacity:1}to{transform:translate(0)}}@keyframes pi-race{0%{transform:translate(0)}to{transform:translate(-2300px)}}@keyframes pi-pulse{0%{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.pi-title{color:#24140b;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.4em;transition:opacity 1s,filter 1s;display:flex;position:absolute;inset:0}.pi-title.pi-away{opacity:0;filter:blur(10px)}.pi-plaque{color:var(--gilt-2);border:2px solid var(--gilt);letter-spacing:.3em;white-space:nowrap;background:linear-gradient(#1d0d06,#2c140a);border-radius:4px;padding:.15em .9em .2em;font-size:clamp(14px,2.6vw,24px);line-height:1.2;position:absolute;top:clamp(4px,1.1vw,10px);left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #1a0b05,0 4px 10px #00000073}.pi-fold{transition:transform .9s cubic-bezier(.3,.7,.3,1)}@media (prefers-reduced-motion:reduce){.pi-glow,.pi-flame,.pi-dim,.pi-drift,.pi-drift-2,.pi-spin,.pi-spin-fast,.pi-bob,.pi-sway,.pi-twinkle,.pi-rain,.pi-flow,.pi-pulse,.pi-launch,.pi-fly-in,.pi-race{animation:none!important}.pi-piece,.pi-title,.pi-dark,.pi-fold,.pi-sprite.pi-gone{transition:none!important}}