@import "https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Gaegu:wght@400;700&family=Press+Start+2P&display=swap";:root{--bg-paper:#f7f2e8;--ink-primary:#25241f;--ink-secondary:#77736a;--paper-muted:#e9e1d3;--accent-yellow:#ffe066;--accent-pink:#f8d7da;--accent-gold:#dda15e;--console-body:#efe8da;--console-bezel:#25241f;--screen-bg:#f7f2e8;--dpad-color:#2f2d28;--button-a:#d9534f;--button-b:#e08244;--font-hand:"Patrick Hand", cursive, sans-serif;--font-doodle:"Gaegu", cursive, sans-serif;--font-retro:"Press Start 2P", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--ink-primary);font-family:var(--font-hand);background-color:#ece5d5;background-image:radial-gradient(#d5c9b3 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px),linear-gradient(#00000005 1px,#0000 1px);background-size:24px 24px,12px 12px,12px 12px;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex;overflow-x:hidden}.sketch-border{border:3px solid var(--ink-primary);border-radius:255px 15px 225px/15px 225px 15px 255px}.sketch-border-subtle{border:2px solid var(--ink-primary);border-radius:18px 4px 16px 5px}.doodle-btn{background:var(--bg-paper);color:var(--ink-primary);border:2.5px solid var(--ink-primary);font-family:var(--font-hand);cursor:pointer;box-shadow:3px 4px 0px var(--ink-primary);border-radius:255px 25px 225px/25px 225px 25px 255px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:1.25rem;font-weight:700;transition:all .1s;display:inline-flex}.doodle-btn:hover{box-shadow:4px 6px 0px var(--ink-primary);background:#fffdf8;transform:translate(-1px,-2px)}.doodle-btn:active{box-shadow:1px 1px 0px var(--ink-primary);transform:translate(2px,2px)}.doodle-btn.primary{background:var(--accent-yellow)}.doodle-btn.danger{background:#ffaaa6}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#25241f73;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--paper-muted)}::-webkit-scrollbar-thumb{background:var(--ink-secondary);border:1px solid var(--ink-primary);border-radius:4px}.app-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:16px;display:flex;position:relative}.bg-doodle{pointer-events:none;opacity:.18;filter:drop-shadow(2px 2px #0000000d);z-index:1;position:absolute}.bg-doodle.top-left{width:85px;animation:6s ease-in-out infinite alternate floatSlow;top:20px;left:20px}.bg-doodle.top-right{width:80px;animation:7s ease-in-out infinite alternate-reverse floatSlow;top:20px;right:20px}.bg-doodle.bottom-left{width:90px;animation:5.5s ease-in-out infinite alternate floatSlow;bottom:20px;left:25px}.bg-doodle.bottom-right{width:85px;animation:6.5s ease-in-out infinite alternate-reverse floatSlow;bottom:20px;right:25px}@keyframes floatSlow{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-10px)rotate(3deg)}}.gameboy-console{z-index:10;background-color:var(--console-body);border:4px solid var(--console-bezel);box-sizing:border-box;border-radius:36px 36px 44px 44px;flex-direction:column;gap:12px;width:820px;max-width:95vw;padding:18px 26px 20px;display:flex;position:relative;box-shadow:8px 12px #25241fe6,inset 2px 2px #fff9,inset -4px -4px #00000014}.console-header{border-bottom:2px dashed #25241f40;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 4px 6px;display:flex}.console-brand-left{align-items:center;gap:10px;display:flex}.console-logo-icon{object-fit:contain;filter:drop-shadow(1px 2px #00000026);width:32px;height:32px}.console-title-group h1{font-family:var(--font-doodle);letter-spacing:.5px;color:var(--ink-primary);margin:0;font-size:1.6rem;line-height:1.1}.console-caption{font-family:var(--font-hand);color:var(--ink-secondary);font-size:.95rem}.console-status-led{font-size:.78rem;font-family:var(--font-retro);color:#1a1916;align-items:center;gap:8px;font-weight:700;display:flex}.led-light{border:1.5px solid var(--ink-primary);background-color:#ef4444;border-radius:50%;width:10px;height:10px;animation:2s infinite pulseLed;box-shadow:0 0 6px #ef4444b3}.led-light.active{background-color:#22c55e;box-shadow:0 0 6px #22c55eb3}@keyframes pulseLed{0%,to{opacity:1}50%{opacity:.5}}.console-body-layout{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.console-side-controls{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:14px;width:135px;display:flex}.console-screen-bezel{border:3px solid var(--console-bezel);box-sizing:border-box;background-color:#e2dac8;border-radius:16px;flex-direction:column;flex:1;padding:8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 4px 4px #0000001f,inset -2px -2px #ffffff80}.screen-top-hud{background:var(--screen-bg);border:2px solid var(--ink-primary);border-bottom:2px solid var(--ink-primary);font-family:var(--font-retro);z-index:2;box-sizing:border-box;border-radius:8px 8px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;height:28px;padding:5px 12px;font-size:.72rem;display:flex}.hud-item{white-space:nowrap;align-items:center;gap:5px;display:flex}.hud-hearts{color:#d9534f;gap:4px;font-size:.85rem;display:flex}.screen-viewport{background-color:var(--screen-bg);border:2px solid var(--ink-primary);pointer-events:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-top:none;border-radius:0 0 8px 8px;justify-content:center;align-items:center;width:100%;height:250px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px 6px #0000000f}.screen-viewport canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.home-screen-container{pointer-events:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:linear-gradient(#fdfbf7 0%,#f5efe3 100%);flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;padding:6px 12px;display:flex;position:relative;overflow:hidden}.home-decor-cloud{opacity:.6;pointer-events:none;width:40px;position:absolute;top:6px;left:14px}.home-decor-spook{opacity:.6;pointer-events:none;width:34px;position:absolute;top:8px;right:16px}.home-title-wrapper{text-align:center;margin:0;line-height:1}.home-title{font-family:var(--font-doodle);color:var(--ink-primary);text-shadow:1px 2px #0000000f;margin:0;font-size:1.6rem;line-height:1}.home-subtitle{font-family:var(--font-hand);color:var(--ink-secondary);margin-top:1px;font-size:.95rem}.home-char-row{align-items:center;gap:12px;margin:0;display:flex}.home-arrow-circle{background:var(--bg-paper);border:2px solid var(--ink-primary);width:26px;height:26px;box-shadow:1px 2px 0px var(--ink-primary);font-family:var(--font-retro);color:var(--ink-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;display:flex}.home-char-card{border:2.2px solid var(--ink-primary);box-shadow:2px 3px 0px var(--ink-primary);background:#ffffffd9;border-radius:14px;flex-direction:column;align-items:center;padding:4px 14px;transition:background-color .1s,box-shadow .1s;display:flex}.home-char-img{object-fit:contain;filter:drop-shadow(1px 2px #0000001a);width:46px;height:46px}.home-char-name{font-family:var(--font-hand);margin-top:1px;font-size:.92rem;font-weight:700}.home-btn-row{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.home-nav-btn{white-space:nowrap;cursor:default!important;padding:5px 14px!important;font-size:.9rem!important}.home-helper-text{font-family:var(--font-retro);color:var(--ink-secondary);opacity:.85;text-align:center;margin:0;font-size:.52rem}.char-card-focused{position:relative;background-color:#fffdf8!important;outline:2.5px solid #25241f!important;box-shadow:0 0 0 3px #ffe066,2px 3px #25241f!important}.char-card-focused:after{content:"▼";font-family:var(--font-retro);color:#25241f;font-size:.7rem;animation:.6s infinite alternate bounceDown;position:absolute;top:-16px;left:50%;transform:translate(-50%)}@keyframes bounceDown{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-3px)}}.gamepad-nav-focused{z-index:5;position:relative;background-color:var(--accent-yellow)!important;outline:2.5px solid #25241f!important;box-shadow:0 0 0 3px #ffe066,3px 4px #25241f!important}.gamepad-nav-focused:before{content:"▼";font-family:var(--font-retro);color:#25241f;font-size:.68rem;animation:.6s infinite alternate bounceDown;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.dpad-container{width:126px;height:126px;filter:drop-shadow(3px 4px 0px var(--ink-primary));grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,42px);display:grid;position:relative}.dpad-center{background:var(--dpad-color);border:2px solid var(--ink-primary);grid-area:2/2;position:relative}.dpad-center:after{content:"";background:#00000040;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dpad-btn{background:var(--dpad-color);border:2.2px solid var(--ink-primary);cursor:pointer;color:#fff;justify-content:center;align-items:center;font-size:1.05rem;transition:transform 80ms,background 80ms;display:flex}.dpad-btn:active,.dpad-btn.pressed{background:#151412;transform:scale(.94)}.dpad-up{border-bottom:none;border-radius:8px 8px 0 0;grid-area:1/2}.dpad-down{border-top:none;border-radius:0 0 8px 8px;grid-area:3/2}.dpad-left{border-right:none;border-radius:8px 0 0 8px;grid-area:2/1}.dpad-right{border-left:none;border-radius:0 8px 8px 0;grid-area:2/3}.action-buttons-group{justify-content:center;align-items:center;gap:16px;margin-top:2px;display:flex;transform:none}.action-btn-wrapper{flex-direction:column;align-items:center;gap:5px;display:flex}.action-btn{border:2.8px solid var(--ink-primary);cursor:pointer;color:#fff;width:52px;height:52px;font-family:var(--font-retro);box-shadow:2px 4px 0px var(--ink-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all 80ms;display:flex}.action-btn.btn-b{background:var(--button-b)}.action-btn.btn-a{background:var(--button-a)}.action-btn:active,.action-btn.pressed{box-shadow:0px 1px 0px var(--ink-primary);transform:translate(2px,3px)}.action-label{font-family:var(--font-retro);color:var(--ink-primary);letter-spacing:.5px;font-size:.7rem;font-weight:700}.speaker-grille{flex-direction:column;gap:4px;margin-top:6px;display:flex}.speaker-line{background:var(--ink-primary);opacity:.8;border-radius:3px;width:48px;height:3.5px}.console-bottom-bar{box-sizing:border-box;background:#ffffff73;border:2px dashed #25241f4d;border-radius:16px;flex-direction:row;justify-content:center;align-items:center;gap:24px;width:100%;max-width:480px;margin-top:4px;margin-left:auto;margin-right:auto;padding:10px 20px;display:flex}.pill-btn-group{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.pill-btn{border:2px solid var(--ink-primary);width:58px;height:20px;box-shadow:2px 2px 0px var(--ink-primary);cursor:pointer;background:#383630;border-radius:10px;transition:all 80ms;transform:none}.pill-btn:active,.pill-btn.pressed{background:#181715;transform:translate(1px,2px);box-shadow:0 0}.pill-label{font-family:var(--font-retro);color:#1a1916;letter-spacing:.5px;white-space:nowrap;text-align:center;box-sizing:border-box;background:#fffdf8;border:1.5px solid #25241f;border-radius:6px;min-width:60px;padding:3px 8px;font-size:.68rem;font-weight:700;box-shadow:1px 1px #0000004d}.milestone-toast{border:2.5px solid var(--ink-primary);box-shadow:3px 4px 0px var(--ink-primary);z-index:40;background:#fffdf8;border-radius:14px;align-items:center;gap:10px;max-width:90%;padding:6px 14px;animation:.25s ease-out popIn;display:flex;position:absolute;top:10px}.milestone-doodle{object-fit:contain;width:32px;height:32px}.milestone-title{font-family:var(--font-doodle);color:var(--ink-primary);font-size:1.05rem;font-weight:700}.milestone-desc{color:var(--ink-secondary);font-size:.88rem}@media (width<=768px),(orientation:portrait) and (width<=900px){.app-wrapper{justify-content:center;min-height:100dvh;padding:8px 6px}.bg-doodle{display:none}.gameboy-console{border:3.5px solid var(--console-bezel);border-radius:28px 28px 36px 36px;gap:10px;width:370px;max-width:96vw;padding:14px 12px 16px;box-shadow:4px 7px #25241fe6}.console-header{padding-bottom:5px}.console-brand-left{gap:8px}.console-logo-icon{width:26px;height:26px}.console-title-group h1{font-size:1.25rem}.console-caption{font-size:.8rem}.console-status-led{gap:5px;font-size:.65rem}.led-light{width:8px;height:8px}.console-body-layout{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:10px;display:grid}.console-screen-bezel{border-width:2.5px;border-radius:14px;grid-area:1/1/auto/-1;width:100%;padding:6px}.screen-viewport{border-width:2px;height:230px}.screen-top-hud{height:24px;padding:3px 8px;font-size:.62rem}.hud-item{gap:3px}.hud-hearts{gap:3px;font-size:.72rem}.home-screen-container{padding:4px 6px}.home-title{font-size:1.3rem}.home-subtitle{font-size:.8rem}.home-decor-cloud{width:30px;top:4px;left:6px}.home-decor-spook{width:26px;top:6px;right:8px}.home-char-row{gap:8px}.home-arrow-circle{width:22px;height:22px;font-size:.55rem}.home-char-card{border-radius:12px;padding:3px 10px}.home-char-img{width:40px;height:40px}.home-char-name{font-size:.8rem}.home-btn-row{gap:5px;width:100%}.home-nav-btn{border-width:2px!important;padding:4px 8px!important;font-size:.72rem!important}.home-helper-text{font-size:.46rem}.console-side-controls:first-of-type{grid-area:2/1;justify-content:center;align-items:center;gap:3px;width:auto}.dpad-container{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,36px);width:108px;height:108px}.dpad-btn{border-width:2px;font-size:.95rem}.console-side-controls:last-of-type{grid-area:2/2;justify-content:center;align-items:center;gap:4px;width:auto}.action-buttons-group{gap:12px;margin-top:0;transform:none}.action-btn-wrapper{gap:3px}.action-btn{width:46px;height:46px;box-shadow:2px 3px 0px var(--ink-primary);border-width:2.2px;font-size:.95rem}.action-label{font-size:.6rem}.speaker-grille{display:none}.console-bottom-bar{border-radius:12px;gap:16px;max-width:100%;margin-top:0;padding:6px 10px}.pill-btn-group{gap:4px}.pill-btn{border-width:2px;border-radius:8px;width:48px;height:18px}.pill-label{min-width:48px;padding:2px 4px;font-size:.58rem}}