:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh;background:#0a0a0a;color:#fafafa;overflow:hidden}.app{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#14141ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:#ffffff80;cursor:pointer;padding:6px 16px;border-radius:8px;transition:all .2s;font-family:inherit}.nav-btn.active{color:#4fc3f7;background:#4fc3f71a}.nav-btn:hover:not(.active){color:#fffc}.nav-icon{font-size:1.3rem}.nav-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.map-view{flex:1;position:relative;overflow:hidden}.map-canvas{width:100%;height:100%;display:block;cursor:grab}.map-canvas:active{cursor:grabbing}.map-hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:10px;z-index:10;pointer-events:none}.level-badge{background:linear-gradient(135deg,#4fc3f7,#0288d1);color:#fff;font-weight:700;font-size:.8rem;padding:4px 10px;border-radius:16px;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:auto}.xp-bar-container{flex:1;height:18px;background:#00000080;border-radius:9px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.xp-bar{height:100%;background:linear-gradient(90deg,#4fc3f7,#29b6f6);border-radius:9px;transition:width .3s ease}.xp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.compass{font-size:1.3rem;pointer-events:auto}.map-legend{position:absolute;top:40px;left:12px;display:flex;gap:8px;z-index:10;pointer-events:none}.legend-item{font-size:.6rem;background:#0009;padding:2px 8px;border-radius:10px;color:#ffffffb3;white-space:nowrap}.nearby-panel{position:absolute;bottom:70px;right:8px;width:180px;background:#14141ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:10px;z-index:10}.nearby-panel h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:6px}.nearby-list{display:flex;flex-direction:column;gap:4px}.nearby-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;background:#ffffff08;font-size:.75rem;cursor:pointer;transition:background .15s}.nearby-item:hover{background:#ffffff14}.nearby-item.rarity-rare{border-left:2px solid #2196f3}.nearby-item.rarity-epic{border-left:2px solid #9c27b0}.nearby-item.rarity-legendary{border-left:2px solid #ffd700}.nearby-emoji{font-size:1.1rem}.nearby-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nearby-cp{color:#ffffff80;font-size:.65rem}.nearby-empty{font-size:.7rem;color:#fff6;text-align:center;padding:8px 0}.catch-screen{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;padding-bottom:60px}.catch-environment{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.catch-sky{height:55%;background:linear-gradient(180deg,#1a1a3e,#2d1b69 40%,#4a2c8a,#1a3a2a)}.catch-ground{height:45%;background:linear-gradient(180deg,#1a3a2a,#2d5a27 30%,#1a2e1a);position:relative}.catch-ground:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#ffffff0d}.catch-info{position:absolute;top:12px;left:12px;right:12px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:10px 14px;border:1px solid;z-index:5}.catch-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.catch-rarity{color:gold;font-size:.9rem;letter-spacing:2px}.catch-type-badge{font-size:.65rem;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:capitalize}.catch-name{font-size:1.3rem;font-weight:700;margin-bottom:4px}.catch-stats{display:flex;gap:16px;font-size:.8rem;color:#ffffffb3}.catch-rate{font-size:.7rem;color:#ffffff80;margin-top:4px}.catch-creature{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center}.creature-shadow{width:80px;height:20px;border-radius:50%;margin-top:-10px;animation:shadow-pulse 2s ease-in-out infinite}@keyframes shadow-pulse{0%,to{transform:scaleX(1);opacity:.6}50%{transform:scaleX(.85);opacity:.3}}.creature-emoji-large{font-size:5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));animation:creature-idle 3s ease-in-out infinite}@keyframes creature-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.caught-anim .creature-emoji-large{animation:creature-caught .5s ease forwards}@keyframes creature-caught{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}to{transform:scale(0) translateY(60px);opacity:0}}.fled-anim .creature-emoji-large{animation:creature-fled .8s ease forwards}@keyframes creature-fled{0%{transform:scale(1);opacity:1}to{transform:scale(.5) translate(200px) translateY(-100px);opacity:0}}.fled-text{color:#ff5252;font-weight:700;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.pokeball-display{position:absolute;font-size:2.5rem;z-index:4;pointer-events:none;transition:left .6s cubic-bezier(.2,.8,.3,1),top .6s cubic-bezier(.2,.8,.3,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.pokeball-display.throwing{animation:throw-spin .6s ease-in-out}@keyframes throw-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(720deg)}}.ball-selector{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5}.ball-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0009;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 14px;cursor:pointer;transition:all .2s;font-family:inherit;color:#fff}.ball-btn.selected{border-color:#4fc3f7;background:#4fc3f726}.ball-btn.empty{opacity:.4;cursor:not-allowed}.ball-btn:hover:not(.empty):not(.selected){border-color:#ffffff4d}.ball-emoji{font-size:1.5rem}.ball-count{font-size:.65rem;font-weight:600;color:#ffffffb3}.throw-instruction{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;z-index:5}.throw-instruction p{font-size:.8rem;color:#fff9;margin-bottom:8px}.btn-throw{background:linear-gradient(135deg,#4fc3f7,#0288d1);border:none;color:#fff;font-weight:700;font-size:.9rem;padding:10px 28px;border-radius:24px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 15px #4fc3f74d;font-family:inherit}.btn-throw:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fc3f766}.btn-throw:active{transform:translateY(0)}.btn-flee{position:absolute;top:12px;right:12px;background:#0009;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:.75rem;padding:6px 14px;border-radius:16px;cursor:pointer;z-index:6;font-family:inherit;transition:all .2s}.btn-flee:hover{background:#ff525233;border-color:#ff52524d;color:#ff5252}.catch-success-overlay,.catch-fled-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;animation:overlay-fade-in .3s ease}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.catch-success-overlay{background:radial-gradient(ellipse at center,#ffd70033,#000000b3)}.catch-fled-overlay{background:radial-gradient(ellipse at center,#ff525226,#000000b3)}.catch-success-content,.catch-fled-content{text-align:center;padding:24px;background:#14141ef2;border-radius:20px;border:1px solid rgba(255,255,255,.1);animation:content-pop .4s cubic-bezier(.175,.885,.32,1.275);max-width:300px;width:90%}@keyframes content-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.catch-success-emoji{font-size:3rem;margin-bottom:8px}.catch-success-content h2{font-size:1.8rem;color:gold;margin-bottom:4px}.catch-success-stats{display:flex;justify-content:center;gap:16px;margin:12px 0;color:#ffffffb3;font-size:.85rem}.btn-primary{background:linear-gradient(135deg,#4fc3f7,#0288d1);border:none;color:#fff;font-weight:700;font-size:1rem;padding:12px 32px;border-radius:24px;cursor:pointer;margin-top:12px;transition:transform .15s;font-family:inherit}.btn-primary:hover{transform:translateY(-2px)}.catch-fled-content h2{font-size:1.5rem;color:#ff5252;margin-bottom:8px}.catch-fled-content p{color:#ffffffb3;margin-bottom:12px}.collection{flex:1;padding:16px 16px 76px;overflow-y:auto}.collection-header{margin-bottom:16px}.collection-header h1{font-size:1.5rem;font-weight:700}.collection-count{font-size:.8rem;color:#ffffff80}.collection-controls{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.search-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;color:#fff;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}.search-input:focus{border-color:#4fc3f7}.search-input::placeholder{color:#ffffff4d}.filter-row{display:flex;gap:6px}.filter-row select{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 8px;color:#fff;font-size:.75rem;font-family:inherit;cursor:pointer;outline:none}.filter-row select option{background:#1a1a2e;color:#fff}.collection-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 0;color:#fff6}.empty-emoji{font-size:3rem}.creature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.creature-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px 6px;cursor:pointer;transition:all .2s;position:relative;font-family:inherit;color:#fff}.creature-card:hover{background:#ffffff0f;transform:translateY(-2px)}.creature-card.rarity-uncommon{border-color:#4caf504d}.creature-card.rarity-rare{border-color:#2196f366;background:#2196f30d}.creature-card.rarity-epic{border-color:#9c27b066;background:#9c27b00d}.creature-card.rarity-legendary{border-color:#ffd70066;background:#ffd7000d}.fav-star{position:absolute;top:4px;right:6px;color:gold;font-size:.8rem}.creature-card-emoji{font-size:2rem}.creature-card-name{font-size:.7rem;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.creature-card-cp{font-size:.6rem;color:#ffffff80}.creature-card-type{font-size:.55rem;padding:1px 6px;border-radius:6px;margin-top:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;animation:overlay-fade-in .2s ease}.creature-detail{background:#1a1a2e;border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:20px;max-width:340px;width:90%;position:relative;animation:content-pop .3s ease}.modal-close{position:absolute;top:10px;right:14px;background:none;border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer;font-family:inherit}.detail-header{text-align:center;padding-bottom:16px;margin-bottom:16px;border-bottom:2px solid}.detail-emoji{font-size:4rem;display:block;margin-bottom:8px}.detail-header h2{font-size:1.4rem;margin-bottom:8px}.detail-badges{display:flex;justify-content:center;gap:8px}.detail-type{font-size:.7rem;padding:3px 10px;border-radius:12px;font-weight:600;text-transform:capitalize}.detail-rarity{font-size:.7rem;padding:3px 10px;border-radius:12px;font-weight:600;text-transform:capitalize;background:#ffffff1a}.detail-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.stat-row{display:flex;justify-content:space-between;font-size:.85rem;color:#fff9}.stat-value{font-weight:600;color:#fff}.detail-actions{display:flex;gap:8px}.btn-fav,.btn-transfer{flex:1;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-fav.active{background:#ffd70026;border-color:#ffd7004d;color:gold}.btn-transfer{color:#ff5252;border-color:#ff525233}.btn-transfer:hover{background:#ff52521a}.profile{flex:1;padding:16px 16px 76px;overflow-y:auto}.profile-header{text-align:center;padding:20px 0}.profile-avatar{font-size:4rem;margin-bottom:8px}.profile-header h1{font-size:1.5rem;font-weight:700}.profile-level{font-size:.85rem;color:#4fc3f7;font-weight:600;margin-bottom:12px}.xp-bar-profile{max-width:250px;margin:0 auto;height:20px;background:#ffffff0d;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#4fc3f7,#29b6f6);border-radius:10px;transition:width .3s}.xp-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}.stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px}.stat-icon{font-size:1.5rem}.stat-number{font-size:1.3rem;font-weight:700}.stat-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.profile-section{margin-bottom:20px}.profile-section h2{font-size:1rem;font-weight:700;margin-bottom:10px;color:#fffc}.dex-progress{display:flex;flex-direction:column;gap:6px}.dex-bar{height:12px;background:#ffffff0d;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.dex-fill{height:100%;background:linear-gradient(90deg,#66bb6a,#43a047);border-radius:6px;transition:width .3s}.dex-progress span{font-size:.8rem;color:#fff9}.inventory-grid{display:flex;flex-direction:column;gap:6px}.inv-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.inv-emoji{font-size:1.3rem}.inv-name{flex:1;font-size:.85rem}.inv-count{font-weight:700;font-size:1rem;color:#4fc3f7}.tips-list{list-style:none;display:flex;flex-direction:column;gap:6px}.tips-list li{font-size:.8rem;color:#fff9;padding:8px 12px;background:#ffffff05;border-radius:8px;border-left:3px solid #4fc3f7}.notification{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#14141ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 20px;font-size:.85rem;font-weight:600;z-index:300;animation:notif-in .3s ease;text-align:center;max-width:90%}@keyframes notif-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:400px){.nearby-panel{width:150px}.creature-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.ball-selector{bottom:72px}}