@font-face{font-family:Anton;src:url("assets/anton.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--cream:#fff3cf;--pink:#ff9eaa;--sun:#ffc978;--purple:#291d39;--display:Anton,Impact,"Arial Narrow",sans-serif;--body:"Helvetica Neue",Arial,sans-serif;font-family:var(--body);color:var(--cream);background:var(--purple)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--sun);outline-offset:5px}button:disabled{cursor:wait;opacity:.7}button svg{width:22px;height:22px}a{color:inherit}.experience{position:relative;isolation:isolate;width:100%;height:100svh;min-height:720px;overflow:hidden;background:#392439}.cover-art{position:absolute;inset:-2%;z-index:-8;background:url("assets/key-art.png") 64% 52%/cover no-repeat;transform:scale(1.035);transition:opacity 1s,transform 1.7s cubic-bezier(.15,.8,.2,1);will-change:transform}.experience.is-playing .cover-art{opacity:0;transform:scale(1.14);pointer-events:none}#world{position:absolute;inset:0;width:100%;height:100%;z-index:-9;opacity:0;transition:opacity .7s;touch-action:none;outline:none}.experience.is-playing #world{opacity:1;z-index:0}.color-grade{position:absolute;inset:0;z-index:-6;background:linear-gradient(90deg,rgba(40,21,47,.64),rgba(51,23,49,.18) 42%,transparent 66%),linear-gradient(0deg,rgba(41,25,44,.8),transparent 28%);pointer-events:none}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(22,13,33,.36),transparent 23%,transparent 72%,rgba(23,16,32,.55));box-shadow:inset 0 0 160px rgba(20,12,35,.18)}.night-grade{position:absolute;inset:0;z-index:1;background:linear-gradient(130deg,rgba(22,40,104,.27),rgba(25,12,59,.56));mix-blend-mode:multiply;pointer-events:none;opacity:0;transition:opacity 1.2s}.is-night .night-grade{opacity:1}.is-playing .color-grade{opacity:0}
.masthead{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;padding:28px 3.6vw;gap:28px}.wordmark{padding:0;background:none;font-family:var(--display);text-align:left;line-height:.9;letter-spacing:-.03em;filter:drop-shadow(0 2px 4px #29182a55)}.wordmark>span{font-size:15px;display:block;letter-spacing:.025em}.wordmark strong{font-size:38px;font-weight:400;display:block}.mark-star{font-size:23px;margin-left:5px;vertical-align:middle}.edition{font-size:12px;font-weight:700;letter-spacing:.16em;margin-left:22px;opacity:.82}.masthead nav{display:flex;align-items:center;gap:20px;margin-left:auto}.text-button{font-size:13px;font-weight:800;letter-spacing:.09em;background:transparent;padding:10px 4px;border-bottom:1px solid transparent}.text-button:hover{border-color:var(--cream)}.round-button{display:grid;place-items:center;border:1px solid #fff3cf55;border-radius:50%;width:40px;height:40px;background:#2b1b311a;backdrop-filter:blur(4px);transition:background .2s}.round-button:hover{background:#fff3cf22}.round-button[aria-pressed=true]{background:var(--cream);color:var(--purple)}.sound-bars{display:flex;align-items:center;gap:3px;height:15px}.sound-bars i{width:2px;height:4px;background:currentColor}.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:8px}.sound-bars i:nth-child(4){height:15px}.sound-button[aria-pressed=false] .sound-bars{opacity:.55}.sound-button[aria-pressed=true] i{animation:sound-wave .8s alternate infinite}.sound-button i:nth-child(2){animation-delay:-.3s}.sound-button i:nth-child(4){animation-delay:-.5s}@keyframes sound-wave{to{transform:scaleY(.3)}}
.title-screen{position:absolute;top:20%;left:7.5%;z-index:3;transition:opacity .4s,transform .65s;transform-origin:left center}.overline{font-size:12px;font-weight:800;letter-spacing:.2em;display:flex;gap:13px;align-items:center;margin:0 0 24px}.tiny-rule{width:30px;height:2px;background:var(--pink)}h1{font-family:var(--display);font-size:clamp(80px,9.3vw,162px);font-weight:400;line-height:.84;letter-spacing:-.025em;margin:0;text-transform:uppercase;filter:drop-shadow(0 5px 20px #321d3140);transform:rotate(-3deg)}h1>span{display:block}h1>em{display:block;font-style:normal;color:var(--pink);font-size:.85em;margin-top:.075em;letter-spacing:-.045em;white-space:nowrap}.script-line{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(23px,2.6vw,43px);letter-spacing:-.055em;transform:rotate(-7deg);margin:10px 0 0 26px;color:var(--sun)}.enter-block{margin-top:43px}.play-button{display:flex;align-items:center;gap:20px;background:var(--cream);color:var(--purple);padding:20px 30px;font-size:14px;font-weight:900;letter-spacing:.065em;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);transition:background .25s,transform .25s}.play-button svg{width:18px}.play-button:hover{background:var(--sun);transform:translateX(5px)}.enter-block>p{font-size:13px;margin:13px 0 0 12px;letter-spacing:.03em;color:#f4dfd8}.scene-footer{position:absolute;z-index:3;inset:auto 3.6vw 28px;display:flex;align-items:center;gap:16px;font-size:12px;font-weight:700;letter-spacing:.105em}.footer-rule{height:1px;background:#fff3cf66;width:50px}.fan-label{font-size:10px;letter-spacing:.08em;opacity:.58;margin-left:auto}.scene-caption{position:absolute;bottom:19%;right:5%;z-index:3;display:grid;grid-template-columns:32px 1fr;column-gap:8px;text-shadow:0 2px 8px #241628;font-size:12px;font-weight:800;letter-spacing:.08em;transform:rotate(-3deg);border-left:2px solid var(--cream);padding-left:12px}.caption-index{grid-row:span 2;opacity:.7}.scene-caption i{font-family:Georgia,serif;font-weight:400;font-size:16px;letter-spacing:0;margin-top:5px}.is-playing .title-screen{opacity:0;transform:translateX(-50px);pointer-events:none}.is-playing .scene-caption,.is-playing .scene-footer{opacity:0;pointer-events:none}.is-playing .edition{opacity:0}.loading-note{position:absolute;bottom:72px;left:3.6vw;font-size:12px;letter-spacing:.13em;color:var(--cream);z-index:15;background:#291d39c9;padding:10px 12px;transition:opacity .3s}.loading-note.is-loaded{opacity:0;pointer-events:none}
.play-ui{position:absolute;inset:0;z-index:4;pointer-events:none}.play-ui button{pointer-events:auto}.location{position:absolute;left:4%;top:16%;display:flex;flex-direction:column;gap:7px;text-shadow:0 2px 12px #20102666}.location>span{font-family:var(--display);font-size:clamp(25px,3vw,44px);letter-spacing:-.015em}.location>i{font-family:Georgia,serif;font-size:20px;color:var(--sun);transform:rotate(-4deg);transform-origin:left}.mischief{position:absolute;top:16%;right:4%;display:flex;flex-direction:column;text-align:right;gap:5px}.mischief-stars{font-size:36px;letter-spacing:7px;text-shadow:0 2px 7px #291d39}.mischief>span:last-child{font-size:11px;font-weight:800;letter-spacing:.09em;text-shadow:0 2px 7px #291d39}.mission-note{position:absolute;top:30%;left:4%;background:#291d39a1;backdrop-filter:blur(8px);padding:14px 17px 15px;border-left:2px solid var(--pink);max-width:320px}.mission-note>span{font-size:10px;letter-spacing:.11em;color:var(--pink);font-weight:800}.mission-note p{font-size:14px;line-height:1.45;margin:6px 0 13px}.mission-progress{display:flex;gap:15px;font-size:10px;font-weight:800;color:#f4e1d987}.mission-progress span.done{color:var(--sun);text-decoration:line-through}.controls-tray{position:absolute;bottom:35px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:14px}.desktop-controls{display:flex;align-items:center;gap:22px;font-size:11px;font-weight:800;letter-spacing:.06em;text-shadow:0 2px 4px #27162a}.desktop-controls>span{display:flex;align-items:center;gap:5px}kbd{display:inline-grid;place-items:center;font-family:var(--body);height:25px;min-width:25px;padding:0 7px;border:1px solid #fff3cf66;border-bottom:2px solid #fff3cf99;background:#291d3977;border-radius:3px;font-size:11px;font-weight:700}kbd:last-of-type{margin-right:4px}.tap-hint{opacity:.65}.cat-actions{display:flex;gap:6px}.cat-actions button{background:#291d39bd;backdrop-filter:blur(10px);border:1px solid #fff3cf40;padding:12px 15px;min-height:43px;font-size:12px;font-weight:800;letter-spacing:.05em;transition:background .2s}.cat-actions button>span{font-size:18px;vertical-align:middle;margin-right:4px}.cat-actions button:hover{background:#51324bcc}.cat-actions button[aria-pressed=true]{background:var(--cream);color:var(--purple)}.laser-icon{font-size:22px!important}.back-button{position:absolute;left:4%;bottom:91px;padding:8px 0;font-size:11px;font-weight:700;letter-spacing:.08em;background:none;opacity:.7}.back-button:hover{opacity:1}.toast{position:absolute;left:50%;bottom:140px;transform:translate(-50%,15px) rotate(-2deg);font-family:var(--display);font-size:clamp(26px,4vw,52px);text-transform:uppercase;text-align:center;white-space:nowrap;color:var(--cream);text-shadow:0 3px 20px #241029,0 1px 3px #241029;opacity:0;transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translate(-50%,0) rotate(-2deg)}.touch-controls{display:none}.is-playing .masthead{pointer-events:none}.is-playing .masthead button{pointer-events:auto}.no-script{position:absolute;bottom:0;background:#291d39;padding:20px;z-index:20}
dialog{padding:0;border:1px solid #f4dfbd33;background:#30223a;color:var(--cream);width:min(840px,92vw);max-height:90svh;box-shadow:0 20px 100px #130b2077;overflow:auto}dialog::backdrop{background:#1e112cc2;backdrop-filter:blur(10px)}dialog[open]{display:grid;grid-template-columns:.85fr 1.15fr}.dialog-close{position:absolute;right:12px;top:10px;z-index:2;background:#24182baa;border-radius:50%;height:38px;width:38px;font-size:27px;line-height:1}.dossier-image{position:relative;min-height:100%}.dossier-image img{width:100%;height:100%;object-fit:cover;position:absolute}.dossier-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#30223a88,transparent)}.dossier-image>span{position:absolute;z-index:1;bottom:25px;left:20px;font-size:12px;font-weight:800;letter-spacing:.12em}.dossier-copy{padding:50px 35px 35px}.dossier-copy .overline{font-size:10px;color:var(--pink);line-height:1.5;margin-bottom:15px}.dossier-copy h2{font-family:var(--display);font-weight:400;font-size:clamp(45px,5vw,67px);line-height:.95;letter-spacing:-.02em;margin:0 0 22px}.dossier-copy>p:not(.overline){font-size:16px;line-height:1.55;color:#e8d2d6}.dossier-copy dl{font-size:13px;padding:8px 0}.dossier-copy dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #fff3cf22;padding:10px 0}.dossier-copy dt{color:#ad96b0}.dossier-copy dd{margin:0;text-align:right}.dossier-copy small{display:block;color:#bca5b7;font-size:12px;line-height:1.5}.dossier-copy a{display:inline-block;margin-top:14px;font-size:12px;color:var(--pink)}
@media(min-width:1800px){.title-screen{top:21%}.enter-block{margin-top:50px}}@media(max-height:850px) and (min-width:851px){.experience{min-height:630px}.title-screen{top:18%}h1{font-size:clamp(76px,8.5vw,120px)}.overline{margin-bottom:20px}.script-line{font-size:30px}.enter-block{margin-top:26px}.play-button{padding:16px 26px}.scene-caption{bottom:17%}}@media(max-width:1000px){.edition{display:none}.title-screen{left:6%}h1{font-size:clamp(80px,12vw,116px)}.scene-caption{right:4%;bottom:19%}.desktop-controls{gap:12px}.tap-hint{display:none!important}.controls-tray{left:3%;right:3%}.cat-actions button{padding:12px}.fan-label{max-width:150px;text-align:right;line-height:1.5}}
@media(max-width:700px){.experience{min-height:700px}.masthead{padding:22px 6%;gap:10px}.masthead nav{gap:12px}.text-button{font-size:11px}.round-button{width:36px;height:36px}.wordmark>span{font-size:12px}.wordmark strong{font-size:31px}.cover-art{background-position:67% 50%}.color-grade{background:linear-gradient(90deg,rgba(37,18,43,.55),transparent 90%),linear-gradient(0deg,#28172ad6,transparent 52%)}.title-screen{top:19%;left:7%}.title-screen .overline{font-size:10px;margin-bottom:20px}h1{font-size:clamp(72px,17vw,104px)}h1>em{font-size:.88em}.script-line{font-size:28px;margin-left:12px;margin-top:12px}.enter-block{margin-top:34px}.play-button{padding:18px 22px;font-size:12px;gap:13px}.enter-block>p{font-size:12px;margin-left:7px}.scene-caption{display:none}.scene-footer{left:7%;right:7%;bottom:24px;gap:12px;font-size:9px;flex-wrap:wrap}.footer-rule{width:25px}.fan-label{max-width:none;flex-basis:100%;text-align:left;margin-left:0;font-size:9px}.location{top:15%;left:6%}.location>span{font-size:26px}.location>i{font-size:17px}.mischief{right:6%;top:15%}.mischief-stars{font-size:29px;letter-spacing:3px}.mischief>span:last-child{font-size:8px;max-width:140px}.mission-note{top:25%;left:6%;padding:11px 13px;max-width:260px}.mission-note p{font-size:12px;line-height:1.4}.mission-note>span{font-size:9px}.mission-progress{font-size:9px}.controls-tray{bottom:128px;left:6%;right:6%;justify-content:flex-end}.desktop-controls{display:none}.cat-actions{gap:5px}.cat-actions button{padding:10px;font-size:10px;min-height:40px}.cat-actions button>span{font-size:15px}.touch-controls{position:absolute;bottom:43px;left:6%;right:6%;display:flex;justify-content:space-between;gap:20px}.touch-controls>div{display:flex;gap:10px}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;background:#291d39bb;border:1px solid #fff3cf55;backdrop-filter:blur(10px);height:60px;min-width:60px;font-size:25px;border-radius:50%}.touch-controls #jumpButton{font-size:12px;font-weight:800;min-width:76px;border-radius:30px}.back-button{bottom:140px;left:6%;font-size:9px}.toast{bottom:216px;font-size:28px;white-space:normal;width:90%}.loading-note{bottom:100px;left:7%;font-size:10px}.dossier-image{min-height:220px}.dossier-image img{object-position:50% 45%}dialog[open]{display:block}.dossier-copy{padding:28px 25px}.dossier-copy h2{font-size:52px}}
@media(pointer:coarse) and (min-width:701px){.touch-controls{display:flex;position:absolute;bottom:32px;left:4%;gap:15px}.touch-controls>div{display:flex;gap:10px}.touch-controls button{pointer-events:auto;touch-action:none;background:#291d39cc;border:1px solid #fff3cf66;min-width:50px;height:50px;font-size:20px}.touch-controls #jumpButton{font-size:12px;padding:0 18px}.desktop-controls{visibility:hidden}}
/* Keep the cat's face clear on tall phones; controls remain thumb-sized. */
@media(max-width:700px){.title-screen{top:36%}h1{font-size:clamp(70px,16vw,96px)}.title-screen .overline{margin-bottom:14px}.script-line{font-size:25px;margin-top:7px}.enter-block{margin-top:24px}.cover-art{background-position:63% 48%}.mission-note{max-width:285px}.mission-note p{font-size:14px}.cat-actions button{font-size:12px}.back-button{bottom:189px;font-size:12px}.mischief>span:last-child{font-size:10px}.scene-footer{font-size:11px}.fan-label{font-size:10px}}
@media(min-width:701px){.text-button,.cat-actions button{font-size:14px}.desktop-controls{font-size:12px}.back-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.cover-art{transform:none}}