@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap");:root{--bg-page:#0B0F12;--bg-surface:#151A1E;--bg-elevated:#1E252B;--bg-input:#0F1417;--text-primary:#F0F2F5;--text-secondary:#B8BFC6;--text-muted:#8A9499;--text-disabled:#5C6469;--accent-primary:#F5A623;--accent-primary-hover:#FFBB4D;--accent-secondary:#4ECDC4;--accent-info:#5AA9E6;--accent-warning:#E9C46A;--accent-danger:#E76F51;--type-neutral:#9CA3AF;--type-fire:#EF4444;--type-water:#3B82F6;--type-grass:#22C55E;--type-electric:#EAB308;--type-ice:#06B6D4;--type-ground:#A16207;--type-dark:#8B5CF6;--type-dragon:#4F46E5;--border-subtle:#1F272D;--border-default:#2A343C;--border-focus:#F5A623;--font-ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--text-display:2.5rem;--text-h1:2rem;--text-h2:1.625rem;--text-h3:1.25rem;--text-body:1rem;--text-small:0.875rem;--text-xs:0.75rem;--text-data:1.5rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--font-bold:800;--font-semibold:600;--font-medium:500;--font-regular:400;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-card:0 2px 8px rgba(0,0,0,0.25);--shadow-elevated:0 8px 24px rgba(0,0,0,0.35)}@media (min-width:768px){:root{--text-display:3rem;--text-h1:2.25rem;--text-h2:1.75rem;--text-data:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-ui);background-color:var(--bg-page);color:var(--text-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:var(--accent-secondary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--font-bold);color:var(--text-primary)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{color:var(--text-secondary);margin-bottom:var(--space-4)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.section-title{font-size:var(--text-h2);font-weight:var(--font-bold);margin-bottom:var(--space-6);text-align:center}.section-subtitle{color:var(--text-muted);text-align:center;max-width:640px;margin:0 auto var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-body);cursor:pointer;transition:all .15s ease;border:1px solid transparent;text-decoration:none}.btn-primary{background-color:var(--accent-primary);color:var(--bg-page)}.btn-primary:hover{background-color:var(--accent-primary-hover);transform:translateY(-1px);text-decoration:none}.btn-secondary{background-color:transparent;border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-elevated);text-decoration:none}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);text-decoration:none}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-small)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-body)}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-card)}.card-title{font-size:var(--text-h3);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.badge-primary{background-color:rgba(245,166,35,.15);color:var(--accent-primary)}.badge-secondary{background-color:rgba(78,205,196,.15);color:var(--accent-secondary)}.badge-type{background-color:rgba(255,255,255,.08);color:var(--text-secondary)}.input,.select{width:100%;background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--text-body);font-family:var(--font-ui);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-muted)}.input:focus,.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px rgba(245,166,35,.2)}.label{display:block;font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.data-value{font-family:var(--font-mono);font-size:var(--text-data);font-weight:var(--font-bold);color:var(--text-primary)}.data-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--accent-danger)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(11,15,18,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.nav-spacer{height:64px}.nav-link{color:var(--text-secondary);font-size:var(--text-small);font-weight:500;padding:.5rem .75rem;border-radius:var(--radius-md)}.nav-link:hover{color:var(--text-primary);background:var(--bg-elevated);text-decoration:none}.mobile-menu-toggle{display:flex}.desktop-nav{display:none}@media (min-width:1024px){.desktop-nav{display:flex}.mobile-menu-toggle{display:none}}.mobile-drawer{position:fixed;inset:0;z-index:60;background:var(--bg-page);display:flex;flex-direction:column;padding:var(--space-4)}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.mobile-drawer-nav{display:flex;flex-direction:column;gap:var(--space-4)}.mobile-drawer-nav a{font-size:var(--text-h3);color:var(--text-primary);padding:var(--space-3) 0}.hero,.mobile-drawer-nav a{border-bottom:1px solid var(--border-subtle)}.hero{padding:var(--space-16) 0;background:linear-gradient(180deg,var(--bg-page) 0,var(--bg-surface) 100%)}.hero-inner{max-width:760px;margin:0 auto;text-align:center;padding:0 var(--space-4)}.hero h1{font-size:var(--text-display);margin-bottom:var(--space-4)}.hero p{font-size:var(--text-body);color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-8)}.faq-item{border-bottom:1px solid var(--border-subtle);padding:var(--space-5) 0}.faq-trigger{width:100%;background:none;border:none;color:var(--text-primary);text-align:left;font-size:var(--text-body);font-weight:var(--font-semibold);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-answer{color:var(--text-secondary);margin-top:var(--space-3)}.faq-answer[aria-hidden=true]{display:none}.faq-icon{transition:transform .2s ease}.faq-trigger[aria-expanded=true] .faq-icon{transform:rotate(180deg)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-elevated);border-top:1px solid var(--border-subtle);padding:var(--space-4);display:flex;justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;z-index:100}.cookie-banner span{color:var(--text-secondary);font-size:var(--text-small);max-width:600px}.result-card{display:flex;flex-direction:column;gap:var(--space-6)}@media (min-width:768px){.result-card{flex-direction:row;align-items:center}}.result-avatar{width:96px;height:96px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--font-bold);flex-shrink:0}.result-meta{flex:1 1}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-small)}.table td,.table th{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle)}.table th{color:var(--text-muted);font-weight:var(--font-semibold);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em}.table td{color:var(--text-secondary)}.table a{color:var(--accent-secondary)}.footer{background-color:var(--bg-page);border-top:1px solid var(--border-subtle);padding:var(--space-8) 0}.footer a{color:var(--text-muted);font-size:var(--text-small)}.footer a:hover{color:var(--text-primary)}.avatar-neutral{background:linear-gradient(135deg,rgba(156,163,175,.2),rgba(156,163,175,.05));border:2px solid rgba(156,163,175,.3);color:var(--type-neutral)}.avatar-fire{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.05));border:2px solid rgba(239,68,68,.3);color:var(--type-fire)}.avatar-water{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(59,130,246,.05));border:2px solid rgba(59,130,246,.3);color:var(--type-water)}.avatar-grass{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.05));border:2px solid rgba(34,197,94,.3);color:var(--type-grass)}.avatar-electric{background:linear-gradient(135deg,rgba(234,179,8,.2),rgba(234,179,8,.05));border:2px solid rgba(234,179,8,.3);color:var(--type-electric)}.avatar-ice{background:linear-gradient(135deg,rgba(6,182,212,.2),rgba(6,182,212,.05));border:2px solid rgba(6,182,212,.3);color:var(--type-ice)}.avatar-ground{background:linear-gradient(135deg,rgba(161,98,7,.2),rgba(161,98,7,.05));border:2px solid rgba(161,98,7,.3);color:var(--type-ground)}.avatar-dark{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(139,92,246,.05));border:2px solid rgba(139,92,246,.3);color:var(--type-dark)}.avatar-dragon{background:linear-gradient(135deg,rgba(79,70,229,.2),rgba(79,70,229,.05));border:2px solid rgba(79,70,229,.3);color:var(--type-dragon)}