@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');
:root{--pixel:'Press Start 2P',monospace;--dialog:'VT323',monospace}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{border-bottom:4px solid var(--navy)}.site-header nav a,.header-start,.eyebrow,.journey-strip,.dex-top,.dex-bottom,.reader-bar,.map-caption,.type-badge,.episode-location,.reader-hint{font-family:var(--pixel);font-size:8px;line-height:1.8;letter-spacing:0}.hero-note{font-family:var(--dialog);font-size:19px}.button{border-radius:3px;box-shadow:4px 4px 0 var(--navy);border:2px solid var(--navy)}.hero-corner{font-family:var(--pixel);font-size:14px}.hero-corner span{font-size:9px}.journey-strip b{font-family:var(--pixel);font-size:22px}.journey-strip span{font-size:7px}.encounters{padding:85px 0;background:#e8e8d6;background-image:linear-gradient(#25384f05 1px,transparent 1px),linear-gradient(90deg,#25384f05 1px,transparent 1px);background-size:24px 24px;border-block:3px solid var(--navy)}.game-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.game-section-heading h2{font-family:var(--display);font-weight:400;font-size:55px;line-height:1.03;margin:0}.game-section-heading h2 span{color:#718171}.game-section-heading>p{font-size:13px;line-height:1.9}.game-console{background:#c85648;border:4px solid var(--navy);border-radius:10px;box-shadow:8px 8px 0 #25384f26;padding:0 22px}.console-top,.console-bottom{display:flex;gap:13px;align-items:center;font-family:var(--pixel);font-size:8px;color:#fff4d8;padding:22px 2px;line-height:1.8}.console-top>span:last-child{margin-left:auto}.console-led{width:26px;height:26px;flex:none;border:4px solid #f7dfc4;background:#8bd6df;box-shadow:0 0 0 2px var(--navy);border-radius:50%}.console-bottom{justify-content:space-between;font-size:6px;padding-block:18px}.console-body{display:grid;grid-template-columns:180px minmax(250px,1fr) 270px;gap:16px}.species-menu{display:flex;flex-direction:column;gap:7px}.species-option{display:grid;grid-template-columns:30px 1fr;gap:6px;text-align:left;border:2px solid var(--navy);background:#f1dac2;padding:14px 10px;color:var(--navy);min-height:56px;box-shadow:2px 2px 0 #25384f80}.species-option>span{font-family:var(--dialog);font-size:19px;grid-row:span 2}.species-option b{font-family:var(--pixel);font-size:8px;line-height:1.5}.species-option small{font-size:9px}.species-option[aria-pressed=true]{background:#fff5cd;box-shadow:inset 5px 0 0 var(--navy),2px 2px 0 var(--navy)}.field-screen{position:relative;background:#dce4c6;border:4px solid var(--navy);overflow:hidden;min-height:440px}.field-top{display:flex;justify-content:space-between;gap:10px;position:relative;z-index:1;font-family:var(--pixel);font-size:6px;padding:14px;background:#f6f0d8;border-bottom:2px solid var(--navy);line-height:1.7}.field-top>span:last-child{color:#777}.species-card{position:absolute;top:58px;left:18px;z-index:1;background:#fcf7dc;border:2px solid var(--navy);padding:10px 13px;min-width:200px;box-shadow:3px 3px 0 #25384f33}.species-card>span{font-family:var(--pixel);font-size:6px}.species-card h3{font-family:var(--pixel);font-size:12px;margin:9px 0}.hp-line{display:flex;align-items:center;gap:7px;font-family:var(--pixel);font-size:6px;margin-top:9px}.hp-line b{color:#ac7b21}.hp-line>span{height:7px;flex:1;min-width:65px;background:#70a37b;border:1px solid #274935}.hp-line small{font-size:6px}.field-screen>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.field-caption{position:absolute;bottom:15px;left:15px;right:15px;background:#fff5d8;border:2px solid var(--navy);font-family:var(--dialog);font-size:22px;padding:8px 12px}.field-notes{background:#fcf7df;border:3px solid var(--navy);padding:25px 21px;display:flex;flex-direction:column}.field-notes h3{font-family:var(--pixel);font-size:12px;line-height:1.8;margin:0 0 16px}.field-notes>p{font-family:var(--dialog);font-size:24px;line-height:1.14;margin:0 0 24px}.move-label{font-family:var(--pixel);font-size:6px;margin-top:auto;line-height:1.8}.field-notes>strong{font-family:var(--dialog);font-size:23px;margin:5px 0 20px}.game-button{padding:16px 10px;background:var(--navy);color:#fff5d8;border:2px solid var(--navy);font-family:var(--pixel);font-size:8px;line-height:1.8;min-height:48px;box-shadow:3px 3px 0 #7d8a83}.anomaly{display:flex;align-items:center;gap:24px;width:100%;margin-top:30px;text-align:left;background:#222238;color:#ddd5eb;border:3px solid #4c425f;padding:23px 28px;box-shadow:5px 5px 0 #25384f22}.anomaly-symbol{font-family:var(--pixel);font-size:40px;color:#b6acc8}.anomaly>span:nth-child(2){display:flex;flex-direction:column;gap:9px}.anomaly small,.anomaly-code{font-family:var(--pixel);font-size:7px;line-height:1.8;color:#b7a3ca}.anomaly b{font-family:var(--dialog);font-size:28px;font-weight:400}.anomaly>span:nth-child(2)>span{font-size:11px;color:#b5c4c1}.anomaly-code{margin-left:auto;white-space:nowrap}
#encounter{padding:0;width:min(960px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;border:5px solid #25384f;border-radius:3px;background:#e7dfc4;color:var(--navy);box-shadow:10px 10px 0 #1118}#encounter::backdrop{background:#132021cf}.encounter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px;background:#25384f;color:#fff6da;font-family:var(--pixel);font-size:8px;line-height:1.8}.encounter-toolbar button{background:none;color:inherit;border:0;width:44px;height:44px;font-size:30px}.battle-stage{height:390px;position:relative;overflow:hidden;background:#bdd0a7}.battle-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.opponent-status{position:absolute;z-index:2;top:25px;left:25px;width:270px;padding:15px 18px;background:#fff9df;border:3px solid var(--navy);box-shadow:5px 5px 0 #25384f4d}.opponent-status h2{font-family:var(--pixel);font-size:13px;margin:0 0 10px}.opponent-status>span{font-family:var(--pixel);font-size:6px}.opponent-status .hp-line{margin-top:15px}#opponent{position:absolute;right:5%;bottom:0;width:380px;height:380px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}.player-status{position:absolute;left:25px;bottom:25px;display:flex;flex-direction:column;gap:10px;background:#fff6dce8;border:3px solid var(--navy);padding:14px 18px;font-family:var(--pixel);font-size:7px;line-height:1.8}.player-status>span{font-size:6px}.battle-bottom{display:grid;grid-template-columns:1fr 260px;border-top:5px solid var(--navy);background:#efead7;padding:14px;gap:14px}.rpg-dialogue{border:4px double var(--navy);background:#fffdf0;min-height:182px;padding:20px 38px 24px 20px;position:relative}.rpg-dialogue>span{font-family:var(--pixel);font-size:9px;line-height:1.7;display:block;margin-bottom:10px}.rpg-dialogue p{font-family:var(--dialog);font-size:27px;line-height:1.08;white-space:pre-line;margin:0}.rpg-dialogue>button{position:absolute;bottom:4px;right:4px;width:44px;height:44px;background:none;border:0;color:var(--navy);font-size:20px}.battle-commands{display:grid;grid-template-columns:1fr 1fr;gap:8px}.battle-commands button{font-family:var(--pixel);font-size:8px;background:#fff9e6;border:3px solid var(--navy);box-shadow:2px 2px 0 #25384f44;line-height:1.8;min-height:60px}.battle-commands button:hover{background:#f3d66e}.encounter-hints{display:flex;justify-content:space-between;padding:10px 20px;font-family:var(--pixel);font-size:6px;line-height:1.8}.shadow-encounter .battle-stage{background:#161321}.shadow-encounter .battle-backdrop{opacity:.08}.shadow-encounter #opponent{mix-blend-mode:normal;border-radius:0;width:100%;height:100%;right:0;object-fit:cover;object-position:center 38%}.shadow-encounter .opponent-status,.shadow-encounter .player-status{background:#201e30e8;color:#e9dff4;border-color:#a88ab7}.shadow-encounter .hp-line>span{background:#b18ac7}.shadow-encounter .battle-bottom{background:#33283f}.shadow-encounter .encounter-hints{background:#201b2c;color:#cbb9d6}.dialogue-box{border:5px double var(--navy);border-radius:2px;box-shadow:5px 5px 0 #25384f22;background:#fffdf0}.dialogue-box #speaker{font-family:var(--pixel);font-size:10px;line-height:1.8}.dialogue-box #dialogue{font-family:var(--dialog);font-size:29px;line-height:1.12}.reader-actions button{font-family:var(--pixel);font-size:8px;line-height:1.8}.reader-content h2{font-size:30px}.reader-hint{font-size:6px}
.field-screen{background:#e8dcc6}.field-screen>img{object-fit:contain;padding:40px 0 45px}.battle-stage{background:#e8dcc6}.battle-backdrop{opacity:0}#opponent{mix-blend-mode:normal;border-radius:0}.shadow-encounter #opponent{object-fit:contain;object-position:right center;width:70%;right:0}.anomaly{background-image:linear-gradient(90deg,#222238,#222238eb 60%,#222238aa),url('assets/model-6.webp');background-position:center,right 40%;background-size:cover,380px auto;background-repeat:no-repeat}
@media(min-width:1600px){.console-body{grid-template-columns:200px minmax(250px,1fr) 310px}.field-screen{min-height:480px}}
@media(max-width:1050px){.console-body{grid-template-columns:145px 1fr}.field-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.field-notes .eyebrow,.field-notes h3{grid-column:1}.field-notes>p{grid-column:2;grid-row:1/5;margin:0}.field-notes>strong{margin:0}.field-notes .game-button{grid-column:1/-1}.field-screen{min-height:425px}.species-option b{font-size:7px}.console-bottom>span:last-child{display:none}}
@media(max-width:600px){.encounters{padding:55px 0}.game-section-heading{display:block}.game-section-heading h2{font-size:39px}.game-section-heading>p{font-size:11px;margin-top:18px}.game-console{padding:0 11px;border-width:3px}.console-top{font-size:6px;gap:9px;padding-block:16px}.console-top>span:last-child{font-size:5px}.console-body{display:flex;flex-direction:column;gap:12px}.species-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px}.species-option{min-height:58px;padding:10px 8px;grid-template-columns:24px 1fr}.species-option b{font-size:6px}.species-option small{font-size:8px}.field-screen{min-height:345px}.species-card{top:50px;left:10px;min-width:175px}.species-card h3{font-size:10px}.field-top{font-size:5px;padding:10px}.field-top>span:last-child{display:none}.field-notes{display:flex;padding:22px}.field-notes>p{font-size:24px;margin-bottom:14px}.field-notes .eyebrow{margin-bottom:5px}.field-notes h3{margin:0}.field-notes .game-button{margin-top:10px}.console-bottom{font-size:5px;padding-block:14px}.anomaly{padding:20px 16px;gap:14px}.anomaly-symbol{font-size:28px}.anomaly b{font-size:24px}.anomaly small{font-size:5px}.anomaly>span:nth-child(2)>span{font-size:10px;line-height:1.7}.anomaly-code{display:none}.battle-stage{height:310px}.opponent-status{top:15px;left:15px;width:215px;padding:13px}.opponent-status h2{font-size:10px}#opponent{height:260px;width:260px;right:-10px;bottom:-10px}.player-status{left:12px;bottom:12px;font-size:6px;padding:10px;max-width:190px}.player-status>span{font-size:5px}.battle-bottom{grid-template-columns:1fr;padding:9px;gap:9px}.rpg-dialogue{min-height:168px;padding:16px 35px 20px 16px}.rpg-dialogue p{font-size:25px}.battle-commands{grid-template-columns:repeat(4,1fr);gap:5px}.battle-commands button{font-size:6px;padding:6px 3px;min-height:48px}.encounter-toolbar{font-size:5px;padding-inline:12px}.encounter-hints{font-size:5px;padding:10px;gap:10px}.dialogue-box #dialogue{font-size:25px}.journey-strip span{font-size:5px}.journey-strip b{font-size:18px}.hero .eyebrow{font-size:6px}.hero-note{font-size:17px}.header-start{font-size:7px}.site-header{gap:6px}.reader-bar{font-size:6px}}
