:root{--color-primary:#ff5c7a;--color-primary-dark:#d93f5e;--color-primary-light:#ff8fa4;--color-secondary:#2f84d8;--color-secondary-light:#62b6f3;--color-accent:#ffd166;--color-leaf:#59c982;--color-sky:#d9f2ff;--color-bg:#fffdf7;--color-bg-alt:#f2fbf4;--color-bg-dark:#243b63;--color-text:#20243a;--color-text-secondary:#637083;--color-text-muted:#8b97a8;--color-border:#dce8dc;--color-border-dark:#2f4c71;--color-common:#888888;--color-uncommon:#28a745;--color-rare:#007bff;--color-legendary:#ffc107;--color-update:#1565c0;--color-update-bg:#e3f2fd;--color-patch:#e65100;--color-patch-bg:#fff3e0;--color-event:#2e7d32;--color-event-bg:#e8f5e9;--color-announcement:#7b1fa2;--color-announcement-bg:#f3e5f5;--color-easy:#2e7d32;--color-easy-bg:#e8f5e9;--color-medium:#f57f17;--color-medium-bg:#fff8e1;--color-hard:#c62828;--color-hard-bg:#ffebee;--color-tier:#c62828;--color-tier-bg:#ffebee;--color-guides:#00695c;--color-guides-bg:#e0f2f1;--color-farming:#f57f17;--color-farming-bg:#fff8e1;--color-team:#ad1457;--color-team-bg:#fce4ec;--font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--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:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 2px 0 rgba(47,76,113,0.08);--shadow-md:0 8px 18px rgba(47,76,113,0.12);--shadow-lg:0 16px 34px rgba(47,76,113,0.16);--shadow-xl:0 24px 46px rgba(47,76,113,0.2);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--container-max:1200px;--container-padding:var(--space-4)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background:radial-gradient(circle at 12% 6%,rgba(255,209,102,.22),transparent 28rem),radial-gradient(circle at 88% 4%,rgba(98,182,243,.2),transparent 26rem),linear-gradient(180deg,#f5fcff 0,var(--color-bg) 22rem);background-attachment:fixed}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,253,247,.88);border-bottom:2px solid rgba(255,209,102,.55);box-shadow:0 10px 30px rgba(47,76,113,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header-inner{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,460px);grid-gap:var(--space-6);gap:var(--space-6);align-items:center;max-width:var(--container-max);margin:0 auto;padding:var(--space-4)}.site-brand{display:inline-flex;align-items:center;gap:var(--space-3)}.site-brand,.site-brand:hover{color:var(--color-text);text-decoration:none}.site-brand-mark{display:grid;place-items:center;width:40px;height:40px;border:2px solid rgba(255,255,255,.75);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--color-primary),#ff9f6e);color:white;font-weight:800;box-shadow:0 6px 0 rgba(217,63,94,.22)}.site-brand small,.site-brand strong{display:block}.site-brand small{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.search-page-form,.site-search{display:flex;gap:var(--space-2)}.filter-panel input,.filter-panel select,.search-page-form input,.site-search input{width:100%;border:2px solid var(--color-border);border-radius:var(--radius-md);padding:.65rem .75rem;font:inherit;background:rgba(255,255,255,.92);box-shadow:inset 0 2px 0 rgba(47,76,113,.04)}.search-page-form button,.site-search button{border:2px solid rgba(255,255,255,.72);border-radius:var(--radius-md);padding:.65rem 1rem;font-weight:700;color:white;background:linear-gradient(180deg,var(--color-primary-light),var(--color-primary));cursor:pointer;box-shadow:0 5px 0 rgba(217,63,94,.25)}.site-nav{display:flex;gap:var(--space-2);max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4) var(--space-4);overflow-x:auto}.site-nav a{flex:0 0 auto;color:#31405a;font-weight:600;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-full)}.site-nav a:hover{color:#1f6540;background:#e9f9ed;border-color:rgba(89,201,130,.35);text-decoration:none}.site-footer{background:linear-gradient(180deg,#f2fbf4,#e5f6ee);border-top:2px solid rgba(89,201,130,.22);margin-top:var(--space-16);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.site-footer-inner{display:flex;justify-content:space-between;gap:var(--space-4);max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--space-4)}.site-footer-inner div{display:flex;flex-wrap:wrap;gap:var(--space-4)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:340px;padding:var(--space-16) var(--space-4) var(--space-12);color:#17304f;background:linear-gradient(180deg,rgba(217,242,255,.92),rgba(242,251,244,.96) 68%,rgba(255,253,247,.98))}.hero:before{inset:auto -5% -72px;height:170px;background:radial-gradient(ellipse at 20% 100%,#7bd58f 0 36%,transparent 37%),radial-gradient(ellipse at 58% 100%,#59c982 0 42%,transparent 43%),radial-gradient(ellipse at 90% 100%,#9ee6a4 0 32%,transparent 33%);opacity:.9}.hero:after,.hero:before{content:"";position:absolute;z-index:-1}.hero:after{inset:0;background-image:linear-gradient(rgba(47,132,216,.06) 1px,transparent 0),linear-gradient(90deg,rgba(47,132,216,.06) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 82%);mask-image:linear-gradient(180deg,#000,transparent 82%)}.hero-inner{max-width:820px;margin:0 auto;text-align:center}.hero h1{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--space-2);color:#17304f;text-shadow:0 3px 0 rgba(255,255,255,.72)}.hero p{font-size:var(--font-size-xl);color:#3e5570}.hero-kicker{display:inline-flex;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4);border:2px solid rgba(89,201,130,.32);border-radius:var(--radius-full);background:rgba(255,255,255,.72);color:#237044!important;font-size:var(--font-size-sm)!important;font-weight:800;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.hero-actions a{padding:var(--space-3) var(--space-5);border:2px solid rgba(255,255,255,.75);border-radius:var(--radius-full);color:#17304f;background:linear-gradient(180deg,#ffffff,#fff6d8);box-shadow:0 6px 0 rgba(255,191,73,.38),var(--shadow-md);font-weight:800}.hero-actions a:hover{color:#17304f;text-decoration:none;transform:translateY(-1px)}section{padding:var(--space-8) var(--space-4);max-width:var(--container-max);margin:0 auto}section h2{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text)}section h2:before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,var(--color-accent),var(--color-leaf));box-shadow:0 0 0 4px rgba(255,209,102,.18)}.guides-grid,.news-grid,.pokemon-grid,.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.card{display:block;padding:var(--space-4);border:2px solid rgba(220,232,220,.95);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,253,247,.96)),var(--color-bg);box-shadow:0 3px 0 rgba(47,76,113,.08);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base);color:inherit}.card,.card:hover{text-decoration:none}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:rgba(89,201,130,.62)}.card h3{margin:var(--space-2) 0;font-size:var(--font-size-base);font-weight:800;color:var(--color-text)}.card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.type-kicker{text-align:center;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.card-cover{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;margin-bottom:var(--space-4);overflow:hidden;border:2px solid rgba(255,255,255,.78);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(217,242,255,.9),rgba(244,255,235,.88)),var(--color-bg-alt);box-shadow:inset 0 -12px 28px rgba(89,201,130,.1)}.card-cover img{width:100%;height:100%;padding:var(--space-2);object-fit:cover}.pokemon-cover{aspect-ratio:1/1;max-height:120px}.article-cover{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/7;margin:var(--space-6) 0;overflow:hidden;border:2px solid rgba(255,255,255,.86);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(217,242,255,.9),rgba(242,251,244,.9)),var(--color-bg-alt);box-shadow:var(--shadow-md)}.article-cover img{width:100%;height:100%;padding:var(--space-2);object-fit:cover}.pokemon-detail-hero{display:grid;grid-template-columns:180px minmax(0,1fr);grid-gap:var(--space-6);gap:var(--space-6);align-items:center;margin-bottom:var(--space-6)}.pokemon-portrait{position:relative;display:grid;place-items:center;width:180px;aspect-ratio:1/1;border:2px solid rgba(255,255,255,.86);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(217,242,255,.9),rgba(242,251,244,.9)),var(--color-bg-alt);box-shadow:var(--shadow-md)}.pokemon-portrait img{width:100%;height:100%;padding:var(--space-6);object-fit:contain}.badge{display:inline-block;padding:var(--space-1) var(--space-2);border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:800;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 2px 0 rgba(47,76,113,.08)}.badge.update{background:var(--color-update-bg);color:var(--color-update)}.badge.patch{background:var(--color-patch-bg);color:var(--color-patch)}.badge.event{background:var(--color-event-bg);color:var(--color-event)}.badge.announcement{background:var(--color-announcement-bg);color:var(--color-announcement)}.badge.tier{background:var(--color-tier-bg);color:var(--color-tier)}.badge.guides{background:var(--color-guides-bg);color:var(--color-guides)}.badge.farming{background:var(--color-farming-bg);color:var(--color-farming)}.badge.team{background:var(--color-team-bg);color:var(--color-team)}.badge.easy{background:var(--color-easy-bg);color:var(--color-easy)}.badge.medium{background:var(--color-medium-bg);color:var(--color-medium)}.badge.hard{background:var(--color-hard-bg);color:var(--color-hard)}.rarity{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-full);font-weight:800;text-transform:capitalize;box-shadow:0 2px 0 rgba(47,76,113,.08)}.rarity.common{background:#eee;color:#666}.rarity.uncommon{background:#d4edda;color:#155724}.rarity.rare{background:#cce5ff;color:#004085}.rarity.legendary{background:#fff3cd;color:#856404}main{width:100%}.page-shell{max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--space-4)}.page-hero{max-width:860px;margin:0 0 var(--space-4);padding:var(--space-8);border:2px solid rgba(220,232,220,.95);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(217,242,255,.88),rgba(242,251,244,.9)),rgba(255,255,255,.78);box-shadow:0 4px 0 rgba(47,76,113,.08)}.page-hero h1{font-size:var(--font-size-4xl);line-height:1.1;margin-bottom:var(--space-3);color:#17304f}.page-hero p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.content-section{max-width:var(--container-max);padding:var(--space-8) 0}.search-page-form{max-width:760px;margin-top:var(--space-4)}article h1{font-size:var(--font-size-3xl);font-weight:800;margin:var(--space-4) 0;color:var(--color-text)}article{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,253,247,.5))}article h2{font-size:var(--font-size-2xl);margin:var(--space-8) 0 var(--space-4)}article h3{font-size:var(--font-size-xl);margin:var(--space-6) 0 var(--space-3)}article p{margin:var(--space-4) 0;line-height:1.8}article ol,article ul{margin:var(--space-4) 0;padding-left:var(--space-6)}article li{margin:var(--space-2) 0}aside{margin-top:var(--space-12);padding:var(--space-6);border:2px solid rgba(220,232,220,.95);border-radius:var(--radius-lg);background:rgba(255,255,255,.72);box-shadow:0 4px 0 rgba(47,76,113,.08)}aside h3{font-size:var(--font-size-lg);font-weight:600;margin:var(--space-6) 0 var(--space-3);color:var(--color-text)}aside ul{list-style:none;padding:0;margin:var(--space-4) 0}aside ul li{margin:var(--space-2) 0}.text-center{text-align:center}.text-muted{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.grid{display:grid;grid-gap:var(--space-4)}.flex,.grid{gap:var(--space-4)}.flex,.pill-list{display:flex}.pill-list{flex-wrap:wrap;gap:var(--space-3)}.pill-list a{padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);background:white}.pill-list a:hover{color:var(--color-primary);text-decoration:none;border-color:var(--color-primary)}.result-list{display:grid;grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-6)}.result-card{display:block;padding:var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;text-decoration:none;background:white}.result-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);text-decoration:none}.result-card h3{margin:var(--space-3) 0 var(--space-2)}.result-card p{color:var(--color-text-secondary)}.result-card small{display:block;margin-top:var(--space-3);color:var(--color-text-muted)}.empty-state{margin-top:var(--space-6);padding:var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-alt)}.filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:rgba(255,255,255,.72)}.filter-panel label{display:block;margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.02em;text-transform:uppercase}.data-table-wrap{overflow-x:auto;margin-top:var(--space-6);border:2px solid var(--color-border);border-radius:var(--radius-lg)}.data-table{width:100%;border-collapse:collapse;background:white}.data-table td,.data-table th{padding:var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.data-table th{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;background:var(--color-bg-alt)}@media (max-width:768px){.hero h1{font-size:var(--font-size-3xl)}.hero p{font-size:var(--font-size-base)}section h2{font-size:var(--font-size-xl)}.guides-grid,.news-grid,.pokemon-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}nav{gap:var(--space-2)}.site-footer-inner,.site-header-inner{grid-template-columns:1fr;flex-direction:column}.site-header-inner{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.search-page-form,.site-search{flex-direction:column}.page-hero h1{font-size:var(--font-size-3xl)}.pokemon-detail-hero{grid-template-columns:1fr}.pokemon-portrait{width:140px}}