@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600;700;800&family=Pixelify+Sans:wght@500;600;700&display=swap');

:root{--night:#080d17;--deep:#0b1726;--panel:#102238;--panel-bright:#17354d;--line:#476d85;--silver:#e8f2f5;--muted:#adc5d0;--cyan:#7deaff;--gold:#e7d395;--pixel:'Pixelify Sans',monospace;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--silver);font:16px/1.6 var(--body);overflow-x:hidden}a{color:var(--cyan);text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}a:hover{text-decoration:underline}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin-top:0}h2{line-height:1.15}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-80px;left:20px;padding:10px 18px;z-index:30;background:var(--silver);color:var(--night)}.skip-link:focus{top:12px}::selection{background:var(--cyan);color:var(--night)}

.topbar{height:76px;display:flex;align-items:center;gap:38px;padding:0 clamp(22px,3vw,50px);background:#080d17f5;border-bottom:1px solid #547b90;position:sticky;top:0;z-index:10}.wordmark{min-width:220px;display:flex;align-items:center;gap:10px;color:#fff;line-height:.95}.wordmark:hover{text-decoration:none}.wordmark img{width:48px;height:48px;image-rendering:pixelated}.wordmark b{display:block;font:700 20px/.9 var(--pixel);letter-spacing:.2px}.wordmark strong{display:block;color:var(--cyan);font:700 20px/.95 var(--pixel);letter-spacing:.6px}.wordmark small{font:600 11px var(--pixel);color:#d8edf4;letter-spacing:1px}.searchbox{display:flex;align-items:center;gap:12px;height:42px;max-width:580px;flex:1;padding:0 12px;border:1px solid #6a9ab3;background:#122b40}.searchbox:focus-within{border-color:var(--cyan);box-shadow:0 0 0 2px #7deaff4d}.searchbox svg{width:19px;height:19px;flex:none;color:var(--cyan)}.searchbox input{width:100%;min-width:0;border:0;background:none;outline:0;color:#fff;font-size:14px}.searchbox input::placeholder{color:#c0d2da}.searchbox kbd{color:#d9e7ec;border:1px solid #7598ad;line-height:20px;width:22px;text-align:center;font:12px var(--pixel)}.top-link{margin-left:auto;color:#d6eaf0;white-space:nowrap;font:700 14px var(--display);letter-spacing:1.2px}.top-link span{color:var(--cyan);margin-left:8px}.top-link:hover{color:var(--cyan)}

.shell{display:grid;grid-template-columns:238px minmax(0,1fr);max-width:1740px;min-height:calc(100vh - 76px);margin:auto}.sidebar{background:#0b1828;color:#c9dae2;border-right:1px solid #34546b;padding:24px 13px 20px;position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto;display:flex;flex-direction:column}.sidebar-heading{font:700 13px var(--pixel);letter-spacing:1px;color:var(--cyan);padding:0 13px 24px}.nav-group{margin-bottom:19px;border-top:1px solid #35536a;padding-top:7px}.nav-group:first-child{border-top:0;padding-top:0}.nav-label{display:block;color:#82a5b9;font:600 10px var(--pixel);letter-spacing:1px;padding:11px 12px 8px}.nav-item{display:flex;align-items:center;gap:11px;min-height:43px;padding:8px 11px;color:#d6e6ec;font:600 16px/1.1 var(--display);letter-spacing:.2px;border-left:3px solid transparent}.nav-item:hover{background:#17354b;color:#fff;text-decoration:none}.nav-item[aria-current=page]{background:#1f4a63;color:#fff;border-left-color:var(--cyan)}.nav-item[aria-current=page]:after{content:'▶';font:9px var(--pixel);color:var(--cyan);margin-left:auto}.nav-item svg{width:17px;height:17px;flex:none;color:#8fc5d7}.sidebar-bottom{margin-top:auto;border-top:1px solid #3d6479;padding:20px 12px 0;color:#cedfe5}.side-diamond{display:block;width:10px;height:10px;background:var(--cyan);transform:rotate(45deg);margin:2px 0 19px 2px}.sidebar-bottom b{display:block;font:700 16px var(--display);letter-spacing:.3px}.sidebar-bottom p{font-size:12px;color:#a8c2cf;margin:5px 0 0}

.workspace{min-width:0;background:#091523}.page-tabs{height:56px;border-bottom:1px solid #365a71;padding:0 clamp(24px,3vw,48px);display:flex;gap:29px;align-items:stretch;background:#0b1929}.page-tabs a{font:700 14px var(--display);letter-spacing:1px;display:flex;align-items:center;color:#a8c1ce;border-bottom:3px solid transparent;padding-top:3px}.page-tabs a.active{color:var(--cyan);border-color:var(--cyan)}.page-tabs a:hover{color:#fff;text-decoration:none}.page-tabs span{margin-left:auto;align-self:center;font:600 10px var(--pixel);letter-spacing:.8px;color:#7fa3b7}main{padding:30px clamp(24px,3vw,48px) 48px;min-width:0;max-width:1500px;margin:auto}main:focus{outline:none}.breadcrumbs{color:#9ab7c6;font:600 11px var(--pixel);letter-spacing:.2px;margin-bottom:19px;display:flex;gap:11px;align-items:center}.breadcrumbs span{color:var(--cyan)}.breadcrumbs a{color:#c7dce5}

.cover{height:410px;position:relative;isolation:isolate;overflow:hidden;border:2px solid #89cfe3;background:#183e39 none 38% 50%/cover no-repeat;display:flex;justify-content:flex-end;align-items:center}.cover:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06111b10 0%,#06111b37 35%,#071521cf 58%,#081522f8 78%),linear-gradient(0deg,#06111b8c,transparent 35%);z-index:-1}.cover-content{width:min(540px,52%);padding:35px 48px;color:#fff;position:relative}.eyebrow{font:700 12px var(--pixel);letter-spacing:.9px;text-transform:uppercase;color:var(--cyan)}.cover .eyebrow{color:var(--cyan)}.cover h1{font:700 clamp(56px,5vw,78px)/.9 var(--display);text-transform:uppercase;letter-spacing:.3px;margin:18px 0;color:#fff;text-shadow:3px 3px #07101b}.cover h1 span{color:var(--cyan)}.cover p{font-size:17px;line-height:1.45;max-width:400px;color:#e3f0f3;margin-bottom:21px}.cover-links{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 19px;background:var(--cyan);color:#092134;border:0;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);font:700 16px var(--display);letter-spacing:.9px}.button:hover{filter:brightness(1.15);text-decoration:none}.button.ghost{background:#173c57e8;color:#e7f7fb;box-shadow:inset 0 0 0 2px #8dcee3}.cover-label{position:absolute;left:23px;bottom:18px;font:600 10px var(--pixel);letter-spacing:.6px;color:#e5f5fa;text-shadow:2px 2px #0017}.cover-label:before{content:'';display:inline-block;width:8px;height:8px;background:var(--cyan);margin-right:9px}.welcome-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#10273a;border:1px solid #5f9bb4;border-top:0;padding:16px 22px;font-size:14px}.welcome-strip b{color:#fff}.welcome-strip span{color:#c2d6de}.welcome-strip a{white-space:nowrap;font:700 14px var(--display);letter-spacing:.5px}

.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;margin-top:42px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{font:700 35px/.95 var(--display);text-transform:uppercase;letter-spacing:.4px;margin:0}.section-heading a,.section-heading>span{font:600 12px var(--pixel)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;border-top:2px solid #74adc5}.feature-card{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:12px;min-height:139px;min-width:0;padding:18px 14px;border-bottom:1px solid #4a748c;background:#102337;color:var(--silver);transition:background .15s}.feature-card:hover{background:#1b455f;color:#fff;text-decoration:none}.feature-card .feature-icon{grid-row:1/4;display:grid;place-items:start center;color:var(--cyan);padding-top:3px}.feature-icon svg{width:23px;height:23px}.feature-card h3{font:700 23px/1 var(--display);letter-spacing:.2px;text-transform:uppercase;margin:0 0 6px}.feature-card p{font-size:13px;line-height:1.45;color:#bcd1db;margin-bottom:8px}.feature-card .card-foot{color:#9cbdcc;font:600 10px var(--pixel);display:flex;justify-content:space-between;align-items:end;gap:8px}.feature-card .card-foot span{color:var(--cyan);font-size:16px;line-height:1}.home-rail{min-width:0}.rail-panel{border:1px solid #567e96;background:#102238;margin-bottom:16px}.rail-title{padding:13px 15px;border-bottom:1px solid #668da1;background:#19374e;color:#f2fbfc;font:700 13px var(--pixel);letter-spacing:.2px;display:flex;align-items:center;gap:10px}.rail-title svg{width:17px;height:17px;color:var(--cyan)}.question-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:9px 15px;border-bottom:1px solid #466d83;color:#d9e8ec;font:600 14px/1.25 var(--display);letter-spacing:.1px}.question-link:last-child{border:0}.question-link:hover{background:#1a415b;color:#fff;text-decoration:none}.question-link span{color:var(--cyan)}.rail-body{padding:16px;font-size:13px;color:#b7ceda}.rail-body h3{color:#f0f7f9}.rail-body p:last-child{margin-bottom:0}.rail-body dl{margin:0}.rail-body dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #45697d}.rail-body dt{color:#a9c4d2}.rail-body dd{margin:0;color:#f2f8fa;font-weight:600}.rail-note{border-top:3px solid var(--cyan)}.rail-note h3{font:700 21px var(--display);text-transform:uppercase;margin-bottom:8px}.source-links{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px;font:600 12px var(--pixel)}.source-links a{border-bottom:1px solid #79b9d2;padding-bottom:5px}.spotlight{margin-top:25px;background:#142a3d;border-left:4px solid var(--gold);padding:22px 24px;display:flex;gap:19px;align-items:center}.spotlight .badge-art{flex:none;color:var(--gold);display:grid;place-items:center}.badge-art svg{width:43px;height:43px}.spotlight h3{font:700 25px var(--display);text-transform:uppercase;margin:6px 0}.spotlight p{font-size:14px;color:#c2d5dd;margin-bottom:9px}.spotlight a{font:600 13px var(--pixel)}

.article-header{background:#10273c;border:1px solid #5b8da8;border-top:4px solid var(--cyan);padding:28px 34px}.article-header h1{font:700 clamp(42px,4.3vw,65px)/.93 var(--display);text-transform:uppercase;letter-spacing:.3px;margin:10px 0 13px;color:#f1f8f9}.article-header p{max-width:770px;color:#c7d9e0;font-size:16px;margin-bottom:0}.status-pill{display:inline-block;padding:5px 10px;background:#1d3c50;border:1px solid #b2a679;color:#f0e3af;font:600 10px var(--pixel);letter-spacing:.4px;margin-top:17px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:36px;background:#0d1d2d;border:1px solid #547b92;border-top:0;padding:30px 34px}.article-body{min-width:0;font-size:16px;line-height:1.75;color:#d5e4e9}.article-body a{text-decoration:underline;text-decoration-color:#59869f;text-underline-offset:3px}.article-body h2{font:700 31px/1 var(--display);text-transform:uppercase;letter-spacing:.2px;border-bottom:1px solid #4f778e;padding-bottom:10px;margin:33px 0 16px;scroll-margin-top:110px;color:#f0f7f8}.article-body h2:first-child{margin-top:0}.article-body h3{font:700 23px var(--display);text-transform:uppercase;margin-top:24px;scroll-margin-top:110px}.article-body p{margin:0 0 16px}.article-body ul,.article-body ol{padding-left:23px;margin:0 0 20px}.article-body li{margin:6px 0}.article-body strong{color:#fff}.article-body hr{border:0;border-top:1px solid #50748a;margin:27px 0}.table-scroll{overflow:auto;border:1px solid #52778e}.article-body table{width:100%;border-collapse:collapse;font-size:13px}.article-body th,.article-body td{border:1px solid #45697e;padding:9px;text-align:left;vertical-align:top}.article-body th{background:#1a3a53;color:#f3fafb}.article-body tr:nth-child(even) td{background:#10263a}.article-body code{font-size:13px;background:#1c3b50;padding:2px 4px;overflow-wrap:anywhere}.article-body pre{overflow:auto;background:#07121f;border:1px solid #40647b;padding:16px}.article-aside{min-width:0;align-self:start;position:sticky;top:102px}.contents{padding:12px 15px}.contents a{display:block;font-size:13px;padding:6px 0;color:#bfdae5;border-bottom:1px solid #335a71}.contents a:last-child{border-bottom:0}.article-note{padding:15px;background:#2a2a28;color:#efe2b5;font-size:13px;line-height:1.55;border-left:3px solid var(--gold)}.article-note a{color:#a9e9fb}.article-actions{display:flex;gap:19px;flex-wrap:wrap;margin-top:23px;padding-top:17px;border-top:1px solid #4b7288;font:600 12px var(--pixel)}

.results{background:#0d1d2d;border:1px solid #547b92;border-top:0}.result{display:block;color:var(--silver);padding:19px 30px;border-bottom:1px solid #3f687f}.result:last-child{border:0}.result:hover{background:#183b53;color:#fff;text-decoration:none}.result b{font:700 23px var(--display);text-transform:uppercase}.result small{display:block;font:600 10px var(--pixel);color:var(--cyan);margin:4px 0}.result p{margin:0;font-size:14px;color:#bcd1db}.empty{padding:35px;background:#11293d;border:1px dashed #78a9bc}.loading{padding:70px;text-align:center}.workspace footer{border-top:1px solid #43667b;padding:20px clamp(24px,3vw,48px);color:#9fb9c8;font:600 11px var(--pixel);display:flex;justify-content:space-between;gap:15px}

@media(max-width:1250px){.shell{grid-template-columns:205px minmax(0,1fr)}.topbar{gap:22px}.wordmark{min-width:195px}.cover-content{width:min(500px,53%);padding-inline:32px}.home-grid{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.article-layout{grid-template-columns:minmax(0,1fr) 205px;gap:22px}.article-header,.article-layout{padding-inline:24px}}
@media(max-width:1020px){.home-grid{grid-template-columns:1fr}.home-rail{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cover h1{font-size:58px}.cover-content{width:55%}.article-layout{grid-template-columns:1fr}.article-aside{position:static;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.article-aside .rail-panel{margin:0}.contents{max-height:170px;overflow:auto}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-tabs span{display:none}}
@media(max-width:760px){.topbar{height:auto;min-height:118px;padding:10px 17px;gap:9px;flex-wrap:wrap;position:relative}.wordmark{min-width:0;flex:1}.wordmark img{width:42px;height:42px}.wordmark b,.wordmark strong{font-size:17px}.top-link{font-size:12px}.searchbox{order:3;flex-basis:100%;max-width:none;height:38px}.shell{display:block}.sidebar{position:static;display:block;height:auto;padding:9px 13px;border-right:0;border-bottom:1px solid #3c657c}.sidebar-heading,.sidebar-bottom,.nav-label{display:none}#navigation{display:flex;overflow:auto;gap:4px}.nav-group{display:contents}.nav-item{white-space:nowrap;min-height:38px;padding:7px 10px;font-size:15px;flex:none;border-left:0;border-bottom:2px solid transparent}.nav-item[aria-current=page]{border-left:0;border-bottom-color:var(--cyan)}.nav-item[aria-current=page]:after{display:none}.nav-item svg{width:15px;height:15px}.page-tabs{height:48px;padding:0 17px;gap:20px}.page-tabs a{font-size:12px}main{padding:22px 17px 35px}.breadcrumbs{font-size:10px}.cover{height:470px;background-position:38% center;align-items:end}.cover:before{background:linear-gradient(0deg,#071521f8 0%,#071521eb 39%,#0715212b 75%)}.cover-content{width:100%;padding:230px 22px 25px}.cover h1{font-size:55px;margin:9px 0}.cover p{font-size:15px;max-width:370px;margin-bottom:15px}.cover-label{top:15px;bottom:auto;left:17px;font-size:9px}.welcome-strip{display:block;padding:12px 15px;font-size:13px}.welcome-strip a{display:inline-block;margin-top:5px}.home-grid{margin-top:30px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:110px}.home-rail{grid-template-columns:1fr}.article-header,.article-layout{padding:21px}.article-aside{grid-template-columns:1fr}.article-header h1{font-size:46px}.article-body{font-size:15px}.result{padding:17px 21px}.workspace footer{padding:17px;display:block}.workspace footer span{display:block;margin-top:5px}}
@media(max-width:430px){.top-link{font-size:10px}.wordmark b,.wordmark strong{font-size:15px}.wordmark small{font-size:9px}.cover{height:455px}.cover h1{font-size:50px}.cover p{font-size:14px}.button{font-size:14px;min-height:42px;padding-inline:13px}.page-tabs{gap:14px}.page-tabs a{font-size:11px}.article-header h1{font-size:41px}.section-heading h2{font-size:31px}}
@media(max-width:760px){.sidebar-heading{display:block;padding:2px 3px 7px;font-size:9px}.sidebar-heading:after{content:'  →'}.sidebar .nav-group:first-child{display:none}}
/* Field-guide edition: readable paper pages and small game-menu accents. */
:root{--night:#e3e9df;--deep:#f1f1e5;--panel:#f5f2e6;--panel-bright:#dce5dd;--line:#a2b7b9;--silver:#263d4d;--muted:#526978;--cyan:#245e89;--gold:#a9553f;--display:'Pixelify Sans',monospace;color-scheme:light}
.topbar{background:#253e50;border-bottom:4px solid #a6bdc1;color:#fff}.wordmark strong{color:#a2dfdf}.searchbox{background:#f5f2e6;border-color:#bbcece}.searchbox input{color:#263d4d}.searchbox input::placeholder{color:#526978}.searchbox svg{color:#245e89}.top-link{color:#e5eade}.sidebar{background:#dce5dd;border-color:#a5b9b8}.sidebar-heading,.nav-label,.sidebar-bottom,.sidebar-bottom p{color:#526978}.nav-item{color:#354f5e;font:500 16px var(--body)}.nav-item:hover,.nav-item[aria-current=page]{background:#f5f2e6;color:#245e89}.page-tabs{background:#eef0e5;border-color:#b2c3c0}.page-tabs a,.page-tabs span{color:#526978}.page-tabs a.active{color:#245e89}.breadcrumbs,.breadcrumbs a{color:#526978;font:14px var(--body)}.cover{height:auto;min-height:260px;background:#d0e6e5 url('./assets/sinnoh-frame.svg') right bottom/580px auto no-repeat;border:3px double #6c898d;justify-content:flex-start}.cover:before{display:none}.cover-content{width:100%;padding:35px;max-width:600px}.cover h1{font:600 45px/1.1 var(--display);text-transform:none;color:#263d4d;text-shadow:none;margin:10px 0}.cover h1 span{color:#245e89}.cover p{color:#354f5e;font-size:17px}.cover-label{display:none}.button{clip-path:none;background:#245e89;color:#fff;border:2px solid #263d4d;font:600 16px var(--body);min-height:44px}.button.ghost{background:#f5f2e6;color:#263d4d;box-shadow:none}.welcome-strip{background:#eef0e5;border-color:#a2b7b9;font-size:16px}.welcome-strip b,.welcome-strip span{color:#354f5e}.welcome-strip a{font:600 15px var(--body)}.section-heading h2{font-size:30px;text-transform:none}.section-heading a{font:600 14px var(--body)}.feature-grid{gap:0 24px;border-color:#9db3b4}.feature-card{background:transparent;border-color:#adbfbf;padding:21px 8px}.feature-card:hover{background:#f5f2e6;color:#245e89}.feature-card h3{font:600 24px var(--display);text-transform:none}.feature-card p{color:#526978;font-size:16px}.feature-card .card-foot{font:600 14px var(--body);color:#245e89}.rail-panel{background:#f5f2e6;border-color:#a2b7b9}.rail-title{background:#d8e2db;color:#263d4d;border-color:#a2b7b9;font:600 16px var(--body)}.question-link{color:#263d4d;border-color:#bdccc5;font:500 16px/1.4 var(--body)}.question-link:hover{background:#dce5dd;color:#245e89}.rail-body,.rail-body p{color:#526978;font-size:16px}.rail-body h3{color:#263d4d;text-transform:none}.spotlight{background:#f5f2e6;border-color:#af6551}.spotlight h3{font-size:25px;text-transform:none}.spotlight p{color:#526978;font-size:16px}.spotlight a,.source-links{font:600 15px var(--body)}.article-header{background:#f5f2e6;border-color:#a2b7b9;border-top-color:#708f9e}.article-header h1{font:600 clamp(30px,3.4vw,46px)/1.15 var(--display);text-transform:none;color:#263d4d;letter-spacing:-.5px}.article-header p{color:#354f5e;font-size:18px;line-height:1.6}.status-pill{background:#e5e9dc;color:#596346;border:0;font:500 14px var(--body);padding:6px 10px}.article-layout{background:#f5f2e6;border-color:#a2b7b9}.article-body{color:#354f5e;font-size:18px}.article-body h2,.article-body h3{color:#263d4d;text-transform:none;font-size:28px;line-height:1.2}.article-body strong{color:#263d4d}.article-body code{background:#e0e7de;color:#304856}.article-body pre{background:#e9eee3;border-color:#a2b7b9}.article-body th,.article-body tr:nth-child(even) td{background:#e0e7de;color:#263d4d}.article-body td,.article-body th{border-color:#a2b7b9}.article-note{background:#e9e5d3;color:#5d583c;font-size:15px}.article-note a{color:#245e89}.contents a{color:#245e89;font-size:15px;border-color:#b5c7c4;min-height:44px}.article-actions{font:600 15px var(--body);border-color:#b5c7c4}.results{background:#f5f2e6;border-color:#a2b7b9}.result{color:#263d4d;border-color:#b5c7c4}.result b{font:600 24px var(--display);text-transform:none}.result small{font:600 14px var(--body)}.result p{color:#526978;font-size:16px}.result:hover{background:#e0e7de;color:#245e89}.empty{background:#f5f2e6}.workspace footer{font:14px var(--body);color:#526978;border-color:#a2b7b9}.technical-reference{border-top:2px solid #adbfbc;padding-top:12px}.technical-reference>summary{cursor:pointer;font:600 21px var(--display);padding:10px 0;min-height:48px;color:#245e89}.reference-intro{font-size:15px;color:#526978;padding-top:12px}.player-limit{background:#e7eadc;border-left:3px solid #899b6e;padding:15px;font-size:16px}.rail-panel>summary{cursor:pointer;display:list-item;list-style-position:inside}.article-aside{position:static}.cover-content .eyebrow{color:#245e89}
@media(max-width:1020px){.article-aside{grid-row:auto}}
@media(max-width:760px){.topbar{min-height:110px}.wordmark small,.top-link{font-size:14px}.sidebar-heading{font:600 14px var(--body)}.page-tabs a{font:600 14px var(--body)}.cover{background-image:none;min-height:0}.cover-content{padding:25px}.cover h1{font-size:36px}.article-header,.article-layout{padding:22px}.article-header h1{font-size:32px}.article-header p,.article-body{font-size:17px}.article-aside{display:block}.article-aside .article-note{margin-top:16px}.eyebrow{font-size:14px}.sidebar{padding-block:8px}.sidebar-heading{display:none}.nav-item{min-height:44px}.article-layout{gap:22px}.article-header .eyebrow{display:none}.article-header .status-pill{font-size:14px}.cover p{font-size:16px}.cover-links{gap:12px}}
body,.workspace{background:#e3e9df}.workspace footer{background:#dce5dd}.breadcrumbs{line-height:1.5}.nav-item svg{color:#245e89}.searchbox kbd{color:#526978;border-color:#91a8b0}
/* The game's own logo (tools/make_logo.py), one logo pixel per CSS pixel. */
.wordmark{gap:12px;align-items:center}.wordmark img.logo{width:228px;height:69px;image-rendering:pixelated;flex:none}.wordmark small{align-self:flex-end;margin-bottom:9px;font:700 14px var(--pixel);letter-spacing:1.5px;color:#d8edf4}
@media(max-width:760px){.wordmark{flex:none}.top-link{font-size:13px}.page-tabs{overflow-x:auto}.page-tabs a{white-space:nowrap}}
@media(max-width:520px){.top-link{display:none}}
/* Player wiki: Pokédex rows, type badges, setting tags, filters and data tables. */
.filters{display:flex;flex-wrap:wrap;gap:12px 18px;background:#eef0e5;border:1px solid #a2b7b9;border-top:0;padding:16px 34px}.filters label{display:flex;flex-direction:column;gap:4px;font:600 14px var(--body);color:#354f5e;min-width:160px;flex:1}.filters input,.filters select{min-height:44px;padding:8px 10px;border:1px solid #91a8b0;background:#f9f7ee;color:#263d4d;font:16px var(--body)}.filters input:focus,.filters select:focus{outline:3px solid #245e8966;border-color:#245e89}
.dex-row{display:grid;grid-template-columns:62px minmax(120px,190px) 150px minmax(0,1fr);align-items:center;gap:6px 14px;padding:10px 30px;min-height:52px;border-bottom:1px solid #c9d5cf;color:#263d4d}.dex-row:hover{background:#e0e7de;color:#245e89;text-decoration:none}.dex-row b{font:600 19px var(--display)}.dex-row small{color:#526978;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dex-no{font:600 14px var(--display);color:#6d8290}.item-row{grid-template-columns:minmax(150px,260px) 120px minmax(0,1fr)}.item-row .move{font:500 14px var(--body);color:#526978}.pocket{font-size:14px;color:#526978}
.types{display:inline-flex;gap:5px;flex-wrap:wrap;vertical-align:middle}.type{display:inline-block;min-width:62px;padding:2px 7px;text-align:center;font:600 12px/1.5 var(--body);letter-spacing:.4px;text-transform:uppercase;color:#fff;background:#68727a;border:1px solid #0003}.t-normal{background:#7b7a63}.t-fire{background:#b8451f}.t-water{background:#3466b5}.t-grass{background:#3f7f2c}.t-electric{background:#8a6d00}.t-ice{background:#2f7f86}.t-fighting{background:#93302a}.t-poison{background:#7b3b80}.t-ground{background:#866b2e}.t-flying{background:#6957a8}.t-psychic{background:#b13863}.t-bug{background:#6b7a14}.t-rock{background:#7d6b2a}.t-ghost{background:#584879}.t-dragon{background:#4f37b8}.t-dark{background:#4d3d33}.t-steel{background:#5f6b7a}.t-fairy{background:#a3477f}.type-note{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:15px;color:#526978}
.tag{display:inline-block;padding:1px 6px;font:700 11px/1.6 var(--body);letter-spacing:.4px;white-space:nowrap;vertical-align:1px;border:1px solid}.tag-more{background:#e5efdc;color:#3d5d1f;border-color:#8eab6f}.tag-modern{background:#e9e2f2;color:#553a7c;border-color:#a28cc4}.tag-off{background:#f6e1db;color:#8a3a26;border-color:#c98b78}
.article-body td.num,.article-body th.num{text-align:right;white-space:nowrap}.article-body td .none{color:#8a9aa3}.rooms{display:block;font-size:14px;line-height:1.4;color:#526978}.article-body h3{font-size:21px;margin:22px 0 10px}.article-body table{font-size:16px}.lead{font-size:20px}
.ways{list-style:none;padding:0}.ways li{border-left:3px solid #245e89;background:#eef0e5;padding:10px 14px;margin:0 0 10px}.ways li.off{border-left-color:#a9553f;opacity:.85}.ways p{margin:4px 0 0;font-size:16px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;background:#eef0e5;border:1px solid #a2b7b9;color:#263d4d;font:500 16px var(--body)}.chip:hover{background:#dce5dd;color:#245e89;text-decoration:none}
.article-layout.single{grid-template-columns:minmax(0,1fr)}.list-heading{margin:28px 0 0}.list-heading h2{font-size:26px}.list-heading span{font:600 14px var(--body);color:#526978}
.tip{background:#e9e5d3;border-left:3px solid #a9553f;padding:12px 16px;margin:0 0 18px;font-size:17px;color:#4d4832}.article-body kbd{display:inline-block;padding:0 6px;border:1px solid #91a8b0;border-bottom-width:2px;background:#f9f7ee;font:600 15px/1.5 var(--body);color:#263d4d}
@media(max-width:760px){.filters{padding:14px 17px}.dex-row{grid-template-columns:52px minmax(0,1fr);padding:10px 17px}.dex-row .types,.dex-row small{grid-column:2}.item-row{grid-template-columns:minmax(0,1fr)}.item-row .pocket,.item-row small{grid-column:1}.type-note{margin:6px 0 0;display:flex}}
/* Home banner: the words keep the left side, the Sinnoh picture the right, so they never overlap. */
.cover{background-image:none;min-height:300px;align-items:stretch}
.cover-content{flex:1 1 56%;max-width:none;align-self:center}
.cover:after{content:'';flex:0 0 44%;background:#c5e4e7 url('./assets/sinnoh-frame.svg') center bottom/100% auto no-repeat;border-left:3px double #6c898d}
.cover h1{font-size:clamp(34px,3.6vw,45px)}
@media(max-width:1020px){.cover{flex-direction:column}.cover:after{flex:0 0 auto;aspect-ratio:480/170;border-left:0;border-top:3px double #6c898d}}
/* Phones: each table row becomes a small card, the first cell its heading and the rest label/value lines. */
@media(max-width:640px){
.article-body .table-scroll{border:0;overflow:visible}
.article-body .table-scroll table,.article-body .table-scroll tbody,.article-body .table-scroll tr{display:block}
.article-body .table-scroll thead{display:none}
.article-body .table-scroll tr{border:1px solid #a2b7b9;background:#f9f7ee;padding:10px 14px;margin:0 0 10px}
.article-body .table-scroll tr:nth-child(even){background:#eef1e8}
.article-body .table-scroll td,.article-body .table-scroll tr:nth-child(even) td{display:block;position:relative;border:0;padding:3px 0 3px 114px;background:none;text-align:left;white-space:normal}
.article-body .table-scroll td:before{content:attr(data-label);position:absolute;left:0;top:5px;width:104px;font-size:14px;font-weight:700;color:#526978}
.article-body .table-scroll tr td:first-child{font-size:18px;font-weight:600;padding:0 0 6px}
.article-body .table-scroll td:first-child:before{content:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}