:root{--ink: #241b2e;--cabinet: #2e2356;--cabinet-2: #1b1340;--screen: #fff7e8;--screen-2: #ffeccb;--coin: #ffd23f;--coral: #ff6f61;--mint: #2fcf9e;--sky: #45bdf2;--grape: #b06bff;--accent: var(--coral);--pixel: "Press Start 2P", ui-monospace, monospace;--body: "Baloo 2", ui-rounded, "Segoe UI", system-ui, sans-serif;font-family:var(--body);color:var(--ink);background:var(--cabinet-2);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;font:inherit;color:inherit;cursor:pointer}h1,h2,p{margin:0}.cabinet{position:relative;min-height:100vh;padding:clamp(14px,3vw,34px);overflow-x:hidden;background-color:var(--cabinet-2);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 50% -10%,rgba(255,210,63,.16),transparent 55%),linear-gradient(180deg,#322562,#241a4d 60%,#181030);background-size:30px 30px,30px 30px,auto,auto;transition:background-color .4s ease}.cabinet[data-level=desk]{--accent: var(--coral)}.cabinet[data-level=world]{--accent: var(--mint)}.cabinet[data-level=happy]{--accent: var(--sky)}.cabinet-aura{pointer-events:none;position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 46%);transition:background .5s ease}.console{position:relative;z-index:1;max-width:1140px;margin:0 auto;padding:clamp(16px,2.4vw,26px);border-radius:26px;background:linear-gradient(180deg,#3a2c72,#2a1f57);border:3px solid var(--ink);box-shadow:0 12px 0 var(--ink),inset 0 3px #ffffff24,inset 0 -10px #00000047}.brow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:16px}.brand{display:flex;align-items:center;gap:14px}.power-led{width:16px;height:16px;border-radius:50%;background:var(--coin);border:2px solid var(--ink);box-shadow:0 0 14px 2px color-mix(in srgb,var(--coin) 80%,transparent);animation:ledBlink 2.6s ease-in-out infinite}.eyebrow{font-family:var(--pixel);font-size:.52rem;letter-spacing:.04em;color:var(--coin);text-transform:uppercase;margin-bottom:8px}.wordmark{font-family:var(--pixel);font-size:clamp(.85rem,2.6vw,1.5rem);line-height:1.35;color:#fff;text-shadow:3px 3px 0 var(--ink),4px 4px 0 color-mix(in srgb,var(--accent) 70%,var(--ink))}.hud{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;color:var(--ink);background:var(--coin);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.hud>svg{color:var(--ink)}.hud-label{font-family:var(--pixel);font-size:.5rem;text-transform:uppercase}.coin-row{display:flex;gap:6px}.coin{width:16px;height:16px;border-radius:50%;background:#efe2b8;border:2px solid var(--ink);box-shadow:inset 0 -3px #00000029}.coin.lit{background:#fff6d0;box-shadow:0 0 10px 1px #fff5c8e6,inset 0 -3px #a8780c66;animation:coinPop .36s ease both}.hud-count{font-family:var(--pixel);font-size:.7rem}.hud.full{background:linear-gradient(90deg,var(--coin),#fff0a8);animation:coinPop .42s ease both}.cart-dock{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.cart{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;text-align:left;color:#efe9ff;background:#4a3a86;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink),inset 0 3px #ffffff1f;transition:transform .12s ease,background .2s ease,box-shadow .12s ease}.cart-num{font-family:var(--pixel);font-size:.78rem;padding:8px 9px;border-radius:9px;color:var(--ink);background:#ffffffdb;box-shadow:inset 0 -3px #0000002e}.cart-text strong{display:block;font-size:1.05rem;font-weight:800;line-height:1.1}.cart-text small{font-size:.74rem;opacity:.8}.cart-status{margin-left:auto;display:grid;place-items:center;color:var(--coin)}.cart-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.35)}.cart:hover{transform:translateY(-2px)}.cart.active{color:var(--ink);background:var(--coin);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink),inset 0 3px #fff6}.cart.active .cart-num{background:var(--ink);color:var(--coin)}.cart.active .cart-status{color:var(--ink)}.cart.done:not(.active){background:#3c7a63}.screen-bezel{position:relative;padding:16px;border-radius:18px;background:linear-gradient(180deg,#15102b,#100b22);border:3px solid var(--ink);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--accent) 60%,#100b22),inset 0 6px 22px #0009;transition:box-shadow .4s ease}.screw{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6c5fa0,#2a2050);border:2px solid var(--ink);z-index:4}.screw.tl{top:8px;left:8px}.screw.tr{top:8px;right:8px}.screw.bl{bottom:8px;left:8px}.screw.br{bottom:8px;right:8px}.screen{position:relative;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 1px 1px,rgba(0,0,0,.05) 1px,transparent 1.4px),linear-gradient(180deg,var(--screen),var(--screen-2));background-size:4px 4px,auto;box-shadow:inset 0 0 60px #3c260c2e}.screen-scan{pointer-events:none;position:absolute;inset:0;z-index:3;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(36,27,46,.05) 3px 4px);mix-blend-mode:multiply}.screen-flash{pointer-events:none;position:absolute;inset:0;z-index:6;opacity:0;background:#fffdf4}.screen-bezel.booting .screen-flash{animation:bootFlash 1.1s ease both}.screen-bezel.booting .screen{animation:bootFlicker 1.1s steps(2) both}.game{position:relative;display:grid;grid-template-columns:minmax(240px,.82fr) minmax(330px,1.18fr);gap:clamp(16px,2.4vw,30px);min-height:560px;padding:clamp(20px,3vw,38px);transition:background .35s ease}.game-copy{align-self:center;position:relative;z-index:1}.kicker{font-family:var(--pixel);font-size:.56rem;line-height:1.6;letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 72%,var(--ink));margin-bottom:14px}h2{max-width:12ch;font-family:var(--body);font-weight:800;font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:.98;color:var(--ink)}.lede{max-width:38ch;margin-top:16px;font-size:1.06rem;font-weight:600;line-height:1.5;color:#5a4f55}.mission-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.mission{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;font-family:var(--pixel);font-size:.52rem;text-transform:uppercase;color:#6a5d63;background:#ffffffb3;border:2px solid rgba(36,27,46,.16)}.mission-dot{width:8px;height:8px;border-radius:50%;background:#241b2e33}.mission.done{color:#14492f;background:#c4f3d9;border-color:#14492f4d;animation:pop .26s ease both}.mission.done svg{color:#1d7a4a}.desk{background:linear-gradient(180deg,#fff7e8,#ffeccb)}.desk.warm{background:linear-gradient(180deg,#fff1cf,#ffd98f)}.desk-surface{position:relative;align-self:center;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px;border-radius:14px;background:linear-gradient(#caa06a 0 18px,#a3744099 18px),repeating-linear-gradient(90deg,#a37440 0 38px,#97683a 38px 76px);border:4px solid #5c3a1c;box-shadow:inset 0 -14px #482c144d,6px 6px 0 var(--ink)}.desk-object{position:relative;display:grid;place-items:center;align-content:center;gap:8px;min-height:132px;padding:12px;border-radius:12px;color:var(--ink);background:#fffaf0;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink),inset 0 3px #ffffffb3;transition:transform .11s ease,background .22s ease,box-shadow .11s ease}.desk-object span{font-weight:800;font-size:.92rem;text-align:center;line-height:1.15}.desk-object:hover,.room-item:hover,.joy-button:hover{transform:translateY(-3px);box-shadow:4px 7px 0 var(--ink),inset 0 3px #ffffffb3}.desk-object:active,.room-item:active,.joy-button:active{transform:translate(4px,4px) scale(.95);box-shadow:0 0 0 var(--ink),inset 0 3px #ffffffb3}.lamp.on{background:#ffe39a;box-shadow:4px 4px 0 var(--ink),0 0 40px #ffc337b3}.mug.cozy{background:#d8f1ff}.read.reading{background:#ffe7c2}.note.open{background:#fff27e}.plant-1{background:#dff7d7}.plant-2{background:#ffd9e6}.music.playing{background:#d8ecff}.steam{position:absolute;top:14px;width:6px;height:18px;border-radius:6px;background:#785a3c66;filter:blur(1px);animation:steamRise 1.4s ease-in-out infinite}.equalizer{display:flex;gap:3px;align-items:flex-end;height:12px;opacity:.25}.equalizer i{width:4px;height:4px;border-radius:2px;background:var(--ink)}.music.playing .equalizer{opacity:1}.music.playing .equalizer i{animation:eq .7s ease-in-out infinite}.music.playing .equalizer i:nth-child(2){animation-delay:.12s}.music.playing .equalizer i:nth-child(3){animation-delay:.24s}.music.playing .equalizer i:nth-child(4){animation-delay:.36s}.burst{pointer-events:none;position:absolute;inset:0;display:grid;place-items:center}.burst i{position:absolute;width:7px;height:7px;border-radius:2px;background:var(--coin);box-shadow:0 0 0 1px var(--ink);transform:rotate(var(--a)) translateY(0);animation:burstOut .52s ease-out forwards}.codex-mood{display:flex;align-items:stretch;gap:12px;margin-top:22px;max-width:38ch}.codex-face{position:relative;display:grid;place-items:center;width:76px;flex:0 0 76px;border-radius:18px;background:#fff1c8;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink),inset 0 3px #ffffffb3;transition:background .32s ease;animation:breathe 3.4s ease-in-out infinite}.codex-face[data-stage="2"],.codex-face[data-stage="3"]{background:#ffe39a}.codex-face[data-stage="4"]{background:linear-gradient(135deg,var(--coin),#ffbcd6);box-shadow:4px 4px 0 var(--ink),0 0 24px #ffa8cdbf}.codex-buddy{position:relative;width:52px;height:44px;animation:boing .44s cubic-bezier(.2,1.5,.4,1) both}.b-eye{position:absolute;top:9px;width:8px;height:11px;border-radius:50%;background:var(--ink);animation:blink 4.2s infinite}.b-eye.l{left:9px}.b-eye.r{right:9px}.codex-buddy[data-stage="2"] .b-eye,.codex-buddy[data-stage="3"] .b-eye,.codex-buddy[data-stage="4"] .b-eye{height:7px;background:transparent;border:3px solid var(--ink);border-bottom:none;border-radius:50% 50% 0 0/100% 100% 0 0;animation:none}.b-cheek{position:absolute;top:21px;width:9px;height:6px;border-radius:50%;background:#ff9ab5;opacity:0;transition:opacity .32s ease,width .32s ease}.b-cheek.l{left:3px}.b-cheek.r{right:3px}.codex-buddy[data-stage="1"] .b-cheek{opacity:.5}.codex-buddy[data-stage="2"] .b-cheek{opacity:.85}.codex-buddy[data-stage="3"] .b-cheek,.codex-buddy[data-stage="4"] .b-cheek{opacity:1;width:11px;height:7px}.b-mouth{position:absolute;left:50%;top:26px;transform:translate(-50%);width:8px;height:4px;border:2px solid var(--ink);border-top:none;border-radius:0 0 8px 8px;transition:width .2s ease,height .2s ease}.codex-buddy[data-stage="0"] .b-mouth{width:7px;height:2px;border-radius:2px}.codex-buddy[data-stage="2"] .b-mouth{width:15px;height:7px}.codex-buddy[data-stage="3"] .b-mouth{width:18px;height:9px}.codex-buddy[data-stage="4"] .b-mouth{width:20px;height:13px;border:2px solid var(--ink);border-radius:5px 5px 13px 13px;background:#b34a63;overflow:hidden}.codex-buddy[data-stage="4"] .b-mouth:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:13px;height:6px;border-radius:50% 50% 6px 6px;background:#ff9ab5}.heart-pop{position:absolute;left:50%;top:-2px;transform:translate(-50%);pointer-events:none}.heart-pop i{position:absolute;top:0;left:0;font-style:normal;font-size:.95rem;line-height:1;animation:heartFloat .78s ease-out forwards}.heart-pop i:nth-child(1){margin-left:-15px;color:#ff6f9c}.heart-pop i:nth-child(2){margin-left:0;animation-delay:90ms}.heart-pop i:nth-child(3){margin-left:15px;color:#ff8fab;animation-delay:.17s}.codex-bubble{position:relative;flex:1;display:grid;align-content:center;gap:7px;padding:12px 14px;border-radius:14px;background:#fffaf0;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.codex-bubble:before{content:"";position:absolute;left:-9px;top:22px;width:12px;height:12px;background:#fffaf0;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(45deg)}.codex-bubble strong{font-family:var(--pixel);font-size:.52rem;line-height:1.5;text-transform:uppercase;color:color-mix(in srgb,var(--coral) 70%,var(--ink))}.codex-say{font-weight:700;font-size:1.02rem;line-height:1.25;color:var(--ink);animation:pop .28s ease both}.mood-bar{height:12px;border-radius:999px;background:#ece2cf;border:2px solid var(--ink);overflow:hidden}.mood-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--coral),var(--coin));transition:width .36s cubic-bezier(.2,1.2,.4,1)}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.025)}}@keyframes boing{0%{transform:scale(.7)}55%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes heartFloat{0%{opacity:0;transform:translateY(2px) rotate(var(--d)) scale(.4)}25%{opacity:1}to{opacity:0;transform:translateY(-34px) rotate(var(--d)) scale(1.15)}}.world{background:linear-gradient(180deg,#e9f6f1,#d4ece4)}.world.secret{background:linear-gradient(180deg,#fff3c4,#ffe39a)}.rays{pointer-events:none;position:absolute;inset:0;opacity:0;background:repeating-conic-gradient(from 0deg at 70% 40%,rgba(255,210,63,.5) 0deg 8deg,transparent 8deg 22deg);transition:opacity .5s ease}.world.secret .rays{opacity:.6;animation:spin 22s linear infinite}.room{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:center;min-height:470px;padding:22px;border-radius:14px;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.6),transparent 24%),linear-gradient(180deg,#cfe2e0 0 58%,#b88f5f 58%);border:4px solid #2c3a36;box-shadow:inset 0 0 0 6px #ffffff2e,6px 6px 0 var(--ink)}.room-item{display:grid;place-items:center;align-content:center;gap:4px;min-height:150px;padding:12px;border-radius:12px;color:var(--ink);background:#fffaf2;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink),inset 0 3px #ffffffb3;transition:transform .11s ease,background .22s ease,box-shadow .11s ease}.room-item strong{font-size:1.05rem;font-weight:800}.room-item small{font-weight:600;font-size:.8rem;color:#6a5f54;text-align:center}.book.open{background:#fff1c2}.box.open{background:#ffe7b6}.door.open{background:#c6f2ff}.button.pressed{background:#ffd9ec}.happy{background:linear-gradient(180deg,#d6dade,#c4cace)}.happy-1{background:linear-gradient(180deg,#dde7da,#cdddcf)}.happy-2{background:linear-gradient(180deg,#e3f2cf,#d2ecc0)}.happy-3{background:linear-gradient(180deg,#fff0bd,#ffe49a)}.happy-4{background:linear-gradient(180deg,#fff3a6,#bdeef5)}.happy-page{position:relative;align-self:center;min-height:520px;border-radius:14px;overflow:hidden;background:#ffffffdb;border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.sky{position:relative;min-height:230px;background:linear-gradient(180deg,#9aa3a8,#c2c8cc);transition:background .38s ease}.happy-1 .sky{background:linear-gradient(180deg,#a9c6bf,#dfe9df)}.happy-2 .sky{background:linear-gradient(180deg,#8fd6b6,#e8f3c6)}.happy-3 .sky,.happy-4 .sky{background:linear-gradient(180deg,#6cc7e8,#fce8a0)}.flower{position:absolute;left:calc(8% + (var(--i) * 17%) % 82%);bottom:calc(10px + (var(--i) * 19px) % 72px);color:hsl(calc(15 + var(--i) * 34) 72% 48%);font-size:calc(1.3rem + (var(--i) % 4) * .2rem);animation:bob 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -90ms)}.confetti{position:absolute;inset:40px 16px auto;text-align:center;color:#fff;font-size:2.6rem;text-shadow:0 4px 16px rgba(40,73,81,.3);animation:pop .7s ease both}.happiness-meter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 14px;padding:18px 20px 0}.happiness-meter>span{font-family:var(--pixel);font-size:.56rem;text-transform:uppercase}.happiness-meter>strong{font-family:var(--pixel);font-size:.66rem}.meter-track{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.seg{height:16px;border-radius:5px;background:#d6dbd6;border:2px solid var(--ink)}.seg.lit{background:linear-gradient(90deg,var(--mint),var(--coin));animation:pop .28s ease both}.action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 20px}.joy-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:56px;padding:0 8px;border-radius:12px;color:var(--ink);background:#f2f3ef;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink),inset 0 3px #ffffffb3;font-weight:800;font-size:.92rem;transition:transform .11s ease,background .22s ease,box-shadow .11s ease}.joy-button.done{background:#b6efce}.joy-button.done svg{color:#1d7a4a}.ship-panel{display:flex;align-items:center;gap:14px;margin:0 20px 20px;padding:16px;border-radius:12px;color:var(--ink);background:var(--coin);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:700;line-height:1.35}.game-clear{position:absolute;left:50%;bottom:22px;z-index:5;display:grid;place-items:center;gap:4px;width:min(86%,400px);padding:18px;border-radius:14px;color:var(--ink);background:linear-gradient(135deg,var(--coin),#fff0a8);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);text-align:center;transform:translate(-50%);animation:clearDrop .48s cubic-bezier(.2,1.4,.4,1) both}.game-clear svg{color:var(--ink)}.game-clear strong{font-family:var(--pixel);font-size:1rem;letter-spacing:.02em}.game-clear span{font-weight:700;font-size:.82rem}@keyframes ledBlink{0%,to{opacity:1}50%{opacity:.45}}@keyframes coinPop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.9)}}@keyframes clearDrop{0%{opacity:0;transform:translate(-50%) translateY(26px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes bootFlash{0%{opacity:0}6%{opacity:.9}10%{opacity:.1}16%{opacity:.7}24%{opacity:0}to{opacity:0}}@keyframes bootFlicker{0%{filter:brightness(2.4) contrast(.6)}20%{filter:brightness(.4)}40%{filter:brightness(1.6)}60%{filter:brightness(.8)}to{filter:brightness(1)}}@keyframes burstOut{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-46px) scale(.4)}}@keyframes steamRise{0%{opacity:0;transform:translateY(4px) scaleY(.7)}40%{opacity:.8}to{opacity:0;transform:translateY(-14px) scaleY(1.2)}}@keyframes eq{0%,to{height:4px}50%{height:12px}}@keyframes bob{50%{transform:translateY(-8px) rotate(4deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.game{grid-template-columns:1fr;min-height:auto}.cart-dock{grid-template-columns:1fr}.cart-text small{display:none}.wordmark{text-shadow:2px 2px 0 var(--ink)}}@media(max-width:520px){.desk-surface,.action-row{grid-template-columns:repeat(2,1fr)}.brow{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,.screen-bezel.booting .screen,.screen-bezel.booting .screen-flash,.world.secret .rays{animation:none!important;transition-duration:.001ms!important}}