@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{color:#f4f1e9;background:#10131f;font-family:Noto Sans SC,sans-serif;font-synthesis:none;--ink: #10131f;--paper: #f4f1e9;--yellow: #ffca6b;--pink: #ee718b;--mint: #63c7b8;--line: rgba(244, 241, 233, .17)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden}button{font:inherit}button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.cover-home{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:#343895;display:grid;place-items:center}.cover-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:translateY(0) scale(1);transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease}.cover-video.ended{transform:translateY(-8vh) scale(1.04);filter:saturate(1.04) contrast(1.02)}.cover-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,#fff0 0,#fff0 40%,#0f12221a 67%,#07091457),linear-gradient(to bottom,#0a0c193d,#0a0c1900 35%,#0a0c1933)}.cover-header{position:fixed;top:24px;left:clamp(18px,4vw,52px);right:clamp(18px,4vw,52px);z-index:5;display:flex;align-items:center;justify-content:space-between;color:#fff}.cover-action{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:18px;transform:translateY(18vh);opacity:0;pointer-events:none;transition:opacity .7s ease .25s,transform .7s cubic-bezier(.2,.8,.2,1) .25s}.cover-action.visible{opacity:1;transform:translateY(17vh);pointer-events:auto}.cover-status{min-height:22px;color:#ffffffd1;font-size:12px;letter-spacing:1px;text-shadow:0 2px 16px rgba(0,0,0,.35)}.play-game-button{min-width:218px;min-height:58px;border:0;background:#28c6cc;color:#112131;display:grid;align-items:center;justify-content:center;gap:3px;font:800 22px/1 Chakra Petch,sans-serif;letter-spacing:1.3px;cursor:pointer;border-radius:0;text-transform:uppercase;padding:8px 18px;box-shadow:8px 8px #1a1f5480,0 0 28px #28c6cc47}.play-game-button:hover{transform:translate(-2px,-2px);box-shadow:11px 11px #1a1f548c,0 0 34px #28c6cc6b}.play-game-button span{display:block}.play-game-button small{font:800 13px/1 Noto Sans SC,sans-serif;letter-spacing:2px}.mix-button{font-size:25px}.play-game-button.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.play-game-button.locked:hover{transform:none;box-shadow:8px 8px #1a1f5480,0 0 28px #28c6cc47}.page{min-height:100vh;padding:28px clamp(20px,5vw,76px) 64px;position:relative;overflow:hidden}.home{background:#10131f}.ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.17;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}.home-header,.subpage-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1380px;margin:0 auto}.header-actions{display:flex;gap:9px}.eyebrow,.tiny-label,.subpage-header span,.scene-label,.progress-copy span,.stage-info span{font:600 11px/1 Chakra Petch,sans-serif;letter-spacing:1.7px;text-transform:uppercase}.icon-button{width:42px;height:42px;border:1px solid var(--line);color:inherit;background:transparent;display:grid;place-items:center;cursor:pointer;border-radius:4px}.icon-button:hover,.icon-button.active{background:#ffca6b29;border-color:#ffca6bbf;color:var(--yellow)}.hero{position:relative;z-index:1;max-width:1380px;margin:clamp(55px,10vh,105px) auto 70px;display:grid;grid-template-columns:minmax(360px,.8fr) 1.2fr;gap:clamp(30px,6vw,100px);align-items:center}.status-row{color:#b8b6bc;font-size:12px;display:flex;align-items:center;gap:9px;margin-bottom:24px}.status-dot{width:8px;height:8px;background:var(--pink);box-shadow:0 0 0 5px #ee718b26}.status-dot.complete{background:var(--mint);box-shadow:0 0 0 5px #63c7b826}h1{font:700 clamp(58px,8vw,124px)/.82 "Chakra Petch",sans-serif;letter-spacing:0;margin:0}h1 span{color:var(--yellow)}.hero-copy p{color:#b8b6bc;line-height:1.8;max-width:440px;margin:30px 0}.primary-button{min-height:50px;border:0;background:var(--yellow);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border-radius:4px;font-weight:800;cursor:pointer;box-shadow:5px 5px #0000003b}.primary-button:hover{transform:translate(-1px,-1px);box-shadow:7px 7px #0000003b}.hero-scene{min-height:455px;background:#e7a660;position:relative;overflow:hidden;border:8px solid #252838;box-shadow:14px 14px #070910}.pixel-sun{position:absolute;width:90px;height:90px;right:12%;top:12%;background:#ffe0a0;box-shadow:0 0 0 16px #ffe0a024}.city-backdrop{position:absolute;inset:auto 0 62px;height:48%;display:flex;align-items:flex-end;gap:11px}.city-backdrop i{display:block;flex:1;background:#5a4667;min-width:50px}.city-backdrop i:nth-child(1){height:52%}.city-backdrop i:nth-child(2){height:89%}.city-backdrop i:nth-child(3){height:68%}.city-backdrop i:nth-child(4){height:100%}.city-backdrop i:nth-child(5){height:61%}.scene-ground{position:absolute;inset:auto 0 0;height:70px;background:#252838;border-top:9px solid #ffca6b}.avatar-pair{position:absolute;left:50%;bottom:59px;display:flex;align-items:flex-end;gap:20px;transform:translate(-50%)}.pixel-avatar{width:88px;height:190px;position:relative;filter:drop-shadow(7px 7px 0 rgba(0,0,0,.22))}.pixel-avatar span{display:block;position:absolute}.pixel-avatar .hair{background:#1b1c27;width:70px;height:48px;left:9px;top:0;box-shadow:-8px 17px #1b1c27,8px 17px #1b1c27,0 31px 0 -18px #0f1018;z-index:3}.pixel-avatar .face{background:#e8b38d;width:66px;height:60px;left:11px;top:25px;z-index:2}.pixel-avatar .glasses{z-index:4;background:#171923;width:24px;height:18px;left:15px;top:44px;box-shadow:32px 0 #171923,24px 5px 0 -7px #171923,6px 3px 0 -4px #eef3ff,38px 3px 0 -4px #eef3ff}.pixel-avatar .eyes{z-index:4;background:#6f342f;width:8px;height:10px;left:25px;top:47px;box-shadow:31px 0 #6f342f}.pixel-avatar .body{width:68px;height:72px;left:10px;top:84px;background:#66717b;overflow:hidden}.pixel-avatar.girl .body{background:#8b9270;box-shadow:inset 20px 0 #171923,inset -20px 0 #171923}.pixel-avatar.girl .hair{height:100px}.pixel-avatar .shirt-mark{z-index:5;background:#ffca6ba6;width:5px;height:50px;top:93px;left:35px;transform:rotate(-18deg)}.pixel-avatar .shirt-mark.b{left:51px;height:44px;background:#2327368c;transform:rotate(18deg)}.pixel-avatar .shirt-mark.c{left:20px;top:108px;height:35px;background:#ee718b73;transform:rotate(35deg)}.pixel-avatar.girl .shirt-mark{background:#232736b3;left:42px;width:26px;height:56px;transform:none}.pixel-avatar.girl .shirt-mark.b,.pixel-avatar.girl .shirt-mark.c{display:none}.pixel-avatar .left-arm,.pixel-avatar .right-arm{width:13px;height:61px;top:91px;background:#e8b38d}.pixel-avatar .left-arm{left:-3px}.pixel-avatar .right-arm{right:-3px}.pixel-avatar .legs{width:26px;height:37px;left:13px;top:153px;background:#1b1d28;box-shadow:36px 0 #1b1d28}.pixel-avatar.girl .legs{background:#624536;box-shadow:36px 0 #624536}.pixel-avatar .shoes{width:29px;height:12px;left:10px;bottom:-1px;background:#f4f1e9;box-shadow:36px 0 #f4f1e9,6px 7px #9a633c,42px 7px #9a633c}.pixel-avatar.girl .shoes{background:#4b3027;box-shadow:36px 0 #4b3027}.scene-label{position:absolute;right:16px;bottom:17px;z-index:5;color:#ffca6b}.menu-grid{position:relative;z-index:2;max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.menu-item{min-height:155px;position:relative;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left;padding:26px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.menu-item svg{color:var(--yellow);margin-bottom:12px}.menu-item strong{font-size:18px}.menu-item small{color:#888a94}.menu-item:hover:not(.locked){background:#ffffff0b}.menu-item.locked{cursor:not-allowed;color:#666873}.menu-item.locked svg{color:#666873}.menu-number{position:absolute;right:20px;top:20px;color:#5b5d68;font:700 12px Chakra Petch}.subpage{background:#eae5da;color:var(--ink)}.subpage-header{justify-content:flex-start;gap:18px;border-bottom:1px solid rgba(16,19,31,.2);padding-bottom:20px}.subpage-header .icon-button{border-color:#10131f4d}.subpage-header span{color:#77736e}.subpage-header h2{margin:5px 0 0;font-size:22px}.letter{position:relative;max-width:750px;margin:70px auto;background:#f8f4e9;min-height:620px;padding:clamp(38px,8vw,86px);box-shadow:13px 13px #10131f24;border:1px solid rgba(16,19,31,.16);font-size:16px;line-height:2.2}.letter p{margin:0 0 24px}.letter-stamp{position:absolute;right:28px;top:28px;width:58px;height:70px;border:3px double var(--pink);color:var(--pink);display:grid;place-items:center;text-align:center;font:700 15px Chakra Petch;transform:rotate(6deg)}.signature{text-align:right;font:700 17px Chakra Petch;margin-top:60px!important}.gallery-grid{max-width:1380px;margin:60px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:38px 22px}.memory-card{border-top:1px solid rgba(16,19,31,.2);padding-top:14px}.memory-card small{color:#77736e;font:600 10px Chakra Petch;letter-spacing:1px}.memory-card h3{margin:8px 0 5px}.memory-card p{margin:0;color:#66625e;font-size:13px}.photo-placeholder{height:250px;background:var(--card-color);margin-bottom:16px;position:relative;overflow:hidden;border:5px solid var(--ink)}.photo-placeholder>span{position:absolute;right:12px;top:8px;font:700 30px Chakra Petch;opacity:.4}.placeholder-landscape{position:absolute;inset:auto 0 0;height:50%;background:#10131f3d;clip-path:polygon(0 100%,0 57%,25% 20%,45% 68%,64% 7%,100% 70%,100% 100%)}.mix-page{min-height:100vh;padding:28px clamp(20px,5vw,76px) 64px;color:#f4f1e9;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),#1e2433;background-size:36px 36px}.mix-page .subpage-header{border-bottom-color:#f4f1e92e}.mix-page .subpage-header .icon-button{border-color:#f4f1e938;color:#f4f1e9}.mix-page .subpage-header span{color:#ffca6b}.craft-wrap{max-width:1180px;margin:clamp(38px,8vh,86px) auto 0;display:grid;grid-template-columns:minmax(520px,1fr) 330px;gap:28px;align-items:start}.craft-panel{min-height:420px;background:#c6c6c6;border:6px solid #262626;box-shadow:inset 6px 6px #fff,inset -6px -6px #777,12px 12px #00000047;padding:38px;display:grid;grid-template-columns:264px 72px 190px;align-items:center;justify-content:center;gap:28px}.craft-grid{display:grid;grid-template-columns:repeat(3,80px);gap:12px}.craft-slot,.craft-result{background:#8b8b8b;border:4px solid #2b2b2b;box-shadow:inset 4px 4px #5f5f5f,inset -4px -4px #d6d6d6}.craft-slot{width:80px;height:80px;display:grid;place-items:center;font-size:34px}.craft-slot img{width:82%;height:82%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.25))}.craft-arrow{color:#3a3a3a;font:800 54px/1 Chakra Petch,sans-serif}.craft-result{width:190px;height:132px;color:#202020;display:grid;place-items:center;text-align:center;padding:12px}.craft-result span{font-size:42px}.craft-result strong{font-size:16px}.recipe-list{display:grid;gap:12px}.recipe-card{min-height:74px;border:2px solid rgba(244,241,233,.2);background:#0d101a8f;color:#f4f1e9;display:flex;align-items:center;gap:14px;padding:0 16px;cursor:pointer;text-align:left}.recipe-card span{font-size:28px}.recipe-card.active{border-color:#ffca6b;background:#ffca6b29}.mix-workbench{width:min(1080px,100%);margin:clamp(28px,5vh,56px) auto 0;display:grid;justify-items:center;gap:24px}.gift-row{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.gift-slot{min-width:0;aspect-ratio:4 / 3;position:relative;display:grid;place-items:center;overflow:hidden;color:#292929;background:#8b8b8b;border:4px solid #2b2b2b;box-shadow:inset 4px 4px #5f5f5f,inset -4px -4px #d6d6d6}.gift-slot span{font:800 clamp(30px,5vw,58px)/1 "Chakra Petch",sans-serif}.gift-slot img{position:absolute;left:6%;top:6%;width:88%;height:88%;object-fit:contain;image-rendering:pixelated;animation:gift-reveal .42s cubic-bezier(.2,.8,.2,1) both}.gift-1 img,.gift-2 img,.gift-4 img{left:9%;top:9%;width:82%;height:82%}.mix-workbench .craft-panel{width:min(620px,100%);min-height:330px;grid-template-columns:264px 78px;padding:28px;gap:30px}.mix-trigger{width:72px;height:72px;display:grid;place-items:center;color:#242424;background:#ffca6b;border:4px solid #2b2b2b;box-shadow:inset 4px 4px #fff0b9,inset -4px -4px #b67728;cursor:pointer}.mix-trigger:disabled{opacity:.38;cursor:default}.mix-trigger svg{width:30px;height:30px}.mixing .craft-slot img{animation:material-shuffle .18s steps(2,end) infinite}.material-row{width:100%;display:flex;justify-content:center;gap:10px;overflow-x:auto;padding:4px 2px 10px}.material-slot{flex:0 0 76px;width:76px;height:76px;display:grid;place-items:center;background:#8b8b8b;border:4px solid #2b2b2b;box-shadow:inset 4px 4px #5f5f5f,inset -4px -4px #d6d6d6;overflow:hidden}.material-slot img{width:84%;height:84%;object-fit:contain;image-rendering:pixelated}.craft-slot{overflow:hidden}.craft-slot img[src*=lemon-tea],.material-slot img[src*=lemon-tea]{width:44%;height:72%}.love-message{color:#ffca6b;font:700 clamp(28px,6vw,64px)/1 "Chakra Petch",sans-serif;text-align:center;animation:love-appear .7s cubic-bezier(.2,.8,.2,1) both}@keyframes gift-reveal{0%{opacity:0}to{opacity:1}}@keyframes material-shuffle{50%{transform:translateY(-3px) scale(.94)}}@keyframes love-appear{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.game-shell{width:100vw;height:100vh;height:100dvh;background:#0d101a;overflow:hidden;overscroll-behavior:none;touch-action:none;color:var(--paper)}.glass{background:#0d101ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-frame{width:100%;height:100%;background:#0d101a;position:relative;overflow:hidden}.phaser-mount{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.phaser-mount canvas{display:block;max-width:100%;max-height:100%;touch-action:none}.game-controls{position:absolute;left:16px;right:16px;top:16px;z-index:7;display:flex;justify-content:space-between;pointer-events:none}.game-controls .icon-button{pointer-events:auto}.game-hud{position:absolute;left:18px;right:18px;bottom:18px;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;gap:15px}.progress-track{width:min(310px,42vw);height:6px;background:#0d101a80;box-shadow:0 0 0 1px #ffffff2e}.progress-track i{display:block;height:100%;background:var(--yellow);transition:width .2s}.inventory{display:flex;gap:5px}.inventory span{width:42px;height:42px;display:grid;place-items:center;background:#0d101aad;border:1px solid rgba(255,255,255,.16)}.inventory span img{width:88%;height:88%;object-fit:contain;image-rendering:pixelated;opacity:.2;filter:grayscale(1)}.inventory .collected{border-color:var(--yellow);background:#ffca6b24}.inventory .collected img{opacity:1;filter:none}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#0d101ac2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.game-overlay h2{font:700 clamp(28px,5vw,58px) "Chakra Petch";margin:10px 0}.game-overlay p{color:#c3c4c8;margin:0 0 26px}.game-overlay .tiny-label{color:var(--yellow)}.clear-overlay{background:#0d101aad}.compact-overlay{background:#0d101a61}.restart-button{width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:#0d101ab8;color:#fff;cursor:pointer}.restart-button svg{width:30px;height:30px}@media(max-width:820px){.cover-header{top:14px;left:14px;right:14px}.cover-header .eyebrow{max-width:180px;line-height:1.35}.cover-video.ended{transform:translateY(-7vh) scale(1.1)}.cover-action,.cover-action.visible{transform:translateY(18vh)}.play-game-button{min-width:178px;min-height:50px;font-size:18px}.page{padding:18px 16px 45px}.hero{margin:45px auto 48px;grid-template-columns:1fr;gap:36px}h1{font-size:clamp(54px,19vw,90px)}.hero-scene{min-height:330px;border-width:5px;box-shadow:8px 8px #070910}.pixel-avatar{transform:scale(.78);transform-origin:bottom;margin:0 -7px}.menu-grid{grid-template-columns:1fr}.menu-item{min-height:125px}.gallery-grid{grid-template-columns:1fr;gap:28px}.photo-placeholder{height:220px}.craft-wrap{grid-template-columns:1fr}.craft-panel{grid-template-columns:1fr;justify-items:center;padding:22px;gap:18px}.craft-grid{grid-template-columns:repeat(3,68px);gap:9px}.craft-slot{width:68px;height:68px}.craft-arrow{transform:rotate(90deg)}.game-controls{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right))}.game-hud{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom))}.progress-track{width:32vw}.inventory{max-width:58vw;flex-wrap:wrap;justify-content:flex-end;gap:3px}.inventory span{width:31px;height:31px}}@media(orientation:portrait)and (max-width:820px){.game-overlay h2{font-size:36px}}@media(max-width:820px){.mix-page{padding:16px 12px 36px}.gift-row{gap:5px}.gift-slot{border-width:3px}.mix-workbench{gap:18px}.mix-workbench .craft-panel{grid-template-columns:1fr;min-height:0;padding:18px;gap:16px}.mix-workbench .craft-grid{grid-template-columns:repeat(3,58px);gap:7px}.mix-workbench .craft-slot,.mix-trigger{width:58px;height:58px}.material-row{justify-content:flex-start;gap:6px}.material-slot{flex-basis:52px;width:52px;height:52px;border-width:3px}}@media(max-height:520px)and (orientation:landscape){.game-controls .icon-button{width:36px;height:36px}.game-hud{align-items:center}.inventory span{width:28px;height:28px}.progress-track{width:24vw}}