@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--bg: #0c0515;--gb-white: #f8f8f8;--gb-light: #e0f8cf;--gb-mid: #9bbc0f;--gb-dark: #306230;--gb-black: #0f0f0f;--gb-hp-high: #58d068;--gb-hp-mid: #f8d030;--gb-hp-low: #f85858;--gb-text: #0f0f0f;--gb-text-dim: #306230;--gb-border-light: #f0f0f0;--gb-border-mid: #808080;--gb-border-dark: #404040;--neon-purple: #d56bff;--neon-purple-bright: #f0a6ff;--neon-purple-glow: #9d27d4;--guide-bar-track: #291f3b;--guide-bar-fill: #f0a6ff;--guide-bar-fill-glow: 0 0 4px rgba(240, 166, 255, .85), 0 0 10px rgba(240, 166, 255, .4);--app-header-edge-space: 40px}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;background:var(--bg)}#root{margin:0;height:100%;height:100dvh;padding:var(--app-header-edge-space) 0;overflow:hidden;background:var(--bg)}body{background:var(--bg);color:var(--gb-light);font-family:"Press Start 2P",monospace}.app-shell{position:relative;width:100%;max-width:600px;height:100%;margin:0 auto;padding:0 .75rem;display:flex;flex-direction:column;gap:.55rem;overflow:hidden}.app-header{flex-shrink:0;text-align:center;padding:0}.app-title{margin:0;font-size:clamp(.72rem,3.2vw,.9rem);line-height:1.6;letter-spacing:.06em;color:var(--neon-purple-bright);text-shadow:0 0 2px var(--neon-purple-bright),0 0 6px var(--neon-purple),0 0 12px rgba(157,39,212,.35);animation:title-neon-flicker 4s ease-in-out infinite}@keyframes title-neon-flicker{0%,to{text-shadow:0 0 2px var(--neon-purple-bright),0 0 6px var(--neon-purple),0 0 12px rgba(157,39,212,.35)}50%{text-shadow:0 0 3px rgba(255,255,255,.85),0 0 8px var(--neon-purple-bright),0 0 14px rgba(157,39,212,.45)}}.app-shell--loading{gap:0}.app-loading{flex:1;display:grid;place-items:center;min-height:0}.app-loading-dots{display:flex;align-items:center;gap:.2rem;font-size:clamp(1.1rem,5vw,1.45rem);line-height:1;color:var(--neon-purple-bright)}.app-loading-dot{opacity:.2;animation:loading-dot-pulse 1.5s ease-in-out infinite}.app-loading-dot:nth-child(2){animation-delay:.5s}.app-loading-dot:nth-child(3){animation-delay:1s}@keyframes loading-dot-pulse{0%,to{opacity:.2;transform:scale(1);text-shadow:none}33%{opacity:1;transform:scale(1.2);text-shadow:0 0 4px var(--neon-purple-bright),0 0 10px rgba(157,39,212,.55)}66%{opacity:.2;transform:scale(1);text-shadow:none}}.action-toolbar{position:relative;display:flex;flex-direction:column;align-items:center;gap:.45rem;width:100%;padding:var(--app-header-edge-space) 0 0}.gb-button{margin:0;padding:.55rem .5rem;background:var(--gb-white);color:var(--gb-text);border:4px solid var(--gb-border-mid);box-shadow:inset 2px 2px 0 var(--gb-border-light),inset -2px -2px 0 var(--gb-border-dark),0 0 0 2px var(--gb-black),3px 3px #00000059;font:inherit;font-size:clamp(.34rem,1.5vw,.44rem);line-height:1.5;cursor:pointer;text-decoration:none;display:inline-block;box-sizing:border-box}.gb-button-arrow{white-space:nowrap}.gb-button:focus-visible{outline:2px solid var(--gb-mid);outline-offset:2px}.action-toolbar-instructions{width:auto;padding:.55rem 12px;text-align:center;background:transparent;color:#f0a6ff;border:2px solid #f0a6ff;box-shadow:none}.action-toolbar-instructions:focus-visible{outline:2px solid #f0a6ff;outline-offset:2px}.app-main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-area{display:inline-flex;flex-direction:column;align-items:stretch;gap:0;max-width:100%;max-height:100%;min-height:0}.gb-dialog{flex-shrink:0;padding:.75rem .85rem;background:var(--gb-white);color:var(--gb-text);border:4px solid var(--gb-border-mid);box-shadow:inset 2px 2px 0 var(--gb-border-light),inset -2px -2px 0 var(--gb-border-dark),0 0 0 2px var(--gb-black),4px 4px #00000059}.hp-stats{flex-shrink:0;display:flex;flex-direction:column;gap:.35rem;width:100%;margin:0}.hp-stats--updated .hp-stats-label{color:var(--guide-bar-fill)}.hp-stats--updated .hp-stats-bar-fill{filter:brightness(1.15)}.hp-stats-labels{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:clamp(.42rem,1.85vw,.52rem);line-height:1.5}.hp-stats-label{color:var(--gb-light);white-space:nowrap}.hp-stats-bar{width:100%;height:6px;background:var(--guide-bar-track);overflow:visible}.hp-stats-bar-fill{height:100%;min-width:0;background:var(--guide-bar-fill);box-shadow:var(--guide-bar-fill-glow);transition:width .25s steps(8)}.gb-dialog-text{margin:0;font-size:clamp(.46rem,2vw,.56rem);line-height:1.9}.instructions-panel{padding:.75rem .85rem .8rem}.instructions-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem}.instructions-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:none;background:#0c0515b8;cursor:pointer}.instructions-popout{position:relative;z-index:1;width:min(100%,360px);max-height:min(70dvh,420px);overflow:auto;padding:.75rem .85rem .8rem;text-align:left}.instructions-popout-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.7rem;text-align:left}.instructions-close{flex-shrink:0;margin:0;padding:.15rem .35rem;background:var(--gb-white);color:var(--gb-text);border:2px solid var(--gb-border-mid);font:inherit;font-size:.45rem;line-height:1;cursor:pointer}.instructions-title{margin:0;font-size:clamp(.5rem,2.2vw,.62rem);font-weight:700;line-height:1.6;text-align:left}.instructions-intro{margin:0 0 1rem;font-size:clamp(.42rem,1.85vw,.52rem);line-height:1.7;color:#404040;text-align:left}.instructions-section-title{margin:1.1rem 0 .85rem;font-size:clamp(.5rem,2.2vw,.62rem);font-weight:700;line-height:1.6;text-align:left}.instructions-list{margin:0;padding:0;list-style:none;display:grid;gap:.85rem;text-align:left}.instructions-item{display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:start;font-size:clamp(.42rem,1.85vw,.52rem);line-height:1.7;text-align:left}.instructions-bullet{display:block;margin-top:.02rem;color:var(--gb-text);font-size:.5rem;line-height:1.7}.instructions-text{display:block;text-align:left}.instructions-heading{display:block}.instructions-action{display:block;margin-top:.2rem}.instructions-xp{color:#2d8a3e}.action-stage{position:relative;flex:0 1 auto;min-height:0;width:100%;margin:0;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.action-scene-wrap{position:relative;display:inline-block;max-width:100%;max-height:100%;overflow:hidden;line-height:0}.action-scene-sizing{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;image-rendering:pixelated;image-rendering:crisp-edges}.action-scene-wrap--video-playing .action-scene{visibility:hidden}.xp-flash-overlay{position:fixed;z-index:99999;pointer-events:none;transform:translate(-50%,-50%);font-family:"Press Start 2P",monospace;font-size:clamp(1.2rem,6vw,2rem);line-height:1;color:#2d8a3e;-webkit-text-stroke:1px rgba(0,0,0,.35);text-shadow:2px 2px 0 rgba(0,0,0,.95),-1px -1px 0 rgba(255,255,255,.35);animation:xp-flash-rise 1.2s ease-out forwards}@keyframes xp-flash-rise{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) translateY(16px)}20%{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.08) translateY(-10px)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5) translateY(-36px)}}.media-preload{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.action-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;pointer-events:none;visibility:hidden;z-index:2}.action-video--visible{visibility:visible}.action-scene{position:absolute;left:0;right:0;bottom:0;z-index:1;display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:0 auto;border:none;outline:none;box-shadow:none;object-fit:contain;object-position:bottom center;image-rendering:pixelated;image-rendering:crisp-edges}.action-hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.action-hotspot{position:absolute;margin:0;padding:0;border:none;background:transparent;cursor:pointer}.action-hotspot:focus-visible{outline:2px solid var(--gb-mid);outline-offset:2px}.action-hotspot--noodles{left:15%;bottom:2.6%;width:14%;height:10%}.action-hotspot--girl{left:38%;top:67.5%;width:24%;height:16.7%}.action-hotspot--computer{left:38%;top:83.7%;width:24%;height:14%}.action-hotspot--cat{left:68.8%;top:88.8%;width:18%;height:9.2%}.action-hint-arrows{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.action-hint-arrow{position:absolute;display:flex;flex-direction:column;align-items:center;gap:0;color:#fff;line-height:.72;text-shadow:0 0 6px rgba(255,255,255,.85),2px 2px 0 rgba(0,0,0,.95);animation:hint-arrow-bob 2.6s ease-in-out infinite}.action-hint-arrow-glyph{font-size:clamp(.46rem,2vw,.58rem)}.action-hint-arrow--noodles{left:22%;bottom:12%;transform:translate(-50%);animation-name:hint-arrow-bob-centered}.action-hint-arrow--girl{left:50%;top:63.3%;transform:translate(-50%);animation-name:hint-arrow-bob-centered}.action-hint-arrow--cat{left:78%;top:84.4%;transform:translate(-50%);animation-name:hint-arrow-bob-centered}.action-hint-arrow--computer{left:50%;top:84.4%;transform:translate(-50%);animation-name:hint-arrow-bob-centered}@keyframes hint-arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes hint-arrow-bob-centered{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.computer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem}.computer-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:none;background:#0c0515b8;cursor:pointer}.computer-overlay-frame{position:relative;z-index:1;width:min(100%,600px);max-height:min(100%,calc(100dvh - 2rem));padding:0;line-height:0;overflow:hidden;border-radius:20px}.computer-overlay-frame.gb-dialog{background:transparent}.computer-overlay-image{display:block;width:100%;height:auto;max-height:min(calc(100dvh - 2rem),100%);object-fit:contain;object-position:center;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges}.computer-overlay-hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:20px}.computer-guide-video-shell{position:absolute;z-index:2;overflow:hidden}.computer-guide-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#000;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges}.computer-guide-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.computer-guide-control{position:absolute;margin:0;pointer-events:auto}.computer-guide-control--progress{left:4%;right:10%;bottom:3%;height:16px;display:flex;align-items:center}.computer-guide-control--volume{top:8%;right:1.5%;bottom:12%;width:18px}.computer-guide-volume-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.computer-guide-progress,.computer-guide-volume{width:100%;height:6px;margin:0;padding:0;border:none;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.computer-guide-volume{width:6px;height:100%;writing-mode:vertical-lr;direction:rtl}.computer-guide-progress::-webkit-slider-runnable-track,.computer-guide-volume::-webkit-slider-runnable-track{border:none;box-shadow:none}.computer-guide-progress::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,var(--guide-bar-fill) 0%,var(--guide-bar-fill) calc(var(--guide-slider-fill, 0) * 100%),var(--guide-bar-track) calc(var(--guide-slider-fill, 0) * 100%),var(--guide-bar-track) 100%)}.computer-guide-volume::-webkit-slider-runnable-track{width:6px;height:100%;background:linear-gradient(to top,var(--guide-bar-fill) 0%,var(--guide-bar-fill) calc(var(--guide-slider-fill, 0) * 100%),var(--guide-bar-track) calc(var(--guide-slider-fill, 0) * 100%),var(--guide-bar-track) 100%)}.computer-guide-progress::-webkit-slider-thumb,.computer-guide-volume::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:12px;margin-top:-5px;background:var(--guide-bar-fill);border:2px solid var(--gb-dark);border-radius:0;box-shadow:none}.computer-guide-volume::-webkit-slider-thumb{margin-top:0;margin-left:-2px}.computer-guide-progress::-moz-range-track,.computer-guide-volume::-moz-range-track{border:none;box-shadow:none;background:var(--guide-bar-track)}.computer-guide-progress::-moz-range-track{height:6px}.computer-guide-volume::-moz-range-track{width:6px;height:100%}.computer-guide-progress::-moz-range-progress{height:6px;background:var(--guide-bar-fill);box-shadow:var(--guide-bar-fill-glow)}.computer-guide-volume::-moz-range-progress{width:6px;background:var(--guide-bar-fill);box-shadow:var(--guide-bar-fill-glow)}.computer-guide-progress::-moz-range-thumb,.computer-guide-volume::-moz-range-thumb{width:10px;height:12px;border:2px solid var(--gb-dark);border-radius:0;background:var(--guide-bar-fill);box-shadow:none}.computer-guide-progress:focus-visible,.computer-guide-volume:focus-visible{outline:2px solid var(--gb-mid);outline-offset:2px}.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}.computer-hotspot{position:absolute;margin:0;padding:0;border:none;background:transparent;cursor:pointer;pointer-events:auto}.computer-hotspot:focus-visible{outline:2px solid var(--gb-mid);outline-offset:2px}.mari-action-menu{--mari-arc-center-x: 50%;--mari-arc-center-y: 78%;--mari-arc-radius: 12vmin;--mari-arc-start: -57deg;--mari-arc-step: 38deg;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mari-action-dot{position:absolute;display:flex;align-items:center;justify-content:center;width:10%;aspect-ratio:1 / 1;left:var(--mari-arc-center-x);top:var(--mari-arc-center-y);margin:0;padding:0;background:var(--gb-white);border:4px solid var(--gb-border-mid);border-radius:999px;box-shadow:inset 1px 1px 0 var(--gb-border-light),inset -1px -1px 0 var(--gb-border-dark);cursor:pointer;pointer-events:auto;color:var(--gb-black);transform-origin:center center;transform:translate(-50%,-50%) rotate(var(--mari-arc-angle)) translateY(calc(-1 * var(--mari-arc-radius))) rotate(calc(-1 * var(--mari-arc-angle)))}.mari-action-dot:focus-visible{outline:2px solid var(--gb-mid);outline-offset:2px}.mari-action-icon{width:auto;height:auto;max-width:68%;max-height:68%;object-fit:contain;display:block;pointer-events:none;image-rendering:auto}.mari-action-dot--meditate{--mari-arc-angle: var(--mari-arc-start)}.mari-action-dot--meditate .mari-action-icon{max-width:48%;max-height:48%}.mari-action-dot--exercise{--mari-arc-angle: calc(var(--mari-arc-start) + var(--mari-arc-step))}.mari-action-dot--stretch{--mari-arc-angle: calc(var(--mari-arc-start) + 2 * var(--mari-arc-step))}.mari-action-dot--stretch .mari-action-icon{max-width:58%;max-height:58%}.mari-action-dot--socialize{--mari-arc-angle: calc(var(--mari-arc-start) + 3 * var(--mari-arc-step))}.mari-action-dot--socialize .mari-action-icon{max-width:62%;max-height:62%}