*{box-sizing:border-box}*,body{margin:0;padding:0}body{--bg:#0b0c10;background:radial-gradient(1200px 600px at 10% 0,#0e1322 0,var(--bg) 60%)}@media (min-width:768px){body{padding:2rem}}.spinner-wrap{display:grid;place-items:center;min-height:60vh;animation:fadeIn .4s ease}.spinner{width:60px;height:60px;border:4px solid rgba(110,168,255,.15);border-top-color:#6ea8ff;border-radius:50%;animation:spin 1s linear infinite,glow 1.5s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px rgba(110,168,255,.4))}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glow{0%{box-shadow:0 0 5px rgba(110,168,255,.3)}to{box-shadow:0 0 20px rgba(110,168,255,.7)}}.home{--panel:#12141a;--ring:rgba(110,168,255,.35);--text:#e6e8ee;--muted:#a9b1c3;--gold:#eabe5c;min-height:100vh;color:var(--text);padding:32px 16px 72px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Helvetica Neue,Arial}.container{width:min(1200px,100%);margin-inline:auto;padding-inline:12px}.header{display:grid;grid-template-columns:1fr;gap:8px;align-items:center;margin-bottom:32px}.title-wrap{display:flex;flex-direction:column;align-items:center;text-align:center}.title{display:inline-flex;align-items:center;gap:6px;line-height:1.1;font-weight:800;letter-spacing:1px;font-size:30px}.title-text{background:linear-gradient(90deg,#7aa2ff,#eabe5c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 12px rgba(110,168,255,.25)}.poke-icon{width:1.2em;height:1.2em;flex:0 0 auto;vertical-align:middle;transform:translateY(.06em);opacity:.9;filter:drop-shadow(0 0 6px rgba(110,168,255,.15))}.subtitle{font-size:13px;color:var(--muted);letter-spacing:.5px;margin-top:6px}@media (max-width:640px){.header{margin-bottom:24px;gap:6px}.title-wrap{text-align:center}.title{font-size:1.4rem;gap:4px;letter-spacing:.8px}.poke-icon{width:1em;height:1em;transform:translateY(.05em)}.subtitle{font-size:11.5px;margin-top:4px;line-height:1.3}}.search-row{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;background:rgba(15,19,32,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(110,168,255,.15);padding:12px 16px;margin-bottom:24px;min-height:48px;transition:box-shadow .3s ease}body.scrolled .search-row{box-shadow:0 4px 12px rgba(0,0,0,.25)}.search{flex:1;background:#0f1320;color:var(--text);border:1px solid #2a3148;padding:8px 12px;border-radius:10px;outline:none;max-width:260px;transition:box-shadow .2s ease,border-color .2s ease}.search:focus{box-shadow:0 0 0 4px var(--ring);border-color:var(--ring)}.meta{color:var(--muted);margin:0;text-align:center;min-width:100px;font-size:.9rem}@media (max-width:640px){.search-row{flex-direction:column;align-items:stretch;gap:.75rem;padding:12px 14px;min-height:56px}.search{width:100%;max-width:none;font-size:16px;line-height:1.3;padding:12px 14px;border-radius:12px}.search::-moz-placeholder{font-size:15px;opacity:.8}.search::placeholder{font-size:15px;opacity:.8}.meta{order:-1;text-align:center;margin-top:4px;font-size:1rem}}body,html{-webkit-text-size-adjust:100%}.meta.error{color:#ff6b6b}.no-result{display:grid;place-items:center;min-height:60vh;color:#ff6b6b;font-size:1.25rem;font-weight:600;letter-spacing:.5px;text-align:center;text-shadow:0 0 4px hsla(0,100%,71%,.2);animation:fadeIn .4s ease}@media (max-width:640px){.no-result{min-height:50vh;font-size:1rem;line-height:1.4;letter-spacing:.3px;padding:0 1rem;text-shadow:0 0 4px hsla(0,100%,71%,.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.5rem}.card{position:relative;border-radius:18px;padding:1px;background:linear-gradient(135deg,#3d4670,#171b25) padding-box,linear-gradient(135deg,#7aa2ff,#fc6) border-box;box-shadow:0 10px 30px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.06);transition:transform .15s ease;cursor:pointer}.card:hover{transform:translateY(-2px)}.card:after{content:"";position:absolute;inset:0;border-radius:18px;background:radial-gradient(120px 40px at 30% -10%,hsla(0,0%,100%,.25),transparent 60%),radial-gradient(80px 30px at 80% -10%,hsla(0,0%,100%,.18),transparent 60%);pointer-events:none;mix-blend-mode:screen}.card-frame{background:var(--panel);border-radius:16px;padding:14px}@media (max-width:640px){.card-frame{padding:10px}}.card-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:8px}.card-header .name{letter-spacing:.3px}.card-header .hp{color:var(--gold)}@media (max-width:640px){.card-header{justify-content:space-between;align-items:center;margin-bottom:6px}.card-header .name{font-size:14px;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-header .hp{font-size:13px;color:var(--gold);flex-shrink:0}}@media (min-width:767px){.image-wrap{padding:10px;margin-bottom:12px}}.image-wrap{display:grid;place-items:center;background:radial-gradient(300px 140px at 50% 20%,#1a2030,#0f1320);border-radius:12px;margin-bottom:6px;padding:3px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05)}.image-wrap img{width:150px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}@media (min-width:768px){.image-wrap img{height:150px}}@media (max-width:767px){.image-wrap img{width:100%}}.types{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.type{font-size:12px;text-transform:capitalize;padding:4px 8px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:#161a24;color:var(--text);box-shadow:inset 0 0 12px hsla(0,0%,100%,.03)}.id{color:var(--muted);font-variant-numeric:tabular-nums}@media (max-width:640px){.types{gap:6px;margin-bottom:8px}.type{padding:3px 6px;border-radius:8px}.id,.type{font-size:11px}}.type[data-type=fire]{background:#281a1a;border-color:#6d2a2a}.type[data-type=water]{background:#1a2230;border-color:#2c4970}.type[data-type=grass]{background:#1a2a20;border-color:#2b6d49}.type[data-type=electric]{background:#2a261a;border-color:#6d5f2a}.type[data-type=psychic]{background:#271a30;border-color:#5b2a6d}.type[data-type=ice]{background:#18242e;border-color:#2a5b6d}.type[data-type=fighting]{background:#2a221c;border-color:#6d4a2a}.type[data-type=poison]{background:#241a2a;border-color:#6d2a6d}.type[data-type=ground]{background:#2a241a;border-color:#6d5a2a}.type[data-type=flying]{background:#1a202a;border-color:#2a4a6d}.type[data-type=rock]{background:#252421;border-color:#5a564a}.type[data-type=ghost]{background:#1e1a2a;border-color:#4a2a6d}.type[data-type=dragon]{background:#1a2230;border-color:#2a5b6d}.type[data-type=dark]{background:#15161a;border-color:#3a3b44}.type[data-type=steel]{background:#1b2024;border-color:#3b4754}.type[data-type=fairy]{background:#2a1f27;border-color:#6d3a5a}.stat,.stats{display:grid;gap:8px}.stat{grid-template-columns:36px 1fr;align-items:center}.stat label{color:var(--muted);font-size:11px}.bar{height:8px;background:#131722;position:relative;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06)}.bar,.bar span{border-radius:999px}.bar span{display:block;height:100%;background:linear-gradient(90deg,#6ea8ff,#eabe5c)}@media (max-width:640px){.stat,.stats{gap:3px}.stat{grid-template-columns:28px 1fr;min-width:0}.stat label{font-size:10px;line-height:1.2;white-space:nowrap}.bar{height:6px;overflow:hidden}.bar,.bar span{border-radius:999px}}.actions{display:grid;place-items:center;margin-top:16px}.btn{padding:8px 12px;border-radius:10px}.btn:disabled{opacity:.5}.btn:hover:not(:disabled){box-shadow:0 0 0 4px var(--ring)}@media (max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}}.actions{display:flex;justify-content:center;align-items:center;margin:48px 0 8px;gap:12px;position:relative}.actions:before{content:"";position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:min(560px,90%);height:1px;background:linear-gradient(90deg,transparent,rgba(122,162,255,.35),transparent);filter:drop-shadow(0 0 4px rgba(110,168,255,.25))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;min-width:180px;border-radius:12px;border:1px solid #2a3148;background:#0f1320;color:var(--text);font-weight:700;letter-spacing:.2px;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease;box-shadow:0 8px 24px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.04)}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:#3a4f7a;box-shadow:0 12px 28px rgba(0,0,0,.45),0 0 0 4px var(--ring),inset 0 0 0 1px hsla(0,0%,100%,.06)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 16px rgba(0,0,0,.4),0 0 0 3px var(--ring)}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 6px 16px rgba(0,0,0,.25)}.btn:disabled:before{content:"";width:1em;height:1em;border-radius:50%;border:2px solid rgba(110,168,255,.25);border-top-color:#6ea8ff;display:inline-block;animation:spin .8s linear infinite}.btn span{display:inline-block;transform:translateY(1px)}@media (max-width:640px){.actions{margin-top:20px}.btn{width:100%;min-width:0;font-size:14px;line-height:1.3;padding:12px 14px;border-radius:12px;gap:.6rem;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;margin-top:8px}}@media (prefers-reduced-motion:reduce){.btn,.btn:active:not(:disabled),.btn:hover:not(:disabled){transition:none}.btn:disabled:before{animation:none}}.fade-enter-active,.fade-leave-active{transition:opacity .22s ease,backdrop-filter .22s ease}.fade-enter-from,.fade-leave-to{opacity:0;backdrop-filter:blur(0)}.modal-overlay{backdrop-filter:blur(2px)}.pop-enter-active,.pop-leave-active{transition:transform .22s cubic-bezier(.2,.7,.25,1),opacity .22s ease;will-change:transform,opacity}.pop-enter-from,.pop-leave-to{opacity:0;transform:translateY(8px) scale(.98)}.pop-enter-active.modal .modal-hero img{transition:transform .28s ease,opacity .28s ease}.pop-enter-from.modal .modal-hero img{transform:translateY(6px);opacity:0}.kv li{transition:transform .18s ease,opacity .18s ease}.pop-enter-from.modal .kv li{transform:translateY(4px);opacity:0}.pop-enter-to.modal .kv li{transform:translateY(0);opacity:1}.pop-enter-to.modal .kv li:first-child{transition-delay:20ms}.pop-enter-to.modal .kv li:nth-child(2){transition-delay:40ms}.pop-enter-to.modal .kv li:nth-child(3){transition-delay:60ms}.pop-enter-to.modal .kv li:nth-child(4){transition-delay:80ms}.pop-enter-to.modal .kv li:nth-child(5){transition-delay:.1s}.pop-enter-to.modal .kv li:nth-child(6){transition-delay:.12s}@media (prefers-reduced-motion:reduce){.fade-enter-active,.fade-leave-active,.kv li,.modal-hero img,.pop-enter-active,.pop-leave-active{transition:none!important;animation:none!important}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:16px;z-index:50}.modal{position:relative;width:min(920px,96vw);background:#10131b;color:var(--text);border:1px solid #27314a;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);outline:none;padding:16px}.modal-close{position:absolute;right:16px;top:10px;background:transparent;border:0;color:#d0d6f0;font-size:28px;cursor:pointer;line-height:1;padding:8px;border-radius:8px;transition:transform .15s ease,opacity .15s ease}.modal-close:hover{transform:scale(1.1);opacity:.9}.modal-close:active{transform:scale(.9);opacity:.7}.modal-header{text-align:center}.modal-header h2{margin:0 0 4px}.modal-header .tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.modal-body{display:grid;grid-template-columns:340px 1fr;gap:16px;margin-top:12px}.modal-hero{display:grid;place-items:center;background:#0f1320;border-radius:12px;padding:12px}.modal-hero img{-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.5))}.modal-info{display:grid;gap:12px}.kv{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kv li{display:flex;justify-content:space-between;background:#131828;padding:8px 10px}.abilities,.kv li,.moves{border:1px solid #222b42;border-radius:8px}.abilities,.moves{text-align:center;background:#0f1320;padding:10px}.abilities h3,.moves h3{margin:0 0 8px;font-size:14px;color:#cfd6ee}.abilities ul,.moves ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.modal-actions{display:flex;justify-content:flex-end;margin-top:12px}@media (min-width:768px){.modal-hero img{height:300px;width:300px}.modal-header{text-align:center}.modal-overlay{display:flex;align-items:center;justify-content:center;min-height:100dvh}.modal{max-height:calc(100dvh - 32px);overflow:auto}}@media (max-width:767px){.modal-body{grid-template-columns:1fr}:root{--sp-pad:clamp(10px,4vw,16px);--sp-radius:14px}.modal-info{gap:8px}.modal-header h2{margin-bottom:.8rem}.modal-header .tags{justify-content:flex-start;gap:8px;flex-wrap:wrap;margin-top:4px}.modal-header .tags .type{font-size:12.5px;padding:4px 8px;border-radius:8px}.modal-overlay{display:grid;place-items:center;min-height:100svh;padding:max(var(--sp-pad),env(safe-area-inset-top)) var(--sp-pad) max(calc(var(--sp-pad) + env(safe-area-inset-bottom)),var(--sp-pad));overflow:auto}.modal{box-sizing:border-box;inline-size:min(560px,100%);margin-inline:auto;padding:clamp(12px,3.5vw,16px);border-radius:var(--sp-radius);max-block-size:calc(100svh - var(--sp-pad)*2);overflow:auto;box-shadow:0 10px 36px rgba(0,0,0,.45)}.modal-close{right:12px;top:8px;font-size:26px;padding:6px;color:#d0d6f0}.modal-body{grid-template-columns:1fr;gap:clamp(6px,2vw,10px);margin-top:clamp(6px,2vw,10px)}.modal-hero{padding:clamp(6px,2.5vw,12px);display:grid;place-items:center;background:#0f1320;border-radius:12px}.modal-hero img{inline-size:clamp(180px,50vw,320px);height:auto;max-block-size:clamp(140px,32svh,220px);-o-object-fit:contain;object-fit:contain}.kv{grid-template-columns:repeat(2,1fr);gap:6px}.kv li{padding:6px 8px;border-radius:8px}.kv b,.kv li,.kv span{font-size:13px}.abilities,.moves{padding:8px;text-align:center;background:#0f1320;border:1px solid #222b42;border-radius:8px}.abilities h3,.moves h3{font-size:13px;margin-bottom:6px;color:#cfd6ee}.abilities ul,.moves ul{gap:4px;font-size:13px;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions{margin-top:0}}@media (max-width:767px) and (max-height:720px){.modal-hero img{inline-size:clamp(160px,46vw,280px);max-block-size:clamp(120px,28svh,200px)}.modal-header h2{margin-bottom:.6rem}.modal-body{gap:6px;margin-top:6px}.kv{gap:5px}.kv li{padding:5px 7px;font-size:12.5px}}@media (max-width:767px) and (max-height:640px){.abilities ul,.kv,.moves ul{grid-template-columns:1fr}}@media (max-width:767px) and (orientation:landscape){.modal-hero img{inline-size:clamp(120px,32vw,220px);max-block-size:24svh}}