*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0a0a14;--bg-panel:#12121e;--bg-panel-light:#1a1a2e;--border-color:#2a2a4a;--border-glow:#4a4a8a;--text-primary:#e0e0f0;--text-secondary:#88a;--text-accent:#fc4;--hp-green:#4ade80;--hp-yellow:#fbbf24;--hp-red:#ef4444;--xp-blue:#60a5fa;--type-fire:#f08030;--type-water:#6890f0;--type-grass:#78c850;--type-electric:#f8d030;--type-psychic:#f85888;--type-ice:#98d8d8;--type-dragon:#7038f8;--type-ghost:#705898;--type-poison:#a040a0;--type-ground:#e0c068;--type-flying:#a890f0;--type-fighting:#c03028;--type-rock:#b8a038;--type-bug:#a8b820;--type-normal:#a8a878;--glass-bg:#151528a6;--glass-border:#9e75f066;--neon-glow:#3bf9;--console-metal:#363d49;--console-led:#00d4ff80;--canvas-aspect:504 / 360;--bezel-pad-x:40px;--bezel-pad-y:40px;--font-pixel:"Press Start 2P", monospace;--font-size-xs:6px;--font-size-sm:8px;--font-size-md:10px;--font-size-lg:14px;--font-size-xl:20px;--font-size-xxl:28px}html,body{background-color:var(--bg-dark);width:100%;height:100%;font-family:var(--font-pixel);color:var(--text-primary);overflow:hidden}#game-container{background:radial-gradient(#0f0f2a 0%,#050510 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#game-wrapper{background:linear-gradient(145deg, var(--console-metal) 0%, #181825 100%);width:min(calc(100vw - 32px), calc((100vh - 48px) * var(--canvas-aspect) + var(--bezel-pad-x)));border:2px solid #475c85cc;border-radius:12px;max-width:1400px;padding:16px 20px 24px;font-size:clamp(10px,1.35vmin,16px);position:relative;box-shadow:0 0 30px #4a90e226,0 0 80px #8a4ae214,inset 0 1px #ffffff1a,inset 0 -2px 8px #00000080}#game-wrapper:before{content:"";background:linear-gradient(90deg, transparent, var(--console-led), transparent);opacity:.7;border-radius:2px;width:60%;height:3px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.console-bezel{width:100%;aspect-ratio:var(--canvas-aspect);border-radius:6px;line-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0009,0 2px 8px #0006}.console-bezel:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff0a 0%,#0000 100%);height:40%;position:absolute;top:0;left:0;right:0}#game-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border:2px solid var(--border-color);border-radius:4px;display:block;box-shadow:0 0 20px #4a4a8a4d,0 0 60px #4a4a8a1a,inset 0 0 30px #00000080}#ui-overlay{pointer-events:none;z-index:40;border-radius:4px;width:auto;height:auto;position:absolute;inset:16px 20px 24px;overflow:hidden}#ui-overlay.dialog-mode{pointer-events:all;-webkit-backdrop-filter:blur(3px);background:#00000080}#ui-overlay:not(.hidden){pointer-events:all;-webkit-backdrop-filter:blur(4px);background:#00000073}.hidden{display:none!important}#menu-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow-y:auto}#ui-overlay.dialog-mode #menu-container{justify-content:stretch;align-items:flex-end;padding:0}#ui-overlay.dialog-mode .dialog-panel{border:2px solid var(--neon-glow);width:calc(100% - 16px);min-height:90px;margin:0 8px 8px;box-shadow:0 0 20px #64b4ff40}#loading-screen{z-index:100;background:linear-gradient(135deg,#0a0a1a 0%,#1a0a2a 50%,#0a0a1a 100%);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.loading-title{font-family:var(--font-pixel);font-size:var(--font-size-xxl);color:var(--text-accent);text-shadow:0 0 10px #ffcc4480,0 0 30px #ffcc444d,2px 2px #c90;letter-spacing:4px;animation:2s ease-in-out infinite titlePulse}@keyframes titlePulse{0%,to{text-shadow:0 0 10px #ffcc4480,0 0 30px #ffcc444d,2px 2px #c90}50%{text-shadow:0 0 20px #fc4c,0 0 50px #ffcc4480,2px 2px #c90}}.loading-pokeball{width:48px;height:48px;animation:1.5s ease-in-out infinite pokeBallSpin;position:relative}.pokeball-top{background:#ef4444;border:3px solid #333;border-bottom:none;border-radius:24px 24px 0 0;width:48px;height:24px}.pokeball-center{background:#333;justify-content:center;align-items:center;width:48px;height:6px;display:flex;position:relative}.pokeball-center:after{content:"";background:#fff;border:3px solid #333;border-radius:50%;width:14px;height:14px;position:absolute;top:-4px}.pokeball-bottom{background:#fff;border:3px solid #333;border-top:none;border-radius:0 0 24px 24px;width:48px;height:24px}@keyframes pokeBallSpin{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.loading-text{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--text-secondary);animation:1.5s ease-in-out infinite loadingDots}@keyframes loadingDots{0%,to{opacity:.5}50%{opacity:1}}.loading-bar-container{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;width:200px;height:8px;overflow:hidden}.loading-bar{background:linear-gradient(90deg, var(--type-electric) 0%, var(--text-accent) 100%);border-radius:4px;width:0%;height:100%;transition:width .3s;box-shadow:0 0 6px #f8d03080}.game-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:8px;padding:16px;box-shadow:0 4px 24px #00000080,0 0 20px #8a4ae21a,inset 0 1px #ffffff14}.game-panel-title{font-family:var(--font-pixel);color:var(--text-accent);text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:8px;font-size:1.15em}.menu-option{font-family:var(--font-pixel);color:var(--text-primary);cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:1em;transition:all 50ms ease-out;display:flex}.menu-option:hover{border-color:var(--glass-border);background:#40267366}.menu-option.selected{border-color:var(--neon-glow);color:var(--text-accent);background:#33196680;transform:translate(2px);box-shadow:0 0 12px #64b4ff33}.menu-option .cursor{opacity:0;transition:opacity 50ms,text-shadow 50ms}.menu-option.selected .cursor{opacity:1;text-shadow:0 0 8px var(--neon-glow), 0 0 16px var(--text-accent);animation:1.2s ease-in-out infinite cursorPulse}@keyframes cursorPulse{0%,to{opacity:1;text-shadow:0 0 8px var(--neon-glow)}50%{opacity:.85;text-shadow:0 0 14px var(--neon-glow), 0 0 24px var(--text-accent)}}.hp-bar-container{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:3px;width:100%;height:6px;overflow:hidden}.hp-bar-fill{border-radius:3px;height:100%;transition:width .3s,background-color .3s}.hp-bar-fill.high{background:var(--hp-green)}.hp-bar-fill.medium{background:var(--hp-yellow)}.hp-bar-fill.low{background:var(--hp-red)}.xp-bar-container{background:var(--bg-dark);border-radius:2px;width:100%;height:4px;overflow:hidden}.xp-bar-fill{background:var(--xp-blue);border-radius:2px;height:100%;transition:width .3s}.type-badge{font-family:var(--font-pixel);font-size:var(--font-size-xs);color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px #0000004d;border-radius:2px;padding:2px 6px}.type-badge.normal{background:var(--type-normal)}.type-badge.fire{background:var(--type-fire)}.type-badge.water{background:var(--type-water)}.type-badge.electric{background:var(--type-electric)}.type-badge.grass{background:var(--type-grass)}.type-badge.ice{background:var(--type-ice)}.type-badge.fighting{background:var(--type-fighting)}.type-badge.poison{background:var(--type-poison)}.type-badge.ground{background:var(--type-ground)}.type-badge.flying{background:var(--type-flying)}.type-badge.psychic{background:var(--type-psychic)}.type-badge.bug{background:var(--type-bug)}.type-badge.rock{background:var(--type-rock)}.type-badge.ghost{background:var(--type-ghost)}.type-badge.dragon{background:var(--type-dragon)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.loading-title{font-size:var(--font-size-lg)}.loading-bar-container{width:150px}}#touch-controls{pointer-events:none;z-index:20;display:none;position:absolute;inset:0}#touch-controls .touch-pad,#touch-controls .touch-actions{pointer-events:auto}.touch-pad{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);gap:5px;display:grid;position:absolute;bottom:8px;left:8px}.touch-actions{flex-direction:column;align-items:flex-end;gap:6px;max-width:140px;display:flex;position:absolute;bottom:8px;right:8px}.touch-actions>.touch-btn{width:44px;height:40px;font-size:9px}.touch-moves{grid-template-columns:repeat(2,44px);gap:4px;display:grid}.touch-btn{border:2px solid var(--border-glow);width:48px;height:48px;color:var(--text-primary);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#12121ebf;border-radius:8px;font-family:"Press Start 2P",monospace;font-size:10px}.touch-btn:active{background:#4a4a8ad9}.touch-z{background:#4a8c50b3}.touch-x{background:#8c504ab3}@media (hover:none),(pointer:coarse){#touch-controls{display:block}}#ui-overlay:not(.hidden){z-index:40;pointer-events:auto}#touch-controls{z-index:15}body.menu-open #touch-controls .touch-btn{pointer-events:none!important}.menu-option{min-height:28px}@keyframes victoryBlink{0%{opacity:.85}to{opacity:1;filter:drop-shadow(0 0 6px #4ade80)}}