.sidebar-user-menu{margin-bottom:.75rem;position:relative}.sidebar-user-menu--disabled{padding:.5rem 0}.sidebar-user-hint{opacity:.75;font-size:.75rem}.sidebar-user-signin{justify-content:center;width:100%}.sidebar-user-trigger{text-align:left;align-items:center;gap:.5rem;width:100%;padding:.45rem .5rem;display:flex}.sidebar-user-avatar{object-fit:cover;border:2px solid var(--theme-secondary,#9c27b0);border-radius:50%;flex-shrink:0}.sidebar-user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;overflow:hidden}.sidebar-user-chevron{opacity:.8;flex-shrink:0;font-size:.75rem}.sidebar-user-dropdown{background:var(--bg-sidebar,#2a2a2a);z-index:1002;border:1px solid #ffffff1f;border-radius:10px;margin:.35rem 0 4px;padding:.35rem 0;list-style:none;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 8px 24px #00000073}.sidebar-user-dropdown-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem .75rem;display:block}.sidebar-user-dropdown-item:hover{background:#ffffff14}.sidebar-user-dropdown li{padding:0 .25rem}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}:root{--theme-primary:#f06292;--theme-secondary:#9c27b0;--theme-secondary-dark:#7b1fa2;--bg-body:#0d0d0d;--bg-container:#1a1a1a;--bg-sidebar:#2a2a2a;--bg-page-controls:#2a2a2a;--bg-card:#2a2a2a;--bg-card-collected:#2d3a2d;--bg-button:#9c27b0;--bg-button-hover:#7b1fa2;--bg-button-secondary:#333;--bg-button-secondary-hover:#3a3a3a;--bg-input:#fff;--bg-dropdown:#333;--bg-dropdown-hover:#3a3a3a;--text-primary:#333;--text-secondary:#ddd;--text-tertiary:#aaa;--text-white:#fff;--border-default:#444;--border-input:#ddd;--border-input-focus:#9c27b0;--border-card:#444;--border-card-hover:#9c27b0;--border-card-collected:#4caf50;--radio-accent-color:#9c27b0}body{background:var(--bg-body);height:100%;min-height:100dvh;color:var(--text-primary);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}.container{background:var(--bg-container);width:100%;max-width:100%;height:100dvh;max-height:100dvh;box-shadow:none;border-radius:0;flex-direction:column;margin:0;display:flex;overflow:hidden}header{background:linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%);color:var(--text-white);flex-shrink:0;padding:10px 14px}.header-content{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.header-left{flex:none;align-items:center;display:flex}.header-logo{object-fit:contain;width:auto;height:44px}.header-center{flex:auto;justify-content:center;align-items:center;min-width:0;display:flex}.header-right{flex:none;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.header-auth{align-items:center;gap:.35rem;max-width:min(200px,42vw);display:flex}.header-auth-email{opacity:.9;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.78rem;overflow:hidden}.auth-account-btn{padding:.35rem .55rem;font-size:.8rem}header h1,.header-title{text-shadow:2px 2px 4px #0003;text-align:center;width:100%;margin:0;font-size:clamp(1.05rem,2.8vw,1.6rem);line-height:1.2}.main-layout{flex:1;min-height:0;display:flex;overflow:hidden}.hamburger-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;padding:0;display:none}.hamburger-btn span{background:var(--hamburger-color,white);border-radius:3px;width:100%;height:3px;transition:all .3s}.hamburger-btn.active span:first-child{transform:rotate(45deg)translate(8px,8px)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg)translate(8px,-8px)}.sidebar-overlay{z-index:998;background:#00000080;display:none;position:fixed;inset:0}.sidebar{background:var(--bg-sidebar);border-right:2px solid var(--border-default);flex-direction:column;flex-shrink:0;width:250px;min-width:0;min-height:0;padding:0;transition:transform .3s;display:flex;overflow:hidden}.sidebar-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:12px 14px;overflow:visible auto}.sidebar-footer{border-top:2px solid var(--border-default);background:var(--bg-sidebar);flex-direction:column;flex-shrink:0;gap:8px;margin-top:auto;padding:12px 14px;display:flex}.settings-btn{background:var(--bg-button-secondary);border:2px solid var(--border-default);width:100%;color:var(--theme-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.settings-btn:hover{background:var(--bg-button-secondary-hover);border-color:var(--theme-secondary);color:var(--theme-secondary)}.settings-btn span:first-child{font-size:1.2rem}.kofi-donate-btn{margin-top:8px;color:#fff!important;background:#00b9fe!important;border-color:#00b9fe!important}.kofi-donate-btn:hover{color:#fff!important;background:#0099d6!important;border-color:#0099d6!important}.collapsible-section{margin-bottom:15px;overflow:visible}.section-header{color:var(--theme-primary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-button-secondary);border:2px solid var(--border-default);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:12px 14px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.section-header>span:first-child{flex:1;min-width:0}.section-percentage{color:#aaa;flex-shrink:0;font-size:.85rem;font-weight:600}.section-header:hover{background:#3a3a3a;border-color:#f06292}.section-header.collapsed .collapse-icon{transform:rotate(-90deg)}.collapse-icon{flex-shrink:0;font-size:.8rem;transition:transform .3s}.section-content{max-height:2000px;padding:15px 0;transition:max-height .3s,padding .3s;overflow:visible hidden}.section-content.collapsed{max-height:0;padding:0;overflow:hidden}.sidebar-tabs{flex-direction:column;gap:8px;display:flex;overflow-x:visible}.living-dex-filters{flex-direction:column;gap:8px;padding:0 0 15px;display:flex}.master-set-list{flex-direction:column;gap:8px;display:flex}.tab-btn{background:var(--bg-button-secondary);border:2px solid var(--border-default);cursor:pointer;text-align:left;box-sizing:border-box;width:100%;color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;margin-left:0;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative}.tab-btn:hover{background:var(--bg-button-secondary-hover);border-color:var(--theme-secondary)}.tab-btn .percentage{color:var(--text-tertiary);flex-shrink:0;margin-left:8px;font-size:.85rem;font-weight:600}.tab-btn.active .percentage{color:#ffffffe6}.tab-btn.active{background:var(--tab-active-bg,var(--theme-secondary));color:var(--tab-active-text,var(--text-white));border-color:var(--tab-active-bg,var(--theme-secondary))}.dropdown{width:100%;display:block;position:relative}.dropdown-content{background:var(--bg-dropdown);z-index:1000;border-radius:6px;max-height:400px;margin-top:5px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #0000004d}.dropdown:hover .dropdown-content,.dropdown.active .dropdown-content{display:block}.dropdown-btn{position:relative}.dropdown-content button{text-align:left;background:var(--bg-dropdown);border:none;border-bottom:1px solid var(--border-default);cursor:pointer;width:100%;color:var(--text-secondary);padding:12px 20px;font-size:.95rem;transition:background .2s;display:block}.dropdown-content button:hover{background:var(--bg-dropdown-hover)}.dropdown-content button:last-child{border-bottom:none}.page-controls{background:var(--bg-page-controls);border-bottom:1px solid var(--border-default);flex-direction:column;flex-shrink:0;gap:10px;padding:10px 14px;display:flex}.stats-bar{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:1.1rem;font-weight:500;overflow:hidden}.stats-bar span{text-overflow:ellipsis;max-width:100%;display:inline-block;overflow:hidden}.page-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.page-navigation{align-items:center;gap:10px;display:flex}.page-navigation span{color:var(--page-nav-text-color,#fff);font-size:1.1rem;font-weight:500}.btn{background:var(--button-bg,var(--bg-button));color:var(--button-text,var(--text-white));cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:1rem;font-weight:500;transition:all .2s}.btn:hover:not(:disabled){background:var(--button-hover-bg,var(--bg-button-hover));transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.5;background:#ccc}#page-info,.page-navigation span,#page-total{color:var(--page-nav-text-color,#fff);font-size:1.1rem;font-weight:500}#page-jump-input,.page-jump-input{background:var(--bg-input);width:60px;color:var(--text-primary);border:2px solid var(--border-input);text-align:center;-moz-appearance:textfield;border-radius:6px;padding:8px 10px;font-size:1rem;transition:border-color .2s}#page-jump-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#page-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-jump-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#page-jump-input:focus,.page-jump-input:focus{border-color:var(--border-input-focus);outline:none}.search-container-wrapper{flex:1;min-width:200px;max-width:400px;position:relative}#search-input,.search-input{background:var(--bg-input);width:100%;color:var(--text-primary);border:2px solid var(--border-input);border-radius:6px;padding:10px 16px;font-size:1rem;transition:border-color .2s}#search-input:focus,.search-input:focus{border-color:var(--border-input-focus);outline:none}.search-results{z-index:1000;background:#2a2a2a;border:2px solid #9c27b0;border-top:none;border-radius:0 0 6px 6px;max-height:300px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #00000080}.search-results.active{display:block}.search-result-item{cursor:pointer;color:#ddd;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#333}.search-result-item.selected{background-color:var(--theme-secondary);color:var(--text-white)}.search-result-name{flex:1;font-weight:500}.search-result-section{color:var(--text-tertiary);margin-left:12px;font-size:.85rem}.search-result-item.selected .search-result-section{color:#ffffffe6}.grid-container{background:var(--bg-container);-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:12px 14px;overflow:hidden auto}main{background:var(--bg-container);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}#view-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#view-container>.loading:not(.error-message){flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}#view-container>.loading-screen{min-height:unset;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}#view-container>.loading.error-message{box-sizing:border-box;flex:1;width:100%;min-height:0}.grid-3x3,.grid-4x4,.grid-5x5{gap:20px;max-width:800px;margin:0 auto;display:grid}.grid-3x3{grid-template-columns:repeat(3,1fr)}.grid-4x4{grid-template-columns:repeat(4,1fr)}.grid-5x5{grid-template-columns:repeat(5,1fr)}.pokemon-card{aspect-ratio:63/88;background:var(--bg-card);border:3px solid var(--border-card);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex;position:relative;overflow:hidden}.pokemon-card:hover{border-color:var(--border-card-hover);transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.pokemon-card.collected{border-color:var(--border-card-collected);background:var(--bg-card-collected)}.pokemon-card.collected .pokemon-image{filter:none}.pokemon-card:not(.collected) .pokemon-image{filter:grayscale();opacity:.6}.pokemon-card.master-set-card{cursor:pointer;padding:0}.pokemon-card.master-set-card .master-set-card-inner{flex-direction:column;justify-content:stretch;align-items:center;width:100%;height:100%;display:flex;position:relative}.pokemon-card.master-set-card .master-set-card-img{object-fit:contain;border-radius:6px;width:100%;height:100%;transition:filter .3s}.pokemon-card.master-set-card:not(.collected) .master-set-card-img{filter:grayscale();opacity:.7}.pokemon-card.master-set-card.collected .master-set-card-img{filter:none}.pokemon-card.master-set-card .master-set-card-name{color:#eee;text-align:center;word-break:break-word;background:linear-gradient(#0000,#000000d9);padding:4px 2px 6px;font-size:.65rem;line-height:1.1;position:absolute;bottom:0;left:0;right:0}.pokemon-card.master-set-card .master-set-card-num{color:#fff;background:#000000b3;border-radius:4px;padding:2px 5px;font-size:.7rem;font-weight:600;position:absolute;top:4px;right:4px}.pokemon-card.master-set-card .master-set-card-noimg{background:var(--bg-button-secondary);width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:1rem;display:flex}.master-set-empty,.master-set-error{text-align:center;color:var(--text-tertiary);padding:24px}.master-set-error code{font-size:.9em}.pokemon-image{object-fit:contain;width:100%;height:100%;transition:filter .3s}.pokemon-card.has-card-art{padding:0}.pokemon-card.has-card-art .pokemon-image{object-fit:contain;border-radius:9px;width:100%;height:100%}.pokemon-info{text-align:center;background:linear-gradient(#0000 0%,#0006 50%,#000000b3 100%);justify-content:center;align-items:flex-end;width:100%;padding:8px 4px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.slot-number{color:var(--text-tertiary);margin-bottom:4px;font-size:.85rem;font-weight:600}.slot-number-bottom{color:#fff;pointer-events:none;z-index:3;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600;position:absolute;top:6px;left:6px}.pokemon-card.has-card-art .slot-number-bottom{inset:auto 6px 6px auto}.pokemon-card.collected .slot-number-bottom{color:#fff;background:#000c}.pokemon-name{color:#ddd;word-break:break-word;font-size:.75rem;font-weight:500;line-height:1.2}.pokemon-card.has-card-art .pokemon-name{text-shadow:1px 1px 2px #000c;font-size:.7rem;font-weight:600}[data-theme=blue-white] .pokemon-name,[data-theme=green-white] .pokemon-name{text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 0 2px #000;color:#fff}[data-theme=blue-white] .pokemon-card.has-card-art .pokemon-name,[data-theme=green-white] .pokemon-card.has-card-art .pokemon-name{text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 0 3px #000}[data-theme=blue-white] .pokemon-card.collected .pokemon-name,[data-theme=green-white] .pokemon-card.collected .pokemon-name{text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 0 2px #000;color:#4caf50}.pokemon-card.collected .slot-number,.pokemon-card.collected .pokemon-name{color:#4caf50}.card-edit-btn{cursor:pointer;z-index:10;opacity:0;pointer-events:none;background:#000000b3;border:2px solid #ffffff4d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.pokemon-card:hover .card-edit-btn{opacity:1;pointer-events:all}.card-edit-btn:hover{border-color:var(--theme-secondary,#9c27b0);background:#000000e6;transform:scale(1.1)}.pokemon-card.empty{cursor:default;background:#1a1a1a;border-style:dashed}.pokemon-card.empty:hover{box-shadow:none;border-color:#444;transform:none}.empty-slot-text{color:#666;text-align:center;font-size:.8rem}.loading{text-align:center;color:#aaa;padding:60px;font-size:1.2rem}.loading.error-message{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.error-message-title{color:var(--text-secondary,#ddd);font-size:1.25rem;font-weight:600}.error-message-detail{color:var(--text-tertiary,#aaa);max-width:400px;margin:0;font-size:1rem}.error-retry-btn{background:var(--bg-button,#9c27b0);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:.5rem;padding:.6rem 1.25rem;font-size:1rem}.error-retry-btn:hover{background:var(--bg-button-hover,#7b1fa2)}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:60vh;display:flex}.loading-screen p{color:var(--text-secondary,#ddd);margin:0;font-size:1.2rem}.loading-spinner{border:4px solid var(--bg-button-secondary,#2a2a2a);border-top:4px solid var(--theme-secondary,#9c27b0);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:400px;display:flex}.app-loading p{color:#aaa;font-size:1.1rem}@media (width<=968px){.header-content{gap:15px}header h1,.header-title{font-size:2rem}.hamburger-btn{display:flex}.main-layout{position:relative}.sidebar-overlay.active{display:block}.sidebar{z-index:999;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.sidebar.active{transform:translate(0)}main{width:100%}}@media (width<=768px){body{padding:0}.container{max-width:100%;box-shadow:none;border-radius:0;height:100dvh;max-height:100dvh}header{padding:15px 12px}.header-content{gap:10px}.header-logo{height:50px}header h1,.header-title{font-size:1.3rem}.page-controls{gap:12px;padding:15px 12px}.stats-bar{font-size:clamp(.85rem,2.5vw,1.1rem)}.grid-container{padding:12px 8px}.grid-3x3,.grid-4x4,.grid-5x5{gap:8px;max-width:100%;padding:0}.pokemon-card{padding:0}.sidebar-scroll{padding:12px}.tab-btn{padding:10px 12px;font-size:.9rem}.prev-btn{padding:10px 12px;font-size:0;position:relative}.prev-btn:before{content:"←";font-size:1.2rem;display:inline-block}.next-btn{padding:10px 12px;font-size:0;position:relative}.next-btn:after{content:"→";font-size:1.2rem;display:inline-block}.card-edit-btn{width:22px;height:22px;font-size:.75rem;top:4px;right:4px}}@media (width<=480px){header{padding:12px 10px}.header-logo{height:45px}.header-center,.header-title{display:none}.header-left{flex:auto;justify-content:center;align-items:center;display:flex}.header-right{flex:none}.page-controls{gap:10px;padding:12px 10px}.stats-bar{font-size:clamp(.75rem,3vw,1rem)}.grid-container{padding:10px 6px}.grid-3x3,.grid-4x4,.grid-5x5{gap:6px}.card-edit-btn{width:20px;height:20px;font-size:.7rem;top:3px;right:3px}}[data-theme=pink-purple]{--theme-primary:#f06292;--theme-secondary:#9c27b0;--theme-secondary-dark:#7b1fa2;--button-bg:#9c27b0;--button-text:#fff;--button-hover-bg:#7b1fa2;--evolution-current-bg:#9c27b033;--evolution-current-shadow:#9c27b04d;--radio-accent-color:#9c27b0}[data-theme=blue-purple]{--theme-primary:#2196f3;--theme-secondary:#9c27b0;--theme-secondary-dark:#7b1fa2;--button-bg:#9c27b0;--button-text:#fff;--button-hover-bg:#7b1fa2;--evolution-current-bg:#9c27b033;--evolution-current-shadow:#9c27b04d;--radio-accent-color:#9c27b0}[data-theme=red-pink]{--theme-primary:#f44336;--theme-secondary:#f06292;--theme-secondary-dark:#e91e63;--button-bg:#f06292;--button-text:#fff;--button-hover-bg:#e91e63;--evolution-current-bg:#f0629233;--evolution-current-shadow:#f062924d;--radio-accent-color:#f06292}[data-theme=blue-white]{--theme-primary:#2196f3;--theme-secondary:#fff;--theme-secondary-dark:#e3f2fd;--bg-body:#d0d0d0;--bg-container:#fff;--bg-sidebar:#fff;--bg-page-controls:#f5f5f5;--bg-card:#fff;--bg-card-collected:#e8f5e9;--bg-button-secondary:#e3e3e3;--bg-button-secondary-hover:#d0d0d0;--bg-dropdown:#f5f5f5;--bg-dropdown-hover:#e3e3e3;--text-primary:#212121;--text-secondary:#424242;--text-tertiary:#757575;--border-default:#bdbdbd;--border-card:#bdbdbd;--border-card-hover:#2196f3;--hamburger-color:#2196f3;--page-nav-text-color:#212121;--tab-active-bg:#2196f3;--tab-active-text:#fff;--button-bg:#2196f3;--button-text:#fff;--button-hover-bg:#1976d2;--close-btn-color:#2196f3;--close-btn-bg:#2196f31a;--close-btn-border:#2196f34d;--close-btn-bg-hover:#2196f333;--close-btn-border-hover:#2196f380;--evolution-current-bg:#2196f326;--evolution-current-shadow:#2196f340;--radio-accent-color:#2196f3}[data-theme=green-blue]{--theme-primary:#4caf50;--theme-secondary:#2196f3;--theme-secondary-dark:#1976d2;--button-bg:#2196f3;--button-text:#fff;--button-hover-bg:#1976d2;--evolution-current-bg:#2196f333;--evolution-current-shadow:#2196f34d;--radio-accent-color:#2196f3}[data-theme=green-white]{--theme-primary:#4caf50;--theme-secondary:#fff;--theme-secondary-dark:#e8f5e9;--bg-body:#d0d0d0;--bg-container:#fff;--bg-sidebar:#fff;--bg-page-controls:#f5f5f5;--bg-card:#fff;--bg-card-collected:#e8f5e9;--bg-button-secondary:#e3e3e3;--bg-button-secondary-hover:#d0d0d0;--bg-dropdown:#f5f5f5;--bg-dropdown-hover:#e3e3e3;--text-primary:#212121;--text-secondary:#424242;--text-tertiary:#757575;--border-default:#bdbdbd;--border-card:#bdbdbd;--border-card-hover:#4caf50;--hamburger-color:#4caf50;--page-nav-text-color:#212121;--tab-active-bg:#4caf50;--tab-active-text:#fff;--button-bg:#4caf50;--button-text:#fff;--button-hover-bg:#388e3c;--close-btn-color:#4caf50;--close-btn-bg:#4caf501a;--close-btn-border:#4caf504d;--close-btn-bg-hover:#4caf5033;--close-btn-border-hover:#4caf5080;--evolution-current-bg:#4caf5026;--evolution-current-shadow:#4caf5040;--radio-accent-color:#4caf50}.modal-overlay{z-index:10000;opacity:0;visibility:hidden;background:#000c;justify-content:center;align-items:center;padding:20px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.pokemon-modal{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--theme-secondary,#9c27b0);border-radius:12px;width:100%;max-width:900px;max-height:90vh;transition:transform .3s;overflow-y:auto;transform:scale(.9);box-shadow:0 20px 60px #00000080}.modal-overlay.active .pokemon-modal{transform:scale(1)}.modal-header{background:linear-gradient(135deg, var(--theme-primary,#f06292) 0%, var(--theme-secondary,#9c27b0) 100%);z-index:10;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;position:sticky;top:0}.modal-header h2{color:#fff;text-shadow:2px 2px 4px #0003;margin:0;font-size:1.8rem}.modal-close-btn{background:var(--close-btn-bg,#fff3);border:2px solid var(--close-btn-border,#ffffff4d);color:var(--close-btn-color,white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;font-weight:700;line-height:1;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--close-btn-bg-hover,#ffffff4d);border-color:var(--close-btn-border-hover,#ffffff80);transform:rotate(90deg)}.modal-content{background:var(--bg-sidebar,#2a2a2a);padding:30px}.modal-section{margin-bottom:30px}.modal-section:last-child{margin-bottom:0}.modal-section h3{color:var(--theme-primary,#f06292);margin:0 0 16px;font-size:1.3rem;font-weight:600}.modal-loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:60px 20px;display:flex}.modal-loading p{color:var(--text-secondary,#ddd);margin-top:20px;font-size:1.1rem}.loading-spinner{border:4px solid #9c27b033;border-top-color:var(--theme-secondary,#9c27b0);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.basic-info-with-stats{align-items:flex-start;gap:30px;display:flex}.basic-info-left{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.pokemon-sprite-container{flex-direction:column;align-items:center;gap:8px;display:flex}.modal-pokemon-sprite{object-fit:contain;width:200px;height:200px;image-rendering:pixelated}.pokemon-number{color:var(--text-secondary,#ddd);font-size:1.2rem;font-weight:600}.pokemon-types{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.basic-info-right{flex:1}.stats-section{width:100%}.stats-list{flex-direction:column;gap:12px;display:flex}.stat-row{align-items:center;gap:12px;display:flex}.stat-name{color:var(--text-secondary,#ddd);min-width:80px;font-size:.95rem;font-weight:500}.stat-bar-container{background:var(--bg-button-secondary,#333);border-radius:10px;flex:1;height:20px;position:relative;overflow:hidden}.stat-bar{background:linear-gradient(90deg, var(--theme-primary,#f06292) 0%, var(--theme-secondary,#9c27b0) 100%);border-radius:10px;height:100%;transition:width .3s}.stat-value{color:var(--text-secondary,#ddd);text-align:right;min-width:40px;font-size:.95rem;font-weight:600}.stat-row.stat-total{border-top:2px solid var(--border-default,#444);margin-top:8px;padding-top:12px}.stat-row.stat-total .stat-name,.stat-row.stat-total .stat-value{color:var(--theme-primary,#f06292);font-weight:700}.type-badge{text-transform:uppercase;text-shadow:1px 1px 2px #0000004d;color:#fff;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.type-normal{background:#a8a878}.type-fire{background:#f08030}.type-water{background:#6890f0}.type-electric{color:#000;text-shadow:1px 1px 2px #ffffff80;background:#f8d030}.type-grass{background:#78c850}.type-ice{color:#000;text-shadow:1px 1px 2px #ffffff80;background:#98d8d8}.type-fighting{background:#c03028}.type-poison{background:#a040a0}.type-ground{color:#000;text-shadow:1px 1px 2px #ffffff80;background:#e0c068}.type-flying{background:#a890f0}.type-psychic{background:#f85888}.type-bug{background:#a8b820}.type-rock{background:#b8a038}.type-ghost{background:#705898}.type-dragon{background:#7038f8}.type-dark{background:#705848}.type-steel{color:#000;text-shadow:1px 1px 2px #ffffff80;background:#b8b8d0}.type-fairy{background:#ee99ac}.abilities-list{flex-direction:column;gap:10px;display:flex}.ability-item{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.ability-item:hover{background:var(--bg-button-secondary-hover,#3a3a3a);border-color:var(--theme-secondary,#9c27b0)}.ability-name{color:var(--text-secondary,#ddd);flex:1;font-size:1rem;font-weight:500}.hidden-badge{background:var(--theme-primary,#9c27b0);color:#fff;text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.moves-section{width:100%}.moves-list{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);border-radius:8px;flex-wrap:wrap;gap:8px;padding:16px;display:flex}.move-badge{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--border-default,#444);cursor:pointer;color:var(--text-secondary,#ddd);border-radius:6px;padding:8px 12px;font-size:.9rem;transition:all .2s;display:inline-block}.move-badge:hover{background:var(--bg-button-secondary-hover,#3a3a3a);border-color:var(--theme-secondary,#9c27b0);transform:translateY(-2px)}.species-section{width:100%}.info-badges{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.info-badge{text-transform:uppercase;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.info-badge.legendary{color:#000;background:gold}.info-badge.mythical{color:#fff;background:#ff69b4}.info-badge.baby{color:#000;background:#87ceeb}.info-badge.gender-diff{color:#000;background:plum}.species-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.species-info-item{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.species-label{color:var(--text-secondary,#ddd);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.species-value{color:var(--text-secondary,#ddd);padding-left:8px;font-size:1rem}.evolution-section{width:100%}.evolution-chain{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.evolution-chain-branching-list{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);border-radius:8px;flex-direction:column;gap:16px;padding:16px;display:flex}.evolution-list-item{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.evolution-stage{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--border-default,#444);border-radius:8px;flex-direction:column;align-items:center;gap:8px;min-width:120px;padding:12px;display:flex}.evolution-stage.current{border-color:var(--theme-secondary,#9c27b0);background:var(--evolution-current-bg,#9c27b033);box-shadow:0 0 10px var(--evolution-current-shadow,#9c27b04d)}.evolution-stage.variant-stage{border-color:var(--theme-primary,#f06292)}.evolution-sprite{justify-content:center;align-items:center;width:80px;height:80px;display:flex}.evolution-sprite img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.evolution-sprite-small{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.evolution-sprite-small img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.evolution-info{text-align:center;width:100%}.evolution-name{color:var(--text-secondary,#ddd);margin-bottom:4px;font-size:1rem;font-weight:600}.evolution-number{color:var(--text-secondary,#ddd);margin-bottom:4px;font-size:.85rem}.evolution-condition{color:#fff;font-size:.85rem;font-style:italic}.evolution-arrow{color:var(--theme-secondary,#9c27b0);font-size:1.5rem;font-weight:700}.evolution-base-header{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.evolution-base-header.current{border-color:var(--theme-secondary,#9c27b0);background:var(--evolution-current-bg,#9c27b033);box-shadow:0 0 10px var(--evolution-current-shadow,#9c27b04d)}.evolution-branch-item{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.evolution-branch-item.current{border-color:var(--theme-secondary,#9c27b0);background:var(--evolution-current-bg,#9c27b033);box-shadow:0 0 10px var(--evolution-current-shadow,#9c27b04d)}.evolution-from,.evolution-to{align-items:center;gap:8px;display:flex}.evolution-from-name{color:var(--text-primary,#fff);font-weight:500}.evolution-to-info{flex-direction:column;gap:4px;display:flex}.evolution-branches-list{flex-direction:column;gap:12px;display:flex}.evolution-variant-badge{background:var(--theme-secondary,#9c27b0);color:#fff;border-radius:4px;margin-left:8px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-block}.variants-section{width:100%;overflow:hidden}.variants-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid;overflow:hidden}.variant-card{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);text-align:center;border-radius:8px;flex-direction:column;align-items:center;min-width:0;padding:16px;display:flex;overflow:hidden}.variant-card.mega-card{border-color:var(--theme-primary,#f06292)}.variant-card.gmax-card{border-color:gold}.variant-sprite{flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 12px;display:flex;overflow:hidden}.variant-sprite img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;max-width:120px;max-height:120px}.variant-name{color:var(--text-primary,#fff);word-wrap:break-word;overflow-wrap:break-word;width:100%;margin-bottom:6px;font-size:.95rem;font-weight:600}.variant-type{color:var(--text-secondary,#ddd);text-transform:uppercase;margin-bottom:8px;font-size:.75rem}.variant-types{flex-wrap:wrap;justify-content:center;gap:4px;width:100%;display:flex}#modal-tooltip{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--theme-secondary,#9c27b0);z-index:10001;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;max-width:300px;padding:12px 16px;transition:opacity .2s,visibility .2s;position:fixed;box-shadow:0 4px 12px #00000080}#modal-tooltip.active{opacity:1;visibility:visible}.tooltip-loading,.tooltip-error{color:var(--text-secondary,#ddd);font-size:.9rem}.tooltip-ability-name,.tooltip-move-name{color:var(--theme-primary,#f06292);margin-bottom:6px;font-size:1rem;font-weight:600}.tooltip-hidden-badge{background:var(--theme-primary,#9c27b0);color:#fff;border-radius:4px;margin-bottom:6px;padding:2px 6px;font-size:.7rem;font-weight:600;display:inline-block}.tooltip-ability-effect,.tooltip-move-effect{color:var(--text-secondary,#ddd);margin-top:6px;font-size:.9rem;line-height:1.4}.tooltip-move-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tooltip-move-type{font-size:.75rem}.tooltip-move-damage-class{background:var(--bg-button-secondary,#333);color:var(--text-secondary,#ddd);text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.tooltip-move-stats{margin-top:8px}.tooltip-move-stat-row{color:var(--text-secondary,#ddd);gap:8px;margin-bottom:4px;font-size:.85rem;display:flex}@media (width<=768px){.basic-info-with-stats{flex-direction:column}.basic-info-right{width:100%}.modal-pokemon-sprite{width:150px;height:150px}.variants-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.variant-sprite{width:100px;height:100px}.variant-sprite img{max-width:100px;max-height:100px}}.settings-modal-overlay{z-index:10001;opacity:0;visibility:hidden;background:#000c;justify-content:center;align-items:center;padding:20px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.settings-modal-overlay.active{opacity:1;visibility:visible}.settings-modal{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--theme-secondary,#9c27b0);border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;transition:transform .3s;display:flex;overflow-y:auto;transform:scale(.9);box-shadow:0 20px 60px #00000080}.settings-modal-overlay.active .settings-modal{transform:scale(1)}.settings-modal-header{background:linear-gradient(135deg, var(--theme-primary,#f06292) 0%, var(--theme-secondary,#9c27b0) 100%);z-index:10;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;position:sticky;top:0}.settings-modal-header h2{color:#fff;text-shadow:2px 2px 4px #0003;margin:0;font-size:1.8rem}.settings-modal-close{background:var(--close-btn-bg,#fff3);border:2px solid var(--close-btn-border,#ffffff4d);color:var(--close-btn-color,white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;font-weight:700;line-height:1;transition:all .2s;display:flex}.settings-modal-close:hover{background:var(--close-btn-bg-hover,#ffffff4d);border-color:var(--close-btn-border-hover,#ffffff80);transform:rotate(90deg)}.settings-modal-content{background:var(--bg-sidebar,#2a2a2a);flex:1;padding:30px}.settings-section{margin-bottom:30px}.settings-section:last-child{margin-bottom:0}.settings-section h3{color:var(--theme-primary,#f06292);margin:0 0 8px;font-size:1.3rem;font-weight:600}.settings-description{color:var(--text-tertiary,#aaa);margin:0 0 16px;font-size:.9rem}.settings-data-actions{gap:12px;margin-top:10px;display:flex}.settings-options{flex-direction:column;gap:12px;display:flex}.settings-option{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.settings-option:hover{background:var(--bg-button-secondary-hover,#3a3a3a);border-color:var(--theme-secondary,#9c27b0)}.settings-option input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--radio-accent-color,#9c27b0)}.settings-option input[type=radio]:checked+span{color:var(--theme-secondary,#9c27b0);font-weight:600}.settings-option span{color:var(--text-secondary,#ddd);flex:1;font-size:1rem}.settings-modal-footer{border-top:2px solid var(--border-default,#444);background:var(--bg-sidebar,#2a2a2a);border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:20px 30px;display:flex}.settings-modal-footer .btn{cursor:pointer;border:2px solid;border-radius:6px;padding:10px 24px;font-size:1rem;font-weight:600;transition:all .2s}.settings-modal-footer .btn-secondary{background:var(--bg-button-secondary,#333);border-color:var(--border-default,#444);color:var(--text-secondary,#ddd)}.settings-modal-footer .btn-secondary:hover{background:var(--bg-button-secondary-hover,#3a3a3a);border-color:var(--border-default,#666)}.settings-modal-footer .btn-primary{background:var(--button-bg,var(--theme-primary,#9c27b0));border-color:var(--button-bg,var(--theme-primary,#9c27b0));color:var(--button-text,var(--text-white,white))}.settings-modal-footer .btn-primary:hover{background:var(--button-hover-bg,var(--theme-secondary-dark,#7b1fa2));border-color:var(--button-hover-bg,var(--theme-secondary-dark,#7b1fa2));transform:translateY(-2px);box-shadow:0 4px 8px #9c27b04d}.btn-danger{background:var(--error-color,#ff6b6b);border:2px solid var(--error-color,#ff6b6b);color:#fff;cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-danger:hover{background:var(--error-color-dark,#ff5252);border-color:var(--error-color-dark,#ff5252);transform:translateY(-2px);box-shadow:0 4px 8px #ff6b6b4d}.btn-danger:active{transform:translateY(0);box-shadow:0 2px 4px #ff6b6b33}.card-art-modal-overlay{z-index:10002;opacity:0;visibility:hidden;background:#000c;justify-content:center;align-items:center;padding:20px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.card-art-modal-overlay.active{opacity:1;visibility:visible}.card-art-modal{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--theme-secondary,#9c27b0);border-radius:12px;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;transition:transform .3s;display:flex;overflow-y:auto;transform:scale(.9);box-shadow:0 20px 60px #00000080}.card-art-modal-overlay.active .card-art-modal{transform:scale(1)}.card-art-modal-header{background:linear-gradient(135deg, var(--theme-primary,#f06292) 0%, var(--theme-secondary,#9c27b0) 100%);z-index:10;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;position:sticky;top:0}.card-art-modal-header h2{color:#fff;text-shadow:2px 2px 4px #0003;margin:0;font-size:1.8rem}.card-art-modal-close{background:var(--close-btn-bg,#fff3);border:2px solid var(--close-btn-border,#ffffff4d);color:var(--close-btn-color,white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;font-weight:700;line-height:1;transition:all .2s;display:flex}.card-art-modal-close:hover{background:var(--close-btn-bg-hover,#ffffff4d);border-color:var(--close-btn-border-hover,#ffffff80);transform:rotate(90deg)}.card-art-modal-content{background:var(--bg-sidebar,#2a2a2a);flex:1;padding:30px}.card-art-search-section{margin-bottom:24px}.card-art-search-input{background:var(--bg-input,#fff);border:2px solid var(--border-input,#ddd);width:100%;color:var(--text-primary,#333);border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .2s}.card-art-search-input::placeholder{color:var(--text-tertiary,#aaa);opacity:1}.card-art-search-input:focus{border-color:var(--theme-secondary,#9c27b0);background:var(--bg-input,#fff);outline:none}.card-art-results{min-height:400px}.card-art-placeholder,.card-art-no-results,.card-art-error{text-align:center;color:var(--text-secondary,#aaa);padding:60px 20px}.card-art-placeholder p,.card-art-no-results p,.card-art-error p{margin:8px 0;font-size:1.1rem}.card-art-hint{color:var(--text-tertiary,#888)!important;font-size:.9rem!important}.card-art-header{margin-bottom:20px}.card-art-header h3{color:var(--theme-primary,#f06292);margin:0;font-size:1.3rem;font-weight:600}.card-art-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.card-art-item{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);cursor:pointer;border-radius:8px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.card-art-item:hover{border-color:var(--theme-secondary,#9c27b0);transform:translateY(-4px);box-shadow:0 8px 16px #9c27b04d}.card-art-image-container{aspect-ratio:63/88;background:var(--bg-sidebar,#2a2a2a);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.card-art-image{object-fit:contain;width:100%;height:100%;transition:transform .2s}.card-art-item:hover .card-art-image{transform:scale(1.05)}.card-art-image-error{color:var(--text-tertiary,#888);text-align:center;padding:20px;font-size:.9rem}.card-art-info{flex-direction:column;gap:6px;padding:12px;display:flex}.card-art-name{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.card-art-set{color:var(--text-secondary,#ddd);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.card-art-meta{justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;display:flex}.card-art-rarity{color:var(--theme-secondary,#9c27b0);font-weight:600}.card-art-number{color:var(--text-tertiary,#aaa)}.card-art-preview-overlay{z-index:10003;opacity:0;visibility:hidden;background:#000000e6;justify-content:center;align-items:center;padding:20px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.card-art-preview-overlay.active{opacity:1;visibility:visible}.card-art-preview-container{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--theme-secondary,#9c27b0);border-radius:12px;width:100%;max-width:600px;transition:transform .3s;position:relative;overflow:hidden;transform:scale(.9)}.card-art-preview-overlay.active .card-art-preview-container{transform:scale(1)}.card-art-preview-close{color:#fff;cursor:pointer;z-index:10;background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;font-weight:700;line-height:1;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.card-art-preview-close:hover{background:#000000e6;border-color:#ffffff80;transform:rotate(90deg)}.card-art-preview-image-container{background:var(--bg-sidebar,#2a2a2a);justify-content:center;align-items:center;width:100%;padding:20px;display:flex}.card-art-preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:70vh;box-shadow:0 10px 30px #00000080}.card-art-preview-info{background:var(--bg-sidebar,#2a2a2a);border-top:2px solid var(--border-default,#444);padding:20px}.card-art-preview-name{color:var(--text-secondary,#ddd);margin-bottom:8px;font-size:1.5rem;font-weight:600}.card-art-preview-set{color:var(--text-secondary,#ddd);margin-bottom:8px;font-size:1rem}.card-art-preview-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-art-preview-rarity{color:var(--theme-secondary,#9c27b0);font-size:.9rem;font-weight:600}.card-art-preview-number{color:var(--text-tertiary,#aaa);font-size:.9rem}.card-art-preview-flavor{color:var(--text-secondary,#ddd);border-top:1px solid var(--border-default,#444);margin-top:12px;padding-top:12px;font-size:.9rem;font-style:italic;line-height:1.5}@media (width<=768px){.card-art-modal{max-width:95%;max-height:95vh}.card-art-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card-art-modal-header h2{font-size:1.4rem}.card-art-preview-container{max-width:95%}.card-art-preview-image{max-height:60vh}}.card-art-selection-modal-overlay{z-index:10003;opacity:0;visibility:hidden;background:#000c;justify-content:center;align-items:center;padding:20px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.card-art-selection-modal-overlay.active{opacity:1;visibility:visible}.card-art-selection-modal{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--theme-secondary,#9c27b0);border-radius:12px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;transition:transform .3s;display:flex;overflow-y:auto;transform:scale(.9);box-shadow:0 20px 60px #00000080}.card-art-selection-modal-overlay.active .card-art-selection-modal{transform:scale(1)}.card-art-selection-modal-header{background:linear-gradient(135deg, var(--theme-primary,#f06292) 0%, var(--theme-secondary,#9c27b0) 100%);z-index:10;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;position:sticky;top:0}.card-art-selection-modal-header h2{color:#fff;text-shadow:2px 2px 4px #0003;margin:0;font-size:1.8rem}.card-art-selection-modal-close{background:var(--close-btn-bg,#fff3);border:2px solid var(--close-btn-border,#ffffff4d);color:var(--close-btn-color,white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;font-weight:700;line-height:1;transition:all .2s;display:flex}.card-art-selection-modal-close:hover{background:var(--close-btn-bg-hover,#ffffff4d);border-color:var(--close-btn-border-hover,#ffffff80);transform:rotate(90deg)}.card-art-selection-modal-content{background:var(--bg-sidebar,#2a2a2a);flex:1;padding:30px}.card-art-selection-pokemon-info{text-align:center;margin-bottom:20px}.card-art-selection-pokemon-info span{color:var(--text-secondary,#ddd);font-size:1.2rem;font-weight:600}.card-art-selection-filters{flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.card-art-selection-search-container,.card-art-selection-filter-container{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.card-art-selection-search-container label,.card-art-selection-filter-container label{color:var(--text-secondary,#ddd);font-size:.9rem;font-weight:600}.card-art-selection-search-input{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--border-default,#444);color:var(--text-secondary,#ddd);border-radius:8px;width:100%;padding:10px 14px;font-size:1rem;transition:border-color .2s}.card-art-selection-search-input:focus{border-color:var(--theme-secondary,#9c27b0);background:var(--bg-button-secondary,#333);outline:none}.card-art-selection-search-input::placeholder{color:var(--text-tertiary,#aaa)}.card-art-selection-filter-select{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--border-default,#444);color:var(--text-secondary,#ddd);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ddd' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:8px;width:100%;padding:10px 40px 10px 14px;font-size:1rem;transition:border-color .2s}.card-art-selection-filter-select:focus{border-color:var(--theme-secondary,#9c27b0);background-color:var(--bg-button-secondary,#333);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ddd' d='M6 9L1 4h10z'/%3E%3C/svg%3E");outline:none}.card-art-selection-filter-select:hover{background-color:var(--bg-button-secondary-hover,#3a3a3a);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ddd' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.card-art-selection-filter-select option{background:var(--bg-sidebar,#2a2a2a);color:var(--text-secondary,#ddd);padding:8px}.card-art-selection-filter-select option:hover,.card-art-selection-filter-select option:checked{background:var(--bg-button-secondary-hover,#3a3a3a);color:var(--text-secondary,#ddd)}.card-art-selection-options{justify-content:center;margin-bottom:24px;display:flex}.card-art-selection-default-btn{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);color:var(--text-secondary,#ddd);cursor:pointer;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s}.card-art-selection-default-btn:hover{background:var(--bg-button-secondary-hover,#3a3a3a);border-color:var(--theme-secondary,#9c27b0);color:var(--theme-secondary,#9c27b0)}.card-art-selection-results{min-height:400px}.card-art-selection-loading,.card-art-selection-error,.card-art-selection-no-results{text-align:center;color:var(--text-secondary,#ddd);padding:60px 20px}.card-art-selection-loading p,.card-art-selection-error p,.card-art-selection-no-results p{margin:8px 0;font-size:1.1rem}.card-art-selection-hint{color:var(--text-tertiary,#888)!important;font-size:.9rem!important}.card-art-selection-header{margin-bottom:20px}.card-art-selection-header h3{color:var(--theme-primary,#f06292);margin:0;font-size:1.3rem;font-weight:600}.card-art-selection-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.card-art-selection-item{background:var(--bg-button-secondary,#333);border:2px solid var(--border-default,#444);cursor:pointer;border-radius:8px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.card-art-selection-item:hover{border-color:var(--theme-secondary,#9c27b0);transform:translateY(-4px);box-shadow:0 8px 16px #9c27b04d}.card-art-selection-image-container{aspect-ratio:63/88;background:var(--bg-sidebar,#2a2a2a);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.card-art-selection-image{object-fit:contain;width:100%;height:100%;transition:transform .2s}.card-art-selection-item:hover .card-art-selection-image{transform:scale(1.05)}.card-art-selection-image-error{color:var(--text-tertiary,#888);text-align:center;padding:20px;font-size:.9rem}.card-art-selection-info{flex-direction:column;gap:4px;padding:12px;display:flex}.card-art-selection-set{color:var(--text-secondary,#ddd);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.card-art-selection-rarity{color:var(--theme-secondary,#9c27b0);font-size:.8rem;font-weight:600}@media (width<=768px){.card-art-selection-modal{max-width:95%;max-height:95vh}.card-art-selection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card-art-selection-modal-header h2{font-size:1.4rem}.card-art-selection-filters{flex-direction:column;gap:16px}.card-art-selection-search-container,.card-art-selection-filter-container{min-width:100%}}.move-modal-overlay{z-index:10004;opacity:0;visibility:hidden;background:#000c;justify-content:center;align-items:center;padding:20px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.move-modal-overlay.active{opacity:1;visibility:visible}.move-modal{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--theme-secondary,#9c27b0);border-radius:12px;width:100%;max-width:700px;max-height:90vh;transition:transform .3s;overflow-y:auto;transform:scale(.9);box-shadow:0 20px 60px #00000080}.move-modal-overlay.active .move-modal{transform:scale(1)}.move-modal-content{color:var(--text-primary,#fff);padding:20px}.move-loading,.move-error{text-align:center;color:var(--text-secondary,#ddd);padding:40px 20px}.move-header{border-bottom:2px solid var(--border-default,#444);margin-bottom:24px;padding-bottom:16px}.move-title{color:var(--text-primary,#fff);margin:0;font-size:1.5rem}.move-stats-section{border-bottom:2px solid var(--border-default,#444);margin-bottom:32px;padding-bottom:24px}.move-type-badges{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.move-damage-class{background:var(--bg-button-secondary,#333);color:var(--text-secondary,#ddd);text-transform:uppercase;border:1px solid var(--border-default,#444);border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600}.move-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px;display:grid}.move-stat-item{background:var(--bg-button-secondary,#333);border:1px solid var(--border-default,#444);border-radius:6px;flex-direction:column;gap:4px;padding:10px;display:flex}.move-stat-label{color:var(--text-secondary,#bbb);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.move-stat-value{font-size:1.2rem;font-weight:600;color:var(--text-secondary,#ddd)!important}.move-effect,.move-ailment{color:var(--text-secondary,#ddd);background:var(--bg-button-secondary,#333);border-left:3px solid var(--theme-secondary,#9c27b0);border-radius:6px;margin:12px 0;padding:12px;font-size:1rem;line-height:1.6}.move-ailment{border-left-color:var(--theme-primary,#f06292)}.move-generation-info{color:var(--text-secondary,#ddd);margin-top:12px;padding:8px 12px;font-size:.95rem}.move-learning-section{margin-top:32px}.move-section-title{color:var(--theme-primary,#f06292);margin-bottom:20px;font-size:1.2rem;font-weight:600}.learning-method-group{border:1px solid var(--border-default,#444);border-radius:8px;margin-bottom:20px;overflow:hidden}.learning-method-header{background:var(--bg-button-secondary,#333);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;font-size:1rem;font-weight:600;display:flex;color:var(--text-secondary,#ddd)!important}.learning-method-icon{font-size:1.2rem}.learning-method-name{text-transform:capitalize;flex:1;color:var(--text-secondary,#ddd)!important}.learning-method-desc{color:var(--text-secondary,#bbb);margin-left:auto;font-size:.85rem;font-style:italic;font-weight:400}.learning-method-content{background:var(--bg-sidebar,#2a2a2a);padding:16px}.learning-level-summary{color:var(--theme-secondary,#9c27b0);margin-bottom:12px;font-size:1rem;font-weight:600}.learning-versions{flex-wrap:wrap;gap:8px;display:flex}.version-badge{background:var(--bg-button-secondary,#333);color:var(--text-secondary,#ddd);border:1px solid var(--border-default,#444);border-radius:4px;padding:6px 12px;font-size:.85rem;display:inline-block}.move-badge.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}@media (width<=768px){.move-modal{max-width:95%;max-height:95vh;margin:2.5vh auto}.move-modal-content{padding:16px}.move-title{font-size:1.3rem}.move-stats-grid{grid-template-columns:1fr;gap:12px}.move-type-badges{flex-direction:column}.learning-versions{gap:6px}.version-badge{padding:5px 10px;font-size:.8rem}}@media (width<=480px){.move-modal{border-radius:0;max-width:100%;max-height:100vh;margin:0}.move-modal-content{padding:12px}.move-title{font-size:1.2rem}.move-section-title{font-size:1rem}}.ability-modal-overlay{z-index:10004;opacity:0;visibility:hidden;background:#000c;justify-content:center;align-items:center;padding:20px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.ability-modal-overlay.active{opacity:1;visibility:visible}.ability-modal{background:var(--bg-sidebar,#2a2a2a);border:2px solid var(--theme-secondary,#9c27b0);border-radius:12px;width:100%;max-width:600px;max-height:90vh;transition:transform .3s;overflow-y:auto;transform:scale(.9);box-shadow:0 20px 60px #00000080}.ability-modal-overlay.active .ability-modal{transform:scale(1)}.ability-modal-content{color:var(--text-primary,#fff);padding:20px}.ability-loading,.ability-error{text-align:center;color:var(--text-secondary,#ddd);padding:40px 20px}.ability-hidden-badge{background:var(--theme-primary,#9c27b0);color:#fff;text-transform:uppercase;border-radius:6px;margin-bottom:20px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.ability-stats-section{margin-bottom:24px}.ability-effect{color:var(--text-secondary,#ddd);background:var(--bg-button-secondary,#333);border-left:3px solid var(--theme-secondary,#9c27b0);border-radius:8px;margin:12px 0;padding:16px;font-size:1rem;line-height:1.6}.ability-effect-long{color:var(--text-secondary,#bbb);background:var(--bg-button-secondary,#333);border-radius:6px;margin:8px 0;padding:12px 16px;font-size:.9rem;font-style:italic;line-height:1.6}.ability-generation-info{color:var(--text-secondary,#ddd);margin-top:16px;padding:8px 12px;font-size:.95rem}.ability-pokemon-section{border-top:2px solid var(--border-default,#444);margin-top:32px;padding-top:24px}.ability-section-title{color:var(--theme-primary,#f06292);margin-bottom:12px;font-size:1.2rem;font-weight:600}.ability-pokemon-count{color:var(--text-secondary,#ddd);background:var(--bg-button-secondary,#333);border:1px solid var(--border-default,#444);border-radius:6px;padding:8px 12px;font-size:.95rem}.ability-item{cursor:pointer;-webkit-user-select:none;user-select:none}@media (width<=768px){.ability-modal{max-width:95%;max-height:95vh;margin:2.5vh auto}.ability-modal-content{padding:16px}.ability-effect{padding:12px;font-size:.95rem}.ability-section-title{font-size:1.1rem}}@media (width<=480px){.ability-modal{border-radius:0;max-width:100%;max-height:100vh;margin:0}.ability-modal-content{padding:12px}.ability-section-title{font-size:1rem}}#root{min-height:100vh}.setup-notice{color:#e2e8f0;background:#2d313c;border-radius:12px;max-width:36rem;margin:3rem auto;padding:1.5rem;font-family:system-ui,sans-serif;line-height:1.5}.setup-notice code{background:#1a1e27;border-radius:4px;padding:.15em .4em;font-size:.9em}