@font-face{font-family:LittlePixel;src:url('./little-pixel.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090710;color:#f9e6ef;font-family:ui-monospace,'SFMono-Regular',Consolas,monospace;font-size:14px}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid #93f2dc;outline-offset:5px}button:disabled{cursor:default}button{touch-action:manipulation}button[hidden],[hidden]{display:none!important}#world{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;background:#090710}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#090710b0 0%,transparent 23%,transparent 80%,#090710da 100%)}.topbar{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:max(22px,env(safe-area-inset-top)) max(23px,env(safe-area-inset-right)) 0 max(23px,env(safe-area-inset-left));z-index:2}.brand{border:0;background:none;display:flex;flex-direction:column;gap:9px;text-align:left;padding:3px 0}.wordmark{font-family:LittlePixel,monospace;font-size:16px;letter-spacing:3px;color:#f6d5e9}.brand #dateLabel{font-size:9px;letter-spacing:2px;color:#bf90ba}.top-actions{display:flex;gap:7px;align-items:center}.countdown{font-size:10px;color:#cfb6d5;letter-spacing:.5px;margin-right:9px}.icon-button{width:40px;height:40px;background:#160e2080;border:1px solid #ca8fc12c;border-radius:50%;font-size:21px;color:#cfadd3}.icon-button[aria-pressed=true]{color:#9ee7d7;border-color:#9ee7d75e}.preview-label{position:absolute;z-index:3;top:90px;left:50%;transform:translateX(-50%);padding:6px 10px;font-size:9px;letter-spacing:1px;background:#160f20cf;border:1px solid #79617b80;white-space:nowrap}.welcome{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;padding-top:max(125px,15dvh);pointer-events:none;text-align:center;background:linear-gradient(#0907105c,transparent 38%,transparent 76%,#090710ad)}.eyebrow{font-size:9px;letter-spacing:2.3px;line-height:1.8;color:#c291bb;margin:0 0 18px}.welcome h1{font-family:LittlePixel,monospace;font-weight:400;font-size:clamp(39px,10vw,65px);letter-spacing:1px;line-height:1.2;margin:0;text-shadow:3px 3px 0 #3e1d49}.title-dot{color:#ec75bc}.welcome-sub{color:#cfa3c5;font-size:11px;letter-spacing:1px;margin:18px 0 0}.enter-button{position:absolute;bottom:max(108px,13dvh);min-width:195px;padding:16px 25px;border:1px solid #e3b2d5;background:#1a0e25d9;border-radius:2px;pointer-events:auto;box-shadow:4px 4px 0 #08060d;font-size:12px;letter-spacing:1px}.enter-button span{margin-left:16px;color:#f39dcc}.enter-button:hover{background:#39203e}.sound-note{position:absolute;bottom:max(63px,7dvh);font-size:9px;letter-spacing:.3px;color:#c6a6bd}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;width:48px;height:48px;transform:translate(-50%,-50%);border:0;background:transparent;pointer-events:auto;display:grid;place-items:center;padding:0}.hotspot .spark{width:7px;height:7px;background:#f8d3ef;box-shadow:0 0 0 3px #ca72c84d,0 0 14px #e985c8;transform:rotate(45deg);opacity:.65;animation:glimmer 4s ease-in-out infinite}.hotspot.found .spark{background:#90dfcc;box-shadow:0 0 0 2px #90dfcc20;opacity:.25;width:5px;height:5px;animation:none}.hotspot-label{position:absolute;bottom:45px;white-space:nowrap;background:#140e20ed;border:1px solid #805074;padding:7px 9px;font-size:10px;opacity:0;transform:translateY(3px);transition:.2s;pointer-events:none;max-width:260px}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label,.hotspots.show-hints .hotspot-label{opacity:1;transform:translateY(0)}.hotspots.show-hints .hotspot .spark{opacity:1}.scene-footer{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:18px;right:18px;text-align:center;pointer-events:none}.scene-footer p{font-size:10px;letter-spacing:.4px;color:#bd9cb8;margin:0 0 14px}.scene-footer #progressButton{display:inline-flex;align-items:center;gap:13px;pointer-events:auto;background:#120d1ace;border:1px solid #65435d80;border-radius:30px;padding:11px 15px}.progress-dots{display:flex;gap:10px}.progress-dots i{display:block;width:5px;height:5px;transform:rotate(45deg);border:1px solid #b286aa}.progress-dots i.collected{background:#90dfcc;border-color:#90dfcc;box-shadow:0 0 6px #90dfcc88}#progressText{font-size:9px;color:#bfa9c1}.scene-footer .next-chapter{font-size:9px;margin:12px 0 0;color:#ba9ebc}.toast{position:absolute;bottom:155px;left:50%;transform:translate(-50%,12px);max-width:90%;width:max-content;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;border:1px solid #8d5778;background:#180f23f0;padding:12px 16px;text-align:center;font-size:11px;z-index:7}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{color:#f9e6ef;background:#120e1e;border:1px solid #7d4f736b;border-radius:5px;width:calc(100% - 32px);max-width:440px;padding:35px 26px 25px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#08050ddd;backdrop-filter:blur(7px)}.close-button{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:40px;height:40px;font-size:26px;font-family:monospace;background:transparent;border:0;color:#bb99b9}h2{font-family:LittlePixel,monospace;font-weight:400;font-size:24px;line-height:1.5;color:#f5cfe6;letter-spacing:1px;margin:0 0 12px}dialog .eyebrow{margin-bottom:10px;font-size:8px;color:#a884ab}.intro-text{font-size:12px;line-height:1.8;color:#bb9fbe;margin:0 0 24px;max-width:330px}.small-note{font-size:10px;line-height:1.8;color:#b093b6;margin:20px 0 0}.game-status{min-height:22px;font-size:11px;color:#a8d5d0;line-height:1.7;margin:18px 0 0}.primary-button{border:1px solid #c28fb6;background:#4e294c;color:#fae6f2;padding:13px 18px;border-radius:2px;min-height:44px;font-size:11px;letter-spacing:.5px}.primary-button:disabled{opacity:.35}.secondary-button,.text-button{background:transparent;border:0;border-bottom:1px solid #85627f;color:#cba8c7;padding:10px 0 6px;min-height:40px;font-size:10px}.game-actions{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:20px}.game-finish{margin-top:25px;padding-top:18px;border-top:1px solid #79637a33;display:flex;align-items:center;justify-content:space-between;gap:12px}.game-finish span{color:#a8dfcb;font-size:10px}.game-finish .primary-button{background:#213e38;border-color:#79bbaa;color:#c7f2e6}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memory-card{aspect-ratio:1;border:1px solid #5c3b65;background:#22162f;border-radius:3px;display:grid;place-items:center;font-size:28px;color:#f0aed2;transition:background .2s,transform .2s}.memory-card .symbol{visibility:hidden}.memory-card:after{content:'✦';position:absolute;font-size:12px;color:#9b6caa}.memory-card.revealed{background:#452241;border-color:#e5a0ca;transform:translateY(-2px)}.memory-card.revealed .symbol,.memory-card.matched .symbol{visibility:visible}.memory-card.revealed:after,.memory-card.matched:after{display:none}.memory-card.matched{background:#15302e;border-color:#46716b;color:#9de5cf}.pixel-icon{width:28px;height:28px;image-rendering:pixelated}.radio-display{border:1px solid #655278;background:#080d19;padding:25px 20px;text-align:center;box-shadow:inset 0 0 30px #63cbbb0a}.frequency{font-family:LittlePixel,monospace;font-size:38px;letter-spacing:4px;color:#a7e5dd}.mhz{font-size:9px;color:#7b999f;letter-spacing:4px}.signal-meter{height:26px;display:flex;justify-content:center;align-items:end;gap:5px;margin:22px 0 12px}.signal-meter i{width:7px;background:#29474e;transition:background .2s}.signal-meter i.lit{background:#a9e0cf;box-shadow:0 0 7px #7af8cb33}.radio-range{width:100%;margin:24px 0 5px;accent-color:#e59cc5;min-height:44px}.radio-labels{display:flex;justify-content:space-between;color:#8f7c9d;font-size:9px}.constellation{position:relative;aspect-ratio:1;background:radial-gradient(ellipse at center,#2a1748,#0c0b1a 74%);border:1px solid #382b50;overflow:hidden}.constellation svg{position:absolute;inset:0;width:100%;height:100%}.star-button{position:absolute;width:42px;height:42px;transform:translate(-50%,-50%);background:none;border:0;color:#a389c9;font-size:24px;padding:0}.star-button span{font-size:9px;position:absolute;top:4px;right:3px;color:#bba8c9}.star-button.connected{color:#f7cbe7;text-shadow:0 0 18px #ef89d2}.star-button.next-star{color:#fcdeec;animation:glimmer 2s infinite}.window-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;background:#0a0913;border:1px solid #33203b}.light-tile{height:70px;background:#21172f;border:4px solid #34263e;box-shadow:inset 0 0 0 2px #100e1b;border-radius:0;transition:background .3s,box-shadow .3s}.light-tile.lit{background:#f1ad9e;border-color:#8b626d;box-shadow:0 0 18px #ed8fae44,inset 0 0 0 2px #f6c5ac}.light-tile.hint{outline:2px solid #8ce5e0;outline-offset:4px}.pipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#080d19;border:1px solid #30283f;padding:12px}.pipe-tile{aspect-ratio:1;background:#191528;border:1px solid #352741;padding:0;position:relative}.pipe-tile svg{width:100%;height:100%}.pipe-tile.powered{background:#183331;border-color:#619589}.pipe-ends{display:flex;justify-content:space-between;color:#8bdacb;font-size:9px;margin:12px 0}.echo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:290px;margin:10px auto 0}.echo-pad{aspect-ratio:1;border:1px solid var(--pad);background:color-mix(in srgb,var(--pad) 9%,#130d20);border-radius:3px;font-family:LittlePixel;font-size:26px;color:var(--pad);transition:background .12s,box-shadow .12s}.echo-pad.flashing{background:var(--pad);color:#120e1e;box-shadow:0 0 35px color-mix(in srgb,var(--pad) 35%,transparent)}.letter-paper{position:relative;padding:35px 22px;background:#e8d6d2;color:#443344;margin:28px 0 10px;box-shadow:4px 5px 0 #020205;line-height:2;font-size:13px;transform:rotate(-1deg)}.letter-paper:before{content:'✧';position:absolute;top:10px;right:16px;color:#a46086;font-size:23px}.letter-paper p{margin:0 0 20px}.letter-paper p:last-child{margin:0;text-align:right;color:#915574}.calendar-days{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:23px}.calendar-day{border:1px solid #45334e;background:#1c1427;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative}.calendar-day b{font-family:LittlePixel;font-size:18px;font-weight:400}.calendar-day small{font-size:7px;color:#a58aab;letter-spacing:.4px}.calendar-day.current{border-color:#e1a7ce;background:#4c274a}.calendar-day.locked{opacity:.42}.calendar-day.meeting{border-color:#73a89d;color:#b2e3d0}.calendar-dialog h2{font-size:23px}.calendar-dialog #previewButton{margin-top:14px}.collection-row{display:flex;align-items:center;gap:14px;margin-top:12px;padding:12px 0;border-top:1px solid #8c638330}.collection-row .collection-symbol{font-size:23px;color:#9de2cf}.collection-row b{display:block;font-weight:400;font-size:12px;color:#dbc0da}.collection-row small{font-size:10px;color:#a88dad}.fallback{position:absolute;inset:0;display:grid;place-items:center;padding:35px;text-align:center;background:#150e20;line-height:1.9}.completion-scene{position:absolute;inset:0;pointer-events:none;z-index:4;animation:fadein 1s}.completion-pixel{position:absolute;width:4px;height:4px;background:#eab2d4;animation:drift 3.2s ease-out forwards}@keyframes glimmer{0%,100%{opacity:.35}50%{opacity:.9}}@keyframes drift{from{transform:translateY(0);opacity:0}20%{opacity:.9}to{transform:translateY(-140px);opacity:0}}@keyframes fadein{from{opacity:0}to{opacity:1}}@media(min-width:750px){.topbar{padding:35px 42px}.welcome{padding-top:14dvh}.welcome h1{font-size:59px}.scene-footer{bottom:30px}.enter-button{bottom:14dvh}.sound-note{bottom:8dvh}dialog{padding:38px 32px 28px;max-width:455px}.hotspot .spark{width:6px;height:6px}.brand #dateLabel{font-size:10px}}@media(max-height:620px){.welcome{padding-top:98px}.welcome h1{font-size:36px}.welcome .eyebrow{margin-bottom:10px}.welcome-sub{margin-top:10px}.enter-button{bottom:65px;padding:12px 20px}.sound-note{bottom:30px}.scene-footer #sceneCaption{display:none}.scene-footer{bottom:15px}dialog{max-height:calc(100dvh - 20px)}.light-tile{height:52px}.intro-text{margin-bottom:15px}.topbar{padding-top:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.cat-maze{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:#120d21;border:2px solid #66506f;margin:20px auto;width:min(100%,315px)}.cat-maze .maze-cell{aspect-ratio:1;display:grid;place-items:center;background:#30203c;color:#e6adcf}.cat-maze .wall{background:#110c1a;box-shadow:inset 0 2px #614564}.cat-maze .door{border:2px solid #91d9d5;background:#1f343f}.cat-maze .pixel-icon{width:75%;height:75%}.cat-controls{display:grid;grid-template-columns:repeat(3,48px);gap:8px;justify-content:center;margin:16px 0}.cat-controls button{min-height:44px;background:#32203c;border:1px solid #795778;font-size:21px}.cat-controls button:first-child{grid-column:2}.cat-controls button:nth-child(2){grid-column:1}

.scene-still{position:absolute;inset:0;display:block;width:100%;height:100%;background:#090710}.scene-still img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}

.memory-card{position:relative}