*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;image-rendering:pixelated}:root{--font-pixel: "Press Start 2P", monospace;--bg-dark: #1a1208;--bg-panel: #2a1e10;--bg-panel-light: #3a2e18;--border-color: #685040;--text-color: #e8dcc0;--text-muted: #8a7e68;--accent: #c8a848;--stone-dark: #483828;--stone-mid: #685040;--stone-light: #887060;--parchment: #e8dcc0;--parchment-dark: #b8a878;--wood-dark: #4a3828;--wood-mid: #685038;--gold: #c8a848;--gold-bright: #f0d060;--gold-dark: #8a6820;--hp-green: #48a048;--hp-yellow: #c8a030;--hp-red: #b83028;--exp-blue: #4878b0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-pixel);font-size:10px;background:var(--bg-dark);color:var(--text-color);display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}button{font-family:var(--font-pixel);cursor:pointer;border-radius:0;-webkit-font-smoothing:none}img{image-rendering:pixelated}.game-window{width:100%;height:100%;background:#1a1208;border:none;border-radius:0;overflow:hidden;box-shadow:0 0 0 4px #2a1e14,0 0 0 6px #5a4830,0 0 0 8px #6a5840,0 0 0 10px #5a4830,0 0 0 12px #2a1e14,0 0 0 14px #1a1208,0 0 0 16px #483828,0 0 0 18px #685040,0 0 0 20px #483828,0 8px 0 20px #0009}.starter-select{padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:24px;background:#2a1e10;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(200,168,72,.05) 3px,rgba(200,168,72,.05) 4px);min-height:500px}.starter-title{font-size:16px;color:var(--gold-bright);text-shadow:2px 0 0 var(--gold-dark),-2px 0 0 var(--gold-dark),0 2px 0 var(--gold-dark),0 -2px 0 var(--gold-dark);text-align:center}.starter-cards{display:flex;gap:16px;justify-content:center}.starter-card{background:linear-gradient(180deg,#e8dcc0 0% 50%,#d8c8a0 50% 100%);border:none;border-radius:0;padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:none;width:180px;box-shadow:-4px 0 #483828,4px 0 #483828,0 -4px #483828,0 4px #483828,-4px -4px #483828,4px -4px #483828,-4px 4px #483828,4px 4px #483828,-6px 0 #685040,6px 0 #685040,0 -6px #685040,0 6px #685040,-8px 0 #483828,8px 0 #483828,0 -8px #483828,0 8px #483828,inset 2px 2px #ffffff26,inset -2px -2px #00000026}.starter-card:hover{border-color:transparent;transform:none;box-shadow:-4px 0 0 0 var(--gold-dark),4px 0 0 0 var(--gold-dark),0 -4px 0 0 var(--gold-dark),0 4px 0 0 var(--gold-dark),-4px -4px 0 0 var(--gold-dark),4px -4px 0 0 var(--gold-dark),-4px 4px 0 0 var(--gold-dark),4px 4px 0 0 var(--gold-dark),-6px 0 0 0 var(--gold),6px 0 0 0 var(--gold),0 -6px 0 0 var(--gold),0 6px 0 0 var(--gold),-8px 0 0 0 var(--gold-dark),8px 0 0 0 var(--gold-dark),0 -8px 0 0 var(--gold-dark),0 8px 0 0 var(--gold-dark),inset 2px 2px #fff3,inset -2px -2px #00000026}.starter-card h3{font-size:11px;color:#3a2818}.starter-sprite{width:80px;height:80px;image-rendering:pixelated}.starter-types{display:flex;gap:6px}.starter-stats{font-size:8px;color:#5a4838;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;text-align:left;width:100%}.choose-btn{font-size:9px;padding:8px 20px;background:var(--gold);color:#2a1808;border:4px solid var(--wood-dark);border-radius:0;text-shadow:none;transition:none;box-shadow:2px 2px #0006,inset 2px 2px #fff3}.choose-btn:hover{opacity:1;background:var(--gold-bright)}.type-badge{font-size:7px;padding:2px 8px;border-radius:0;color:#fff;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.4);border:2px solid rgba(0,0,0,.3)}.type-normal{background:#908860}.type-fire{background:#c86828}.type-water{background:#5878c8}.type-electric{background:#c8a828;color:#1a1808;text-shadow:none}.type-grass{background:#60a040}.type-ice{background:#78b0b0;color:#1a2828;text-shadow:none}.type-fighting{background:#a02820}.type-poison{background:#883088}.type-ground{background:#c0a050;color:#1a1808;text-shadow:none}.type-flying{background:#9078c8}.type-psychic{background:#d04870}.type-bug{background:#90a018}.type-rock{background:#a08830}.type-ghost{background:#604878}.type-dragon{background:#6030c8}.type-dark{background:#584038}.type-steel{background:#9898b0;color:#1a1a20;text-shadow:none}.type-fairy{background:#c87890}.battle-screen{display:flex;flex-direction:column;position:relative}.battle-scene{position:relative;width:560px;height:480px;overflow:hidden;background-image:url(/backgrounds/grassland.png);background-size:cover;background-position:center bottom}.bg-layer,.bg-sky,.bg-clouds,.bg-mountains,.bg-trees-far,.bg-trees-near,.bg-field,.bg-field-detail{display:none}.bg-sky{top:0;height:55%;background:linear-gradient(180deg,#0e1428 0% 14.28%,#1a2848 14.28% 28.56%,#283858 28.56% 42.84%,#384868 42.84% 57.12%,#4a5878 57.12% 71.4%,#5a6888 71.4% 85.68%,#7a88a0 85.68% 100%)}.bg-clouds{top:0;height:45%;z-index:1}.cloud{position:absolute;background:#8c96aa66;border-radius:0;filter:none}.cloud:before,.cloud:after{content:"";position:absolute;background:#8c96aa66;border-radius:0}.cloud-1{width:80px;height:16px;top:25px;left:10%;animation:cloudDrift 45s linear infinite}.cloud-1:before{width:40px;height:20px;top:-14px;left:10px}.cloud-1:after{width:50px;height:18px;top:-10px;left:30px}.cloud-2{width:100px;height:18px;top:45px;left:55%;animation:cloudDrift 60s linear infinite}.cloud-2:before{width:55px;height:22px;top:-16px;left:15px}.cloud-2:after{width:60px;height:20px;top:-12px;left:40px}.cloud-3{width:60px;height:14px;top:60px;left:80%;animation:cloudDrift 35s linear infinite;opacity:.5}.cloud-3:before{width:30px;height:16px;top:-10px;left:8px}.cloud-3:after{width:35px;height:14px;top:-8px;left:22px}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(-120px)}}.bg-mountains{top:15%;height:42%;z-index:2}.bg-mountains:before{content:"";position:absolute;bottom:18%;left:0;right:0;height:85%;background:linear-gradient(180deg,#4a4060 0% 33%,#3a3050 33% 66%,#2a2040 66% 100%);clip-path:polygon(0% 100%,0% 65%,5% 50%,10% 40%,15% 48%,20% 35%,26% 20%,30% 30%,35% 38%,40% 28%,45% 18%,48% 12%,52% 22%,55% 30%,60% 35%,65% 25%,70% 15%,73% 10%,76% 18%,80% 28%,85% 35%,90% 25%,95% 38%,100% 45%,100% 100%)}.bg-mountains:after{content:"";position:absolute;bottom:10%;left:0;right:0;height:70%;background:linear-gradient(180deg,#1a3020 0% 33%,#142818 33% 66%,#0e2010 66% 100%);clip-path:polygon(0% 100%,0% 70%,4% 60%,8% 52%,14% 45%,18% 38%,22% 42%,28% 35%,32% 40%,36% 48%,42% 38%,46% 32%,50% 42%,54% 50%,58% 40%,62% 35%,66% 30%,70% 38%,74% 45%,78% 35%,82% 42%,86% 50%,90% 40%,94% 48%,98% 55%,100% 60%,100% 100%)}.bg-trees-far{top:38%;height:18%;z-index:3;background:radial-gradient(ellipse 18px 22px at 5% 80%,#1a3818 90%,transparent 90%),radial-gradient(ellipse 22px 28px at 12% 75%,#1e4020 90%,transparent 90%),radial-gradient(ellipse 20px 25px at 20% 78%,#1a3418 90%,transparent 90%),radial-gradient(ellipse 24px 30px at 30% 72%,#204422 90%,transparent 90%),radial-gradient(ellipse 18px 24px at 38% 80%,#1c3a1a 90%,transparent 90%),radial-gradient(ellipse 22px 26px at 45% 76%,#1e3e1c 90%,transparent 90%),radial-gradient(ellipse 20px 24px at 55% 78%,#1a3218 90%,transparent 90%),radial-gradient(ellipse 26px 30px at 63% 72%,#1e421e 90%,transparent 90%),radial-gradient(ellipse 20px 26px at 72% 77%,#1a3618 90%,transparent 90%),radial-gradient(ellipse 24px 28px at 80% 74%,#1e4020 90%,transparent 90%),radial-gradient(ellipse 22px 26px at 88% 78%,#1a3818 90%,transparent 90%),radial-gradient(ellipse 20px 24px at 95% 80%,#182e16 90%,transparent 90%)}.bg-trees-near{top:42%;height:18%;z-index:4;background:radial-gradient(ellipse 30px 36px at 2% 85%,#1a3818 90%,transparent 90%),radial-gradient(ellipse 35px 42px at 10% 78%,#1e4820 90%,transparent 90%),radial-gradient(ellipse 28px 34px at 18% 82%,#163010 90%,transparent 90%),radial-gradient(ellipse 38px 44px at 82% 78%,#1a4018 90%,transparent 90%),radial-gradient(ellipse 32px 38px at 90% 82%,#1a4618 90%,transparent 90%),radial-gradient(ellipse 30px 36px at 97% 85%,#143010 90%,transparent 90%)}.bg-field{top:50%;bottom:0;z-index:5;background:linear-gradient(180deg,#3a6828 0% 14%,#345e24 14% 28%,#2e5420 28% 42%,#284a1c 42% 57%,#224018 57% 71%,#1c3614 71% 85%,#182808 85% 100%)}.bg-field-detail{top:50%;bottom:0;z-index:6;background:repeating-linear-gradient(90deg,transparent,transparent 31px,rgba(0,0,0,.12) 31px,rgba(0,0,0,.12) 33px),repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(0,0,0,.12) 31px,rgba(0,0,0,.12) 33px),radial-gradient(ellipse 260px 28px at 40% 50%,rgba(100,80,40,.35) 0%,transparent 100%),radial-gradient(ellipse 180px 22px at 60% 70%,rgba(100,80,40,.3) 0%,transparent 100%),radial-gradient(ellipse 18px 10px at 8% 25%,rgba(20,60,10,.5) 60%,transparent 60%),radial-gradient(ellipse 14px 8px at 22% 60%,rgba(20,60,10,.4) 60%,transparent 60%),radial-gradient(ellipse 16px 9px at 48% 35%,rgba(20,60,10,.4) 60%,transparent 60%),radial-gradient(ellipse 20px 11px at 72% 55%,rgba(20,60,10,.5) 60%,transparent 60%),radial-gradient(ellipse 15px 9px at 88% 30%,rgba(20,60,10,.4) 60%,transparent 60%),radial-gradient(ellipse 18px 10px at 35% 80%,rgba(20,60,10,.5) 60%,transparent 60%),radial-gradient(ellipse 16px 9px at 65% 85%,rgba(20,60,10,.4) 60%,transparent 60%),radial-gradient(ellipse 14px 10px at 5% 75%,rgba(80,70,55,.8) 70%,transparent 70%),radial-gradient(ellipse 16px 12px at 92% 68%,rgba(90,75,60,.8) 70%,transparent 70%),radial-gradient(ellipse 12px 9px at 45% 88%,rgba(75,65,50,.7) 70%,transparent 70%),radial-gradient(ellipse 10px 8px at 68% 30%,rgba(85,70,55,.7) 70%,transparent 70%)}.info-box{background:url(/ui/parchment.png) repeat;background-size:64px 64px;background-color:#e8dcc0;border:4px solid #5a3e20;border-radius:0;padding:8px 14px 6px;min-width:200px;position:relative;box-shadow:inset 2px 2px #ffdca04d,inset -2px -2px #00000026,0 0 0 2px #3a2810,0 0 0 4px #6a4e30,0 0 0 6px #8a6840,0 0 0 8px #6a4e30,0 0 0 10px #3a2810,2px 4px 0 10px #0000004d}.info-name-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;border-bottom:2px solid #a89870;padding-bottom:3px}.info-pokemon-name{font-size:11px;color:#3a2818;font-weight:700;letter-spacing:.5px}.info-pokemon-level{font-size:10px;color:var(--gold-dark)}.info-hp-numbers{font-size:9px;color:#4a3828;text-align:right;margin-top:1px}.hp-bar{display:flex;align-items:center;gap:6px;margin-top:4px}.hp-label{font-size:8px;color:var(--gold);font-weight:700}.hp-track{flex:1;height:8px;background:#1a1208;border-radius:0;overflow:hidden;border:2px solid #483828;box-shadow:inset 1px 1px #0006}.hp-fill{height:100%;border-radius:0;transition:width .3s linear}.exp-bar{display:flex;align-items:center;gap:6px;margin-top:4px}.exp-label{font-size:8px;color:var(--exp-blue);font-weight:700}.exp-track{flex:1;height:6px;background:#1a1208;border-radius:0;overflow:hidden;border:2px solid #483828;box-shadow:inset 1px 1px #0006}.exp-fill{height:100%;background:var(--exp-blue);border-radius:0;transition:width .3s linear}.enemy-info-anchor{position:absolute;top:60px;right:180px;z-index:20}.player-info-anchor{position:absolute;bottom:175px;left:185px;z-index:20}.speed-overlay{position:absolute;top:12px;right:12px;z-index:25}.speed-controls{display:flex;gap:3px}.speed-btn{font-size:8px;padding:4px 8px;background:url(/ui/wood-button.png) center / cover no-repeat;background-color:#685040;color:var(--parchment);border:2px solid #483828;border-radius:0;transition:none;box-shadow:2px 2px #0000004d,inset 1px 1px #ffffff1a}.speed-btn.active{background:var(--gold);color:#1a1008;border-color:var(--gold-dark);text-shadow:none;box-shadow:2px 2px #0000004d,inset 1px 1px #ffffff40}.speed-btn:hover{border-color:var(--gold-dark)}.sprite-container{position:absolute;z-index:10}.sprite-container img{image-rendering:pixelated;position:relative;z-index:1}.sprite-shadow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:80%;height:12px;background:#00000040;border-radius:50%;z-index:0}.enemy-sprite{right:40px;top:80px}.enemy-sprite img{width:120px;height:120px}.player-sprite{left:30px;bottom:175px}.player-sprite img{width:140px;height:140px}.hit-flash{animation:hitFlash .3s steps(4)}@keyframes hitFlash{0%,to{opacity:1}25%{opacity:.1}50%{opacity:1}75%{opacity:.1}}.faint-anim{animation:faint .8s steps(8) forwards}@keyframes faint{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.bottom-panel{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;height:160px;z-index:30;border-top:4px solid #483828}.battle-text-box{height:50px;flex-shrink:0;background:url(/ui/parchment.png) repeat;background-size:128px 128px;background-color:#e0d4b8;padding:8px 18px;display:flex;align-items:center;border-bottom:4px solid #483828;box-shadow:inset 2px 2px #ffffff26,inset -2px -2px #00000014}.text-box-inner{width:100%}.battle-text-box p{font-size:11px;line-height:1.5;color:#2a1808}.text-cursor{display:inline-block;margin-left:4px;font-size:10px;color:#4a3828;animation:cursorBlink .8s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.bottom-right-panel{width:100%;flex:1;background:url(/ui/wood-button.png) center / cover no-repeat;background-color:#483828;padding:8px 10px;display:flex;align-items:stretch}.move-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%;align-items:stretch}.move-cell{padding:6px 8px;border-radius:0;font-size:9px;background-color:#f0e8d0;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center;gap:3px;border:2px solid rgba(0,0,0,.3);cursor:default;box-shadow:inset 2px 2px #ffffff26,inset -2px -2px #0000001a,2px 2px #0003}.move-top-row{display:flex;align-items:center;gap:5px}.move-category-icon{font-size:14px;line-height:1;flex-shrink:0}.move-name{font-weight:700;flex:1;min-width:0}.move-stats{opacity:.9;font-size:7px;display:flex;gap:8px}.move-stat-label{opacity:.7}.move-pp{opacity:.75;font-size:7px}.type-bg-normal{background:#908860}.type-bg-fire{background:#c86828}.type-bg-water{background:#5878c8}.type-bg-electric{background:#c8a828;color:#1a1808;text-shadow:none}.type-bg-grass{background:#60a040}.type-bg-ice{background:#78b0b0;color:#1a2828;text-shadow:none}.type-bg-fighting{background:#a02820}.type-bg-poison{background:#883088}.type-bg-ground{background:#c0a050;color:#1a1808;text-shadow:none}.type-bg-flying{background:#9078c8}.type-bg-psychic{background:#d04870}.type-bg-bug{background:#90a018}.type-bg-rock{background:#a08830}.type-bg-ghost{background:#604878}.type-bg-dragon{background:#6030c8}.type-bg-dark{background:#584038}.type-bg-steel{background:#9898b0;color:#1a1a20;text-shadow:none}.type-bg-fairy{background:#c87890}.move-swap-btn{position:absolute;top:4px;right:4px;z-index:10;font-size:7px;padding:2px 6px;background:var(--gold);color:#2a1808;border:2px solid var(--gold-dark);border-radius:0;cursor:pointer;font-weight:700;letter-spacing:.5px;box-shadow:1px 1px #0000004d,inset 1px 1px #fff3}.move-swap-btn:hover{background:var(--gold-bright)}.move-panel-overlay{position:absolute;inset:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center}.move-panel{background:url(/ui/parchment.png) repeat;background-size:64px 64px;background-color:#e8dcc0;width:420px;max-height:400px;display:flex;flex-direction:column;box-shadow:inset 2px 2px #ffdca04d,inset -2px -2px #00000026,0 0 0 4px #5a3e20,0 0 0 6px #3a2810,0 0 0 8px #6a4e30,0 0 0 10px #8a6840,0 0 0 12px #6a4e30,0 0 0 14px #3a2810,4px 6px 0 14px #0006}.move-panel-header{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px 6px;border-bottom:2px solid #a89870}.move-panel-title{font-size:12px;font-weight:700;color:#3a2818}.move-panel-species{font-size:10px;color:var(--gold-dark)}.move-panel-section-label{font-size:8px;color:var(--gold-dark);padding:6px 14px 2px;text-transform:uppercase;letter-spacing:.5px}.move-panel-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 14px}.move-panel-slot{padding:5px 4px;font-size:8px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.4);display:flex;align-items:center;gap:3px;border:2px solid rgba(0,0,0,.3);cursor:pointer;box-shadow:inset 2px 2px #ffffff26,inset -2px -2px #0000001a;text-align:center;justify-content:center;min-width:0;overflow:hidden}.move-panel-slot.empty{background:#c8b898;color:#8a7a60;text-shadow:none;cursor:default}.move-panel-slot:not(.empty):hover{border-color:#c04040}.move-panel-slot-icon{font-size:11px;line-height:1}.move-panel-slot-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.move-panel-list{flex:1;overflow-y:auto;margin:4px 14px;border:2px solid #a89870;background:#0000000d;max-height:160px}.move-panel-list::-webkit-scrollbar{width:6px}.move-panel-list::-webkit-scrollbar-track{background:#d8c8a0}.move-panel-list::-webkit-scrollbar-thumb{background:#685040;border-radius:0}.move-panel-item{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:9px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.4);cursor:pointer;border-bottom:1px solid rgba(0,0,0,.15);border-left:3px solid transparent}.move-panel-item:last-child{border-bottom:none}.move-panel-item:hover{filter:brightness(1.1)}.move-panel-item.selected{border-left:3px solid var(--gold-bright);box-shadow:inset 0 0 0 1px var(--gold)}.move-panel-item-icon{font-size:12px;line-height:1;flex-shrink:0;width:14px;text-align:center}.move-panel-item-name{font-weight:700;flex:1;min-width:0}.move-panel-item-stats{font-size:8px;opacity:.9;width:32px;text-align:right}.move-panel-item-level{font-size:7px;opacity:.7;width:28px;text-align:right}.move-panel-buttons{display:flex;gap:8px;padding:8px 14px 10px;justify-content:flex-end;border-top:2px solid #a89870}.move-panel-btn{font-size:9px;padding:6px 16px;border:2px solid #483828;border-radius:0;cursor:pointer;font-weight:700;box-shadow:2px 2px #0000004d,inset 1px 1px #ffffff26}.move-panel-btn.cancel{background:#685040;color:var(--parchment)}.move-panel-btn.cancel:hover{background:#786050}.move-panel-btn.confirm{background:var(--gold);color:#2a1808;border-color:var(--gold-dark);text-shadow:none}.move-panel-btn.confirm:hover{background:var(--gold-bright)}.battle-log{background:#1a1208;border-top:3px solid #483828;padding:6px 12px;max-height:100px}.log-title{font-size:7px;color:var(--gold);margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.log-entries{overflow-y:auto;max-height:70px;display:flex;flex-direction:column;gap:1px}.log-entry{font-size:7px;color:#b8a878;padding:1px 0}.log-entries::-webkit-scrollbar{width:4px}.log-entries::-webkit-scrollbar-track{background:#1a1208}.log-entries::-webkit-scrollbar-thumb{background:#685040;border-radius:0}.level-up-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#e8dcc0 0% 50%,#d8c8a0 50% 100%);color:#2a1808;padding:16px 32px;border:none;border-radius:0;font-size:16px;z-index:200;animation:levelUpPop .4s steps(4);text-shadow:none;box-shadow:inset 2px 2px #ffffff40,inset -2px -2px #0000001f,-4px 0 0 0 var(--gold),4px 0 0 0 var(--gold),0 -4px 0 0 var(--gold),0 4px 0 0 var(--gold),-4px -4px 0 0 var(--gold),4px -4px 0 0 var(--gold),-4px 4px 0 0 var(--gold),4px 4px 0 0 var(--gold),-6px 0 0 0 var(--gold-bright),6px 0 0 0 var(--gold-bright),0 -6px 0 0 var(--gold-bright),0 6px 0 0 var(--gold-bright),-8px 0 0 0 var(--gold),8px 0 0 0 var(--gold),0 -8px 0 0 var(--gold),0 8px 0 0 var(--gold),-8px -8px 0 0 var(--gold),8px -8px 0 0 var(--gold),-8px 8px 0 0 var(--gold),8px 8px 0 0 var(--gold),-10px 0 0 0 var(--gold-dark),10px 0 0 0 var(--gold-dark),0 -10px 0 0 var(--gold-dark),0 10px 0 0 var(--gold-dark),4px 4px 0 10px #00000080}@keyframes levelUpPop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.game-layout{display:grid;grid-template-columns:1fr 560px 1fr;height:100%;min-height:580px;background:var(--bg-dark)}.center-column{width:560px;border-left:3px solid #483828;border-right:3px solid #483828;display:flex;flex-direction:column}.center-column .battle-screen{flex:0 0 auto}.center-column .battle-log{flex:0 0 auto;max-height:100px}.center-column .town-map{flex:1;min-height:160px}.side-panel{background:var(--bg-panel);background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(200,168,72,.03) 3px,rgba(200,168,72,.03) 4px);display:flex;flex-direction:column;min-height:0;position:relative}.panel-header{background:var(--bg-panel-light);padding:8px 14px;border-bottom:2px solid #483828;box-shadow:inset 0 -2px #0003}.panel-title{font-size:8px;color:var(--gold);text-transform:uppercase;letter-spacing:1px}.panel-content{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;position:relative;overflow-y:auto;z-index:1}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.placeholder-icon{font-size:24px;opacity:.3}.placeholder-text{font-size:9px;color:var(--text-muted)}.placeholder-subtext{font-size:7px;color:var(--text-muted);opacity:.6}.tab-bar{display:flex;gap:2px;background:var(--bg-panel-light);padding:6px 6px 0;border-bottom:2px solid #483828}.tab-btn{font-size:8px;padding:6px 12px;background:var(--stone-dark);color:var(--parchment);border:2px solid #483828;border-bottom:none;border-radius:0;transition:none;flex:1;box-shadow:inset 1px 1px #ffffff14}.tab-btn.active{background:var(--gold);color:#1a1008;border-color:var(--gold-dark);text-shadow:none;box-shadow:inset 1px 1px #fff3}.tab-btn:hover:not(.active){border-color:var(--gold-dark)}.party-content{flex:1;display:flex;flex-direction:column;padding:8px;gap:6px;min-height:0;overflow:hidden}.party-list{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.party-slot{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#1a1208;border:2px solid #483828;cursor:pointer}.party-slot.active{border-color:var(--gold-dark)}.party-slot.selected{border-color:var(--gold-bright)}.party-sprite{width:32px;height:32px;image-rendering:pixelated}.party-info{flex:1;min-width:0}.party-name-row{display:flex;justify-content:space-between;font-size:8px;color:var(--parchment);margin-bottom:2px}.party-action-btn{font-size:8px;padding:4px 10px;background:#685040;color:var(--parchment);border:2px solid #483828;border-radius:0;cursor:pointer;box-shadow:1px 1px #0000004d,inset 1px 1px #ffffff1a}.party-action-btn:hover{background:#786050}.auto-catch-toggle{font-size:8px;color:var(--text-muted);display:flex;align-items:center;gap:6px;padding:6px 4px;border-bottom:2px solid #483828}.stats-panel-spacer{flex:1}.auto-catch-toggle input[type=checkbox]{accent-color:var(--gold)}.box-container{border-top:2px solid #483828}.box-header{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 8px;background:linear-gradient(180deg,#4a6838,#3a5428);border-bottom:2px solid #2a3a18}.box-header-arrow{font-size:10px;padding:1px 6px;background:#685040;color:var(--parchment);border:2px solid #483828;border-radius:0;cursor:pointer;font-weight:700;line-height:1;box-shadow:1px 1px #0000004d,inset 1px 1px #ffffff1a}.box-header-arrow:hover{background:#786050;border-color:var(--gold-dark)}.box-header-name{font-size:9px;color:var(--gold-bright);text-shadow:1px 1px 0 rgba(0,0,0,.6);letter-spacing:.5px;font-weight:700;min-width:48px;text-align:center}.box-grid-wrapper{padding:6px;display:flex;justify-content:center;align-items:flex-end;background:radial-gradient(ellipse 40px 40px at 20% 30%,rgba(60,100,40,.25) 0%,transparent 70%),radial-gradient(ellipse 50px 35px at 70% 60%,rgba(50,90,35,.2) 0%,transparent 70%),radial-gradient(ellipse 35px 45px at 45% 80%,rgba(55,95,38,.22) 0%,transparent 70%),radial-gradient(ellipse 45px 30px at 85% 20%,rgba(60,100,40,.18) 0%,transparent 70%),linear-gradient(180deg,#2a4a1e,#264418,#223e14,#1e3810,#1a3210)}.box-grid{display:grid;grid-template-columns:repeat(6,48px);grid-template-rows:repeat(5,48px);gap:4px 6px}.box-grid-slot{width:48px;height:48px;display:flex;align-items:center;justify-content:center;overflow:hidden}.box-grid-slot img{width:40px;height:40px}.box-grid-slot.filled{cursor:pointer}.box-grid-slot.filled:hover{outline:2px solid var(--gold);outline-offset:-2px;background:#c8a84826}.stats-panel{position:relative;background:url(/ui/parchment.png) repeat;background-size:64px 64px;background-color:#e8dcc0;border:4px solid #5a3e20;padding:4px 10px 8px;display:flex;flex-direction:column;gap:5px;box-shadow:inset 2px 2px #ffdca04d,inset -2px -2px #00000026,0 0 0 2px #3a2810}.stats-panel-header{display:flex;justify-content:flex-end;margin-bottom:-4px}.stats-panel-close{font-size:8px;padding:1px 6px;background:#685040;color:var(--parchment);border:2px solid #483828;border-radius:0;cursor:pointer;font-weight:700;box-shadow:1px 1px #0000004d}.stats-panel-close:hover{background:#786050}.stats-panel-identity{display:flex;align-items:center;gap:8px}.stats-panel-sprite{width:64px;height:64px;image-rendering:pixelated}.stats-panel-name-block{display:flex;flex-direction:column;gap:2px}.stats-panel-name{font-size:11px;font-weight:700;color:#3a2818}.stats-panel-level{font-size:9px;color:var(--gold-dark)}.stats-panel-types{display:flex;gap:4px;margin-top:2px}.stats-panel-grid{display:flex;flex-direction:column;gap:3px}.stats-panel-stat-row{display:flex;align-items:center;gap:4px}.stats-panel-stat-label{font-size:7px;color:#5a4838;width:22px;text-align:right;font-weight:700}.stats-panel-stat-bar{flex:1;height:10px;background:#1a1208;border:2px solid #483828;overflow:hidden}.stats-panel-stat-fill{height:100%;transition:width .3s linear}.stats-panel-stat-value{font-size:7px;color:#5a4838;width:34px;text-align:right}.stats-panel-moves{display:flex;flex-direction:column;gap:3px}.stats-panel-moves-title{font-size:7px;color:var(--gold-dark);text-transform:uppercase;letter-spacing:.5px}.stats-panel-move{display:flex;align-items:center;gap:4px;padding:4px 6px;font-size:8px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.4);border:2px solid rgba(0,0,0,.3)}.stats-panel-move-icon{font-size:10px;line-height:1}.stats-panel-move-name{flex:1;font-weight:700}.stats-panel-move-stats{font-size:7px;opacity:.8;display:flex;gap:6px;white-space:nowrap}.stats-panel-btn{font-size:8px;padding:4px 10px;background:var(--gold);color:#2a1808;border:2px solid var(--gold-dark);border-radius:0;cursor:pointer;font-weight:700;text-align:center;box-shadow:1px 1px #0000004d,inset 1px 1px #fff3}.stats-panel-btn:hover:not(:disabled){background:var(--gold-bright)}.stats-panel-btn.disabled{background:#685040;color:#a89878;border-color:#483828;cursor:not-allowed;opacity:.7}.party-slot[draggable=true]{cursor:grab}.party-slot[draggable=true]:active{cursor:grabbing}.party-slot.dragging{opacity:.4}.party-slot-drop-indicator{height:2px;background:var(--gold-bright);margin:-1px 0;box-shadow:0 0 4px var(--gold)}.box-container.drag-over{outline:2px solid var(--gold);outline-offset:-2px;box-shadow:inset 0 0 8px #c8a8484d}.party-slot.inspected{border-color:var(--gold-bright);background:#2a1e10}.box-grid-slot.inspected{outline:2px solid var(--gold-bright);outline-offset:-2px;background:#c8a84840}.town-map{background:#1a1208;border-top:3px solid #483828;display:flex;flex-direction:column;overflow:hidden}.town-map-header{display:flex;justify-content:space-between;align-items:center;padding:5px 12px;background:linear-gradient(180deg,#3a2818,#2a1e10);border-bottom:2px solid #5a3e20;box-shadow:inset 0 1px #c8a8481a,inset 0 -1px #0000004d}.town-map-title{font-size:7px;color:var(--gold);text-transform:uppercase;letter-spacing:1px}.town-map-location-name{font-size:10px;color:var(--gold-bright);font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 0 rgba(0,0,0,.6)}.town-map-battles{font-size:7px;color:#8a7a60}.town-map-canvas{flex:1;position:relative;min-height:120px;margin:6px 8px 8px;background:radial-gradient(ellipse 85% 18% at 35% 88%,rgba(70,110,140,.4) 0%,transparent 70%),radial-gradient(ellipse 60% 10% at 30% 84%,rgba(60,100,130,.3) 0%,transparent 65%),radial-gradient(ellipse 30% 8% at 30% 82%,rgba(65,105,135,.2) 0%,transparent 60%),radial-gradient(ellipse 12% 10% at 22% 24%,rgba(80,110,65,.3) 0%,transparent 70%),radial-gradient(ellipse 8% 6% at 26% 20%,rgba(75,105,60,.2) 0%,transparent 60%),radial-gradient(ellipse 18% 8% at 36% 16%,rgba(140,120,90,.25) 0%,transparent 65%),radial-gradient(ellipse 10% 8% at 72% 24%,rgba(140,120,90,.2) 0%,transparent 60%),radial-gradient(ellipse 8% 6% at 82% 22%,rgba(130,115,85,.2) 0%,transparent 60%),radial-gradient(ellipse 10% 6% at 42% 70%,rgba(90,130,75,.2) 0%,transparent 65%),radial-gradient(ellipse 20% 15% at 65% 55%,rgba(160,130,80,.08) 0%,transparent 70%),radial-gradient(ellipse 15% 20% at 25% 60%,rgba(150,125,75,.06) 0%,transparent 70%),radial-gradient(ellipse 25% 18% at 50% 30%,rgba(155,128,78,.05) 0%,transparent 70%),radial-gradient(ellipse 110% 110% at 50% 50%,transparent 42%,rgba(120,95,55,.12) 52%,rgba(100,80,45,.2) 100%),linear-gradient(165deg,#d8c8a0,#d4c498 10%,#d0c090 25%,#ccbc88 50%,#c8b884 70%,#c4b480,#c0b07c);border:4px solid #5a3e20;box-shadow:inset 3px 3px #dcc8a026,inset -3px -3px #503c1e26,0 0 0 2px #3a2810,0 0 0 4px #6a4e30,0 0 0 6px #3a2810}.town-map-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.map-road-border.unlocked{stroke:#7a5a30;stroke-width:10;stroke-linecap:round}.map-road-border.locked{stroke:#a09070;stroke-width:5;stroke-linecap:round;opacity:.15}.map-road-fill.unlocked{stroke:#a08040;stroke-width:5;stroke-linecap:round}.map-road-fill.locked{stroke:#b0a080;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:4,8;opacity:.15}.map-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2;padding:0;border:none;background:none;box-shadow:none}.map-node.town .map-node-dot{width:20px;height:20px;border-radius:4px;background:radial-gradient(circle at 38% 38%,#f06848,#d03020,#a82018);border:2.5px solid #c8a860;position:relative;box-shadow:0 0 0 1px #6a4028,1px 1px 0 1px #0000004d}.map-node.route .map-node-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#5cb85c,#3a8f3a,#2d7a2d);border:2px solid #a09070;position:relative;box-shadow:0 0 0 .5px #1a4a1a,1px 1px 0 .5px #00000040}.map-node.current.town .map-node-dot{background:radial-gradient(circle at 38% 38%,#ff7860,#e84038,#c82820);border-color:#f0d870;box-shadow:0 0 0 2px #8a6020,0 0 8px 3px #f0c85080,1px 1px 0 2px #00000040}.map-node.current.route .map-node-dot{background:radial-gradient(circle at 38% 38%,#6dd06d,#45a845,#339433);border-color:#f0d870;box-shadow:0 0 0 2px #8a6020,0 0 8px 3px #f0c85080,1px 1px 0 2px #00000040}.map-node-blink{position:absolute;inset:-5px;border:2.5px solid #f8e060;border-radius:inherit;animation:mapBlink .8s step-end infinite;pointer-events:none}@keyframes mapBlink{0%,to{opacity:1}50%{opacity:0}}.map-node.clickable{cursor:pointer}.map-node.clickable:hover .map-node-dot{border-color:#f0d870;box-shadow:0 0 0 1px #8a6020,0 0 6px 2px #f0c85073,1px 1px 0 1px #00000040}.map-node.locked .map-node-dot{background:#a08c644d;border-color:#8c785040;box-shadow:none}.map-node-label{font-size:6px;color:#3a2810;font-weight:700;white-space:nowrap;letter-spacing:.2px;text-shadow:.5px 0 0 rgba(200,180,140,.6),-.5px 0 0 rgba(200,180,140,.6),0 .5px 0 rgba(200,180,140,.6),0 -.5px 0 rgba(200,180,140,.6);pointer-events:none}.map-node-label{background:#d2c39bd9;padding:1px 3px;border-radius:2px;z-index:10}.map-node.locked .map-node-label{color:#7864464d;text-shadow:none;background:none}.location-info{display:flex;flex-direction:column;gap:10px;width:100%;padding:4px}.location-header{display:flex;align-items:center;gap:8px}.location-type-icon{font-size:20px}.location-name{font-size:11px;font-weight:700;color:var(--gold-bright)}.location-type-label{font-size:7px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.location-description{font-size:8px;color:#b8a878;line-height:1.4}.location-status{padding:4px 8px;background:#0003;border:2px solid #483828}.location-status-label{font-size:8px;color:#8a7a60;font-style:italic}.location-section-title{font-size:7px;color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.location-encounters{display:flex;flex-direction:column;gap:2px}.location-encounter-row{display:flex;justify-content:space-between;align-items:center;padding:2px 6px;background:#00000026;border:1px solid #483828}.location-enc-name{font-size:8px;color:var(--parchment)}.location-enc-level{font-size:7px;color:#8a7a60}.location-next-unlock{display:flex;flex-direction:column;gap:3px;padding:6px 8px;background:#00000026;border:2px solid #483828}.location-unlock-row{display:flex;justify-content:space-between;align-items:center}.location-unlock-name{font-size:8px;color:var(--parchment)}.location-unlock-req{font-size:7px;color:var(--gold)}.location-unlock-bar-track{height:6px;background:#1a1208;border:2px solid #483828;overflow:hidden}.location-unlock-bar-fill{height:100%;background:var(--gold);transition:width .3s linear}.location-panel-scroll{width:100%;align-self:flex-start;overflow-x:hidden}.panel-content:has(.location-panel-scroll){align-items:flex-start;justify-content:flex-start}.encounter-list{display:flex;flex-direction:column;gap:2px;width:100%}.encounter-card{display:flex;flex-direction:column;background:#0003;border:1px solid #483828;border-left:3px solid #8a7a60}.encounter-card.rarity-common{border-left-color:#8a7a60}.encounter-card.rarity-uncommon{border-left-color:#60a040}.encounter-card.rarity-rare{border-left-color:#c8a828;box-shadow:inset 0 0 6px #c8a8281a}.encounter-card.rarity-very_rare{border-left-color:#d04870;box-shadow:inset 0 0 8px #d0487026}.encounter-card-main{display:flex;align-items:center;gap:4px;padding:2px 4px;cursor:pointer;min-height:36px}.encounter-card-main:hover{background:#ffffff08}.encounter-sprite{width:32px;height:32px;image-rendering:pixelated;flex-shrink:0}.encounter-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.encounter-top-row{display:flex;align-items:center;gap:4px}.encounter-name{font-size:7px;font-weight:700;color:var(--parchment);white-space:nowrap}.encounter-types{display:flex;gap:2px}.encounter-type-badge{font-size:5px!important;padding:0 3px!important;line-height:1.4}.encounter-bottom-row{display:flex;align-items:center;gap:4px}.encounter-level{font-size:6px;color:#8a7a60;white-space:nowrap}.enc-rate-bar{width:30px;height:4px;background:#1a1208;border:1px solid #483828;flex-shrink:0}.enc-rate-fill{height:100%;background:var(--gold);transition:width .2s linear}.encounter-rate-text{font-size:6px;color:#8a7a60;min-width:16px}.encounter-rarity{font-size:5px;text-transform:uppercase;letter-spacing:.3px}.rarity-text-common{color:#8a7a60}.rarity-text-uncommon{color:#60a040}.rarity-text-rare{color:#c8a828}.rarity-text-very_rare{color:#d04870}.catch-toggle{font-size:6px;font-weight:700;padding:2px 5px;border:1px solid #483828;background:#584038;color:#8a7a60;cursor:pointer;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px}.catch-toggle:hover{background:#685848}.catch-toggle.active{background:#2a6a2a;color:#a0e0a0;border-color:#3a8a3a}.catch-toggle.active:hover{background:#3a7a3a}.catch-settings{display:flex;flex-direction:column;gap:2px;padding:4px 6px 4px 40px;border-top:1px solid #483828;background:#00000026}.catch-mode-option{display:flex;align-items:center;gap:4px;font-size:6px;color:var(--parchment);cursor:pointer;padding:1px 0}.catch-mode-option input[type=radio]{accent-color:var(--gold);width:8px;height:8px;margin:0}.level-threshold-input{width:24px;font-size:6px;padding:1px 2px;background:#1a1208;border:1px solid #483828;color:var(--parchment);text-align:center}.level-threshold-input:focus{outline:1px solid var(--gold)}.level-threshold-input::-webkit-outer-spin-button,.level-threshold-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.level-threshold-input{-moz-appearance:textfield}.encounter-bulk-controls{display:flex;align-items:center;justify-content:space-between}.encounter-bulk-buttons{display:flex;gap:4px}.encounter-bulk-btn{font-size:6px;padding:1px 6px;background:#0003;border:1px solid #483828;color:var(--text-muted);cursor:pointer}.encounter-bulk-btn:hover{background:#ffffff0d;color:var(--parchment)}.evolution-scene{position:relative;width:560px;height:480px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.evolution-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 45%,#1a1a3a,#0a0a1a 60%,#000008)}.evolution-sprite-container{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:160px;height:160px}.evolution-sprite-container img{width:140px;height:140px;image-rendering:pixelated}.evo-sprite{position:relative;z-index:1}.evo-flash{animation:evoFlash 2.5s steps(2) forwards}.evo-burst{animation:evoBurst 1s steps(4) forwards}.evo-glow{animation:evoGlow 2s ease-in-out infinite}@keyframes evoFlash{0%{filter:brightness(1)}10%{filter:brightness(2)}20%{filter:brightness(1)}30%{filter:brightness(2.5)}40%{filter:brightness(1)}50%{filter:brightness(3)}60%{filter:brightness(1)}70%{filter:brightness(3.5)}80%{filter:brightness(1.5)}90%{filter:brightness(4)}to{filter:brightness(5)}}@keyframes evoBurst{0%{filter:brightness(6);transform:scale(1.3)}25%{filter:brightness(4);transform:scale(1.2)}50%{filter:brightness(2);transform:scale(1.1)}to{filter:brightness(1);transform:scale(1)}}@keyframes evoGlow{0%,to{filter:brightness(1) drop-shadow(0 0 8px rgba(200,200,255,.4))}50%{filter:brightness(1.2) drop-shadow(0 0 16px rgba(200,200,255,.7))}}.evolution-text{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:20;background:url(/ui/parchment.png) repeat;background-size:64px 64px;background-color:#e0d4b8;padding:10px 24px;border:4px solid #5a3e20;box-shadow:inset 2px 2px #ffdca04d,inset -2px -2px #00000026,0 0 0 2px #3a2810;white-space:nowrap}.evolution-text p{font-size:12px;color:#2a1808;margin:0}.stats-panel-evolve-btn{position:absolute;right:6px;top:36px;font-size:8px;padding:2px 10px;background:#40a040;color:#fff;border:2px solid #2a7a2a;border-radius:0;cursor:pointer;font-weight:700;letter-spacing:.5px;box-shadow:1px 1px #0000004d,inset 1px 1px #fff3;animation:evolvePulse 1.5s ease-in-out infinite;z-index:1}.stats-panel-evolve-btn:hover{background:#50b850}@keyframes evolvePulse{0%,to{box-shadow:1px 1px #0000004d,inset 1px 1px #fff3,0 0 4px #40a0404d}50%{box-shadow:1px 1px #0000004d,inset 1px 1px #fff3,0 0 12px #40a04099}}.inventory-bar{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#0000004d;border:2px solid #483828;margin-bottom:6px;flex-wrap:wrap}.inv-money{font-size:9px;color:var(--gold-bright);font-weight:700}.inv-item{font-size:7px;color:var(--text-muted);padding:1px 4px;background:#0003;border:1px solid #483828}.shop-panel{display:flex;flex-direction:column;gap:4px;padding:6px 0}.shop-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#0003;border:2px solid #483828}.shop-name{font-size:8px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.shop-qty-selector{display:flex;gap:2px}.shop-qty-btn{font-size:7px;padding:2px 6px;background:#0003;border:1px solid #483828;color:var(--text-muted);cursor:pointer}.shop-qty-btn:hover{background:#ffffff0d;color:var(--parchment)}.shop-qty-btn.active{background:var(--gold);color:#2a1808;border-color:var(--gold-dark);font-weight:700}.shop-items{display:flex;flex-direction:column;gap:3px}.shop-item-row{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#00000026;border:1px solid #483828}.shop-item-info{display:flex;flex-direction:column;flex:1;min-width:0}.shop-item-name{font-size:8px;color:var(--parchment);font-weight:700}.shop-item-desc{font-size:6px;color:#8a7a60}.shop-owned{font-size:8px;color:#8a7a60;white-space:nowrap}.shop-buy-btn{font-size:7px;padding:3px 8px;background:var(--gold);color:#2a1808;border:2px solid var(--gold-dark);border-radius:0;cursor:pointer;font-weight:700;white-space:nowrap;box-shadow:1px 1px #0000004d,inset 1px 1px #fff3}.shop-buy-btn:hover:not(.disabled){background:var(--gold-bright)}.shop-buy-btn.disabled{background:#685040;color:#a89878;border-color:#483828;cursor:not-allowed;opacity:.7}.trainer-name-display{position:absolute;top:12px;left:12px;z-index:25;font-size:10px;color:var(--parchment);background:#0009;padding:3px 10px;border:2px solid #483828;font-weight:700;letter-spacing:.5px}.trainer-intro-anchor{position:absolute;right:25px;top:55px;z-index:15;width:150px;height:150px;display:flex;align-items:flex-end;justify-content:center}.trainer-intro-anchor.slide-in{animation:trainer-slide-in .4s ease-out both}.trainer-intro-anchor.slide-out{animation:trainer-slide-out .4s ease-in both}.trainer-intro-img{max-height:100%;max-width:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 3px 3px rgba(0,0,0,.5))}@keyframes trainer-slide-in{0%{transform:translate(200px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes trainer-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(200px);opacity:0}}.pokemon-appear{animation:pokemon-pop-in .4s ease-out both}@keyframes pokemon-pop-in{0%{transform:scale(0);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.trainer-team-indicator{position:absolute;top:48px;right:180px;z-index:20;display:flex;gap:4px}.player-team-indicator{position:absolute;bottom:163px;left:185px;z-index:20;display:flex;gap:4px}.team-ball{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ff5050,#cc2020 70%);border:1.5px solid #483828;box-shadow:inset 0 -2px #0003}.team-ball.fainted{background:#483828;opacity:.5}.team-ball.active{border-color:var(--gold-bright);box-shadow:inset 0 -2px #0003,0 0 4px #f0c85080}.catch-ball-selector{display:flex;align-items:center;gap:4px;padding-top:3px;border-top:1px solid rgba(255,255,255,.08);margin-top:2px;flex-wrap:wrap}.catch-ball-label{font-size:6px;color:var(--gold);font-weight:700}.catch-ball-icon-btn{background:transparent;border:1px solid transparent;border-radius:3px;padding:1px;display:flex;align-items:center;justify-content:center;cursor:pointer}.catch-ball-icon-btn:hover{border-color:var(--gold)}.catch-ball-icon-btn.active{border-color:var(--gold);background:#f0c85026}.pokeball-disabled{opacity:.3}.pokedex-grid-container{width:100%}.pokedex-grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.pokedex-settings-btn{display:flex;align-items:center;gap:3px;background:#00000040;border:1px solid #483828;color:var(--parchment);font-size:7px;cursor:pointer;padding:3px 6px;line-height:1}.pokedex-settings-btn:hover{color:var(--gold-bright);border-color:var(--gold);background:#00000059}.pokeball-icon{flex-shrink:0}.pokedex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:2px;width:100%}.pokedex-tile{display:flex;flex-direction:column;align-items:center;background:#0000004d;border:1px solid #483828;border-left:3px solid #8a7a60;cursor:pointer;padding:3px 1px 2px;gap:1px}.pokedex-tile:hover{background:#ffffff0d}.pokedex-tile.selected{border-color:var(--gold-bright);background:#c8a8281a}.rarity-border-common{border-left-color:#8a7a60}.rarity-border-uncommon{border-left-color:#60a040}.rarity-border-rare{border-left-color:#c8a828}.rarity-border-very_rare{border-left-color:#d04870}.pokedex-tile-sprite{width:48px;height:48px;image-rendering:pixelated}.pokedex-tile-sprite.unseen{filter:brightness(0)}.pokedex-tile-sprite.seen{filter:grayscale(1) opacity(.5)}.pokedex-tile-name{font-size:6px;color:var(--parchment);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.pokedex-detail{margin-top:4px}.pokedex-detail .stats-panel-sprite.unseen{filter:brightness(0)}.pokedex-detail .stats-panel-sprite.seen{filter:grayscale(1) opacity(.5)}.type-unknown{background:#585858}.pokedex-detail-encounter-info{display:flex;align-items:center;gap:6px}.pokedex-detail-rate{font-size:8px;color:#5a4838;font-weight:700}.pokedex-detail-rarity{font-size:7px;text-transform:uppercase;letter-spacing:.3px}.pokedex-stat-value{font-size:5px;color:#3a2818;min-width:14px;text-align:right}.catch-modal-overlay{position:absolute;inset:0;background:#00000080;z-index:100;overflow-y:auto;padding:40px 4px 4px}.catch-modal{background:linear-gradient(180deg,#e8dcc0,#d8c8a0);border:2px solid #483828;padding:8px;width:200px;margin:0 auto;display:flex;flex-direction:column;transform:scale(1.5);transform-origin:top center;gap:6px}.catch-modal-header{display:flex;align-items:center;justify-content:space-between}.catch-modal-title{font-size:9px;font-weight:700;color:#2a1808}.catch-modal-close{background:none;border:1px solid #483828;color:#483828;font-size:7px;cursor:pointer;padding:0 3px;line-height:1.4}.catch-modal-close:hover{background:#483828;color:var(--parchment)}.catch-modal-auto-toggle{display:flex;align-items:center;gap:4px;font-size:7px;color:#3a2818;cursor:pointer}.catch-modal-auto-toggle input[type=checkbox]{accent-color:var(--gold);width:10px;height:10px;margin:0}.catch-modal-route-settings{display:flex;flex-direction:column;gap:2px}.catch-modal-section-title{font-size:7px;font-weight:700;color:#5a4838;text-transform:uppercase;letter-spacing:.3px}.catch-modal-divider{height:1px;background:#8a7a60}.catch-modal-species-header{display:flex;align-items:center;justify-content:space-between}.catch-modal-bulk-btns{display:flex;gap:4px}.catch-modal-species-list{display:flex;flex-direction:column;gap:2px;max-height:312px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#8a7a60 transparent}.catch-modal-species-list::-webkit-scrollbar{width:2px}.catch-modal-species-list::-webkit-scrollbar-track{background:transparent}.catch-modal-species-list::-webkit-scrollbar-thumb{background:#8a7a60}.catch-modal-species-row{display:flex;align-items:center;gap:4px;padding:1px 2px;background:#0000000d;border:1px solid rgba(0,0,0,.1);cursor:pointer}.catch-modal-species-row:hover{background:#0000001a}.catch-modal-species-sprite{width:24px;height:24px;image-rendering:pixelated;flex-shrink:0}.catch-modal-species-name{font-size:7px;color:#3a2818;flex:1}.catch-modal-species-row .catch-toggle{font-size:6px}.catch-modal-route-settings .catch-mode-option{color:#3a2818}.catch-modal-route-settings .catch-ball-label{color:#5a4838}.catch-modal-route-settings .catch-ball-icon-btn:hover{border-color:#8a7a60}.catch-modal-route-settings .catch-ball-icon-btn.active{border-color:#8a7a60;background:#8a7a6026}.catch-modal-route-settings .level-threshold-input{background:#fff;border-color:#8a7a60;color:#3a2818}.bag-container{border-top:2px solid #483828;display:flex;flex-direction:column;height:292px;position:relative;z-index:0}.bag-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;background:linear-gradient(180deg,#6a4030,#5a3020);border-bottom:2px solid #3a1e10}.bag-header-arrow{font-size:10px;padding:1px 6px;background:#685040;color:var(--parchment);border:2px solid #483828;border-radius:0;cursor:pointer;font-weight:700;line-height:1;box-shadow:1px 1px #0000004d,inset 1px 1px #ffffff1a}.bag-header-arrow:hover{background:#786050;border-color:var(--gold-dark)}.bag-header-spacer{flex:1}.bag-header-money{flex:1;text-align:right;font-size:9px;color:var(--gold-bright);font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.6)}.bag-header-name{font-size:9px;color:var(--gold-bright);text-shadow:1px 1px 0 rgba(0,0,0,.6);letter-spacing:.5px;font-weight:700;min-width:60px;text-align:center}.bag-content{flex:1;overflow-y:auto;padding:4px 6px;background:radial-gradient(ellipse 40px 40px at 20% 30%,rgba(100,60,40,.25) 0%,transparent 70%),radial-gradient(ellipse 50px 35px at 70% 60%,rgba(90,50,35,.2) 0%,transparent 70%),radial-gradient(ellipse 35px 45px at 45% 80%,rgba(95,55,38,.22) 0%,transparent 70%),linear-gradient(180deg,#3a2418,#342018,#2e1c14)}.bag-item-list{display:flex;flex-direction:column;gap:1px}.bag-item{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;cursor:pointer;border-radius:2px}.bag-item:hover{background:#c8a84826}.bag-item.selected{background:#c8a84840;outline:1px solid var(--gold-dark);outline-offset:-1px}.bag-item-name{font-size:8px;color:var(--parchment)}.bag-item-qty{font-size:8px;color:var(--gold-bright);font-weight:700}.bag-empty{font-size:8px;color:#c8a84866;text-align:center;padding:10px 0;font-style:italic}.bag-description{border-top:1px solid #483828;padding:4px 8px;font-size:7px;color:#c8a84899;background:#1e120a80;min-height:20px}