:root{--bg-page:#e8dcc4;--bg-dark:#1a1a2a;--bg-panel:#1a1a2a;--bg-card:#fff;--bg-input:#f5f0e4;--bg-hover:#f0e8d4;--bg-sidebar:#1a1a2a;--bg-header:#1a1a2a;--bg-main:#e8dcc4;--text-primary:#3a2a1a;--text-secondary:#6a5a4a;--text-muted:#8a7a6a;--text-accent:#c84040;--text-light:#fff;--border-color:#c8b898;--border-dark:#2a2a4a;--border-active:#a03030;--border-glow:#c84040;--accent-primary:#c84040;--accent-secondary:#ff6a9f;--accent-success:#4a8a4a;--accent-warning:#b8922a;--accent-danger:#c84040;--accent-info:#4a7ab8;--hp-high:#4a8a4a;--hp-mid:#b8922a;--hp-low:#c84040;--xp-bar:#4a7ab8;--tier-whale:#ff4af0;--tier-gold:#b8922a;--tier-silver:#8a8a9a;--tier-bronze:#cd7f32;--tier-free:#8a7a6a;--pixel-border:2px solid var(--border-color);--pixel-shadow:4px 4px 0 #00000026;--header-height:40px;--sidebar-width:180px;--bottom-nav-height:56px;--font-xs:8px;--font-sm:10px;--font-md:12px;--font-lg:14px;--font-xl:18px;--font-2xl:24px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}body{color:var(--text-primary);background:var(--bg-page);overflow-x:hidden;min-height:100vh;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.8}#root{min-height:100vh}button{cursor:pointer;outline:none;border:none;font-family:inherit}input,textarea,select{outline:none;border:none;font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#e0d4b8}::-webkit-scrollbar-thumb{background:#c8b898}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pixelBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes spriteWalk{0%,to{transform:translate(0)}25%{transform:translate(-2px)translateY(-1px)}50%{transform:translate(0)}75%{transform:translate(2px)translateY(-1px)}}@keyframes glow{0%,to{box-shadow:0 0 4px var(--accent-primary)}50%{box-shadow:0 0 12px var(--accent-primary),0 0 20px #6a6aff4d}}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes typewriter{0%{width:0}to{width:100%}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-blink{animation:blink 1s step-end infinite}.animate-bounce{animation:pixelBounce .6s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.panel{background:var(--bg-panel);border:var(--pixel-border);padding:var(--space-lg);position:relative}.panel:before{content:"";position:absolute;pointer-events:none;border:2px solid #6a6aff1a;inset:-2px}.panel-header{display:flex;padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:var(--pixel-border);justify-content:space-between;align-items: center}.panel-title{font-size:var(--font-md);color:var(--text-accent);text-transform:uppercase;letter-spacing:1px}.panel-body{overflow-y:auto}.panel-scroll{max-height:calc(100vh - var(--header-height) - 120px);overflow-y:auto}.card{background:var(--bg-card);border:var(--pixel-border);padding:var(--space-md);transition:border-color .2s}.card:hover{border-color:var(--border-active)}.card-active{border-color:var(--accent-primary);box-shadow:0 0 8px #6a6aff33}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.flex-row{display:flex;align-items: center;gap:var(--space-sm)}.flex-col{display:flex;gap:var(--space-sm);flex-direction:column}.flex-between{display:flex;justify-content:space-between;align-items: center}.battle-screen{display:grid;grid-template-rows:1fr auto;gap:var(--space-lg);min-height:400px}.battle-field{display:flex;padding:var(--space-xl);border:var(--pixel-border);position:relative;overflow:hidden;background:linear-gradient(#1a1a3a 0%,#0e1e0e 100%);justify-content:space-between;align-items: center}.battle-field:after{content:"";position:absolute;background:linear-gradient(#0000,#1e501e4d);height:40%;bottom:0;left:0;right:0}.battle-mon{display:flex;align-items: center;gap:var(--space-sm);z-index:1;flex-direction:column}.battle-mon-player{align-self: flex-end}.battle-mon-wild{align-self: flex-start}.battle-sprite{width:64px;height:64px}.battle-info{background:var(--bg-panel);border:var(--pixel-border);padding:var(--space-sm)var(--space-md);min-width:160px}.battle-name{font-size:var(--font-sm);color:var(--text-primary);margin-bottom:var(--space-xs)}.battle-level{font-size:var(--font-xs);color:var(--text-secondary)}.battle-log{background:var(--bg-card);border:var(--pixel-border);padding:var(--space-md);font-size:var(--font-xs);color:var(--text-secondary);overflow-y:auto;max-height:120px}.battle-log-entry{padding:var(--space-xs)0;border-bottom:1px solid var(--border-color)}.battle-log-entry:last-child{border-bottom:none}.battle-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}@media (max-width:768px){.layout{grid-template-columns:1fr;grid-template-rows:var(--header-height)1fr var(--bottom-nav-height)}.sidebar{display:none}.bottom-nav{display:flex}.main-content{padding:var(--space-sm);padding-bottom:calc(var(--bottom-nav-height) + var(--space-sm))}.panel{padding:var(--space-sm)}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.header-title{font-size:var(--font-sm)}.header-center{display:none}.header-right{font-size:var(--font-xs)}.battle-field{padding:var(--space-md)}.battle-sprite{width:48px;height:48px}}@media (min-width:769px) and (max-width:1024px){.layout{grid-template-columns:160px 1fr}.sidebar{width:160px}.bottom-nav{display:none}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.layout{grid-template-columns:var(--sidebar-width)1fr}.bottom-nav{display:none}}@media (max-width:480px){body{font-size:8px}.header{padding:0 var(--space-sm)}.grid-2,.battle-actions{grid-template-columns:1fr}}