*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:#e0d4ee;font-family:Courier New,monospace;touch-action:none;-webkit-user-select:none;user-select:none}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#desktop-frame{position:relative;width:100%;height:100%;max-width:430px;max-height:100dvh;background-color:#f5f0fa;overflow:hidden;border-radius:24px;border:3px solid #D4B5E0}#game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#stats-panel{position:absolute;bottom:60px;left:0;width:100%;background:linear-gradient(to bottom,#e8d5f5,#f0e6f6,#d4e7ed);z-index:10;padding:20px 16px;border-radius:20px 20px 0 0;box-shadow:0 -4px 16px #7864a026;font-family:sans-serif;pointer-events:auto;min-height:45%;max-height:55%;overflow-y:auto}.stats-name{font-weight:700;font-size:18px;color:#5a4e6e;text-align:center;margin-bottom:4px}.stats-pokedex{font-size:12px;color:#2d3436;text-align:center;margin-bottom:2px}.stats-description{font-style:italic;font-size:11px;color:#2d3436;text-align:center;margin-bottom:4px}.stats-mood{font-style:italic;font-size:14px;text-align:center;margin-bottom:14px}.stats-gauges{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.stats-gauge-row{display:flex;align-items:center;gap:8px}.stats-gauge-label{width:80px;text-align:right;font-size:11px;color:#2d3436;flex-shrink:0}.stats-gauge-track{flex:1;height:16px;background:#ede7f3;border-radius:8px;overflow:hidden}.stats-gauge-fill{height:100%;border-radius:8px;transition:width .3s ease}.stats-gauge-fill.critical-pulse{animation:gauge-pulse .8s ease-in-out infinite alternate}@keyframes gauge-pulse{0%{opacity:.6}to{opacity:1}}.stats-gauge-value{width:28px;font-size:10px;color:#2d3436;flex-shrink:0}.stats-buttons{display:flex;justify-content:center;gap:12px}.stats-btn{flex:1;max-width:120px;height:44px;border:none;border-radius:12px;color:#fff;font-weight:700;font-size:15px;font-family:sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.stats-btn:active{opacity:.8}.stats-btn-feed{background:#95d5b2;color:#1b5e20}.stats-btn-clean{background:#a8d8ea;color:#1565c0}.stats-btn-walk{background:#ffcc80;color:#bf360c}.stats-btn-sleep{background:#ce93d8;color:#4a148c}#starter-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:linear-gradient(to bottom,#e8d5f5,#f0e6f6,#d4e7ed);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:sans-serif;padding:24px 16px;overflow-y:auto}.starter-title{font-weight:700;font-size:22px;color:#7c5cba;text-align:center;margin-bottom:6px}.starter-subtitle{font-size:13px;color:#6b5e7b;text-align:center;margin-bottom:24px}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:14px;max-width:380px;width:100%;margin-bottom:24px}.starter-card{display:flex;flex-direction:column;align-items:center;padding:14px 8px 12px;border-radius:14px;background:#ffffff8c;cursor:pointer;transition:border-color .2s ease,background .2s ease;border:3px solid transparent;-webkit-tap-highlight-color:transparent}.starter-card:active{background:#ffffffbf}.starter-card.selected{border-color:#d4b5e0;background:#d4b5e040}.starter-card .starter-sprite{width:64px;height:64px;image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;margin-bottom:8px}.starter-name{font-weight:700;font-size:13px;color:#3d3356;text-align:center;margin-bottom:4px}.starter-type{font-size:11px;font-weight:600;text-align:center;text-transform:uppercase}.starter-confirm{display:block;min-width:160px;height:46px;border:none;border-radius:14px;background:#4caf50;color:#fff;font-weight:700;font-size:17px;font-family:sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease}.starter-confirm:active{opacity:.8}#food-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:30;display:flex;align-items:center;justify-content:center}.food-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006}.food-card{position:relative;z-index:1;background:#f5f0fa;border-radius:16px;padding:20px;width:280px;box-shadow:0 4px 20px #00000026;font-family:sans-serif}.food-title{font-weight:700;font-size:18px;color:#5a4e6e;text-align:center;margin-bottom:14px}.food-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;margin-bottom:8px;border:none;border-radius:12px;background:#f3edf8;cursor:pointer;font-family:sans-serif;-webkit-tap-highlight-color:transparent;transition:background .15s ease}.food-item:last-child{margin-bottom:0}.food-item:active{background:#e5d8f0}.food-item-name{font-size:15px;font-weight:600;color:#2d3436}.food-item-restore{font-size:14px;font-weight:700;color:#4caf50}#walk-panel{position:absolute;bottom:60px;left:0;width:100%;background:linear-gradient(to bottom,#e8d5f5,#f0e6f6);z-index:15;padding:16px 20px 18px;border-radius:20px 20px 0 0;box-shadow:0 -4px 16px #7864a026;font-family:sans-serif;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:10px}.walk-name{font-weight:700;font-size:16px;color:#5a4e6e;text-align:center}.walk-gauge-row{display:flex;align-items:center;gap:8px;width:100%;max-width:300px}.walk-gauge-label{width:60px;text-align:right;font-size:11px;color:#2d3436;flex-shrink:0}.walk-gauge-track{flex:1;height:16px;background:#ede7f3;border-radius:8px;overflow:hidden}.walk-gauge-fill{height:100%;border-radius:8px;background:#ffcc80;transition:width .3s ease;width:0%}.walk-timer{width:36px;font-size:11px;color:#2d3436;flex-shrink:0;text-align:left}.walk-btn-return{min-width:120px;height:40px;border:none;border-radius:12px;background:#ffcc80;color:#bf360c;font-weight:700;font-size:15px;font-family:sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease}.walk-btn-return:active{opacity:.8}#nav-bar{position:absolute;bottom:0;left:0;width:100%;height:60px;z-index:20;display:flex;align-items:stretch;background:linear-gradient(to bottom,#e8d5f5,#f0e6f6);border-top:1px solid #D4B5E0;font-family:sans-serif;pointer-events:auto}.nav-tab{flex:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0;min-height:60px;font-size:14px;font-weight:600;font-family:sans-serif;color:#5a4e6e;transition:background .15s ease}.nav-tab-active{background:#d4b5e0;color:#2d2040}.nav-tab:active{opacity:.8}#storage-screen,#settings-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;background:linear-gradient(to bottom,#e8d5f5,#f0e6f6,#d4e7ed);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:sans-serif;padding:24px 16px;overflow-y:auto}.storage-grid{grid-template-rows:auto}.storage-empty{font-size:15px;color:#6b5e7b;text-align:center;margin-top:40px;margin-bottom:24px}.storage-gauges{display:flex;flex-direction:column;gap:3px;width:100%;margin-top:4px}.storage-mini-gauge{width:100%}.storage-mini-gauge-track{width:100%;height:5px;background:#ede7f3;border-radius:3px;overflow:hidden}.storage-mini-gauge-fill{height:100%;border-radius:3px}.storage-actions{display:flex;gap:12px;margin-top:16px;align-items:center}.storage-swap-btn{min-width:140px;height:46px;border:none;border-radius:14px;background:#4caf50;color:#fff;font-weight:700;font-size:17px;font-family:sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease}.storage-swap-btn:active{opacity:.8}.storage-back-btn{min-width:120px;height:46px;border:none;border-radius:14px;background:#5a4e6e33;color:#5a4e6e;font-weight:700;font-size:16px;font-family:sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease;margin-top:12px}.storage-back-btn:active{opacity:.8}.settings-section{width:100%;max-width:350px;margin-bottom:20px}.settings-label{font-weight:700;font-size:14px;color:#5a4e6e;margin-bottom:8px;text-align:left}.settings-lang-row{display:flex;gap:8px}.settings-lang-btn{flex:1;height:44px;border:2px solid transparent;border-radius:12px;background:#ffffff8c;color:#3d3356;font-weight:700;font-size:16px;font-family:sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,border-color .2s ease}.settings-lang-btn.active{border-color:#d4b5e0;background:#d4b5e059}.settings-lang-btn:active{opacity:.8}.settings-export-btn{display:block;width:100%;height:46px;border:none;border-radius:14px;background:#95d5b2;color:#1b5e20;font-weight:700;font-size:16px;font-family:sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease;margin-bottom:10px}.settings-export-btn:active{opacity:.8}.settings-import-btn{display:block;width:100%;height:46px;border:none;border-radius:14px;background:#a8d8ea;color:#1565c0;font-weight:700;font-size:16px;font-family:sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s ease}.settings-import-btn:active{opacity:.8}.settings-about{font-size:13px;color:#889;text-align:center;margin-top:16px;margin-bottom:8px;line-height:1.6}@media(min-width:500px){#app{background:radial-gradient(ellipse at center,#e8dcf0,#d4c8e2)}#desktop-frame{max-height:90vh;aspect-ratio:9 / 16;border-radius:24px;border:4px solid #D4B5E0;box-shadow:0 0 30px #b4a0d24d,inset 0 0 10px #c8b4dc26}#game-canvas{border-radius:20px}}