@font-face{font-family:"Press Start 2P";src:url(/fonts/press-start-2p.ttf)format("truetype");font-display:swap;font-weight:400}.app{--paper:#e8e4d8;--ink:#181410;--border:#2a2a2a;color:var(--ink);image-rendering:pixelated;background:#78c8ee url(/reference/background.png) 50%/cover no-repeat fixed;font-family:"Press Start 2P",monospace;font-weight:400}.app img{image-rendering:pixelated}.app .portrait{object-fit:contain}.app .portrait.shiny{filter:drop-shadow(0 0 7px gold)}.app .panel,.app button{border-radius:0}.app button{font-weight:400}.app .selection-screen{position:relative}.app .selection-screen>.back{margin:0;font-size:9px;position:absolute;top:16px;left:16px}.app.screen-starter .selection-screen,.app.screen-trainer .selection-screen{flex-direction:column;justify-content:center;align-items:center;gap:56px;width:100%;max-width:900px;padding:70px 16px;display:flex}.app.screen-starter h1,.app.screen-trainer h1{text-shadow:none;color:gold;margin:0;font-size:16px;line-height:1.6}.app .choice-row{align-items:stretch;gap:12px;width:100%;max-width:564px;margin:0 auto}.app .creature-card{text-align:center;background:#e8e4d8;border:2px solid #2a2a2a;border-radius:0;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:16px;font-size:8px;font-weight:400;display:flex;position:relative;box-shadow:3px 3px #454545}.app .creature-card>.portrait{filter:drop-shadow(0 2px 8px #c898204d);flex:none;width:96px;height:96px;margin:0}.app .creature-card>.portrait.shiny{filter:drop-shadow(0 0 8px gold)}.app .creature-card .creature-name{font-size:9px;font-weight:400;line-height:9px}.app .creature-card .level{color:#504c3c;margin:0;font-size:8px;line-height:8px}.app .types{gap:4px;min-height:0;margin:0}.app .types>span{color:#101010;text-shadow:none;box-shadow:none;text-transform:uppercase;border-radius:0;padding:4px 5px;font-size:6px;line-height:6px}.app .creature-card .stat-grid{flex-direction:column;gap:3px;width:100%;padding:0;display:flex}.app .creature-card .card-stat{color:#8b8b7d;grid-template-columns:26px minmax(0,1fr) 27px;align-items:center;gap:3px;height:6px;padding:0;font-size:6px;line-height:6px;display:grid}.app .creature-card .card-stat>span{padding:0;display:block}.app .creature-card .card-stat b{font-size:6px;font-weight:400}.app .card-stat>i{background:#292929;height:5px;display:block}.app .card-stat>i>i{background:#92928a;height:100%;display:block}.app .card-stat:last-child>i>i{background:#d4b04a}.app .creature-card .hp{text-align:left;color:#8b8b7d;width:100%;margin:4px 0 0;font-size:8px;line-height:8px}.app .hp-track{background:#45453d;border:2px solid #252525;border-radius:0}.app .hp-track>span{background:#00df42;box-shadow:inset 0 -2px #009b39}.app .creature-card .hp-track{height:11px;margin:0 0 2px}.app .creature-card .hp>span{font-size:7px;line-height:7px;display:block}.app .creature-card .move{border:1px solid #2a2a2a;flex-direction:column;justify-content:center;gap:5px;width:100%;height:56px;min-height:56px;margin-top:6px;padding:7px 5px;display:flex}.app .creature-card .move>b{overflow-wrap:anywhere;font-size:7px;font-weight:400;line-height:10px}.app .move-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;display:flex}.app .move-meta img{object-fit:contain;width:28px;height:14px}.app .move-meta span{color:#181410;text-transform:uppercase;white-space:nowrap;background:#d8d4c6;padding:3px 4px;font-size:5px;line-height:8px}.app .choice-row .creature-card>button{color:#0000;width:100%;height:100%;box-shadow:none;background:0 0;border:0;margin:0;padding:0;font-size:0;position:absolute;inset:0}.app .choice-row .creature-card>button:hover,.app .choice-row .creature-card>button:active{filter:none;transform:none}:is(.app .choice-row .creature-card:has(>button:hover),.app .choice-row .creature-card:has(>button:focus-visible)){border-color:#c89820;box-shadow:3px 3px #454545,0 0 16px #c8982055}.app .choice-row .creature-card>button:focus-visible{outline-offset:3px;outline:3px solid gold}.app .trainer-row{gap:16px;margin:0}.app .trainer-card{place-items:center;gap:16px;width:170px;padding:24px}.app .trainer-art{object-fit:contain;width:80px;height:80px}.app .trainer-card strong{font-size:10px}.app .encounter-screen{justify-content:center;gap:18px;padding:50px 16px}.app .encounter-screen h1{color:gold;text-shadow:none;font-size:16px}.app .encounter-screen>p{font-size:8px}.app .encounter-screen>.skip{font-size:9px}.app .team-panel h2,.app .bag-panel h2{font-size:7px}.app .map-layout .team-panel h2,.app .map-layout .bag-panel h2{font-size:7px;line-height:1.5}.app .map-layout .team-panel h2>span{font-size:6px}.app .map-layout .bag-panel details{font-size:7px}.app .map-layout .badges>span{letter-spacing:3px;white-space:nowrap;font-family:Arial,sans-serif;font-size:20px}.app .team-panel .team-member>.portrait{width:40px;height:40px;margin:0 auto 5px}.app .team-panel .team-member>strong,.app .team-panel .team-member>span:not(.position),.app .team-panel .hp{font-size:6px}.app .team-panel .team-hint{font-size:6px;line-height:1.6}.app .map-layout .map-footer{font-size:7px;line-height:1.6}.app .map-layout .map-footer>span{font-size:6px}.app .detail-dialog .creature-card{width:100%;max-width:210px;box-shadow:none;border:0;margin:auto}.app .detail-dialog .close,.app .swap-buttons button{font-size:8px}.app .battle-screen{max-width:760px;padding-top:35px}.app .battle-header h1{text-shadow:none;font-size:14px;line-height:1.6}.app .battle-header button{font-size:8px}.app .battle-side{box-shadow:none;background:0 0;border:0;padding:12px}.app .battle-side:is(.player,.enemy){background:0 0}.app .battle-side>h2{color:#3f493e;font-size:8px}.app .battler{background:#86c685 url(/reference/battle-bg.png) bottom/cover no-repeat;border:2px solid #2a2a2a;border-radius:0;padding:10px 8px}.app .battler.active{border-color:#ffe071;box-shadow:0 0 0 2px #ffe07188}.app .battler header{color:#fff;text-shadow:1px 1px #222,-1px -1px #222;font-size:8px;line-height:1.6}.app .battler header>span{font-size:7px}.app .battler .portrait{width:96px;height:96px;margin:4px auto}.app .battle-side.player .portrait{scale:-1 1}.app .battler .hp{font-size:7px}.app .damage{font-size:10px}.app .battle-message{font-size:9px;line-height:1.8}.app .result-actions>button{font-size:10px}.app .local-note{font-size:8px;line-height:1.8}.app .story-screen>header>button{flex-shrink:0;font-size:9px}.app .story-screen .logo.small{font-size:26px}@media (width<=600px){.app.screen-starter .selection-screen,.app.screen-trainer .selection-screen{gap:28px;padding:60px 12px}.app.screen-starter h1,.app.screen-trainer h1{font-size:11px}.app .choice-row{gap:8px;max-width:420px}.app .choice-row .creature-card{gap:7px;padding:8px 5px}.app .choice-row .portrait{width:68px;height:68px}.app .choice-row .creature-name{font-size:7px;line-height:10px}.app .choice-row .level{font-size:7px;line-height:8px}.app .choice-row .types{gap:2px}.app .choice-row .types>span{padding:3px 2px;font-size:5px}.app .choice-row .card-stat{grid-template-columns:22px minmax(0,1fr) 25px;gap:2px}.app .choice-row .hp>span{font-size:6px}.app .choice-row .move{height:62px;min-height:62px;padding:4px 2px}.app .choice-row .move>b{font-size:6px;line-height:9px}.app .choice-row .move-meta{gap:2px}.app .choice-row .move-meta img{width:24px;height:12px}.app .choice-row .move-meta span{padding:1px 3px;font-size:5px}.app .trainer-card{width:140px}.app .encounter-screen h1{font-size:12px}.app .encounter-screen>p{font-size:7px}.app .map-layout .map-footer{font-size:6px;line-height:1.5}.app .map-layout .map-footer>span{font-size:5px}.app .map-layout .team-member{flex-basis:86px}.app .battle-screen{padding:15px 7px}.app .battle-side{padding:4px 0}.app .battle-header h1{font-size:10px}.app .battle-header button{padding:7px 5px;font-size:7px}.app .battler header{font-size:7px}.app .battle-message{font-size:8px}}.app .region-card.johto{background:linear-gradient(90deg,#e8e4d8ed,#e8e4d898),url(/reference/johto/region.jpg) 50%/cover}.app .region-card.hoenn{background:linear-gradient(90deg,#e8e4d8ed,#e8e4d898),url(/reference/hoenn/region.jpg) 50%/cover}.app .region-card.sinnoh{background:linear-gradient(90deg,#e8e4d8ed,#e8e4d898),url(/reference/sinnoh/region.jpg) 50%/cover}.sinnoh-powers{gap:10px;margin:18px 0;display:grid}.sinnoh-powers button{text-align:left;align-items:center;gap:10px;margin:0;display:flex}.sinnoh-powers img{width:48px;height:48px;image-rendering:pixelated}.sinnoh-powers strong,.sinnoh-powers small{display:block}.sinnoh-powers small{margin-top:6px;font-size:8px;line-height:1.7}.battle-stages{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;display:flex}.battle-stages>span{padding:4px 3px;font-size:7px;line-height:1.5}.battle-stages .raised{color:#164624;background:#c4e5b7}.battle-stages .lowered{color:#752324;background:#f3c4bd}.creature-ability{color:#463960;margin:7px 0;font-size:8px;line-height:1.6}.creature-ability small{margin-top:4px;font-size:7px;line-height:1.7;display:block}.battle-status{flex-wrap:wrap;justify-content:center;gap:5px;font-size:8px;display:flex}.battle-status span{color:#482552;background:#e0c9ef;padding:4px}.weather-label{text-align:center;background:var(--paper);border:2px solid var(--border);padding:8px;font-size:10px;line-height:1.6}.weather-overlay{z-index:2;pointer-events:none;opacity:.4;position:absolute;inset:0;overflow:hidden}.weather-overlay:before{content:"";animation:2s linear infinite weather-drift;position:absolute;inset:-90px}.weather-rain:before{background:repeating-linear-gradient(112deg,#0000 0 40px,#72b5db99 40px 42px,#0000 42px 80px)}.weather-sandstorm:before{background:radial-gradient(#c8a97788 1px,#0000 3px) 0 0/22px 17px}.weather-hail:before{background:radial-gradient(circle,#dff5fc 2px,#0000 3px) 0 0/42px 36px}.weather-sun{background:linear-gradient(135deg,#f8df7770,#0000 65%)}.weather-sun:before{animation:none}.weather-overlay[data-paused=true]:before{animation-play-state:paused}@keyframes weather-drift{to{transform:translate(-40px,80px)}}@media (prefers-reduced-motion:reduce){.weather-overlay:before{animation:none}}.dark-mode .creature-ability{color:#d2bddf}.pickup-item{text-align:center;max-width:400px;margin:12px auto;padding:16px}.pickup-item img{image-rendering:pixelated}.pickup-item p{font-size:9px;line-height:1.7}.app .region-card.unova{background:linear-gradient(90deg,#e8e4d8ed,#e8e4d898),url(/reference/unova/region.jpg) 50%/cover}.hidden-ability-label{color:#57417b;font-size:7px;line-height:1.8;display:block}