:root{color-scheme:dark;--ink: #090720;--navy: #100b2d;--purple: #352061;--violet: #714a83;--coral: #ff647f;--pink: #ff8fb2;--gold: #ffc967;--cyan: #79dce0;--cream: #fff4df;--paper: #fffaf1;--mono: "Lucida Console", "Courier New", ui-monospace, monospace;--serif: Georgia, "Times New Roman", serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}html{background:var(--ink)}body{min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 8%,rgba(113,74,131,.32),transparent 45%),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),var(--ink);background-size:auto,18px 18px,18px 18px,auto;color:var(--cream);overscroll-behavior:none}button{font:inherit}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{cursor:wait;filter:grayscale(.45);opacity:.72}.screen{position:fixed;inset:0;display:none;overflow:hidden}.screen.is-active{display:flex}.is-hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0 0 .55rem;color:var(--gold);font-family:var(--mono);font-size:.68rem;font-weight:900;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}.intro-screen{align-items:flex-end;justify-content:center;background:#0d0925}.intro-art,.intro-vignette{position:absolute;inset:0}.intro-art{background-image:url(/assets/cover.webp);background-position:center 38%;background-size:cover;transform:scale(1.015);animation:intro-drift 14s ease-in-out infinite alternate}.intro-vignette{background:linear-gradient(180deg,#05031814 8%,#05031829 42%,#050318f0 82%,#08051a),radial-gradient(circle at 50% 38%,transparent 30%,rgba(5,3,20,.34) 100%)}.intro-content{position:relative;z-index:1;width:min(100%,540px);padding:2rem 1.35rem max(1.25rem,env(safe-area-inset-bottom));text-align:center}.intro-content h1{margin:0;color:#fff;font-family:var(--serif);font-size:clamp(2.6rem,13vw,4.8rem);font-weight:700;letter-spacing:-.055em;line-height:.82;text-shadow:0 4px 0 #7e2d66,0 8px 26px rgba(0,0,0,.65)}.intro-content h1 span{color:var(--pink);font-style:italic}.intro-copy{margin:1rem auto .9rem;max-width:32rem;color:#ffffffe0;font-size:.94rem;line-height:1.48}.load-status{width:min(100%,330px);margin:0 auto .75rem;color:#ffffff9e;font:700 .58rem/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase}.load-track{display:block;height:4px;margin-top:.4rem;overflow:hidden;border-radius:4px;background:#ffffff24}.load-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--gold));box-shadow:0 0 10px var(--pink);transition:width .25s ease}.load-status.is-complete{display:none}.pixel-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:.8rem;padding:.85rem 1.15rem;border:2px solid rgba(255,255,255,.32);border-radius:5px;background:var(--purple);box-shadow:0 5px #1d113a,0 9px 24px #00000047;color:#fff;cursor:pointer;font-family:var(--mono);font-size:.78rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.pixel-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.pixel-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #1d113a}.pixel-button--primary{width:min(100%,340px);background:linear-gradient(135deg,#ef466e,#a53e90)}.pixel-button--small{width:auto;min-height:43px;padding:.65rem 1rem;font-size:.7rem}.text-button{border:0;background:transparent;color:#ffffffb8;cursor:pointer;font-size:.76rem;text-decoration:underline;text-underline-offset:4px}.intro-content .text-button{display:block;margin:.9rem auto 0}.tiny-note{margin:.75rem 0 0;color:#ffffff73;font-size:.64rem}.game-screen{flex-direction:column;align-items:center;touch-action:none}.hud{z-index:8;display:grid;width:min(100%,540px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:max(.58rem,env(safe-area-inset-top)) .7rem .48rem}.hud-card,.icon-button,.zone-status{border:1px solid rgba(255,255,255,.14);background:#140c34e0;box-shadow:0 4px 18px #0000003d,inset 0 0 20px #754c9b14;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-card{min-height:45px;border-radius:9px}.progress-card{display:flex;align-items:center;gap:.45rem;padding:.35rem .62rem;cursor:pointer}.progress-card .heart-icon{color:var(--coral);font-size:1.35rem;filter:drop-shadow(0 0 7px rgba(255,100,127,.62))}.progress-card strong{font:900 .94rem/1 var(--mono)}.progress-card small{display:block;margin-top:2px;color:#ffffff85;font:.5rem/1 var(--mono);text-transform:uppercase}.zone-status{min-width:0;padding:.36rem .65rem;border-radius:9px;text-align:center}.zone-status span,.zone-status small{display:block;overflow:hidden;color:#ffffff7a;font:700 .48rem/1.2 var(--mono);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.zone-status strong{display:block;overflow:hidden;margin:.12rem 0;color:var(--gold);font-family:var(--serif);font-size:clamp(.7rem,3.3vw,.88rem);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.icon-button{display:grid;width:44px;height:44px;place-items:center;border-radius:9px;cursor:pointer;font:900 1rem/1 var(--mono)}.game-frame{position:relative;flex:1 1 auto;width:min(100%,540px);min-height:0;overflow:hidden;border-block:1px solid rgba(255,255,255,.13);background:#0b0826;box-shadow:0 0 60px #00000075;isolation:isolate}#game-canvas{display:block;width:100%;height:100%}.glow-frame{position:absolute;z-index:2;inset:0;border:1px solid rgba(255,201,103,.1);box-shadow:inset 0 0 35px #08041e73;pointer-events:none}.zone-card{position:absolute;z-index:8;top:12%;left:50%;width:min(calc(100% - 2rem),360px);padding:.95rem 1rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:linear-gradient(135deg,#10092deb,#3e1e53e6);box-shadow:0 7px #0502147a,0 20px 60px #0000006b;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-20px)}.zone-card.is-visible{animation:zone-card 2.75s ease both}.zone-card span{color:var(--gold);font:900 .58rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.zone-card h2{margin:.35rem 0 .25rem;font:700 clamp(1.35rem,6vw,2rem)/1 var(--serif);letter-spacing:-.025em}.zone-card p{margin:0;color:#ffffffb8;font-size:.78rem}.context-hint{position:absolute;z-index:7;top:54%;left:50%;display:flex;align-items:center;gap:.42rem;padding:.38rem .55rem .38rem .38rem;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:#0c0722e6;box-shadow:0 5px 20px #00000059;color:#fff;transform:translate(-50%,-50%);animation:hint-bob .75s ease-in-out infinite alternate}.context-hint span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--coral);font:900 .68rem/1 var(--mono)}.context-hint strong{color:var(--gold);font:900 .58rem/1 var(--mono);letter-spacing:.05em}.dialogue{position:absolute;z-index:6;right:.65rem;bottom:.65rem;left:.65rem;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:.65rem;min-height:70px;padding:.4rem .72rem .45rem .4rem;border:1px solid rgba(255,255,255,.24);border-radius:7px;background:#0a061df0;box-shadow:0 6px #03020c7a,0 14px 35px #0000004d;transform:translateY(145%);transition:transform .28s cubic-bezier(.2,.85,.2,1)}.dialogue.is-visible{transform:translateY(0)}.dialogue img{width:58px;height:58px;object-fit:contain;border:2px solid var(--gold);border-radius:5px;background:linear-gradient(#51355d,#241944)}.dialogue span{color:var(--gold);font:900 .48rem/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.dialogue p{margin:.25rem 0 0;font-size:.72rem;line-height:1.36}.tutorial{position:absolute;z-index:12;top:50%;left:50%;width:min(calc(100% - 1.6rem),350px);max-height:calc(100% - 1.4rem);overflow:auto;padding:1.15rem;border:2px solid var(--gold);border-radius:9px;background:#10092bf7;box-shadow:0 8px #08051a,0 26px 70px #0000008f;text-align:center;transform:translate(-50%,-50%);touch-action:pan-y}.tutorial h2{margin:0 0 .6rem;font:700 1.55rem/1.05 var(--serif)}.tutorial>p:not(.eyebrow){margin:.5rem 0;color:#ffffffd1;font-size:.82rem;line-height:1.45}.tutorial-controls{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.9rem 0}.tutorial-controls span{padding:.65rem .4rem;border:1px solid rgba(255,255,255,.13);border-radius:6px;background:#ffffff0d;font-size:.72rem}.tutorial-controls i{display:grid;width:30px;height:30px;margin:0 auto .35rem;place-items:center;border-radius:50%;background:var(--purple);color:var(--gold);font:900 .8rem/1 var(--mono)}.tutorial-note{color:#ffffff80!important;font-size:.68rem!important}.controls{display:flex;width:min(100%,540px);height:clamp(108px,17dvh,140px);flex:0 0 auto;align-items:center;justify-content:space-between;gap:.65rem;padding:.55rem max(.85rem,env(safe-area-inset-right)) max(.65rem,env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left));background:linear-gradient(180deg,#19103efa,#0a071d)}.joystick{position:relative;width:88px;height:88px;flex:0 0 auto;border:2px solid rgba(255,255,255,.11);border-radius:50%;background:radial-gradient(circle,#ffffff0e 0 37%,#ffffff04 39% 100%);box-shadow:inset 0 0 20px #0000004d,0 5px 16px #00000038;opacity:.8;transition:opacity .2s ease,filter .2s ease;touch-action:none}.joystick.is-active{opacity:1;filter:drop-shadow(0 0 8px rgba(255,143,178,.28))}.joystick-arrows{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff21;font-size:3.5rem;transform:rotate(45deg)}.joystick-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;border:2px solid rgba(255,255,255,.24);border-radius:50%;background:linear-gradient(145deg,#7953a9,#402a70);box-shadow:0 5px #211544,0 8px 15px #00000052;transform:translate(-50%,-50%)}.quest-card{min-width:0;flex:1 1 auto;text-align:center}.quest-card small,.quest-card span{display:block;color:#ffffff61;font:700 .46rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}.quest-card strong{display:block;overflow:hidden;margin:.16rem 0;color:#ffffffd1;font-size:clamp(.62rem,2.7vw,.75rem);line-height:1.25;text-overflow:ellipsis}.quest-card span{color:#ffc96794}.action-button{display:grid;width:78px;height:78px;flex:0 0 auto;place-items:center;border:3px solid #ffb0c1;border-radius:50%;background:linear-gradient(145deg,#ff6b83,#c43368);box-shadow:0 7px #731e48,0 12px 20px #00000042;color:#fff;cursor:pointer;text-shadow:0 2px 0 rgba(0,0,0,.18);transition:transform .1s ease,box-shadow .1s ease,filter .2s ease}.action-button>span{font:900 1.55rem/1 var(--mono)}.action-button small{display:block;max-width:65px;margin-top:-14px;overflow:hidden;font:900 .38rem/1 var(--mono);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}.action-button.is-ready{filter:drop-shadow(0 0 9px rgba(255,201,103,.65));animation:action-ready 1s ease-in-out infinite alternate}.action-button:active,.action-button.is-pressed{transform:translateY(5px);box-shadow:0 2px #731e48}.keyboard-help{display:none;color:#ffffff57;font:.58rem/1.6 var(--mono);text-align:center}.story-modal{position:fixed;z-index:40;inset:0;display:none;align-items:center;justify-content:center;overflow:auto;padding:max(.65rem,env(safe-area-inset-top)) .65rem max(.65rem,env(safe-area-inset-bottom));touch-action:pan-y}.story-modal.is-open{display:flex}.story-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 50% 24%,rgba(140,60,132,.25),transparent 45%),#050312f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.story-card{position:relative;width:min(100%,760px);max-height:calc(100dvh - 1.3rem);overflow:auto;padding:.75rem;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(145deg,#1b1147,#0c0826);background-size:13px 13px,13px 13px,auto;box-shadow:0 8px #060419,0 30px 90px #000000b8;animation:story-in .38s cubic-bezier(.2,1.1,.35,1) both}.story-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.15rem .2rem .65rem}.story-heading .eyebrow{margin-bottom:.2rem}.story-heading h2{margin:0;font:700 clamp(1.25rem,6vw,2rem)/1 var(--serif);letter-spacing:-.035em}.story-heading .text-button{flex:0 0 auto;padding:.35rem 0;color:#ffffff94;font-size:.68rem}.story-panel{position:relative;aspect-ratio:3/2;margin:0;overflow:hidden;border:2px solid rgba(255,255,255,.28);border-radius:9px;background:#09061f;box-shadow:0 6px #070419;isolation:isolate}.story-panel img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,transform 5s ease}.story-card:not(.is-changing) .story-panel img{transform:scale(1.018)}.story-card.is-changing .story-panel img{opacity:.62}.story-shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 38%,rgba(4,2,16,.12) 55%,rgba(4,2,16,.78) 100%)}.story-bubble{position:absolute;z-index:2;right:.55rem;bottom:.55rem;left:.55rem;min-height:86px;padding:.7rem .8rem;border:1px solid rgba(255,255,255,.42);border-left:4px solid var(--story-accent, var(--gold));border-radius:8px;background:#0a061df0;box-shadow:0 5px #03020c9e,0 12px 32px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-bubble span{color:var(--story-accent, var(--gold));font:900 .58rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.story-bubble p{margin:.42rem 0 0;font:600 clamp(.82rem,3.5vw,1.02rem)/1.42 Inter,sans-serif;text-wrap:pretty}.story-card[data-side=left]{--story-accent: var(--pink)}.story-card[data-side=right]{--story-accent: var(--gold)}.story-card[data-side=center]{--story-accent: #78e2e4}.story-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .15rem .1rem}.story-controls .pixel-button{width:auto;min-width:min(62%,290px)}.story-progress{display:flex;align-items:center;gap:.36rem;min-height:12px}.story-progress i{width:7px;height:7px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#ffffff14;transition:width .2s ease,background .2s ease}.story-progress i.is-past{background:#ffc9676b}.story-progress i.is-current{width:22px;border-radius:8px;border-color:var(--gold);background:var(--gold);box-shadow:0 0 9px #ffc9679e}.modal{position:fixed;z-index:30;inset:0;display:none;align-items:center;justify-content:center;overflow:auto;padding:max(.8rem,env(safe-area-inset-top)) .8rem max(.8rem,env(safe-area-inset-bottom));touch-action:pan-y}.modal.is-open{display:flex}.modal-backdrop{position:fixed;inset:0;background:#050312db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.puzzle-card{position:relative;width:min(100%,420px);max-height:94dvh;overflow:auto;padding:1rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(145deg,#1b1147,#100a2e);background-size:12px 12px,12px 12px,auto;box-shadow:0 9px #090620,0 30px 90px #000000a6;text-align:center;animation:puzzle-in .3s cubic-bezier(.2,1.2,.35,1) both}.puzzle-card header,.album-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;text-align:left}.puzzle-card h2{margin:0;font:700 clamp(1.45rem,7vw,2.05rem)/1 var(--serif);letter-spacing:-.03em}.puzzle-intro{margin:.8rem auto;max-width:34rem;color:#ffffffb8;font-size:.82rem;line-height:1.45}.puzzle-content{min-height:155px;padding:.8rem .25rem;display:grid;align-content:center}.puzzle-status{min-height:1.4rem;margin:.35rem 0 .8rem;color:var(--gold);font:800 .65rem/1.4 var(--mono)}.puzzle-card>.pixel-button{margin-inline:auto}.puzzle-content.is-shaking{animation:shake .35s ease}.puzzle-content.is-solved{filter:drop-shadow(0 0 16px rgba(255,201,103,.55))}.memory-sequence{display:flex;min-height:54px;align-items:center;justify-content:center;gap:.42rem;margin-bottom:1rem;transition:filter .25s ease,opacity .25s ease}.memory-sequence.is-concealed{filter:blur(8px);opacity:.2}.memory-sequence span{display:grid;width:45px;height:45px;place-items:center;border:2px solid color-mix(in srgb,var(--chip),white 25%);border-radius:8px;background:color-mix(in srgb,var(--chip),transparent 72%);color:#fff;font:900 .9rem/1 var(--mono);box-shadow:0 0 14px color-mix(in srgb,var(--chip),transparent 55%);animation:sequence-flash .45s ease both}.puzzle-choices{display:flex;justify-content:center;gap:.55rem}.puzzle-choice{display:grid;min-width:54px;height:54px;place-items:center;border:2px solid color-mix(in srgb,var(--chip),white 20%);border-radius:9px;background:color-mix(in srgb,var(--chip),#150d3c 72%);box-shadow:0 5px color-mix(in srgb,var(--chip),#08051a 70%);color:#fff;cursor:pointer;font:900 1rem/1 var(--mono)}.puzzle-choice:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #08051a}.rotate-row{display:flex;align-items:center;justify-content:center;gap:.7rem}.rotate-tile{width:82px;height:104px;border:2px solid rgba(255,255,255,.22);border-radius:10px;background:linear-gradient(145deg,#4a3176,#27184f);box-shadow:0 6px #0a061e;color:var(--gold);cursor:pointer}.rotate-tile span{position:relative;display:grid;height:66px;place-items:center;font:900 2rem/1 var(--serif);transition:transform .18s ease}.rotate-tile span b,.rotate-target span b{font:inherit}.rotate-tile span i,.rotate-target span i{position:absolute;top:5px;left:50%;width:7px;height:7px;border-radius:50%;background:#75e1dd;box-shadow:0 0 8px #75e1dd;transform:translate(-50%)}.rotate-tile small{display:block;color:#ffffff7a;font:700 .46rem/1 var(--mono);text-transform:uppercase}.rotate-tile.is-aligned{border-color:#75e1a8;background:linear-gradient(145deg,#315f62,#213b51);box-shadow:0 6px #0a061e,0 0 15px #75e1a859}.rotate-target{margin:0 auto .95rem;color:#ffffffad;text-align:center}.rotate-target>small{display:block;margin-bottom:.4rem;font:800 .52rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.rotate-target>div{display:flex;justify-content:center;gap:.65rem}.rotate-target span{position:relative;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,201,103,.5);border-radius:7px;background:#ffc96714;color:var(--gold);font:900 1.15rem/1 var(--serif);transform:rotate(var(--target-rotation))}.rotate-target span i{top:2px;width:5px;height:5px}.timing-stage{position:relative;height:48px;margin:1.5rem .35rem .8rem;border:2px solid rgba(255,255,255,.2);border-radius:9px;background:linear-gradient(90deg,#2d1c57,#1a103e);box-shadow:inset 0 0 15px #00000073}.timing-stage:before{content:"";position:absolute;top:50%;right:8px;left:8px;height:2px;background:#ffffff1f}.timing-target{position:absolute;inset-block:5px;border-radius:5px;background:#ffc9674d;box-shadow:0 0 14px #ffc96799,inset 0 0 0 1px #ffebb1a6}.timing-marker{position:absolute;top:-8px;bottom:-8px;width:8px;margin-left:-4px;border:2px solid white;border-radius:5px;background:var(--coral);box-shadow:0 0 12px var(--coral)}.round-pips{display:flex;justify-content:center;gap:.45rem}.round-pips i{width:11px;height:11px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#ffffff12}.round-pips i.is-complete{border-color:var(--gold);background:var(--gold);box-shadow:0 0 9px var(--gold)}.claw-stage{position:relative;height:210px;overflow:hidden;border:3px solid #714a83;border-radius:10px;background:linear-gradient(#27205b 0 16%,#62cbd4 16% 74%,#2c1d53 74%);box-shadow:inset 0 0 30px #09051e73}.claw-rail{position:absolute;top:16px;right:7%;left:7%;height:6px;border-radius:5px;background:#d9cae6;box-shadow:0 3px #5c4e77}.claw-head{position:absolute;top:17px;left:10%;width:42px;height:70px;margin-left:-21px;transition:top .55s cubic-bezier(.4,0,.8,1)}.claw-head:before{content:"";position:absolute;top:0;left:19px;width:4px;height:44px;background:#e5dcf0;box-shadow:2px 0 #66577d}.claw-head i:before,.claw-head i:after{content:"";position:absolute;top:39px;width:4px;height:28px;background:#ede5f5;transform-origin:top}.claw-head i:before{left:19px;transform:rotate(35deg)}.claw-head i:after{right:19px;transform:rotate(-35deg)}.claw-head.is-dropping{top:105px}.plush{position:absolute;right:24%;bottom:15px;display:grid;width:64px;height:64px;place-items:center;border-radius:42% 42% 48% 48%;background:#f09c42;box-shadow:inset 0 -8px #d87932,0 7px 12px #00000040;color:#5b2c29;transition:transform .45s ease}.plush:before,.plush:after{content:"";position:absolute;top:-8px;width:23px;height:24px;background:#f09c42;transform:rotate(45deg)}.plush:before{left:2px}.plush:after{right:2px}.plush span{position:relative;z-index:2;font:900 .8rem/1 var(--mono)}.plush.is-caught{transform:translateY(-62px) rotate(5deg)}.memory-card{position:relative;width:min(100%,390px);max-height:94dvh;overflow:auto;padding:.9rem .9rem 1.05rem;border:2px solid rgba(255,255,255,.52);border-radius:8px;background:var(--paper);box-shadow:0 9px #c8a989,0 30px 80px #00000094;color:#32233f;text-align:center;animation:card-in .34s cubic-bezier(.2,1.4,.35,1) both}.memory-card .eyebrow{margin-top:.85rem;color:#a23469}.memory-card h2{margin:0;font:700 clamp(1.45rem,7vw,2rem)/1.05 var(--serif);letter-spacing:-.03em}.memory-ribbon{display:flex;justify-content:space-between;margin-bottom:.65rem;color:#925172;font:900 .6rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.polaroid{position:relative;aspect-ratio:4/5;overflow:hidden;border:7px solid white;background:#eadfd8;box-shadow:0 8px 22px #2d16312e;transform:rotate(-.4deg)}.polaroid img{width:100%;height:100%;object-fit:cover}.photo-shine{position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.18) 40%,transparent 62%);transform:translate(-120%);animation:photo-shine .7s .2s ease-out forwards}.memory-caption{margin:.65rem auto 1rem;max-width:31rem;color:#6d5b70;font-size:.84rem;line-height:1.45}.album-card{position:relative;width:min(100%,500px);max-height:92dvh;overflow:auto;padding:1rem;border:2px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(145deg,#1b1242,#110b31);box-shadow:0 25px 80px #0000009e}.album-card h2{margin:0 0 1rem;font:700 1.7rem/1 var(--serif)}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.album-item{position:relative;aspect-ratio:3/4;overflow:hidden;border:3px solid white;border-radius:3px;background:#302452;box-shadow:0 4px 10px #00000047;cursor:pointer;transform:rotate(var(--tilt))}.album-item img{width:100%;height:100%;object-fit:cover}.album-item span{position:absolute;right:4px;bottom:4px;display:grid;width:22px;height:22px;place-items:center;border-radius:3px;background:#0c0822e0;color:var(--gold);font:900 .54rem/1 var(--mono)}.album-empty{padding:1.5rem .5rem;color:#ffffff8c;font-size:.8rem;text-align:center}.together-card{position:relative;width:min(100%,420px);padding:1.25rem;border:2px solid var(--gold);border-radius:13px;background:linear-gradient(145deg,#25134f,#11082f);box-shadow:0 9px #08041b,0 30px 90px #000000ad;text-align:center}.together-card h2{margin:0;font:700 clamp(1.7rem,8vw,2.5rem)/1 var(--serif);letter-spacing:-.035em}.together-card>p:not(.eyebrow){color:#ffffffb8;font-size:.84rem;line-height:1.45}.together-heroes{display:flex;height:145px;align-items:flex-end;justify-content:center;gap:.3rem;margin:.5rem 0}.together-heroes img{width:118px;height:138px;object-fit:contain}.together-heroes span{align-self:center;color:var(--coral);font-size:2.4rem;filter:drop-shadow(0 0 12px var(--coral));animation:heartbeat 1.2s ease-in-out infinite}.hold-track{height:8px;margin:.4rem auto .8rem;overflow:hidden;border-radius:6px;background:#ffffff1f}.hold-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--gold));box-shadow:0 0 12px var(--pink)}.hold-button{-webkit-user-select:none;user-select:none}.together-card .text-button{display:block;margin:.9rem auto 0}.final-screen{z-index:12;align-items:center;justify-content:center;overflow:auto;padding:max(1.2rem,env(safe-area-inset-top)) 1.2rem max(1.2rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,#07041938,#070419f5),url(/assets/cover.webp) center 42%/cover;touch-action:pan-y}.final-content{position:relative;z-index:2;width:min(100%,500px);text-align:center}.final-heart{width:70px;height:70px;margin:0 auto .8rem;color:var(--coral);font-size:4.2rem;filter:drop-shadow(0 0 18px rgba(255,100,127,.65));animation:heartbeat 1.3s ease-in-out infinite}.final-content h2{margin:0;font:700 clamp(2.35rem,11vw,4.3rem)/.9 var(--serif);letter-spacing:-.06em;text-shadow:0 4px 0 #6d265b}.final-lead{margin:1rem 0;color:#ffffffde;font-size:.95rem;line-height:1.5}.final-message{margin:1rem auto 1.15rem;padding:1rem;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#0d0825bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.final-message p{margin:0 0 .45rem;font:italic 1.06rem/1.4 var(--serif)}.final-message strong{color:var(--pink);font-size:1.1rem}.pizza-result{color:var(--gold);font:800 .65rem/1.4 var(--mono)}.final-content .text-button{display:block;margin:1rem auto 0}.credits{margin:1rem auto 0;color:#ffffff6b;font-size:.62rem}.final-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.final-confetti i{position:absolute;top:-10%;width:7px;height:11px;background:var(--color);animation:confetti-fall var(--duration) linear var(--delay) infinite;transform:rotate(var(--rotate))}@keyframes intro-drift{to{transform:scale(1.045) translateY(-.5%)}}@keyframes hint-bob{to{transform:translate(-50%,calc(-50% - 7px))}}@keyframes zone-card{0%{opacity:0;transform:translate(-50%,-20px)}14%,72%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}@keyframes action-ready{to{filter:drop-shadow(0 0 14px rgba(255,201,103,.82)) brightness(1.08)}}@keyframes puzzle-in{0%{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:none}}@keyframes card-in{0%{opacity:0;transform:translateY(26px) scale(.94) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes story-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes photo-shine{to{transform:translate(120%)}}@keyframes heartbeat{0%,to{transform:scale(1)}12%{transform:scale(1.15)}24%{transform:scale(1)}38%{transform:scale(1.1)}}@keyframes confetti-fall{to{transform:translateY(120vh) rotate(720deg)}}@keyframes sequence-flash{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@media(min-width:760px)and (pointer:fine){.game-screen{padding:.55rem 0}.hud{padding-top:.35rem}.game-frame{flex:0 1 700px;width:500px;border:1px solid rgba(255,255,255,.15);border-radius:11px 11px 0 0}.controls{width:500px;height:106px;border-radius:0 0 12px 12px;padding-inline:1.2rem}.joystick{width:76px;height:76px}.joystick-knob{width:38px;height:38px}.action-button{width:70px;height:70px}.keyboard-help{display:block}.quest-card{display:none}.intro-content{padding-bottom:2rem}}@media(max-width:350px){.hud{gap:.35rem;padding-inline:.45rem}.progress-card{padding-inline:.45rem}.zone-status{padding-inline:.35rem}.controls{padding-inline:.55rem}.joystick{width:78px;height:78px}.action-button{width:70px;height:70px}.quest-card span{display:none}.album-grid{grid-template-columns:repeat(2,1fr)}}@media(max-height:680px){.hud{padding-block:.3rem}.hud-card,.icon-button{min-height:38px;height:38px}.game-frame{min-height:260px}.controls{height:94px}.joystick{width:72px;height:72px}.joystick-knob{width:36px;height:36px}.action-button{width:66px;height:66px}.intro-content{padding-bottom:.6rem}.intro-copy{margin-block:.55rem}.tiny-note{display:none}.memory-card{max-height:97dvh}.polaroid{aspect-ratio:5/5.7}.together-heroes{height:105px}.together-heroes img{width:90px;height:100px}.story-heading .eyebrow{font-size:.48rem}.story-heading h2{font-size:1.15rem}.story-bubble{min-height:82px}.story-bubble p{font-size:.76rem}.story-controls{padding-top:.55rem}.story-controls .pixel-button{min-height:43px}}@media(max-width:520px){.story-card{padding:.55rem}.story-heading{padding-inline:.1rem}.story-heading h2{font-size:1.35rem}.story-panel{aspect-ratio:3/2}.story-bubble{min-height:98px;padding:.62rem .68rem}.story-controls{padding-top:.65rem}.story-controls .pixel-button{min-width:65%;font-size:.65rem;padding-inline:.7rem}}@media(orientation:landscape)and (max-height:520px){.screen.game-screen.is-active{display:grid;grid-template-columns:minmax(104px,155px) minmax(260px,520px) minmax(104px,165px);grid-template-rows:1fr;justify-content:center;padding:0}.hud{width:100%;height:100%;grid-template-columns:1fr;align-content:center;padding:.65rem}.game-frame{width:100%;height:100%;min-height:0;border-block:0;border-inline:1px solid rgba(255,255,255,.13)}.controls{width:100%;height:100%;flex-direction:column;justify-content:center;padding:.65rem}.zone-status{width:100%}.quest-card,.keyboard-help{display:none}.joystick{width:76px;height:76px}.action-button{width:70px;height:70px}.story-card{display:grid;width:min(96vw,900px);grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);grid-template-rows:auto 1fr auto;gap:0 .7rem;padding:.5rem}.story-heading{grid-column:2;padding:.15rem 0}.story-heading .eyebrow{font-size:.5rem}.story-heading h2{font-size:1.22rem}.story-heading .text-button{position:absolute;top:.3rem;right:.6rem}.story-panel{grid-row:1/4;aspect-ratio:3/2;align-self:center}.story-bubble{min-height:76px}.story-controls{grid-column:2;align-self:end;flex-direction:column;align-items:stretch}.story-controls .pixel-button{width:100%;min-width:0;min-height:42px}.story-progress{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}