:root{--ink:#101715;--yellow:#f5d366;--cream:#f4f1dc;--muted:#a3aba1}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#070b09;color:var(--cream);font-family:'Courier New',monospace;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:700 14px 'Courier New',monospace;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}button:disabled{cursor:wait;opacity:.65}#app{height:100dvh;position:relative;overflow:hidden;background:#0c110f}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:0}header{position:absolute;z-index:2;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 38px;font-size:12px;letter-spacing:2px;pointer-events:none}header a{pointer-events:auto}.brand{color:var(--cream);font-size:15px;letter-spacing:1px;font-weight:bold;text-decoration:none;display:flex;align-items:center;gap:12px}.bolt{color:var(--yellow);font-size:30px}.location{color:#b8beb2;font-size:12px}.location span{margin:0 15px;color:#596358}.edition{color:#899286}.intro{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);text-align:center;width:min(620px,92%)}.eyebrow{font-size:12px;letter-spacing:3px;color:#bdc6b6}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--yellow);margin-right:10px}.pokemon{font-size:19px;font-weight:700;letter-spacing:9px;color:var(--yellow);margin:30px 0 12px}h1{position:relative;font-size:clamp(64px,8.4vw,112px);line-height:.88;letter-spacing:-6px;font-weight:900;margin:0 auto 30px;width:fit-content;text-shadow:4px 4px 0 #293c2d,7px 7px 0 #080f0a}h1 span{color:var(--yellow)}h1 i{position:absolute;color:var(--yellow);right:-65px;top:27%;font-size:88px;font-style:normal;transform:rotate(9deg)}.tagline{font-size:16px;margin:0 0 14px}.intro-copy{color:#aeb8a6;font-size:14px;line-height:1.8;margin:0 0 28px}.intro-copy strong{color:#e2e5d4}.primary{min-height:54px;background:var(--yellow);color:#20271c;border:2px solid #ffe798;box-shadow:4px 4px 0 #665c2b;padding:16px 32px;letter-spacing:2px;font-size:15px}.primary:hover{background:#ffe38b;transform:translateY(-2px)}.primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #665c2b}#play{width:254px;display:flex;justify-content:space-between;margin:auto}.instructions{color:#a3ada0;font-size:12px;margin:22px 0 0}.intro-stats{display:flex;justify-content:center;gap:26px;margin-top:38px;color:#a7b09f;letter-spacing:1px;font-size:11px}.intro-stats b{color:#eeeddf;font-size:16px;display:block;margin-bottom:8px}footer{position:absolute;bottom:0;padding:24px 38px;display:flex;justify-content:space-between;width:100%;font-size:11px;letter-spacing:1px;color:#838f80;pointer-events:none}footer b{font-weight:400;color:#bcc4b4;margin-left:7px}.status-dot{display:inline-block;width:5px;height:5px;background:#a0b88d;margin-right:8px}#hud{position:absolute;inset:90px 36px 60px;pointer-events:none}.counters{display:flex;gap:36px}.counters small{display:block;font-size:11px;color:#9eaa97;margin-bottom:8px;letter-spacing:2px}.counters b{font-size:25px;color:var(--yellow)}.counters em{font-style:normal;color:#808b7b;font-size:17px}.hud-actions{position:absolute;right:0;top:0;display:flex;gap:12px;pointer-events:auto}.small-button{background:#151d17;border:1px solid #505c49;color:#e2e6d4;padding:13px 16px}.small-button:hover{border-color:var(--yellow)}.play-tip{position:absolute;bottom:7px;width:100%;text-align:center;color:#87917f;font-size:12px}dialog{background:var(--cream);color:#24302a;border:3px solid #263b31;box-shadow:0 0 0 3px #d6dcc6,10px 10px 0 #0007;padding:0;width:min(520px,90vw);max-height:88dvh;overflow:auto}dialog::backdrop{background:#030905bd;backdrop-filter:blur(3px)}dialog[open]{animation:appear .18s ease-out}.dialog-top{padding:15px 21px;background:#293b30;color:#e9ecd8;font-size:12px;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between}.dialog-top button{color:#e9ecd8;background:transparent;border:0;padding:5px;font-size:18px}.dialog-body{padding:28px;text-align:center}h2{font-size:20px;line-height:1.5;margin:0 0 14px}.specimen{height:210px;display:grid;place-items:center;position:relative;background:repeating-linear-gradient(0deg,#e4e8d8 0 2px,#ecefdc 2px 8px);margin:22px 0}.specimen img{width:192px;height:192px;object-fit:contain;image-rendering:pixelated;filter:brightness(0);z-index:1;transition:filter .4s,transform .4s}.specimen span{position:absolute;right:25px;top:20px;font-size:40px;font-weight:bold;color:#c2cbb6}.specimen.revealed img{filter:none;transform:scale(1.08)}.specimen.escaped img{animation:escape .6s forwards}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.options button{padding:16px 6px;background:#fffef1;border:2px solid #82917b;color:#233128;text-transform:uppercase}.options button:hover{background:#f5d366;border-color:#3e503e}#result{font-weight:bold;line-height:1.8;min-height:8px}#result:not(:empty){margin-top:12px}.dialog-note{font-size:12px;color:#65755b}#dex-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;margin:20px 0}.dex-item{border:1px solid #c1cbb3;display:flex;align-items:center;min-height:64px;background:#e7ebda;padding:5px;gap:8px}.dex-item img{width:56px;height:56px;image-rendering:pixelated}.dex-item small{display:block;color:#66765b;font-size:11px}.dex-item b{font-size:13px}.unknown{width:56px;text-align:center;font-size:28px;color:#94a085}.text-button{border:0;background:transparent;padding:18px;color:#334831;font-size:12px}#win-sprites{display:flex;flex-wrap:wrap;justify-content:center;margin:15px 0}#win-sprites img{width:64px;height:64px;image-rendering:pixelated}#final-score{display:block;font-size:48px;margin:8px 0 24px}#win .primary{display:block;margin:auto}#pause p{margin-bottom:30px}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes escape{to{transform:translateX(90px);opacity:0}}@media(max-width:600px){header{padding:18px 20px}.edition,.location{display:none}footer{padding:18px 20px}#footer-right{display:none}.intro{transform:translate(-50%,-45%)}h1{font-size:82px;letter-spacing:-5px}h1 i{font-size:58px;right:-42px}.pokemon{margin-top:22px}.intro-stats{margin-top:27px}.intro-copy{font-size:13px}#hud{inset:80px 20px 55px}.counters{gap:20px}.counters b{font-size:21px}.hud-actions{top:80px}.dialog-body{padding:20px}.specimen{height:170px}.specimen img{width:160px;height:160px}.play-tip{font-size:11px;line-height:1.5}}@media(max-height:700px){.intro-stats{margin-top:20px}.pokemon{margin-top:15px}h1{font-size:70px;margin-bottom:20px}.intro-copy{margin-bottom:18px}.intro .instructions{margin-top:16px}.specimen{height:140px}.specimen img{width:140px;height:140px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* V2 additions retain the original palette, panels, focus and typography. */
.intro-nav{display:flex;justify-content:center;gap:20px;margin:10px auto 0}.intro-nav .text-button{color:#bdc6b6;font-size:11px;padding:8px 0}.intro-nav .text-button:hover{color:var(--yellow)}.intro .instructions{margin-top:12px}.intro-stats{margin-top:25px}.intro{transform:translate(-50%,-46%)}#streak{position:absolute;left:230px;top:0;color:var(--yellow)}#streak small{display:block;color:#9eaa97;font-size:11px;letter-spacing:2px;margin-bottom:8px}#streak b{font-size:25px}#powerups{display:flex;gap:8px;flex-wrap:wrap;position:absolute;top:75px;left:0;max-width:65%}.power{font-size:11px;letter-spacing:.4px;color:#d5dec8;border:1px solid #46533b;background:#142014dd;padding:8px}.power b{color:var(--yellow);margin-left:5px}.expiring{animation:power-pulse .8s ease-in-out infinite}#notice{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:88%;background:#142015ed;color:var(--yellow);border:1px solid #778460;padding:15px 20px;font-size:13px;text-align:center;letter-spacing:1px;line-height:1.7;pointer-events:none;z-index:3}.pop{animation:notice-pop .3s ease-out}.rarity{font-size:12px;letter-spacing:1px}.rarity.rare{color:#6a4680}.rarity.legendary,.shiny-label{color:#7b590d}#result{font-size:14px}#result small{font-size:11px;color:#69755b}#result strong{font-size:18px}.legendary-reveal{box-shadow:inset 0 0 30px #dab95277}.shiny-reveal{animation:shiny-flash .5s ease-out}.shiny-reveal::after{content:'✦     ★     ✦';position:absolute;inset:10px;color:#a47b16;font-size:27px;letter-spacing:15px;pointer-events:none;animation:star-rise .7s ease-out}.dex-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;margin:15px 0}.dex-grid .dialog-note{grid-column:1/-1}.dex-item small{font-size:10px;line-height:1.6}#dex h3{font-size:12px;letter-spacing:2px;text-align:left;border-bottom:1px solid #c1cbb3;padding-bottom:12px;margin-top:24px}#stats-content>div{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:14px 0;border-bottom:1px solid #c5ceba;font-size:14px}#stats-content b{font-size:17px;white-space:nowrap}#save-status{line-height:1.6;margin-top:22px}@keyframes power-pulse{50%{opacity:.45}}@keyframes notice-pop{from{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes shiny-flash{0%{filter:brightness(1)}30%{filter:brightness(2)}100%{filter:brightness(1)}}@keyframes star-rise{from{opacity:0;transform:translateY(15px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){#streak{left:200px}#powerups{top:142px;max-width:100%;gap:5px}.power{font-size:10px;padding:6px}.intro-nav{gap:24px}.intro-stats{margin-top:18px}#notice{font-size:12px;top:44%;padding:10px 15px}.dex-item{gap:3px}.dex-item img{width:46px;height:46px}.dex-item b{font-size:12px}.dex-item small{font-size:9px}}
@media(max-height:700px){.intro .pokemon{margin-top:8px;margin-bottom:8px}.intro h1{font-size:62px;margin-bottom:16px}.intro-copy{margin-bottom:16px}.intro-stats{margin-top:14px}.intro-nav{margin-top:6px}.intro .instructions{margin-top:8px}#quiz .dialog-body{padding:18px 24px}#quiz .specimen{height:120px;margin:12px 0}#quiz .specimen img{height:120px;width:120px}#quiz h2{font-size:17px;margin-bottom:8px}#quiz .options button{padding:12px 6px}}
@media(max-height:520px) and (min-width:600px){.intro{width:94%;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:30px;top:51%;transform:translate(-50%,-50%);max-width:820px}.intro>.eyebrow,.intro>.pokemon,.intro>h1{grid-column:1}.intro>.eyebrow{font-size:10px}.intro>.pokemon{margin-top:15px}.intro>h1{grid-row:3/7;font-size:78px}.intro>.tagline{grid-column:2;grid-row:1;font-size:13px}.intro>.intro-copy{grid-column:2;grid-row:2;font-size:12px}.intro>#play{grid-column:2;grid-row:3}.intro>.intro-nav{grid-column:2;grid-row:4}.intro>.instructions{grid-column:2;grid-row:5}.intro>.intro-stats{display:none}header{padding:10px 24px}footer{padding:10px 24px}#hud{inset:60px 24px 38px}#powerups{top:65px}.play-tip{bottom:0}}
/* Kanto expands the existing interface without changing its visual vocabulary. */
#play{font-size:12px;letter-spacing:1px;width:280px}.zone-hud{position:absolute;top:78px;left:0;display:flex;flex-direction:column;gap:7px;pointer-events:none}.zone-hud>b{font-size:12px;letter-spacing:2px;color:#d3dcc7}.zone-hud small{font-size:10px;color:#86967a}#powerups{top:134px}#kanto-map{position:absolute;inset:0;z-index:6;background:#101913;color:var(--cream);overflow:auto;padding:30px 38px;scrollbar-color:#677955 #16221a}.map-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.map-header .eyebrow{font-size:11px;margin-top:0;letter-spacing:2px}.map-header h2{font-size:28px;line-height:1.2;margin-bottom:10px;letter-spacing:-1px}.map-header h2 span{color:var(--yellow)}#map-progress{font-size:11px;letter-spacing:1px;color:#a6b699;margin:0}.map-header nav{display:flex;gap:9px}.map-header button{font-size:11px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;max-width:1500px;margin:auto}.map-scene{height:clamp(310px,48vh,600px);min-height:310px;position:relative;border:2px solid #647b4d;box-shadow:inset 0 0 0 5px #101913;overflow:hidden;background:#193327}.map-art{width:100%;height:100%;object-fit:fill;image-rendering:pixelated;filter:brightness(.75) saturate(.8)}.map-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-paths path{fill:none;stroke:#f3d986aa;stroke-width:.65;stroke-dasharray:1.2 1;vector-effect:non-scaling-stroke;stroke-width:3px}.map-node{position:absolute;transform:translate(-50%,-50%);border:0;background:none;color:#eaf0dc;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;max-width:160px;white-space:nowrap;padding:5px}.map-node>b{width:35px;height:35px;display:grid;place-items:center;background:#1a271e;border:2px solid #b0ba8b;box-shadow:3px 3px 0 #09130bd9;font-size:14px;color:#dce6c7}.map-node>span{background:#122118ed;border:1px solid #4f6949;padding:5px 8px}.map-node.available>b{border-color:var(--zone-color);color:var(--zone-color)}.map-node.selected>b{background:var(--yellow);color:#1c281a;border-color:#fff3bc;box-shadow:0 0 0 4px #101913aa}.map-node.locked{color:#9fa697}.map-node.locked>b{background:#263128;color:#8d9789;border-color:#78836d}.map-node.done>b::after{content:'✓';font-size:10px;position:absolute;top:0;right:5px;color:var(--yellow)}.map-compass{position:absolute;right:16px;top:14px;color:#d9dfc3;font-size:12px}.map-caption{position:absolute;bottom:12px;left:14px;color:#dce4c7;background:#102118c9;padding:5px;font-size:9px;letter-spacing:1px}#zone-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.zone-card{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 10px;background:#17231a;border:1px solid #354932;color:#c7d1bc;min-height:76px}.zone-card.selected{border-color:var(--yellow);background:#202b1c}.zone-index{font-size:18px;color:#788d6b}.zone-card.selected .zone-index{color:var(--yellow)}.zone-card b{display:block;font-size:12px;line-height:1.4}.zone-card small{display:block;color:#96a889;font-size:9px;margin-top:6px;line-height:1.5}.zone-panel{background:#1b281e;border:1px solid #43583a;align-self:start}.zone-panel>img{display:block;width:100%;height:150px;object-fit:cover;image-rendering:pixelated;filter:brightness(.85)}.zone-panel-body{padding:23px}.zone-panel .eyebrow{font-size:9px;letter-spacing:2px;margin-top:0;color:#a1b38c}.zone-panel h3{font-size:23px;line-height:1.25;margin:15px 0;color:#f1e7bc}#zone-description{font-size:13px;line-height:1.7;color:#a9b89e;min-height:44px}.zone-progress-label{display:flex;justify-content:space-between;font-size:10px;margin-top:25px;color:#a8b696}.zone-progress-label b{color:var(--yellow);font-size:13px}progress{width:100%;height:8px;appearance:none;border:0;display:block;background:#33432d;margin:12px 0 18px}progress::-webkit-progress-bar{background:#33432d}progress::-webkit-progress-value{background:var(--yellow)}progress::-moz-progress-bar{background:var(--yellow)}#zone-rule,#zone-requirement{font-size:12px;line-height:1.7;color:#b2bfa5}#zone-requirement{color:#e1d6aa;border-top:1px solid #3c4c33;padding-top:15px;margin-top:15px}#enter-zone{width:100%;font-size:11px;padding:12px 6px;letter-spacing:.5px;margin-top:10px}#enter-zone:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}#map-notes{font-size:10px;color:#98aa87;text-align:center;line-height:1.5;margin:20px 0 0}.map-footer{text-align:center;font-size:10px;color:#84977a;padding:12px 0 0}.unlock-banner{padding:18px;border:1px solid var(--yellow);color:var(--yellow);text-align:center;margin-bottom:18px;animation:appear .4s ease-out;font-size:13px}#zone-transition{position:absolute;inset:0;z-index:9;background:#020504;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;animation:zone-entry 1.2s ease-out}#zone-transition[hidden]{display:none}#zone-transition h2{font-size:clamp(23px,4vw,40px);color:var(--yellow);margin:22px 0}#zone-transition p{font-size:14px;line-height:1.7;color:#c0cbb5;max-width:350px}.habitat-select{display:flex;flex-direction:column;gap:8px;text-align:left;font-size:11px;color:#5a6b50;margin-top:20px}.habitat-select select{font:12px 'Courier New',monospace;border:1px solid #8a9b79;background:#fffef1;color:#27392a;padding:12px;width:100%}.habitat-label{line-height:1.4!important;color:#627758!important;margin-top:5px}#dex{width:min(680px,94vw)}.dex-item{align-items:flex-start;min-height:85px}.dex-item img{flex-shrink:0}#note-copy{font-size:16px;line-height:1.9}.note-sprite{width:70px;height:70px;image-rendering:pixelated}#completed-zone-copy,#completed-zone-next{font-size:14px;line-height:1.7}#completed-zone-next{color:#536b42;margin-bottom:25px}#final-stats{line-height:1.9}#quiz-map{font-size:10px;padding:12px 0 0}#restart-zone{display:block;margin:12px auto 0;line-height:1.6}#travel-confirm p{font-size:14px;line-height:1.7;margin-bottom:25px}.mewtwo-reveal{animation:mewtwo-reveal 1.1s ease-out}@keyframes zone-entry{0%{opacity:0}15%,85%{opacity:1}100%{opacity:0}}@keyframes mewtwo-reveal{0%{filter:brightness(1)}15%{filter:brightness(3)}40%{filter:brightness(.1)}100%{filter:brightness(1)}}
@media(max-width:1050px){.map-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}#kanto-map{padding:24px}.map-node>span{font-size:9px;padding:4px}.zone-panel-body{padding:18px}.map-header h2{font-size:24px}#zone-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#kanto-map{padding:20px 16px}.map-header{align-items:flex-start;gap:14px;flex-direction:column}.map-header nav{width:100%}.map-header nav button:last-child{margin-left:auto}.map-header h2{font-size:26px}.map-layout{grid-template-columns:1fr}.map-scene{height:330px;min-height:0}.map-node>span{display:none}.map-node>b{height:34px;width:34px}.map-caption{font-size:8px}#zone-list{grid-template-columns:1fr 1fr;gap:7px}.zone-card{padding:11px 8px;gap:8px;min-height:78px}.zone-card b{font-size:11px}.zone-card small{font-size:9px}.zone-index{font-size:16px}.zone-panel>img{height:120px}.zone-panel-body{padding:20px}.zone-panel h3{font-size:23px}.zone-panel .eyebrow{font-size:10px}.zone-progress-label{margin-top:15px}#zone-description{min-height:0}.zone-hud{top:63px;gap:5px}#hud .hud-actions{top:104px;right:auto;left:0;gap:8px}#hud .small-button{padding:10px 12px;font-size:11px}#powerups{top:154px}.play-tip{font-size:10px;max-width:90%;left:5%}#streak{left:200px}#dex .dialog-body{padding:18px}.dex-item{min-height:94px}.dex-item small{font-size:9px}.dex-item img{width:40px;height:40px}.zone-hud small{font-size:9px}}
@media(max-height:520px) and (min-width:721px){.zone-hud{left:330px;top:0}.zone-hud>b{font-size:10px}.zone-hud small{font-size:9px;max-width:180px}#powerups{top:62px}#hud .hud-actions{top:0}.map-scene{height:360px}.map-header{margin-bottom:16px}}
#quiz.final-reveal::backdrop{animation:final-screen .8s ease-out}@keyframes final-screen{0%,20%{background:#fff;backdrop-filter:none}45%{background:#000}100%{background:#030905bd;backdrop-filter:blur(3px)}}
.new-game-button{display:block;margin:8px auto 0;padding:6px 12px;color:#a7b297;font-size:11px;letter-spacing:1px}.new-game-button[hidden]{display:none}.new-game-button:hover{color:#e5beab}.reset-details{text-align:left;font-size:14px;line-height:1.8;padding-left:23px;color:#46573e}.reset-warning{font-weight:bold;color:#823f32;font-size:13px;margin:22px 0}.reset-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.danger-button{padding:14px 18px;min-height:48px;background:#934c3d;border:2px solid #643326;color:#fff1d6;box-shadow:3px 3px 0 #492e24}.danger-button:hover{background:#ab5743}#reset-error{font-size:13px;line-height:1.6;color:#883e31}#reset-error:empty{display:none}@media(max-height:520px) and (min-width:600px){.intro>#new-game{grid-column:2;grid-row:4}.intro>.intro-nav{grid-row:5}.intro>.instructions{grid-row:6}}