:root{color-scheme:dark;--ink:#111828;--navy:#14243b;--cream:#fff2d2;--gold:#f7d17f;--coral:#ff786e;--turq:#57d0c1;--mint:#b3eee1}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0c1425;font-family:Trebuchet MS,Arial,Helvetica,sans-serif}body{overflow-x:hidden;color:var(--cream);background:radial-gradient(ellipse at 50% 22%,#254365 0,#0d172b 54%,#070d18 100%)}button,input{font:inherit}button{cursor:pointer}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:14px max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom))}.player-heading{width:min(96vw,1100px);display:flex;align-items:center;justify-content:center;gap:12px;color:#f0cc86;letter-spacing:2px;font-weight:900;font-size:clamp(8px,1.2vw,13px);white-space:nowrap;text-align:center;opacity:.91}.heading-star{color:#ff8d7e;font-size:18px}.heading-dot{color:#9ccdc7}#screen-holder{position:relative;width:1920px;height:1080px;flex:0 0 auto;overflow:hidden;background:#111728;border-radius:10px;box-shadow:0 0 0 2px #c2a26a,0 0 0 6px #101722,0 16px 80px #000a;transform-origin:center center}.stage{position:absolute;inset:0;width:1920px;height:1080px;overflow:hidden;background:radial-gradient(circle at 50% 32%,#253f5d,#131e31 70%);isolation:isolate}.stage:after{content:"";position:absolute;z-index:25;inset:0;pointer-events:none;box-shadow:inset 0 0 0 12px #0b1322,inset 0 0 0 17px #d6ae63,inset 0 0 0 21px #0b1322,inset 0 0 100px 20px #0008}.stage-grain{position:absolute;z-index:20;inset:0;opacity:.08;pointer-events:none;background-image:repeating-linear-gradient(0deg,#ffffff33 0,#ffffff33 1px,transparent 1px,transparent 5px);mix-blend-mode:screen}.stage-lights{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:0;transition:opacity .8s}.stage-lights i{position:absolute;width:600px;height:1050px;top:-350px;left:250px;transform:rotate(18deg);background:linear-gradient(#f8f7b826,#f8d06c01);clip-path:polygon(46% 0,54% 0,95% 100%,0 100%);animation:lightSweep 4.8s ease-in-out infinite alternate}.stage-lights i:nth-child(2){left:840px;transform:rotate(-25deg);animation-delay:-1.5s}.stage-lights i:nth-child(3){left:1300px;transform:rotate(22deg);animation-delay:-2.5s}.stage-lights i:nth-child(4){left:-150px;transform:rotate(-5deg);animation-delay:-.6s}.stage.scene-chorus .stage-lights,.stage.scene-dance .stage-lights,.stage.scene-final .stage-lights{opacity:1}@keyframes lightSweep{from{transform:rotate(-11deg)}to{transform:rotate(14deg)}}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .52s ease,visibility .52s;overflow:hidden;pointer-events:none}.scene.active{opacity:1;visibility:visible}.scene--remote{background:linear-gradient(#4c2c42 0 72%,#492c3c 72% 100%)}.scene--remote:before{content:"";position:absolute;inset:0;opacity:.4;background:repeating-linear-gradient(90deg,transparent 0 78px,#edc07e11 79px 83px,transparent 84px 170px)}.wall-molding{position:absolute;border:5px solid #a77a57;box-shadow:0 0 0 9px #311e35;opacity:.8}.wall-molding-a{top:80px;left:80px;width:700px;height:630px}.wall-molding-b{top:80px;right:84px;width:670px;height:630px}.living-room-label{position:absolute;left:260px;top:75px;color:#eec985;letter-spacing:6px;font-size:23px;font-weight:900;text-align:center}.living-room-label span{display:block;font-size:14px;letter-spacing:4px;margin-top:15px;color:#f6deb9}.living-lamp{position:absolute;left:165px;top:355px;width:140px;height:480px}.lamp-shade{height:145px;background:linear-gradient(110deg,#b25f60,#f1af80,#b25f60);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);border-bottom:9px solid #57303a;filter:drop-shadow(0 0 28px #eaa37855)}.lamp-stick{width:15px;height:300px;margin:auto;background:linear-gradient(90deg,#684852,#edc985,#755354)}.lamp-foot{width:90px;height:17px;background:#e2ac66;margin:-4px auto;border-radius:100%}.television{position:absolute;z-index:3}.television--intro{left:280px;top:375px;width:540px;height:420px;transform:rotate(-5deg)}.tv-antennas{position:absolute;top:-78px;left:175px;width:160px;height:90px;border-top:8px solid #111e30;transform:rotate(24deg)}.tv-antennas:after{content:"";position:absolute;left:45px;top:-7px;width:165px;height:80px;border-top:8px solid #111e30;transform:rotate(-55deg)}.tv-body{position:absolute;inset:0 0 25px;border:18px solid #0d2033;background:linear-gradient(125deg,#dc9b56,#8e514b);border-radius:56px;box-shadow:14px 17px 0 #0d1724,0 0 0 9px #f4cc81}.tv-screen{position:absolute;inset:23px 95px 25px 22px;border-radius:53px / 43px;background:radial-gradient(circle at 50% 45%,#326e71 0%,#183949 60%,#091b30 100%);border:15px solid #142239;box-shadow:inset 0 0 35px #0009;text-align:center;overflow:hidden}.tv-screen:before{content:"";position:absolute;inset:0;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0 4px,#ffffff60 5px 6px)}.tv-channel{display:block;padding-top:46px;color:#b2e9d9;letter-spacing:6px;font-size:21px;font-weight:900}.tv-screen strong{display:block;color:#fee6a6;font-family:Georgia,serif;font-size:57px;line-height:1.08;margin-top:40px;text-shadow:4px 6px 0 #0c2033}.tv-side{position:absolute;right:13px;top:100px;display:grid;gap:25px}.tv-side i{display:block;width:53px;height:53px;border:11px solid #182436;border-radius:50%;background:#eed49a}.tv-feet{position:absolute;bottom:0;left:45px;width:430px;height:33px;border-left:22px solid #182436;border-right:22px solid #182436}.armchair{position:absolute;left:1120px;top:300px;width:480px;height:620px;filter:drop-shadow(23px 25px 10px #0d122780)}.armchair-back{position:absolute;inset:0 15px 35px;background:linear-gradient(90deg,#771f3a,#b13e50 45%,#721b33);border:21px solid #51243b;border-radius:185px 185px 90px 90px;box-shadow:inset 0 0 0 8px #de976f}.armchair-seat{position:absolute;top:390px;left:26px;width:430px;height:170px;border-radius:60px;background:linear-gradient(#b4525b,#631e39);border:15px solid #59243d}.armchair-arm{position:absolute;top:325px;width:105px;height:235px;background:#8b2b46;border:13px solid #51213a;border-radius:70px}.armchair-arm-l{left:-20px}.armchair-arm-r{right:-20px}.room-rug{position:absolute;left:230px;bottom:63px;width:1450px;height:110px;transform:skewX(-15deg);background:linear-gradient(90deg,#bc7856,#c99666,#bc7856);border:14px solid #7a484d;border-radius:50%}.room-floor,.habits-floor,.supplements-floor{position:absolute;bottom:0;left:0;right:0;height:230px;background:linear-gradient(180deg,#64424b,#311d33);border-top:14px solid #a87865}.set-label{position:absolute;left:270px;bottom:160px;color:#e0c39c;letter-spacing:3px;font-size:20px;font-weight:900;z-index:2}.scene--channel{background:radial-gradient(circle at 50% 40%,#bd5661 0%,#5a314f 50%,#1e2944 100%)}.channel-halo{position:absolute;width:1200px;height:1200px;left:380px;top:-200px;border:45px dashed #f8cf7f45;border-radius:50%;animation:slowSpin 30s linear infinite}.channel-screen{position:absolute;border:18px solid #ecb971;outline:15px solid #1c2940;border-radius:34px;box-shadow:22px 30px 0 #0b183a8f;background:#1b6b70;color:#fff5d4;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.channel-screen--1{width:700px;height:400px;left:120px;top:230px;transform:rotate(-10deg)}.channel-screen--1 span{font-size:24px;letter-spacing:8px}.channel-screen--1 b{font-size:62px;line-height:1}.channel-screen--1 small{font-size:20px;letter-spacing:4px}.channel-screen--2{width:420px;height:250px;right:150px;top:120px;transform:rotate(13deg);background:#d76155}.channel-screen--2 b{font-size:65px}.channel-screen--2 span{font-size:30px}.channel-screen--3{width:600px;height:260px;left:600px;bottom:130px;transform:rotate(4deg);background:#334e84}.channel-screen--3 b{font-size:55px}.channel-screen--3 span{font-size:20px;letter-spacing:4px}.channel-flash{position:absolute;z-index:3;color:#fee3a5;font-size:85px;font-weight:900;text-shadow:8px 9px 0 #0b1c35}.flash-a{left:260px;top:70px;transform:rotate(-13deg)}.flash-b{right:140px;top:470px;transform:rotate(15deg)}.flash-c{left:200px;bottom:190px;transform:rotate(-11deg)}.channel-floor{position:absolute;bottom:0;width:100%;height:180px;background:#0f1c33;border-top:15px solid #efa76d}.scene--habits{background:radial-gradient(ellipse at 50% 30%,#3e3d65 0,#222442 63%,#3e2a42)}.habits-title{position:absolute;left:180px;top:70px;font-size:55px;letter-spacing:7px;font-weight:900;color:#f9d78b}.habits-title em{font-style:normal;color:#58d9ce}.show-telly{position:absolute;left:170px;top:205px;width:900px;height:610px;transform:rotate(-4deg);filter:drop-shadow(32px 38px 0 #0a162c70)}.show-telly-border{position:absolute;inset:0 0 60px;border-radius:70px;border:30px solid #d5a36f;background:#283b53;box-shadow:inset 0 0 0 12px #17233a}.show-telly-screen{position:absolute;inset:32px;background:#1b263a;border-radius:35px;overflow:hidden}.channel-slide{position:absolute;inset:0;opacity:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;transition:opacity .36s}.stage[data-habit="gilded"] .gilded,.stage[data-habit="reruns"] .reruns,.stage[data-habit="candy"] .candy,.stage[data-habit="lollipop"] .lollipop{opacity:1}.gilded{background:repeating-linear-gradient(45deg,#1c3348 0 30px,#233c54 32px 36px);color:#e9cd99}.fancy-flourish{font-size:60px}.gilded-frame{font-family:Georgia,serif;font-size:98px;line-height:.9;font-weight:900;letter-spacing:6px;text-align:center;text-shadow:4px 5px 0 #111b2f}.channel-slide small{font-size:23px;letter-spacing:6px;font-weight:900}.reruns{background:radial-gradient(circle,#f09a75,#d45273 60%,#733d64)}.reruns b{font-size:124px;text-shadow:10px 10px 0 #2b3765;color:#fff6bd}.reruns em{font-size:84px;font-style:normal;font-weight:900;color:#54ffcb;transform:rotate(-6deg)}.rerun-lightning{font-size:75px}.candy{background:repeating-linear-gradient(45deg,#a3d9cf 0 48px,#f8d49b 48px 94px)}.candy-icons{font-size:90px}.candy b,.lollipop b{font-size:84px;color:#b5344f;text-shadow:5px 5px 0 #fff4d6}.candy small,.lollipop small{color:#122f47}.lollipop{background:radial-gradient(circle,#ffeda2 0,#f8a1a1 75%)}.lollipop-icons{font-size:90px}.telly-badge{position:absolute;bottom:15px;left:85px;background:#e6b972;color:#152037;font-size:23px;font-weight:900;letter-spacing:4px;padding:15px 30px;transform:rotate(4deg)}.sweets{position:absolute;font-size:110px;filter:drop-shadow(5px 8px 0 #1a1f448a)}.sweets-a{right:175px;top:240px;transform:rotate(-25deg)}.sweets-b{right:390px;top:530px;transform:rotate(18deg)}.sweets-c{right:110px;top:660px;transform:rotate(30deg)}.scene--chorus{background:radial-gradient(ellipse at center 30%,#b25265 0%,#543253 46%,#172842 100%)}.stage-curtain{position:absolute;top:-20px;width:400px;height:900px;background:repeating-linear-gradient(90deg,#67253f 0 45px,#973249 45px 80px,#6f2c47 82px 115px);border-bottom:26px solid #d99d5b;z-index:2;filter:drop-shadow(12px 5px 5px #13162788)}.curtain-left{left:-250px;transform:rotate(5deg)}.curtain-right{right:-250px;transform:rotate(-5deg)}.proscenium-arch{position:absolute;left:70px;top:38px;width:1780px;height:940px;border-radius:48% 48% 0 0 / 50% 50% 0 0;border:29px solid #f2be67;box-shadow:inset 0 0 0 18px #842d4a,0 0 0 10px #211c36}.party-dots{position:absolute;left:110px;top:70px;width:1700px;height:790px;border:10px dotted #ffe69b;border-radius:50% 50% 0 0;opacity:.7;animation:marqueeBlink .7s steps(2,end) infinite}.marquee-label{position:absolute;top:85px;width:100%;text-align:center;color:#fed795;font-size:25px;letter-spacing:7px;font-weight:900}.big-marquee{position:absolute;top:150px;left:330px;width:1260px;text-align:center;display:flex;align-items:center;flex-direction:column;line-height:1.03;transform:rotate(-2deg);filter:drop-shadow(7px 13px 0 #261b3d99)}.big-marquee span{font-size:150px;letter-spacing:4px;font-weight:1000;color:#fcebb8;-webkit-text-stroke:3px #263350}.big-marquee em{font-style:normal;font-size:82px;letter-spacing:3px;font-weight:1000;color:#6ff8d4;-webkit-text-stroke:2px #283850}.big-marquee strong{font-size:180px;color:#ff867b;-webkit-text-stroke:4px #39213e}.chorus-horizon{position:absolute;left:0;right:0;bottom:175px;height:18px;background:#f6cc78;box-shadow:0 0 35px #f6cc7880}.chorus-floor{position:absolute;bottom:0;height:195px;left:0;right:0;background:repeating-linear-gradient(90deg,#1e344e 0 130px,#2c4660 130px 260px);border-top:12px solid #e3ab71;transform-origin:bottom}.show-star{position:absolute;left:760px;top:520px;width:410px;background:#fff0bf;color:#333348;transform:rotate(6deg) scale(.2);font-size:30px;font-weight:900;text-align:center;padding:23px 18px;opacity:0;box-shadow:13px 14px 0 #142942}.stage[data-star="yes"] .show-star{opacity:1;transform:rotate(6deg) scale(1);transition:opacity .4s,transform .55s cubic-bezier(.2,1.7,.3,1)}.scene--dance{background:radial-gradient(ellipse at 52% 45%,#4b3260,#1b294d 68%,#12233c)}.dance-header{position:absolute;z-index:2;top:88px;width:100%;font-size:65px;font-weight:900;letter-spacing:9px;text-align:center;color:#fce0a2}.dance-header i{font-style:normal;color:#ff746d}.dance-moon{position:absolute;top:180px;left:620px;width:700px;height:700px;border-radius:50%;border:38px solid #ffdb8b;background:radial-gradient(circle,#4ea8ad,#204f78);box-shadow:0 0 85px #e5ad7455}.dance-sunray{position:absolute;top:230px;left:510px;width:940px;height:940px;border:11px dotted #fae4b2;border-radius:50%;animation:slowSpin 26s linear infinite}.dance-floor{position:absolute;bottom:-155px;left:0;width:100%;height:450px;transform:perspective(550px) rotateX(52deg);transform-origin:bottom;background-color:#164759;background-image:linear-gradient(90deg,#a4d8c185 4px,transparent 4px),linear-gradient(0deg,#a4d8c185 4px,transparent 4px);background-size:145px 115px;box-shadow:0 0 35px #48f0dd}.dance-bars{position:absolute;left:100px;right:100px;bottom:270px;height:310px;display:flex;justify-content:space-between;align-items:flex-end;opacity:.29}.dance-bars i{width:38px;height:175px;background:#4dd3be;border-radius:8px 8px 0 0;animation:eq 1.2s ease-in-out infinite alternate}.dance-bars i:nth-child(2n){animation-delay:-.8s;--size:7;background:#f4b66e}.dance-bars i:nth-child(3n){animation-delay:-.3s;--size:4;background:#ff8d8a}.dance-bars i:nth-child(4n){animation-delay:-1.1s;--size:10}.dance-note{position:absolute;font-size:100px;color:#fdd688;animation:floatNote 3.5s ease-in-out infinite alternate}.note-one{left:150px;top:235px}.note-two{right:190px;top:270px;animation-delay:-1.8s}.note-three{left:330px;top:530px;animation-delay:-.5s}.dance-line{position:absolute;top:220px;left:580px;width:760px;color:#fdf4d6;text-align:center;font-size:25px;font-weight:900;letter-spacing:10px}.scene--supplements{background:#37455b}.scene--supplements:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 46% 20%,#4c7e80 0,#193448 78%)}.shelf-world,.work-world{position:absolute;inset:0;opacity:0;transition:opacity .45s}.stage[data-supplement="shelf"] .shelf-world,.stage[data-supplement="work"] .work-world{opacity:1}.shelf-world h2{position:absolute;left:160px;top:120px;margin:0;max-width:1050px;color:#f4d78f;font-size:80px;line-height:1.1;letter-spacing:3px;text-shadow:8px 9px 0 #133048}.shelf{position:absolute;top:420px;left:190px;display:flex;align-items:flex-end;gap:35px}.bottle{position:relative;width:165px;height:250px;border:12px solid #fff4cc;background:linear-gradient(#e5b86f,#b96667);border-radius:28px 28px 16px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-6deg);box-shadow:7px 11px 0 #173047;color:#2a344b}.bottle:before{content:"";position:absolute;top:-45px;width:85px;height:43px;background:#2c3a53;border:8px solid #f5c475;border-bottom:0;border-radius:15px 15px 0 0}.bottle b{font-size:34px}.bottle small{font-size:18px;font-weight:900}.bottle-round{height:190px;border-radius:65px 65px 22px 22px;background:#81c1b1;transform:rotate(8deg)}.bottle-short{height:185px;background:#f08d83;transform:rotate(-2deg)}.shelf-plank{position:absolute;top:676px;left:135px;width:960px;height:45px;background:linear-gradient(#f1c48a,#965c55);box-shadow:0 22px 0 #6b4755}.shelf-sticker{position:absolute;top:330px;left:690px;background:#f8db8d;color:#273046;border:11px solid #bb5558;transform:rotate(13deg);font-size:36px;font-weight:900;padding:19px 35px;box-shadow:14px 16px 0 #10283f}.work-moon{position:absolute;left:280px;top:220px;width:450px;height:450px;border:15px dotted #ecc780;border-radius:50%}.desk-posters{position:absolute;top:125px;left:180px;color:#ffde98;font-size:78px;font-weight:900;letter-spacing:4px}.desk-posters span{display:block;font-size:32px;color:#77e1c5;letter-spacing:8px;margin-top:22px}.desk{position:absolute;top:450px;left:205px;width:800px;height:340px}.desk-top{position:absolute;left:0;right:0;bottom:20px;height:50px;background:#dbad77;border-bottom:18px solid #955d58;z-index:3}.work-laptop{position:absolute;top:0;left:185px;width:450px;height:320px}.laptop-screen{width:390px;height:290px;background:#224d6d;border:18px solid #1b243b;border-radius:22px;color:#f8ca73;text-align:center;font-size:110px;box-shadow:15px 12px 0 #1d3048}.laptop-screen small{display:block;font-size:25px;font-weight:900;line-height:1.3}.laptop-base{width:460px;height:20px;background:#9cadb0;transform:skewX(-10deg)}.paper-stack{position:absolute;left:10px;top:80px;font-size:110px;line-height:.45;transform:rotate(-12deg);color:#ffe4ac}.work-stamp{position:absolute;right:160px;top:190px;border:15px double #fa9c82;color:#fa9c82;font-size:100px;line-height:.95;font-weight:900;text-align:center;padding:25px;transform:rotate(11deg)}.supplements-floor{background:linear-gradient(#37596a,#1d2f45);border-color:#c3a076}.scene--heart{background:radial-gradient(ellipse at 50% 20%,#a8795c 0,#5e4b53 47%,#302e44 100%)}.heart-aura{position:absolute;left:340px;top:20px;width:1240px;height:1180px;border:25px solid #e8bc81;border-radius:50%;box-shadow:0 0 0 40px #e9bf7740,inset 0 0 180px #ffdb8a55;animation:aura 4s ease-in-out infinite alternate}.heart-bursts{position:absolute;left:200px;top:105px;width:1520px;color:#fff0b8;font-size:90px;letter-spacing:150px;text-align:center;opacity:.7}.heart-title{position:absolute;top:100px;left:210px;width:1500px;text-align:center;font-family:Georgia,serif;font-size:100px;letter-spacing:3px;font-weight:900;color:#ffefbf;text-shadow:5px 6px 0 #684250}.heart-rule{position:absolute;top:250px;left:680px;width:560px;height:4px;background:#f3c98a}.heart-subtitle{position:absolute;top:283px;width:100%;text-align:center;font-family:Georgia,serif;font-size:44px;font-style:italic;color:#f9debc}.heart-floor{position:absolute;bottom:0;height:180px;width:100%;background:#493943;border-top:9px solid #e5b578}.scene--final{background:radial-gradient(circle at 50% 45%,#1e7380 0,#24425e 43%,#18283f 78%)}.final-rays{position:absolute;left:200px;top:-620px;width:1500px;height:1500px;border-radius:50%;background:repeating-conic-gradient(from -4deg,#ffe29619 0deg 12deg,transparent 12deg 26deg);animation:slowSpin 60s linear infinite}.final-star{position:absolute;top:180px;font-size:150px;color:#ffd888;filter:drop-shadow(0 0 35px #e4ba73)}.final-star-left{left:200px}.final-star-right{right:200px}.final-headline{position:absolute;top:80px;width:100%;display:flex;align-items:center;justify-content:center;gap:55px;color:#fff0bd;font-size:165px;font-weight:1000;letter-spacing:6px;text-shadow:8px 10px 0 #0f3048}.final-headline span{font-size:180px;color:#fd8e85;-webkit-text-stroke:7px #ffcb8a;transform:rotate(7deg)}.final-subtitle{position:absolute;top:290px;width:100%;text-align:center;font-size:35px;color:#95f1d0;font-weight:900;letter-spacing:10px}.final-big-note{position:absolute;top:415px;width:100%;text-align:center;color:#ffd88a;font-size:75px;font-weight:900;letter-spacing:3px;opacity:0;transition:opacity .5s}.stage[data-final-note="yes"] .final-big-note{opacity:1}.final-floor{position:absolute;bottom:0;width:100%;height:195px;background:repeating-linear-gradient(90deg,#153b55 0 110px,#235774 110px 220px);border-top:15px solid #f6d28e}.stage-front{position:absolute;z-index:17;bottom:0;left:0;right:0;height:73px;background:linear-gradient(#e6af69,#9b5e57 22%,#442b42 25%,#1a2840);border-top:8px solid #f5ce83;display:flex;justify-content:space-between;align-items:center;padding:15px 110px;color:#e8c385;font-size:19px;font-weight:900;letter-spacing:4px;text-shadow:1px 2px 0 #111c2b}.stage-front .front-stars{font-size:30px;color:#fbd995}.stage-front .front-curve{position:absolute;top:-28px;left:30%;width:40%;height:40px;background:#9b5e57;border-top:9px solid #f5ce83;border-radius:50% 50% 0 0}.stage.scene-remote .stage-front{background:linear-gradient(#ddb27f,#7a5050 16%,#48313e)}#characters{position:absolute;inset:0;z-index:12;pointer-events:none}.puppet{position:absolute;opacity:0;transition:left .68s cubic-bezier(.2,.75,.18,1),top .68s cubic-bezier(.2,.75,.18,1),width .68s,height .68s,opacity .38s,transform .65s;will-change:left,top,transform;filter:drop-shadow(11px 18px 8px #0513248a)}.puppet-motion{width:100%;height:100%;position:relative;transform-origin:50% 92%;will-change:transform}.puppet-body,.puppet-head{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:fill;user-select:none;-webkit-user-drag:none;pointer-events:none}.puppet-head{transform-origin:var(--pivot-x) var(--pivot-y);will-change:transform}.puppet[data-name="max"],.puppet[data-name="sadie"]{filter:drop-shadow(10px 11px 7px #04182b8c)}.remote-prop{position:absolute;z-index:15;left:1510px;top:595px;width:58px;height:192px;border:11px solid #111c31;border-radius:20px;background:linear-gradient(100deg,#526279,#a7a7a4);box-shadow:10px 13px 0 #09182b80;transform:rotate(-40deg) scale(0);transition:transform .3s,opacity .3s;opacity:0}.remote-prop:before{content:"RAY ONLY";position:absolute;top:25px;width:100%;text-align:center;font-size:10px;letter-spacing:-1px;color:#141e35;font-weight:900}.remote-led{position:absolute;top:6px;left:18px;width:13px;height:12px;background:#ff7469;border-radius:50%;box-shadow:0 0 12px #ff7469}.remote-btn{position:absolute;top:70px;left:9px;width:20px;height:24px;border-radius:50%;background:#16213b;border:3px solid #dddfd8}.remote-btn.small{width:13px;height:13px;top:119px;left:3px}.remote-btn.small:last-child{left:24px}.stage[data-remote="yes"] .remote-prop{transform:rotate(-34deg) scale(1);opacity:1}.stage[data-remote="no"] .remote-prop{transform:rotate(25deg) scale(1.2);opacity:1}.speech{position:absolute;z-index:19;opacity:0;max-width:690px;min-width:350px;padding:25px 34px;background:#ffedc2;color:#1c2d44;border:9px solid #1b2a3f;border-radius:44px;box-shadow:13px 15px 0 #17283bb3;font-size:39px;font-weight:900;line-height:1.22;text-align:center;transform:scale(.8) rotate(-4deg);transition:opacity .18s,transform .24s}.speech:after{content:"";position:absolute;bottom:-42px;width:55px;height:45px;clip-path:polygon(0 0,100% 0,85% 100%);background:#1b2a3f}.speech-left{left:250px;top:168px}.speech-left:after{right:95px}.speech-right{right:115px;top:150px;transform:scale(.8) rotate(5deg);max-width:540px;font-size:56px}.speech-right:after{left:90px;transform:scaleX(-1)}.speech.visible{opacity:1;transform:scale(1) rotate(-4deg)}.speech-right.visible{transform:scale(1) rotate(5deg)}.bottom-caption{position:absolute;z-index:16;bottom:108px;left:50%;transform:translateX(-50%) translateY(18px);opacity:0;max-width:1350px;text-align:center;color:#fff1cb;background:#11223ecf;border:5px solid #d6ad6a;border-radius:14px;padding:14px 37px;font-size:41px;letter-spacing:2px;font-weight:1000;line-height:1.12;text-shadow:3px 4px 0 #111827;box-shadow:6px 8px 0 #05152780;transition:opacity .2s,transform .2s;white-space:pre-line}.bottom-caption.visible{opacity:1;transform:translateX(-50%) translateY(0)}.group-message{position:absolute;z-index:18;left:230px;top:330px;width:1460px;text-align:center;opacity:0;transform:translateY(-40px) scale(.85);font-size:63px;line-height:1.15;letter-spacing:3px;color:#fff4c7;font-weight:900;text-shadow:7px 8px 0 #123347;transition:opacity .5s,transform .5s}.group-message strong{font-size:89px;color:#ffdd87}.stage[data-group="yes"] .group-message{opacity:1;transform:translateY(0) scale(1)}#confetti{position:absolute;inset:0;pointer-events:none;z-index:11}.start-overlay,.end-overlay{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .6s,visibility .6s}.start-overlay{background:radial-gradient(ellipse at 57% 38%,#486983 0,#1c3650 52%,#10182b 100%)}.start-overlay:before{content:"";position:absolute;inset:32px;border:7px solid #cda35e;border-radius:20px;box-shadow:inset 0 0 0 14px #16243c,inset 0 0 0 21px #f7d5829b,0 0 0 1px #f1c67c;pointer-events:none}.poster-border{position:absolute;left:105px;top:95px;right:105px;bottom:95px;border:8px dotted #e6c7817a;border-radius:32px;pointer-events:none}.poster-sparkles{position:absolute;top:85px;left:50%;transform:translateX(-50%);color:#f9cc88;font-size:62px;letter-spacing:54px}.poster-tag{position:relative;z-index:2;margin-top:70px;padding:18px 28px;font-size:25px;letter-spacing:9px;font-weight:900;color:#f5ce86;border:3px solid #f0c780;border-radius:7px}.start-overlay h1{position:relative;z-index:2;margin:37px 0 0;line-height:1;font-size:155px;color:#ffedb8;letter-spacing:7px;text-shadow:9px 10px 0 #111e39;font-weight:1000}.poster-number{display:inline-block;color:#fb8d7d;-webkit-text-stroke:5px #ffdb8c;font-size:180px;transform:rotate(9deg);margin-left:40px;filter:drop-shadow(10px 10px 0 #14243a)}.poster-title{z-index:2;margin:34px 0 0;color:#7bffcf;font-size:61px;letter-spacing:4px;font-weight:900;text-shadow:4px 6px 0 #102039}.poster-description{z-index:2;margin:31px 0 27px;color:#f2e0c4;font-family:Georgia,serif;font-size:37px;line-height:1.3}.primary-action{z-index:2;position:relative;border:0;border-radius:999px;padding:25px 65px;background:#f7d083;color:#16243d;box-shadow:0 9px 0 #ab7660,0 19px 25px #0006;font-size:34px;font-weight:1000;letter-spacing:4px;transition:transform .15s,box-shadow .15s}.primary-action:hover{transform:translateY(-3px);box-shadow:0 12px 0 #ab7660,0 23px 30px #0007}.primary-action:active{transform:translateY(7px);box-shadow:0 2px 0 #ab7660}.primary-action:focus-visible{outline:7px solid #9afce4;outline-offset:8px}.play-triangle{margin-right:14px;font-size:30px}.poster-note{position:relative;z-index:2;margin-top:40px;letter-spacing:5px;color:#b8d0d4;font-weight:900;font-size:19px}.poster-ray{position:absolute;z-index:1;right:-35px;top:220px;width:490px;height:650px;object-fit:fill;filter:drop-shadow(22px 30px 0 #102137);transform:rotate(10deg);opacity:.93}.start-overlay.hidden,.end-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.end-overlay{opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#102340e8,#112441f4)}.end-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.end-crown{position:relative;margin-top:-10px;font-size:55px;color:#eacc8c;letter-spacing:40px}.end-title{margin:35px 0 10px;font-size:100px;line-height:1.08;letter-spacing:3px;font-weight:900;color:#fcdb9a;text-shadow:6px 8px 0 #0b172a}.end-title strong{color:#ff9d87;font-size:130px}.end-signature{margin:20px 0 45px;font-family:Georgia,serif;font-style:italic;color:#fff0cd;font-size:85px}.end-signature span{color:#ff7d87;font-family:Arial,sans-serif}.end-overlay .primary-action{font-size:29px;padding:22px 57px}.replay-arrow{font-size:40px;vertical-align:-3px;margin-right:8px}.player-controls{width:min(96vw,1100px);display:flex;align-items:center;gap:16px;background:#182841;border:1px solid #be9a63;border-radius:15px;min-height:62px;padding:6px 14px;box-shadow:0 8px 24px #0004}.control-icon{width:47px;height:42px;flex:0 0 47px;background:transparent;color:#f8dca6;border:1px solid transparent;border-radius:10px;font-size:26px;display:grid;place-items:center}.control-icon:hover:not(:disabled){background:#3c4e62}.control-icon:focus-visible{outline:3px solid #9ce3ce}.control-icon:disabled{opacity:.35;cursor:default}.timeline{flex:1;display:flex;align-items:center}.timeline input[type=range]{width:100%;height:18px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.timeline input[type=range]:focus-visible{outline:3px solid #9ce3ce;outline-offset:3px}.timeline input[type=range]::-webkit-slider-runnable-track{height:7px;background:linear-gradient(90deg,#fbd891 0 var(--progress,0%),#567185 var(--progress,0%) 100%);border-radius:12px}.timeline input[type=range]::-moz-range-track{height:7px;background:#567185;border-radius:12px}.timeline input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-5px;background:#f9d992;border:3px solid #14263c;border-radius:50%;box-shadow:0 0 0 2px #f5dcaa}.timeline input[type=range]::-moz-range-thumb{width:17px;height:17px;background:#f9d992;border:3px solid #14263c;border-radius:50%}.timeline input:disabled{opacity:.4;cursor:default}#play-time{font-variant-numeric:tabular-nums;font-weight:900;white-space:nowrap;font-size:13px;color:#f0deb7}.below-note{margin:0;text-align:center;color:#bccdd2;font-size:clamp(11px,1.3vw,14px);letter-spacing:.2px}#screen-holder:fullscreen{width:100vw!important;height:100vh!important;transform:none!important;border-radius:0;background:#080f1a}#screen-holder:fullscreen #stage{transform-origin:top left}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes marqueeBlink{50%{opacity:.3}}@keyframes eq{to{height:290px}}@keyframes floatNote{to{transform:translateY(-38px) rotate(16deg)}}@keyframes aura{to{box-shadow:0 0 0 65px #e9bf7722,inset 0 0 230px #ffdb8a88}}@media(max-width:750px){.player-heading{letter-spacing:.4px;gap:5px}.player-heading span:nth-child(4){font-size:8px}.player-heading .heading-star{font-size:13px}.app{gap:8px;padding:10px 6px}.player-controls{gap:3px;padding:5px 6px;min-height:50px}.control-icon{width:35px;height:34px;flex-basis:35px;font-size:20px}#play-time{font-size:10px}.below-note{max-width:90vw;font-size:10px}.full-btn{display:none}}@media(orientation:portrait) and (max-width:750px){.app{justify-content:flex-start;padding-top:max(16px,env(safe-area-inset-top))}.player-heading{margin-bottom:10px}.below-note{padding:0 10px}}@media(prefers-reduced-motion:reduce){.stage-lights i,.party-dots,.dance-note,.dance-bars i,.channel-halo,.dance-sunray,.final-rays{animation:none}}

.mobile-start{display:none;box-shadow:0 4px 0 #a47662;background:#f7d083;color:#18283e;font-weight:900;letter-spacing:1px;font-size:15px;padding:12px 22px;border:0;border-radius:100px}.mobile-start.hidden{display:none!important}@media(max-width:750px){.mobile-start:not(.hidden){display:block}}
