:root{--bg:#f6f8fc;--card:#fff;--accent:#ef5350;--text:#222 }*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}.header{background:linear-gradient(90deg,#fff,#f2f4f8);padding:12px 20px;border-bottom:1px solid #e6e9ef}.header h1{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.app{height:100vh;display:flex;flex-direction:column}main{padding:16px;flex:1}.pokedex{display:flex;flex-direction:column;gap:16px}.list{background:transparent}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.card{background:var(--card);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #e8ebf2;cursor:pointer}.card img{width:72px;height:72px}.card .name{text-transform:capitalize;font-weight:600}.details{background:var(--card);padding:12px;border-radius:8px;border:1px solid #e8ebf2}@media (max-width:900px){.pokedex{grid-template-columns:1fr}}.search-area{max-width:920px;margin:0 auto;position:relative}.search-form{display:flex;gap:8px}.search-input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #dfe6f0;background:#fff}.search-btn{padding:10px 12px;border-radius:8px;border:1px solid #dfe6f0;background:var(--accent);color:#fff;font-weight:600}.suggestions{position:absolute;left:0;right:0;top:54px;background:#fff;border:1px solid #e6e9ef;border-radius:8px;max-height:520px;overflow:auto;z-index:50;padding:8px;margin:0;list-style:none}.suggestions li{margin:4px 0}.suggestion-btn{width:100%;text-align:left;padding:8px;border-radius:6px;border:0;background:transparent;cursor:pointer}.suggestion-btn:hover{background:#f2f6fb}.browse-btn{margin-left:8px;padding:10px 12px;border-radius:8px;border:1px solid #dfe6f0;background:#2b6ea3;color:#fff;font-weight:600}.details-window{background:transparent;padding:6px;border-radius:10px;flex:1;margin:0;min-width:720px;max-width:980px}.dt-loading,.dt-error,.dt-empty{padding:24px;text-align:center;color:#666}.dt-card{display:flex;flex-direction:column;gap:12px;position:relative}.dt-loading-overlay{position:absolute;top:8px;right:8px;padding:6px 10px;background:#000000a6;color:#fff;border-radius:8px;z-index:20;font-size:.9rem}.pokedex-frame{background:linear-gradient(180deg,#e4edf6,#d9e8f9);border-radius:16px;padding:12px;border:3px solid #b7d1e8;box-shadow:0 8px 24px #10182814;height:440px;display:flex;flex-direction:column;overflow:hidden}.pokedex-top{display:flex;align-items:center;justify-content:space-between;padding:6px 10px}.poke-status{display:flex;gap:6px;align-items:center}.poke-status .light{display:inline-block;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 -2px #0000001f}.poke-status .red{background:#ff6b6b}.poke-status .yellow{background:#ffd166}.poke-status .green{background:#7bd389}.pokedex-title{font-weight:700;color:#144e63;letter-spacing:1.5px}.dt-panel{display:grid;grid-template-columns:340px minmax(0,1.25fr) 220px;gap:18px;padding:18px;background:linear-gradient(180deg,#f7fbff,#eef6fc);border-radius:10px;border:1px solid rgba(20,78,99,.06);height:100%}.dt-screen{display:flex;align-items:center;justify-content:center}.screen-inner{background:linear-gradient(180deg,#08121a,#0f2430);width:100%;aspect-ratio:1/1;border-radius:8px;display:flex;align-items:center;justify-content:center;border:4px solid #07202a;padding:20px;box-sizing:border-box}.dt-sprite{max-width:100%;max-height:100%;object-fit:contain;display:block}.dt-info-panel{display:flex;flex-direction:column;gap:8px;padding:8px;overflow:auto;word-break:break-word}.dt-title{margin:0;font-size:1.4rem;text-transform:capitalize;color:#07202a}.dt-id{color:#2b5878;font-size:.95rem;margin-left:8px}.dt-info p{margin:6px 0;color:#0f2a36}.dt-subinfo{display:flex;flex-direction:column;gap:6px}.flavor-text{font-style:italic;color:#154a58;background:#f4fbff;padding:8px;border-radius:6px;border:1px solid rgba(20,78,99,.04);margin-top:8px}.meta-row{display:flex;gap:12px;margin-top:6px;color:#063444}.dt-stats-panel{background:linear-gradient(180deg,#fbfdff,#f2f9ff);padding:8px;border-radius:8px;border:1px solid rgba(20,78,99,.04);overflow:auto}.stats-list{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;align-items:center;gap:8px}.stat-name{width:70px;text-transform:capitalize;color:#0f3b45}.stat-bar-wrap{flex:1;background:#e6f3f8;border-radius:6px;height:12px;overflow:hidden}.stat-bar{height:100%;background:linear-gradient(90deg,#98d5ff,#3aa7ff)}.stat-value{width:36px;text-align:right;color:#063444;font-weight:700}.main-row{display:flex;gap:24px;align-items:stretch;max-width:1400px;margin:0 auto}.team-column{width:380px;min-width:380px;max-width:380px}.team-title{margin:0 0 12px;color:#073042;font-size:1.15rem}.team-column{display:flex;flex-direction:column;align-self:flex-start}.team-column-surface{background:linear-gradient(180deg,#f9feff,#eef6f9);padding:18px;border-radius:14px;border:1px solid rgba(20,78,99,.06);box-shadow:0 8px 20px #07242d0a}.team-list-inner{border-radius:8px;padding:8px;background:linear-gradient(180deg,#f3fbff,#eef8fb);border:1px solid rgba(20,78,99,.03)}.team-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.team-slot{display:flex;align-items:stretch;gap:12px;padding:12px;border-radius:10px;border:1px solid rgba(7,48,58,.04);cursor:pointer;background:linear-gradient(180deg,#fff,#f6fbff);min-height:190px}.team-slot:hover{transform:translateY(-2px);box-shadow:0 6px 18px #07303a0a}.team-slot.drag-over{outline:3px dashed rgba(34,150,243,.6);transform:none}.slot-index{width:32px;height:32px;border-radius:6px;background:#073042;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}.slot-card{display:flex;align-items:stretch;gap:16px;width:100%}.slot-sprite{width:144px;height:144px;border-radius:10px;background:#fff;padding:8px;border:1px solid rgba(7,48,58,.04);flex-shrink:0;object-fit:contain}.slot-meta{display:flex;flex-direction:column;min-width:0;justify-content:center;overflow:hidden}.slot-name{font-weight:800;color:#073042;text-transform:capitalize;white-space:normal;overflow-wrap:break-word}.slot-id{color:#2b5878;font-weight:600;margin-left:6px;font-size:.95rem}.slot-types{display:flex;gap:6px;margin-top:6px}.type-badge{font-size:.75rem;padding:4px 8px;border-radius:999px;color:#fff;text-transform:capitalize}.type-normal{background:#a8a77a}.type-fire{background:#ee8130}.type-water{background:#6390f0}.type-electric{background:#f7d02c;color:#222}.type-grass{background:#7ac74c}.type-ice{background:#96d9d6;color:#222}.type-fighting{background:#c22e28}.type-poison{background:#a33ea1}.type-ground{background:#e2bf65;color:#222}.type-flying{background:#a98ff3;color:#222}.type-psychic{background:#f95587}.type-bug{background:#a6b91a;color:#222}.type-rock{background:#b6a136;color:#222}.type-ghost{background:#735797}.type-dragon{background:#6f35fc}.type-dark{background:#705746}.type-steel{background:#b7b7ce;color:#222}.type-fairy{background:#d685ad;color:#222}.slot-bottom{margin-top:6px;color:#073042;font-weight:700}.slot-empty{color:#2b5878;padding:8px}@media (max-width:900px){.main-row{flex-direction:column}.team-column{width:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.browser-panel{width:100%;background:linear-gradient(180deg,#0f1720,#162129);border-radius:10px;padding:14px;border:1px solid rgba(255,255,255,.04);color:#dbeef8;margin-top:12px;display:flex;flex-direction:column;min-height:0}.browser-head{display:flex;justify-content:flex-start;align-items:center;margin-bottom:8px;gap:12px}.browser-filters{display:flex;gap:8px;margin-bottom:8px}.filter-input{flex:1;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#dbeef8}.filter-select{padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#dbeef8}.browser-list{overflow:auto;display:block;min-height:0;flex:1}.browser-list-inner{border-radius:8px;padding:8px;background:linear-gradient(180deg,#07101a,#0b161d);display:block}.browser-list-inner ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.browser-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.03);cursor:pointer;background:linear-gradient(180deg,#071a23,#07161b)}.browser-item img{width:64px;height:64px}.bi-meta{display:flex;flex-direction:column}.bi-name{font-weight:700;color:#dbeef8}.bi-id{color:#83b7c8;margin-left:6px}