*{box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#d4d4d4;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;width:100%}header{background-color:#333;border-bottom:5px solid #e3350d;color:#fff;padding:20px;width:100%;text-align:center;margin-bottom:40px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}header h1{margin:0 0 15px}header h1 .logo-icon{font-size:1em;vertical-align:middle;margin-left:5px}.header-top-left-controls{position:absolute;top:10px;left:10px;z-index:10;display:flex;gap:10px}.language-toggle button,.favorites-toggle .toggle-button{padding:10px;background-color:#585858;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;width:44px}.language-toggle button:hover,.favorites-toggle .toggle-button:hover,.favorites-toggle .toggle-button.active{background-color:#414141}.favorites-toggle .material-symbols-outlined{color:#fff}.search-and-filter-area{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:90%;max-width:800px;margin-top:15px;overflow:visible}.search-bar{width:100%;max-width:358px}header input[type=text]{padding:10px;border:none;border-radius:5px;width:100%}.filter-by-type{display:flex;align-items:center;gap:10px;color:#fff;width:100%;justify-content:center;overflow:visible}.filter-by-type label{font-weight:700}#pokedex-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:min(1300px,100vw);margin:auto;padding:20px;transition:max-width .3s ease,grid-template-columns .3s ease;flex-grow:1;align-content:start}.app-container.panel-open #pokedex-list{grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;margin:0 auto;justify-content:center}.pokemon-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;padding:15px;transition:transform .2s ease;cursor:pointer;position:relative;overflow:hidden}.pokemon-card:hover{transform:translateY(-5px)}.pokemon-card img{width:100px;height:100px;margin-bottom:10px}.pokemon-card h2{font-size:1.2em;margin:0;text-transform:capitalize}.pokemon-card p{color:#555;font-size:.9em}.pokemon-type{display:inline-block;padding:5px 10px;margin:3px;border-radius:5px;font-size:.8em;color:#fff;font-weight:700}.type-normal{background-color:#a8a77a}.type-fire{background-color:#ee8130}.type-water{background-color:#6390f0}.type-grass{background-color:#7ac74c}.type-electric{background-color:#f7d02c}.type-ice{background-color:#96d9d6}.type-fighting{background-color:#c22e28}.type-poison{background-color:#a33ea1}.type-ground{background-color:#e2bf65}.type-flying{background-color:#a98ff3}.type-psychic{background-color:#f95587}.type-dark{background-color:#424242}.type-bug{background-color:#a6b91a}.type-rock{background-color:#b6a136}.type-ghost{background-color:#735797}.type-dragon{background-color:#065e64}.type-steel{background-color:#b7b7ce}.type-fairy{background-color:#d685ad}.favorite-button{position:absolute;top:8px;right:8px;background:none;border:none;padding:6px;cursor:pointer;z-index:10}.favorite-button:hover{opacity:.8}.star-icon{font-size:20px;color:#8d8d8d;font-variation-settings:"FILL" 0;transition:color .2s ease,font-variation-settings .2s ease,transform .2s ease}.favorite-button:hover .star-icon{color:#6e6e6e}.favorite-button.favorited .star-icon{font-variation-settings:"FILL" 1;color:gold}.empty-state-message{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;color:#666;height:50vh}.empty-state-icon{font-size:60px;margin-bottom:20px;color:#888}.empty-state-message h2{margin:0 0 10px;font-size:1.5em;color:#000}.empty-state-message p{margin:0;max-width:300px;line-height:1.5}.search-criteria-message{grid-column:1 / -1;text-align:center;padding:40px;font-weight:700;color:#555}footer{margin-top:auto;padding:20px;background-color:#333;color:#fff;text-align:center;box-shadow:0 -2px 8px #0000001a;border-top:5px solid #e3350d;font-size:.9em;width:100%;max-width:100vw;overflow-x:hidden}@media (max-width: 768px){footer{padding:15px 10px;font-size:.85em}}@media (max-width: 480px){footer{padding:12px 8px;font-size:.8em}}.app-container{display:flex;flex-direction:column;min-height:100vh;transition:margin-right .3s ease;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:visible}@media (min-width: 769px){.app-container.panel-open{width:68%}.app-container.panel-open header{width:100%;margin-right:0}.app-container.panel-open footer{width:100%;margin-right:0}}.pokemon-detail-panel{position:fixed;top:0;right:0;width:33%;height:100%;background-color:#333;box-shadow:-5px 0 15px #0003;overflow-y:auto;padding:20px;z-index:1000;display:flex;flex-direction:column;align-items:center;text-align:center;border-left:5px solid #e3350d;color:#fff}.pokemon-detail-panel .close-button{background-color:#333;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:1.2em;cursor:pointer;position:absolute;top:10px;left:10px;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease;z-index:1001}.pokemon-detail-panel .close-button:hover{background-color:#585858}.pokemon-detail-panel .smogon-button{background-color:#333;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:1.2em;cursor:pointer;position:absolute;top:10px;right:10px;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease;text-decoration:none;z-index:1001}.pokemon-detail-panel .smogon-button:hover{background-color:#585858}.pokemon-detail-panel .detail-content{width:100%;padding-top:40px;padding-bottom:50px}.detail-image-container{position:relative;width:180px;margin:0 auto 15px}.pokemon-detail-panel .detail-image{width:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,0,0,.2))}.shiny-toggle-btn{position:absolute;top:5px;right:5px;background:transparent;border:none;padding:5px;cursor:pointer;color:#fff;transition:color .3s ease,transform .3s ease;z-index:5}.shiny-toggle-btn:hover{color:gold;transform:scale(1.1)}.shiny-toggle-btn.active{color:gold;filter:drop-shadow(0 0 2px #ffd700)}.pokemon-detail-panel h2{font-size:2em;margin-bottom:5px;text-transform:capitalize;color:#fff}.pokemon-detail-panel .detail-id{font-size:.7em;color:#bbb;font-weight:400;margin-left:10px}.pokemon-detail-panel .detail-types{margin-bottom:20px}.pokemon-detail-panel .detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;width:80%;max-width:300px;margin-left:auto;margin-right:auto}.pokemon-detail-panel .detail-info-grid p{margin:0;padding:8px;background-color:#555;color:#fff;border-radius:5px;font-size:.9em}.pokemon-detail-panel h3{color:#e3350d;border-bottom:2px solid #e3350d;padding-bottom:5px;width:80%;max-width:300px;margin:20px auto 10px}.pokemon-detail-panel ul{list-style:none;padding:0;width:80%;max-width:300px;margin:0 auto 20px}.pokemon-detail-panel ul li{background-color:#555;color:#fff;border:1px solid #666;border-radius:5px;padding:8px 15px;margin-bottom:5px;text-transform:capitalize;display:flex;justify-content:space-between;align-items:center}.pokemon-detail-panel ul li strong{color:#eee;text-transform:capitalize}.pokemon-detail-panel .form-tabs{display:flex;justify-content:center;margin-bottom:25px;width:100%}.pokemon-detail-panel .form-tab{background-color:#555;color:#fff;border:none;border-left:3px solid #e3350d;border-right:3px solid #e3350d;width:20%;height:200%;cursor:pointer;font-weight:700;text-transform:capitalize;transition:background-color .3s;transform:skew(-25deg);margin:0 -3px;padding:0}.pokemon-detail-panel .form-tab-text{display:inline-block;transform:skew(25deg);padding:8px 20px}.pokemon-detail-panel .form-tab:hover{background-color:#888}.pokemon-detail-panel .form-tab.active{background-color:#e3350d;border-color:#a51f01}.evolution-branch-item{display:flex;align-items:center;gap:10px}.evolution-branches.branching-layout-left-arrow .evolution-branch-item{margin-top:10px}.evolution-section{width:100%;padding:15px;background-color:#444;border-radius:10px;border:2px solid #e3350d;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:10px}.evolution-tree-container{display:flex;flex-direction:column;align-items:center;gap:10px}.evolution-tree-node-wrapper{display:flex;align-items:center;gap:10px}.evolution-tree-node-wrapper.linear-node{flex-direction:row}.evolution-stage-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 5px;background-color:#666;border-radius:8px;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;width:90px;flex-shrink:0;border:2px solid transparent}.evolution-tree-node-wrapper.linear-evolution{display:flex;flex-direction:row;align-items:center;gap:10px}.evolution-tree-node-wrapper.branching-evolution{display:flex;align-items:center;gap:15px}.evolution-branches-grid{display:grid;grid-template-columns:auto auto;align-items:center;row-gap:15px;column-gap:10px}.evolution-arrow-and-condition{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:80px}.evolution-condition{font-size:.7em;color:#ccc;margin:0;text-align:center}.evolution-stage-card.current-evolution-card{border-color:#e3350d;box-shadow:0 0 10px #e3350db3}.evolution-stage-card:not(.current-evolution-card){cursor:pointer}.evolution-stage-card:not(.current-evolution-card):hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.evolution-branches{display:flex;align-items:center;gap:10px}.evolution-branches.branching-layout-left-arrow{flex-direction:column;align-items:flex-start}.evolution-branch-item-left-arrow{display:flex;align-items:center;gap:10px;margin-top:5px}.evolution-arrow-and-condition,.evolution-arrow-and-condition-left{display:flex;flex-direction:column;align-items:center;gap:5px}.evolution-arrow{font-size:1.8em;color:#e3350d;line-height:1}.evolution-condition{font-size:.7em;color:#ccc;margin:0;word-break:break-word;max-width:80px;text-align:left}.evolution-branches.linear-layout{flex-direction:row;align-items:center}@media (max-width: 768px){.evolution-section{width:95%;padding:12px;gap:8px}.evolution-stage-card{width:85px;padding:8px 4px}.evolution-stage-card img{width:60px;height:60px}.evolution-stage-card h4{font-size:.7em;margin:3px 0}.evolution-stage-card p{font-size:.6em}.evolution-arrow{font-size:1.5em}.evolution-condition{font-size:.6em;max-width:60px}}@media (max-width: 600px){.evolution-section{flex-direction:column;align-items:center;gap:12px;width:100%}.evolution-stage-card{width:100px;padding:8px}.evolution-stage-card img{width:70px;height:70px}.evolution-arrow-and-condition{flex-direction:column;margin:8px 0;min-width:unset}.evolution-arrow{content:"↓";font-size:1.5em}.evolution-condition{font-size:.65em;max-width:80px;text-align:center}.evolution-section>*:last-child .evolution-arrow-and-condition .evolution-arrow{content:""}.evolution-section>*:not(:last-child) .evolution-arrow-and-condition{margin-bottom:10px}}@media (max-width: 480px){.evolution-section{padding:10px;gap:10px}.evolution-stage-card{width:90px;padding:6px}.evolution-stage-card img{width:65px;height:65px}.evolution-stage-card h4{font-size:.65em}.evolution-stage-card p{font-size:.55em}}.show-more-btn{grid-column:1 / -1;margin:20px auto;padding:15px 40px;font-size:1.2em;font-weight:700;color:#fff;background-color:#e3350d;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0003}.show-more-btn:hover{background-color:#c42f0a;transform:translateY(-2px)}.show-more-btn:active{transform:translateY(0)}.show-more-btn:disabled{background-color:#8c8c8c;cursor:not-allowed}.custom-select-container{position:relative;width:34%;max-width:calc(100vw - 40px);background-color:#555;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;overflow:visible}.selected-value{padding:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s ease}.selected-value:hover{background-color:#666}.dropdown-arrow{margin-left:10px}.options-list{position:fixed;background-color:#444;border-radius:5px;box-shadow:0 4px 8px #0000004d;list-style:none;padding:0;margin:0;z-index:99999;max-height:200px;overflow-y:auto;border:1px solid #555;display:block;min-width:180px}.option-item{padding:0 10px;cursor:pointer;text-transform:capitalize;display:flex;align-items:center;min-height:40px}.type-label{display:inline-block;border-radius:8px;padding:5px 10px;font-size:.8em;font-weight:700;color:#fff;margin:5px 0}.option-item:hover{background-color:#666}.option-item .type-label.type-all-types{background-color:#777;color:#fff}.option-item .type-label.type-normal{background-color:#a8a77a}.option-item .type-label.type-fire{background-color:#ee8130}.option-item .type-label.type-water{background-color:#6390f0}.option-item .type-label.type-grass{background-color:#7ac74c}.option-item .type-label.type-electric{background-color:#f7d02c}.option-item .type-label.type-ice{background-color:#96d9d6}.option-item .type-label.type-fighting{background-color:#c22e28}.option-item .type-label.type-poison{background-color:#a33ea1}.option-item .type-label.type-ground{background-color:#e2bf65}.option-item .type-label.type-flying{background-color:#a98ff3}.option-item .type-label.type-psychic{background-color:#f95587}.option-item .type-label.type-bug{background-color:#a6b91a}.option-item .type-label.type-rock{background-color:#b6a136}.option-item .type-label.type-ghost{background-color:#735797}.option-item .type-label.type-dragon{background-color:#065e64}.option-item .type-label.type-steel{background-color:#b7b7ce}.option-item .type-label.type-fairy{background-color:#d685ad}.option-item.selected{background-color:#616161}.option-item.selected .type-label{color:#fff}@media (max-width: 1024px){.custom-select-container{width:30%;max-width:calc(100vw - 200px)}.options-list{max-height:180px;min-width:160px}}@media (max-width: 768px){.custom-select-container{width:100%;max-width:280px;margin:0 auto}.selected-value{padding:12px;font-size:.95em}.options-list{max-height:180px;min-width:280px}.option-item{min-height:45px;padding:0 12px}.type-label{padding:6px 12px;font-size:.85em;margin:6px 0}}@media (max-width: 480px){.custom-select-container{max-width:min(280px,calc(100vw - 20px))}.selected-value{padding:10px;font-size:.9em}.options-list{max-height:160px}.option-item{min-height:42px;padding:0 10px}.type-label{padding:5px 10px;font-size:.8em;margin:4px 0}}@media (max-width: 320px){.custom-select-container{max-width:calc(100vw - 16px)}.selected-value{padding:8px;font-size:.85em}.options-list{max-height:140px}.option-item{min-height:38px;padding:0 8px}.type-label{padding:3px 8px;font-size:.75em;margin:3px 0}}