@font-face{font-family:Vibe;src:url('assets/brand/anton.woff') format('woff');font-display:swap}:root{--cream:#fff3d5;--pink:#ff3fbb;--purple:#8418ff;--lime:#bcff00;--ink:#0e0815;--cat-width:min(72vw,42svh,450px);--deck-width:min(86vw,51svh,560px);--beat-scale:1;--bass:1;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer}button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button:disabled{cursor:wait}a{color:inherit}button[hidden],[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;background:var(--lime);color:var(--ink);padding:15px;z-index:120}.skip-link:focus{top:15px}.site-header{position:fixed;top:0;left:0;width:100%;z-index:70;display:flex;align-items:center;justify-content:space-between;padding:18px max(5vw,20px) 17px;padding-top:calc(18px + env(safe-area-inset-top));background:linear-gradient(#0e0815b8,#0e081560);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff15}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Vibe,Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:clamp(22px,3vw,31px);letter-spacing:-.5px;line-height:1}.brand img{width:31px;height:31px}.header-right{display:flex;align-items:center;gap:25px}.scene-count{font-family:monospace;font-size:12px;opacity:.6}.sound-toggle{display:flex;align-items:center;gap:7px;border:1px solid #ffffff40;border-radius:30px;padding:9px 12px;background:#0e081580;font-size:10px;font-weight:800;letter-spacing:.3px;white-space:nowrap}.sound-toggle svg{width:17px;height:17px}.sound-toggle[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.progress{position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#ffffff12}.progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--pink)}.story{height:980svh;position:relative}.pin{position:sticky;top:0;height:100svh;min-height:440px;width:100%;overflow:hidden;isolation:isolate;perspective:900px;--world-y:0px}.world{position:absolute;inset:-3%;z-index:-5;transform:translateY(var(--world-y));will-change:transform}.scene{position:absolute;inset:0;opacity:0;will-change:opacity}.scene picture,.scene img{display:block;width:100%;height:100%}.scene img{object-fit:cover;object-position:center 65%}.shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,#0e081540 0%,#0e081533 28%,transparent 50%,#0e081560 80%,#0e0815a0 100%)}.scanlines{position:absolute;inset:0;z-index:15;pointer-events:none;opacity:.03;background:repeating-linear-gradient(transparent 0 3px,#000 3px 4px)}.neon-halo{position:absolute;left:62%;bottom:24%;width:var(--cat-width);height:var(--cat-width);translate:-50% 0;background:radial-gradient(ellipse,#ff3fbb44,transparent 66%);filter:blur(15px);pointer-events:none;z-index:1;opacity:0;transition:opacity .6s}.chapter-copy{position:absolute;top:16%;left:6%;width:48%;z-index:30;pointer-events:none}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:2px;line-height:1.5;opacity:.8;margin:0 0 16px}.chapter-copy h1{font-family:Vibe,Impact,Haettenschweiler,'Arial Narrow',sans-serif;line-height:.98;letter-spacing:-2px;font-weight:900;font-size:clamp(50px,7.1vw,108px);margin:0;text-transform:uppercase}.chapter-copy h1 span{color:var(--pink)}.chapter-line{font-size:clamp(13px,1.3vw,17px);margin:20px 0 0;opacity:.8;max-width:350px;line-height:1.5}.chapter-copy.enter{animation:copy-enter .45s ease-out}.cat-anchor{position:absolute;left:62%;bottom:22%;width:var(--cat-width);translate:-50% 0;z-index:12;transform-origin:center 90%;will-change:transform}.cat{width:100%;border:0;background-color:transparent;filter:drop-shadow(0 12px 18px #07000b70);transform:scale(var(--beat-scale));transition:filter .3s}.cat:hover{filter:drop-shadow(0 0 15px #ff3fbb77)}.deck-anchor{position:absolute;left:62%;bottom:9%;width:var(--deck-width);translate:-50% 0;z-index:10;will-change:transform}.deck{width:100%;filter:drop-shadow(0 15px 15px #07000b90)}.deck-label{position:absolute;bottom:12%;left:22%;right:22%;text-align:center;color:var(--pink);font-family:Vibe,Impact,sans-serif;font-size:clamp(15px,2vw,25px);text-shadow:0 0 8px #f22dab;rotate:1deg;pointer-events:none}.set-props{position:absolute;inset:0;pointer-events:none;z-index:6}.set-props button{pointer-events:auto;background-color:transparent;border:0}.prop-door{position:absolute;right:8%;bottom:38%;width:min(16vw,115px);opacity:1;transform-origin:5% 50%;transition:opacity .45s,transform .3s}.prop-speaker{position:absolute;left:3%;bottom:16%;width:min(18vw,140px);opacity:0;transform:scale(var(--speaker-scale,1));transition:opacity .5s}.prop-disco{position:absolute;left:65%;top:8%;width:min(22vw,180px);opacity:0;animation:disco 12s linear infinite;transition:opacity .5s;pointer-events:none}.actor-anchor{position:absolute;right:12%;bottom:39%;width:min(24vw,190px);transform-origin:50% 90%;transition:opacity .45s}.actor{width:100%;filter:drop-shadow(0 4px 8px #0006)}.actor-anchor.dancing{animation:angry-dance .46875s ease-in-out infinite}.float-prop{position:absolute;opacity:0;pointer-events:none;transition:opacity .6s;will-change:transform}.taxi{width:min(25vw,300px);left:5%;top:40%}.chair{width:min(15vw,180px);right:5%;top:36%}.lamp{width:min(7vw,65px);left:21%;top:44%}.record{width:80px;right:26%;top:36%}.bird-anchor{position:absolute;left:33%;bottom:32%;width:min(22vw,150px);z-index:22;transform-origin:center bottom;will-change:transform}.bird{width:100%;background-color:transparent;border:0;filter:drop-shadow(0 5px 9px #0008);transition:filter .2s}.bird:hover{filter:drop-shadow(0 0 8px var(--lime))}.tap-tag{display:block;font-size:8px;font-weight:800;letter-spacing:1px;text-align:center;color:var(--lime);margin:0;pointer-events:none;opacity:.9}.bird-bubble{position:absolute;left:28%;top:52%;max-width:190px;width:19%;padding:11px 14px;background:var(--cream);border:3px solid var(--ink);border-radius:20px;box-shadow:4px 5px var(--ink);rotate:-5deg;z-index:28;pointer-events:none;transition:opacity .25s}.bird-bubble p{color:var(--ink);font-weight:700;font-size:clamp(12px,1.2vw,16px);line-height:1.2;margin:0}.bird-bubble:after{content:'';position:absolute;bottom:-12px;left:35%;width:18px;height:18px;background:var(--cream);border-bottom:3px solid var(--ink);border-right:3px solid var(--ink);rotate:40deg}.bird-bubble.pop{animation:bubble-pop .3s ease-out}.mattress-target{position:absolute;left:8%;bottom:24%;width:20%;height:14%;z-index:8;background:transparent;border:1px dashed #fff3d52b;border-radius:50%;color:var(--cream);rotate:-9deg;transition:opacity .3s}.mattress-target span{font-size:9px;font-weight:800;text-shadow:0 2px 4px #000;letter-spacing:.6px}.interaction-hud{position:absolute;bottom:3%;left:50%;translate:-50% 0;width:min(88%,430px);z-index:40;padding-bottom:env(safe-area-inset-bottom);text-align:center}.bass-row{display:flex;align-items:center;gap:9px;background:#0e0815c7;padding:9px 12px;border:1px solid #ffffff24;border-radius:15px 15px 0 0;width:84%;margin:0 auto;font-size:9px;font-weight:800;backdrop-filter:blur(10px);white-space:nowrap}.bass-bars{display:flex;gap:3px;flex:1;min-width:0;height:12px}.bass-bars i{display:block;flex:1;border-radius:2px;background:#ffffff25}.bass-bars i.on{background:var(--lime);box-shadow:0 0 6px #bcff0033}.bass-label{font-size:7px;letter-spacing:.5px;color:var(--lime)}.chaos-button{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;border:0;border-radius:50px;padding:17px 15px 15px;background:linear-gradient(135deg,#bd27fb,#7610ff);box-shadow:0 5px 0 #330654,0 0 30px #9d17ff30;font-family:Vibe,Impact,Haettenschweiler,'Arial Narrow',sans-serif;font-size:clamp(24px,3vw,32px);line-height:1;letter-spacing:.4px;transition:scale .15s,background .3s}.chaos-button:hover{scale:1.025}.chaos-button:active{scale:.97}.scroll-cue{font-size:9px;letter-spacing:1.4px;margin:14px 0 0;opacity:.8}.scroll-cue span{display:inline-block;animation:hint 1.6s ease-in-out infinite}.chapter-rail{position:absolute;right:2%;top:50%;translate:0 -50%;display:grid;gap:12px;z-index:50}.chapter-rail button{width:22px;height:22px;border:0;padding:0;border-radius:50%;background:transparent;display:grid;place-items:center}.chapter-rail button:after{content:'';width:5px;height:5px;border-radius:50%;background:#fff5;transition:scale .3s,background .3s}.chapter-rail button[aria-current]:after{scale:1.7;background:var(--pink);box-shadow:0 0 8px var(--pink)}.particles{position:absolute;inset:0;pointer-events:none;z-index:35;overflow:hidden}.particle{position:absolute;width:16px;height:27px;pointer-events:none;will-change:transform;animation:particle-fly 1.3s cubic-bezier(.2,.65,.25,1) forwards}.particle.confetti{width:6px;height:13px}.impact-ring{position:absolute;left:62%;top:60%;width:80px;height:80px;border-radius:50%;border:4px solid var(--pink);pointer-events:none;z-index:20;opacity:0;translate:-50% -50%}.impact-ring.fire{animation:ring .65s ease-out}.toast{position:fixed;left:50%;top:45%;translate:-50% -50%;width:min(80%,400px);padding:15px 20px;background:#0e0815ed;border:2px solid var(--lime);border-radius:12px;z-index:60;box-shadow:5px 5px #0008;font-size:14px;line-height:1.4;text-align:center;pointer-events:none}.toast.show{animation:bubble-pop .25s ease-out}.pin[data-chapter='1'] .prop-speaker,.pin[data-chapter='3'] .prop-speaker{opacity:1}.pin[data-chapter='1'] .prop-disco,.pin[data-chapter='3'] .prop-disco{opacity:1}.pin:not([data-chapter='0']) .mattress-target{opacity:0;pointer-events:none}.pin:not([data-chapter='0']):not([data-chapter='2']) .prop-door{opacity:0;pointer-events:none}.pin:not([data-chapter='0']) .neon-halo{opacity:1}.pin[data-chapter='1'] .chaos-button,.pin[data-chapter='3'] .chaos-button{background:linear-gradient(135deg,#ff55c1,#ff1b91)}.pin[data-chapter='2'] h1 span,.pin[data-chapter='3'] h1 span{color:var(--lime)}.pin[data-chapter='4'] .float-prop,.pin[data-chapter='5'] .float-prop{opacity:1}.pin.space .cat-anchor,.pin.space .deck-anchor{animation:float 3s ease-in-out infinite}.pin.space .bird-anchor{animation:bird-float 2.4s ease-in-out infinite;rotate:16deg}.pin.boost .world{animation:world-shake .13s ease-in-out 6}.pin.boost .neon-halo{scale:1.5}.pin.boost .cat-anchor{animation:cat-bounce .234s ease-in-out 3}.pin.squeak .cat-anchor{animation:cat-bounce .3s ease-in-out 2}.pin.blackout .world{filter:brightness(.2);transition:filter .8s}.pin.blackout .neon-halo{opacity:.4}.ending{position:relative;text-align:center;padding:65px 20px 35px;background:radial-gradient(ellipse at 50% 0,#39114e,transparent 65%),var(--ink);border-top:1px solid #782f8b;min-height:55svh}.ending h2{font-family:Vibe,Impact,Haettenschweiler,'Arial Narrow',sans-serif;font-size:clamp(38px,7vw,76px);line-height:1.03;letter-spacing:-1px;margin:12px auto 20px}.ending h2 span{color:var(--pink)}.ending>p:not(.eyebrow){font-size:13px;opacity:.65}.ending-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px auto 40px}.ending-actions button{border:1px solid #ff3fbb88;padding:13px 23px;border-radius:30px;background:#39114e;font-family:Vibe,Impact,sans-serif;font-size:19px}.ending-actions button:first-child{background:var(--pink);color:var(--ink)}.ending .credit{font-size:8px!important;letter-spacing:1.5px}.noscript{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--lime);color:#000;padding:20px;text-align:center}@keyframes copy-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes bubble-pop{from{scale:.8;opacity:0}to{scale:1;opacity:1}}@keyframes disco{50%{rotate:8deg}0%,100%{rotate:-8deg}}@keyframes angry-dance{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-7px)}}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes bird-float{50%{transform:translateY(-17px) rotate(-8deg)}}@keyframes world-shake{25%{transform:translate(-3px,2px)}75%{transform:translate(3px,-2px)}}@keyframes cat-bounce{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes hint{50%{transform:translateY(4px)}}@keyframes ring{0%{opacity:.8;scale:.4}100%{opacity:0;scale:8}}@keyframes particle-fly{to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin));opacity:0}}
@media(max-width:650px){.site-header{padding:14px 5%;padding-top:calc(14px + env(safe-area-inset-top))}.brand{font-size:24px;gap:7px}.brand img{width:25px;height:25px}.scene-count{display:none}.header-right{gap:0}.sound-toggle{padding:8px 9px;font-size:9px}.chapter-copy{top:12%;left:6%;width:88%}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:10px}.chapter-copy h1{font-size:clamp(34px,11.7vw,68px);letter-spacing:-1px;line-height:.98}.chapter-line{font-size:11px;margin:11px 0 0;max-width:88%}.cat-anchor,.deck-anchor{left:52%}.neon-halo{left:52%}.cat-anchor{bottom:23%}.deck-anchor{bottom:10%}.deck-label{font-size:18px;bottom:10%}.bird-anchor{left:1.5%;bottom:33%;width:min(25vw,118px)}.bird-bubble{left:5%;top:35%;width:39%;max-width:165px;padding:9px 11px;border-width:2px;border-radius:16px;box-shadow:3px 4px var(--ink)}.bird-bubble p{font-size:clamp(10px,3vw,13px)}.tap-tag{font-size:6px;letter-spacing:.5px}.prop-door{right:3%;bottom:41%;width:22%;max-width:92px}.prop-speaker{left:auto;right:0;bottom:22%;width:21%;max-width:90px}.prop-disco{left:70%;top:30%;width:24%;max-width:105px}.actor-anchor{right:1%;bottom:38%;width:28%;max-width:125px}.mattress-target{left:4%;bottom:22%;width:23%;height:10%;border:0}.mattress-target span{font-size:7px}.taxi{left:-1%;top:34%;width:29%}.chair{right:1%;top:43%;width:21%}.lamp{left:16%;top:43%;width:7%;max-width:30px}.record{right:22%;top:35%;width:40px}.interaction-hud{bottom:2.5%;width:88%}.chaos-button{padding:16px 10px 14px;font-size:25px}.bass-row{width:84%;font-size:8px;padding:7px 9px;gap:7px}.bass-label{font-size:6px}.bass-bars{gap:2px;height:10px}.scroll-cue{font-size:8px;letter-spacing:1px;margin-top:12px}.chapter-rail{right:.5%;top:45%;gap:7px}.chapter-rail button{width:18px;height:20px}.impact-ring{left:52%}.toast{font-size:12px;top:43%;padding:12px 16px}.ending{padding:45px 20px 30px;min-height:48svh}.ending-actions{gap:8px;margin-bottom:32px}.ending-actions button{font-size:17px;padding:12px 18px}}
@media(max-height:650px){:root{--cat-width:min(68vw,33svh,330px);--deck-width:min(83vw,44svh,430px)}.chapter-line{display:none}.chapter-copy{top:15%}.chapter-copy h1{font-size:min(10vw,9svh,75px)}.chapter-line{font-size:10px;margin-top:7px}.eyebrow{margin-bottom:7px}.bird-bubble{top:35%;max-width:130px;padding:7px 9px}.bird-bubble p{font-size:10px}.chaos-button{padding:13px 10px;font-size:22px}.scroll-cue{margin-top:9px}.prop-disco{top:32%}.bass-label{display:none}.cat-anchor{bottom:25%}.deck-anchor{bottom:11%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.world{transform:none!important}.cat{transform:none!important}.particle{display:none}.chapter-copy.enter{opacity:1}}