:root{color-scheme:dark;--ink:#faf7ff;--muted:#c7c4d5;--pink:#ff91b9;--violet:#ae91ff;--glass:rgba(14,16,39,.76);--line:rgba(255,255,255,.16);--good:#b8ffd8;--bad:#ffc0cf}*{box-sizing:border-box}html{min-height:100%;background:#070817;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:3px solid #fff;outline-offset:3px}#bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 72% 18%,#38295c 0,transparent 34%),radial-gradient(circle at 15% 85%,#251f52 0,transparent 38%),#070817}.bg-layer{position:absolute;inset:-2%;opacity:0;background-position:center;background-size:cover;transition:opacity 1s ease}.bg-layer.active{opacity:1}.bg-layer video{width:100%;height:100%;object-fit:cover}.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,18,.48),rgba(4,5,18,.82))}.stars{position:absolute;inset:0;opacity:.7;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#d5c4ff 1px,transparent 1px);background-position:0 0,31px 42px;background-size:73px 73px,97px 97px;animation:drift 30s linear infinite}.top{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.7rem max(1rem,env(safe-area-inset-left));background:linear-gradient(#08091bea,transparent)}.brand{color:#fff;text-decoration:none;font-family:Georgia,serif;font-size:1.35rem}.brand span{color:var(--pink)}.music{display:flex;align-items:center;gap:.5rem}.music button,.quiet,.dpad button{min-height:44px;border:1px solid var(--line);border-radius:999px;background:#141630cc;color:#fff;padding:.55rem .85rem}.music label{position:absolute;clip:rect(0 0 0 0)}.music input{width:72px;accent-color:var(--pink)}#journey{position:fixed;z-index:15;left:0;right:0;top:3.9rem;padding:0 1rem;pointer-events:none}#steps{display:flex;justify-content:center;gap:.38rem;margin:0;padding:0;list-style:none}#steps li{width:1.7rem;height:.3rem;border-radius:1rem;background:#ffffff2d}#steps li.done{background:var(--pink);box-shadow:0 0 12px #ff91b9}#steps li.current{background:#fff}.tray{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:.5rem auto;color:var(--muted);font-size:.75rem}.tray #symbols{font-size:1.1rem;letter-spacing:.3rem}main{min-height:100vh}.stage{display:none;min-height:100vh;padding:8.2rem 1rem 4rem;place-items:center}.stage.active{display:grid;animation:appear .65s ease}.card{width:min(100%,620px);padding:clamp(1.35rem,5vw,2.8rem);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,var(--glass),rgba(13,14,33,.55));box-shadow:0 25px 80px #0008,inset 0 1px #ffffff17;backdrop-filter:blur(14px);text-align:center}.card.wide{width:min(100%,760px)}h1,h2{margin:.2rem 0 1rem;font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.1}h1{font-size:clamp(2.5rem,11vw,5.2rem)}h1 em{color:#ffd2e2;font-size:.62em}h2{font-size:clamp(2rem,8vw,3.5rem)}p{color:var(--muted)}.eyebrow,.count{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#f5b9d0}.envelope{margin:auto;width:74px;height:52px;border:1px solid #ffc2d9;border-radius:5px;display:grid;place-items:center;color:var(--pink);font-size:1.4rem;transform:rotate(-3deg);animation:float 3s ease-in-out infinite}.primary{min-height:52px;border:0;border-radius:999px;padding:.8rem 1.25rem;color:#160b22;font-weight:750;background:linear-gradient(100deg,#ffd2e2,#beaaff);box-shadow:0 8px 26px #bd74ac45}.clue,.emoji{margin:1rem 0;padding:1.2rem;border:1px solid var(--line);border-radius:18px;background:#090a1e99;letter-spacing:.16em;font:700 clamp(1.25rem,6vw,2rem)/1.2 ui-monospace,monospace}.emoji{font-size:clamp(2.5rem,14vw,5rem);letter-spacing:.2rem}.answer-form{display:grid;gap:.65rem;text-align:left;margin:1.3rem 0}.answer-form input{width:100%;min-height:52px;border:1px solid #ffffff35;border-radius:13px;background:#08091dcf;color:#fff;padding:.7rem 1rem}.answer-form .primary{margin-top:.35rem}.status{min-height:1.6em;color:#fff}.status.success{color:var(--good)}.status.error{color:var(--bad)}.star-field{position:relative;min-height:330px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 55% 40%,#392f6855,transparent 45%),#06071966}.star-button{position:absolute;width:48px;height:48px;border:0;background:transparent;color:#fff;font-size:clamp(1.3rem,6vw,2rem);text-shadow:0 0 12px #fff;transition:transform .2s}.star-button.wrong{color:var(--pink);transform:scale(.78)}.star-button.found{color:#fff2a8;transform:scale(1.5);text-shadow:0 0 22px #fff3a0}.heart-grid{display:grid;grid-template-columns:repeat(2,minmax(88px,130px));justify-content:center;gap:1rem;margin:1.4rem}.heart{aspect-ratio:1;border:1px solid #ffffff32;border-radius:24px;background:#151633aa;color:#ff8eb7;font-size:2.6rem}.heart.lit{background:#a84e7e;color:#fff;box-shadow:0 0 28px #ff8eb788;transform:scale(1.04)}.maze{--size:7;display:grid;grid-template-columns:repeat(var(--size),1fr);width:min(100%,430px);aspect-ratio:1;margin:1rem auto;border:2px solid #ffffff3d;background:#08091dc4;touch-action:none}.cell{position:relative;border:1px solid #ffffff0b}.cell.wall{background:#a896e122;border-color:#d6cbff22}.token,.goal{position:absolute;inset:8%;display:grid;place-items:center;border-radius:50%;font-size:clamp(.85rem,6vw,1.6rem);filter:drop-shadow(0 0 8px #ff7fac)}.token:after,.goal:after{position:absolute;top:70%;font-size:.48rem;color:#fff}.token:after{content:"Yours"}.goal:after{content:"Mine"}.maze.bump{box-shadow:0 0 0 3px #ff7fa855}.dpad{display:grid;grid-template-columns:repeat(4,52px);gap:.45rem;justify-content:center}.dpad button{font-size:1.3rem;padding:0}.final-symbols{font-size:clamp(1.6rem,8vw,2.8rem);letter-spacing:.35rem;margin:1rem}.meter{height:8px;border-radius:8px;background:#ffffff20;overflow:hidden}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--violet));transition:width .45s}.final-card img{display:block;width:min(100%,360px);aspect-ratio:4/5;object-fit:cover;margin:1.2rem auto;border-radius:22px;border:1px solid var(--line)}.letter{text-align:left;white-space:pre-line;margin:2rem auto;max-width:52ch;color:#eee6f3;font-family:Georgia,serif;font-size:1.08rem}.text-button{border:0;background:transparent;color:#aaa}footer{position:fixed;z-index:14;bottom:.4rem;right:.5rem}@keyframes appear{from{opacity:0;transform:translateY(9px)}}@keyframes float{50%{transform:rotate(2deg) translateY(-7px)}}@keyframes drift{to{transform:translateY(73px)}}@media(min-width:800px){#journey{top:1.7rem;left:50%;right:auto;transform:translateX(-50%);width:420px}.stage{padding-top:6rem}.music input{width:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.stars{animation:none}.stage.active{animation:none}}