:root{--pokedex-red:#ef4444;--pokedex-dark:#0f172a;--pokedex-cream:#fff7ed;--accent:#6366f1;--glass: rgba(255,255,255,.06);--action-possessed: #10b981;--action-shiny: #f59e0b;--action-none: #db0c04;--action-reset: #3b82f6}html,body{height:100%}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,#0ea5e980,#11182710 60%),#f3f4f6;color:var(--pokedex-dark)}.pokedex-shell{display:flex;gap:20px;align-items:flex-start;padding:36px 48px;max-width:1200px;margin:20px auto}#pokedex-toolbar{position:fixed;left:28px;width:84px;padding:18px 10px;background:linear-gradient(180deg,#00000059,#0000002e);border-radius:12px;box-shadow:0 12px 40px #0206171f;z-index:60}#pokedex-toolbar .separator{height:8px;background:transparent}.pokedex-screen{flex:1;background:linear-gradient(180deg,#fff,#fbfbff);border-radius:16px;padding:20px;box-shadow:0 20px 60px #0206171f;border:6px solid rgba(0,0,0,.04);position:relative;overflow:hidden}.pokedex-screen-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pokedex-screen-title{display:flex;gap:12px;align-items:center}.pokedex-logo{width:56px;height:56px;border-radius:10px;background:linear-gradient(180deg,var(--pokedex-red),#b91c1c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 8px 24px #b8181824}.pokedex-title h1{margin:0;font-size:20px}.pokedex-title p{margin:0;color:#6b7280;font-size:13px}.pokedex-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pokedex-filters input,.pokedex-filters select{padding:10px 12px;border-radius:10px;border:1px solid #e6e7eb;background:#fff}.pokedex-filters .btn{background:var(--accent);color:#fff;border:none}.pokedex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:12px}.pokemon-card{background:linear-gradient(180deg,#fff,#fbfbff);border-radius:10px;padding:10px;box-shadow:0 8px 30px #0206170f;transition:transform .12s ease,box-shadow .12s ease;position:relative;overflow:visible;border:1px solid rgba(15,23,42,.04)}.pokemon-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0206171f}.pokemon-card .pokemon-card-media{display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(180deg,#f8fafc,#eef2ff);border-radius:8px}.pokemon-card .pokemon-sprite{width:84px;height:84px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(2,6,23,.08))}.pokemon-card .pokemon-card-body{padding:8px 6px}.pokemon-dex{font-size:11px;color:#6b7280}.pokemon-name{font-weight:700;margin:4px 0 0}.pokemon-subtitle{font-size:12px;color:#6b7280}.pokemon-card .pokemon-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.badge{font-size:11px;padding:5px 8px;border-radius:999px}.type{padding:4px 8px;border-radius:999px;color:#fff;font-size:11px}.type-fire{background:#fb923c}.type-water{background:#60a5fa}.type-grass{background:#34d399}.type-electric{background:#facc15;color:#111827}.type-psychic{background:#f472b6}.type-ice{background:#93c5fd}.type-poison{background:#a78bfa}.pokemon-card.selected{outline:4px solid #facc15;outline-offset:6px}.pokemon-card:before{content:"";position:absolute;left:0;top:0;height:6px;width:100%;background:linear-gradient(90deg,#ddd,#eee)}.pokemon-card[data-type=fire]:before{background:linear-gradient(90deg,#fb923c,#f97316)}.pokemon-card[data-type=water]:before{background:linear-gradient(90deg,#60a5fa,#0284c7)}.pokemon-card[data-type=grass]:before{background:linear-gradient(90deg,#34d399,#059669)}.pokemon-card[data-type=electric]:before{background:linear-gradient(90deg,#facc15,#f59e0b)}.pokemon-card[data-type=psychic]:before{background:linear-gradient(90deg,#f472b6,#c026d3)}.pokemon-card[data-type=normal]:before{background:linear-gradient(90deg,#9ca3af,#6b7280)}.pokemon-hover-overlay{position:absolute;left:0;right:0;bottom:0;padding:8px;display:flex;justify-content:center;gap:8px;opacity:0;transition:opacity .12s ease}.pokemon-card:hover .pokemon-hover-overlay{opacity:1}.overlay-link{background:#ffffff0f;padding:6px 10px;border-radius:8px;color:#fff;text-decoration:none}.pokemon-show{display:flex;gap:20px;align-items:flex-start}.pokemon-show-media{width:360px;padding:18px;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfbff);display:flex;align-items:center;justify-content:center}.pokemon-show-media img{width:320px;height:320px;-o-object-fit:contain;object-fit:contain}.pokemon-show-info h1{font-size:36px;margin:0}.pokemon-show-meta{display:flex;gap:8px;align-items:center;margin-top:8px}.pokemon-nav{display:flex;gap:8px;margin-bottom:12px}.pokemon-nav a{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:linear-gradient(180deg,#fff,#f3f4f6);box-shadow:0 6px 16px #0206170f;text-decoration:none;color:var(--pokedex-dark)}.breadcrumbs{font-size:13px;color:#6b7280;margin-bottom:8px}.btn{border-radius:12px;padding:8px 12px;font-weight:700}.btn-possessed{background:linear-gradient(180deg,#10b981,#059669);color:#fff}.btn-shiny{background:linear-gradient(180deg,#f59e0b,#d97706);color:#fff}.btn-none{background:linear-gradient(180deg,#6b7280,#374151);color:#fff}.alert{padding:10px 12px;border-radius:10px;margin-bottom:10px}.alert.success{background:linear-gradient(180deg,#d1fae5,#bbf7d0);color:#064e3b}.alert.error{background:linear-gradient(180deg,#fee2e2,#fecaca);color:#7f1d1d}.import-form{display:flex;gap:12px;align-items:center}.file-input{position:relative;display:inline-flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(15,23,42,.06);box-shadow:0 6px 18px #0206170a;cursor:pointer}.file-input input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(180deg,#ffde4a,#ffb020);color:#fff;border-radius:10px;font-weight:700;border:1px solid rgba(0,0,0,.04);box-shadow:0 8px 20px #ffa0400f}.file-name{font-size:13px;color:#6b7280;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-name.has-file{color:var(--pokedex-dark);font-weight:600}.file-input:focus-within{outline:3px solid rgba(99,102,241,.12)}.file-input:hover{transform:translateY(-2px);transition:transform .12s ease}@media(max-width:640px){.import-form{flex-direction:column;align-items:stretch}.file-input{width:100%;justify-content:space-between}.file-btn{flex-shrink:0}}@media(max-width:900px){#pokedex-toolbar{position:static;display:flex;flex-direction:row;width:100%;padding:8px 10px;border-radius:8px;margin:8px 0}.pokedex-shell{flex-direction:column;padding:12px}.pokedex-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pokedex-screen{padding:12px}.pokedex-screen-header{flex-direction:column;align-items:flex-start}}.toolbar-action{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;margin:6px auto;cursor:pointer;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff05,#00000005);transition:transform .12s ease,box-shadow .12s ease}.toolbar-action:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0206171f}.toolbar-action .icon-bg{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px}.toolbar-action svg{width:20px;height:20px}.toolbar-action[data-action=possessed] .icon-bg{background:linear-gradient(180deg,var(--action-possessed),#059669);color:#fff}.toolbar-action[data-action=shiny] .icon-bg{background:linear-gradient(180deg,var(--action-shiny),#d97706);color:#fff}.toolbar-action[data-action=null] .icon-bg{background:linear-gradient(180deg,var(--action-none),#eb211a);color:#fff}.toolbar-action[data-action=reset] .icon-bg{background:linear-gradient(180deg,var(--action-reset),#2563eb);color:#fff}.toolbar-action[aria-pressed=true]{outline:3px solid rgba(250,204,21,.18);transform:translateY(-2px)}#pokedex-validate[disabled],#pokedex-cancel[disabled]{opacity:.35}.pokedex-nav{display:flex;align-items:center;gap:12px;padding:12px 18px;background:linear-gradient(90deg,#fff,#f8fafc);border-bottom:1px solid rgba(0,0,0,.04)}.pokedex-nav .nav-brand{display:flex;align-items:center;gap:10px;margin-left:4vw}.pokedex-nav .nav-links{display:flex;gap:8px;margin-left:18px}.pokedex-nav .nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--pokedex-dark);background:transparent;border:1px solid transparent}.pokedex-nav .nav-link:hover{background:linear-gradient(90deg,#fffbeb,#ecfeff)}.pokedex-nav .nav-link.active{background:linear-gradient(90deg,#fff7ed,#fffbe6);box-shadow:inset 0 -6px 18px #00000008}.px-login-wrap{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px}.px-login-card{width:420px;padding:28px;border-radius:14px;background:linear-gradient(180deg,#fff,#f7fafc);border:2px solid rgba(0,0,0,.04);box-shadow:0 12px 40px #0f172a14}.px-login-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.px-pokeball{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--pokedex-red),#ff6b6b);color:#fff;font-weight:800;font-size:22px;box-shadow:0 8px 20px #ff3b3b1f}.input-px{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.06);margin-bottom:12px;background:#fff}.btn-px{width:100%;padding:10px 12px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--action-reset),var(--pokedex-red));color:#fff;font-weight:700}.small-ghost{background:transparent;border:1px solid rgba(0,0,0,.06);padding:8px 10px;border-radius:8px}.px-welcome{padding:48px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between}.px-welcome .panel{background:linear-gradient(180deg,#fff,#fbfbff);padding:24px;border-radius:16px;width:100%;border:1px solid rgba(0,0,0,.03)}.px-welcome h1{color:var(--pokedex-dark);margin:0 0 8px;font-size:28px}@media(max-width:800px){.px-welcome{flex-direction:column}.px-login-card{width:100%}}.welcome-hero{min-height:60vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(255,222,74,.12),transparent 15%),radial-gradient(circle at 80% 80%,rgba(59,176,255,.1),transparent 20%),linear-gradient(180deg,#ffefeb,#fff7ed 35%,#fbfbff);padding:40px 20px}.welcome-hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;opacity:.06;z-index:0;background:radial-gradient(circle at 50% 40%,#ff3b3b 0%,#ffde4a 40%,transparent 41%);transform:translateY(-20px)}.px-welcome,.px-welcome *{position:relative;z-index:1}.pokemon-card.not-owned{filter:grayscale(80%) contrast(85%);opacity:.82}.pokemon-card.not-owned .pokemon-card-media{position:relative}.pokemon-card.not-owned .pokemon-sprite{opacity:.9;filter:grayscale(100%) brightness(.85) drop-shadow(0 6px 10px rgba(0,0,0,.06))}.pokemon-card .not-owned-badge{position:absolute;right:8px;top:8px;background:linear-gradient(90deg,#ffb020,#ff7a5f);color:#fff;padding:6px 8px;border-radius:999px;font-weight:800;font-size:12px;box-shadow:0 6px 18px #ff78401f}.pokemon-show-media.not-owned{position:relative}.pokemon-show-media.not-owned img{filter:grayscale(100%) brightness(.75);opacity:.9}.pokemon-show-media .not-owned-overlay{position:absolute;left:12px;right:12px;bottom:12px;padding:10px;border-radius:10px;background:linear-gradient(90deg,#0000008c,#00000059);color:#fff;font-weight:700;display:flex;align-items:center;gap:10px}.pokemon-show-media .not-owned-overlay .lock-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:8px}.pokemon-card.not-owned.selected{outline:4px solid rgba(250,204,21,.12);outline-offset:6px}