@font-face{font-family:Pixel;src:url('assets/pixel.ttf') format('truetype');font-display:swap}:root{--navy:#172b50;--blue:#274884;--gold:#ffda57;--white:#f9f8df;--light:#acbee2;--line:#6e8ebc;--pixel:Pixel,monospace}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#132b28;color:var(--white);font-family:monospace}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.game,.viewport{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden}.viewport{background:#497244}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 35%,#08182565 100%)}.hud{position:absolute;top:max(16px,env(safe-area-inset-top));left:23px;right:23px;display:flex;align-items:center;gap:20px;z-index:3}.logo{font-family:var(--pixel);font-size:15px;line-height:1.6;color:var(--gold);text-shadow:3px 3px #112445}.logo>span{color:#fff}.logo small{display:block;font-family:monospace;font-size:9px;color:#e5eccb;letter-spacing:2px;text-shadow:1px 1px #172b50}.resources{margin-left:auto;display:flex;gap:9px}.resources>span{min-width:83px;border:3px solid #d7e4ee;border-radius:13px;background:#132541ed;box-shadow:0 0 0 3px #20365b,0 5px 0 #0c1f35;padding:10px 14px;font-size:18px;color:var(--gold)}.resources b{font-family:var(--pixel);font-size:11px;color:#fff;margin-left:5px}.hud-buttons{display:flex;gap:7px}.hud-buttons button,#zoomBtn{background:#142742df;color:#fff;border:2px solid #7490a5;border-radius:9px;box-shadow:0 3px 0 #0b1c30;width:42px;height:42px;font-size:22px}.hud-buttons button.on{color:var(--gold);border-color:var(--gold)}.location-panel{position:absolute;top:99px;left:24px;display:flex;align-items:center;gap:11px;padding:14px 17px;background:linear-gradient(110deg,#112b40f5,#152f3ec9);border-left:4px solid var(--gold);box-shadow:0 4px 12px #081d2655;min-width:240px}.location-mark{color:var(--gold);font-size:19px}.location-panel strong{font-family:var(--pixel);font-size:10px;line-height:1.7}.location-panel small{display:block;font-size:9px;color:#bccfae;letter-spacing:1px;margin-top:5px}.location-panel>#clock{font-size:11px;margin-left:18px;color:#d8e7c0}.mission-pill{position:absolute;top:105px;right:24px;display:flex;align-items:center;gap:12px;text-align:left;background:#172d4de8;border:2px solid #748ca3;border-radius:8px;padding:11px 15px;color:#f8f3d2;max-width:320px}.mission-pill>span{display:grid;place-items:center;width:24px;height:27px;background:var(--gold);color:#3b321c;font-family:var(--pixel);border-radius:5px}.mission-pill small{display:block;color:#b8c8db;font-size:8px;letter-spacing:1.5px;margin-bottom:6px}.mission-pill strong{font-size:12px;font-weight:normal}.mission-pill>b{font-size:23px;color:var(--gold);margin-left:8px}.bottom-hud{position:absolute;bottom:58px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;gap:12px}.bottom-hud button{pointer-events:auto}.active-pokemon{background:linear-gradient(110deg,#152747f2,#203b66ed);color:#fff;border:3px solid #bdcee1;border-radius:10px;box-shadow:0 0 0 3px #162d4b,0 6px 0 #0b1e33;display:flex;align-items:center;text-align:left;width:266px;padding:4px 12px 4px 0;gap:3px}.active-pokemon>img{width:88px;height:80px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px #0e192a55)}.active-pokemon>div{flex:1}.active-pokemon>div>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}.active-pokemon strong{font-family:var(--pixel);font-size:9px}.active-pokemon span{font-size:11px;color:#b7cce8}.active-pokemon small{font-size:9px;color:#becde3;display:block;text-align:right;margin-top:5px}.team-arrow{margin-left:10px;font-size:24px!important;color:var(--gold)!important}.bar{height:7px;background:#10213f;border:1px solid #627d86;border-radius:3px;overflow:hidden}.bar i{display:block;background:linear-gradient(#bce58b,#7eb65a);width:100%;height:100%;transition:width .35s}.quick-menu{display:flex;gap:9px}.quick-menu button{background:linear-gradient(#33558e,#203c72);border:2px solid #8ba7cf;border-bottom:4px solid #0c1d3d;border-radius:9px;padding:12px 18px;color:#fff;font-family:var(--pixel);font-size:8px;text-shadow:2px 2px #13254c;min-width:90px}.quick-menu span{display:block;font-size:24px;font-family:monospace;color:var(--gold);line-height:1;margin-bottom:9px}.keyboard-hint{position:absolute;bottom:20px;left:24px;font-size:10px;color:#ecf0d2;text-shadow:1px 2px #0d2534}.keyboard-hint span{color:#bbcfb5;margin:0 4px}.keyboard-hint button{border:0;background:none;color:var(--gold);font-size:10px;margin-left:16px}.save-indicator{position:absolute;bottom:20px;right:24px;font-size:9px;color:#c6dbb5;text-shadow:1px 1px #102c25}.mobile-controls{display:none}#zoomBtn{position:absolute;right:24px;bottom:160px;width:35px;height:35px;font-size:25px}.nearby{position:absolute;top:195px;left:50%;transform:translateX(-50%);text-align:center;padding:10px 17px;border:2px solid #f8e8a0;background:#223854e8;border-radius:8px;z-index:2;box-shadow:0 3px 0 #0f203a}.nearby span{color:var(--gold);margin-right:8px;font-size:10px;animation:bob 1s infinite}.nearby b{font-size:12px}.nearby small{display:block;color:#c0d1e2;margin-top:6px;font-size:10px}#toast{display:none;position:absolute;left:50%;transform:translateX(-50%);bottom:190px;padding:16px 22px;background:#182e52f5;border:3px solid #e9eddd;outline:3px solid #4b72a3;box-shadow:0 8px 22px #0a1d3866;border-radius:8px;max-width:min(560px,90%);width:max-content;font-size:13px;line-height:1.6;text-align:center;z-index:6}.start-overlay{position:absolute;inset:0;background:#0d24325c;backdrop-filter:blur(2px);z-index:8;display:grid;place-items:center}.welcome-card{text-align:center;width:min(550px,92%);padding:25px 20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#e4ecc6;text-shadow:1px 1px #112842}.welcome-card h1{font-family:var(--pixel);font-size:48px;line-height:1.5;letter-spacing:-2px;text-shadow:5px 5px #142e51,-3px -3px #17354b,3px -3px #17354b,-3px 3px #17354b;margin:20px 0 0;color:#ffe26a}.welcome-card h1 em{color:#fffbe0;font-style:normal}.welcome-pokemon{display:flex;align-items:center;justify-content:center;height:180px}.welcome-pokemon img{image-rendering:pixelated;width:170px;filter:drop-shadow(0 10px 0 #11263a66);animation:bob 3s infinite}.welcome-pokemon img:nth-child(2){width:195px;margin:0 -50px;z-index:1;animation-delay:-.8s}.welcome-card p{font-size:14px;line-height:1.8;text-shadow:1px 2px #12303c;margin:10px 0 20px}.primary{width:100%;display:block;background:linear-gradient(#ffe97d,#f2b833);border:3px solid #fff6c9;border-radius:8px;box-shadow:0 0 0 3px #85662a,0 7px 0 #6c5023;color:#3b2b19;padding:17px 15px;font-family:var(--pixel);font-size:11px;line-height:1.7}.welcome-card>.primary{max-width:360px;margin:auto}.welcome-card>small{display:block;margin-top:20px;color:#e4ecd1;font-size:10px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px solid #5676aa;padding:18px 22px;background:linear-gradient(#365999,#294a87);position:sticky;top:0;z-index:4}.modal-head>div>small{display:block;font-family:monospace;font-size:8px;letter-spacing:2px;color:#b5c8e8;margin-bottom:9px}.modal-head span{font-family:var(--pixel);font-size:14px;line-height:1.6;color:#fff}.modal-head button{background:#203d73;border:2px solid #8eabd1;color:#fff;border-radius:8px;font-size:25px;width:38px;height:38px;flex-shrink:0}dialog{border:4px solid #e1e9f4;outline:4px solid #213558;background:#213e77;color:#fff;border-radius:13px;padding:0;width:min(840px,93vw);max-height:87dvh;box-shadow:0 20px 70px #06152688}dialog::backdrop{background:#091c33bf;backdrop-filter:blur(4px)}#modalBody{padding:20px 22px;max-height:calc(87dvh - 100px);overflow:auto;overscroll-behavior:contain}#modalBody p{font-size:13px;line-height:1.8;color:#d5dff2}.tabs{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.tabs button{background:#182f61;color:#bfcee9;border:2px solid #5678aa;border-radius:6px;padding:10px 14px;font-family:var(--pixel);font-size:8px;line-height:1.7}.tabs button.selected{color:var(--gold);border-color:var(--gold);background:#37568a}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-card{display:flex;position:relative;align-items:center;gap:4px;background:#182f61;border:2px solid #5878ab;border-radius:8px;padding:8px 10px}.team-card.active{border-color:var(--gold);background:#2d4d80}.team-card>img{width:82px;height:82px;image-rendering:pixelated;flex-shrink:0}.team-card .team-info{min-width:0;flex:1}.team-info strong{font-family:var(--pixel);font-size:8px;line-height:1.8;display:block;color:#fff}.team-info small{display:block;font-size:10px;color:#b4c7e5;margin:4px 0 7px}.team-info .bar{height:6px}.team-card .slot{position:absolute;top:7px;left:7px;font-size:8px;color:#8da9ce}.team-card .select-team{margin-left:8px;border:1px solid #9eb4d1;border-radius:5px;background:#2f518a;color:#fff;font-size:15px;width:30px;height:33px;flex-shrink:0}.team-card.active .select-team{border-color:var(--gold);color:var(--gold)}.team-subtitle{font-size:10px;color:#b8cce6;line-height:1.8}.dex-top{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px}.dex-top input{min-width:0;flex:1;max-width:300px;border:2px solid #6688b6;background:#122959;color:#fff;padding:11px;border-radius:6px;font-family:monospace;font-size:12px}.dex-count{color:var(--gold);font-size:10px}.dex-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.dex-item{display:flex;flex-direction:column;align-items:center;position:relative;background:#193263;border:2px solid #476aa1;border-radius:8px;padding:10px 4px;color:#dbe6fa;min-width:0}.dex-item.caught{border-color:#8ea7cd}.dex-item.selected{border-color:var(--gold)}.dex-item img{display:block;width:100%;max-width:110px;image-rendering:pixelated;aspect-ratio:1;object-fit:contain}.dex-item .silhouette{filter:brightness(.25);opacity:.6}.dex-item strong{font-family:var(--pixel);font-size:7px;line-height:1.8;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dex-item small{display:block;color:#8fadd2;font-size:9px;margin:6px 0 0}.dex-item .dex-number{position:absolute;top:7px;left:8px;font-size:9px;color:#a6bce0}.dex-detail{display:grid;grid-template-columns:145px 1fr;gap:15px;align-items:center;background:#142d59;border:2px solid #6b88b3;border-radius:8px;padding:15px;margin-bottom:15px}.dex-detail>img{width:145px;height:145px;image-rendering:pixelated}.dex-detail h3{font-family:var(--pixel);font-size:14px;color:var(--gold);margin:6px 0 13px}.type{display:inline-block;background:#dcbe61;color:#293d50;font-size:9px;padding:5px 10px;border-radius:4px;font-weight:bold}.stat-row{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;gap:8px;font-size:10px;margin-top:11px}.stat-row .bar i{background:var(--gold)}.dex-note{font-size:10px!important;margin:10px 0 0!important}.menu-btn{display:block;width:100%;background:#193363;border:2px solid #607fac;color:#e6efff;padding:15px;text-align:left;border-radius:7px;margin:10px 0;font-size:12px;line-height:1.5}.menu-btn:hover{border-color:var(--gold)}input[type=file]{color:#b4c9e8}.bag-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bag-card{padding:20px;background:#193364;border:2px solid #5d7eac;border-radius:8px}.bag-card>span{display:block;font-size:35px;color:var(--gold);margin-bottom:12px}.bag-card strong{font-family:var(--pixel);font-size:11px;display:block}.bag-card small{display:block;color:#afc4e5;margin:9px 0;font-size:11px}.map-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;line-height:1.8;color:#c2d7eb}.region-map{width:100%;image-rendering:pixelated;border:3px solid #8ca9c8;border-radius:6px;margin-bottom:13px}.mission-card{background:#142c58;border-left:3px solid var(--gold);padding:13px 18px;margin:12px 0}.mission-card h3{font-size:13px;color:var(--gold);margin:3px 0 5px}.mission-card p{margin:0;font-size:12px!important}.mission-card.completed{border-color:#8fc78a}.mission-card.completed h3{color:#a8d994}#battle{position:fixed;inset:0;background:#0b1a32d9;backdrop-filter:blur(5px);z-index:10;display:grid;place-items:center;padding:20px}.battle-shell{width:min(840px,100%);border:4px solid #e4e9f5;outline:4px solid #243d66;background:#203f7a;box-shadow:0 20px 90px #040f2c;border-radius:13px;overflow:hidden}.battle-top{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:#18315c;font-family:var(--pixel);font-size:9px;color:#ffe685;line-height:1.6}.battle-top button{width:29px;height:29px;background:#24447b;border:1px solid #a6bedc;border-radius:5px;color:white}.arena{height:350px;position:relative;background:radial-gradient(ellipse at 74% 65%,#c6ce8d 0 20%,transparent 21%),radial-gradient(ellipse at 19% 108%,#a4b572 0 27%,transparent 28%),linear-gradient(#8dbdba,#d7e3ac 45%,#9eb975 45%,#b8cc8a);overflow:hidden}.arena:before{content:'';position:absolute;inset:0;opacity:.25;background:repeating-linear-gradient(0deg,transparent 0 3px,#263e2c22 3px 4px)}.battle-weather{position:absolute;bottom:17px;left:44%;font-size:8px;letter-spacing:2px;color:#55724a}.enemy-sprite{position:absolute;right:60px;top:35px;width:240px;height:240px;image-rendering:pixelated;filter:drop-shadow(0 8px 0 #394f3844);animation:bob 3s ease-in-out infinite}.my-sprite{position:absolute;left:25px;bottom:-32px;width:275px;height:275px;image-rendering:pixelated;filter:drop-shadow(0 10px 0 #394f3844)}.enemy-status,.my-status{position:absolute;z-index:2;background:linear-gradient(#f4f5d8,#d9e2b5);border:3px solid #3f6550;border-radius:7px;box-shadow:3px 5px #39523e55;color:#274532;padding:13px 16px;width:245px;font-size:12px}.enemy-status{top:30px;left:24px}.my-status{bottom:20px;right:24px}.arena strong{font-family:var(--pixel);font-size:10px}.arena span{float:right;font-size:11px}.arena .bar{margin-top:12px;border-color:#7c945c;background:#bcc69b}.my-status small{display:block;text-align:right;margin-top:6px;font-size:10px}#battleLog{min-height:80px;padding:18px 23px;font-size:14px;line-height:1.7;color:#eff3ff;background:#183361;border-top:3px solid #6c8fc1}.battle-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px}.battle-actions button{background:linear-gradient(#345b9a,#294c84);border:2px solid #84a1ca;border-radius:7px;padding:15px 13px;color:#fff;text-align:left;font-family:var(--pixel);font-size:8px;line-height:1.7;box-shadow:0 3px 0 #102853}.battle-actions small{display:block;font-family:monospace;font-size:10px;line-height:1.5;color:#b8ccec;margin-top:5px}.battle-actions button.attack{border-color:#ffe495;background:linear-gradient(#fddd71,#eeb33c);color:#493314}.battle-actions .attack small{color:#79602b}#damageFloat{position:absolute;right:27%;top:80px;font-family:var(--pixel);font-size:22px;color:#fff4a3;text-shadow:2px 3px #9d3c30;pointer-events:none}.float-damage{animation:damage .7s forwards}.hit{animation:hit .2s 3!important}.capture-flash{animation:flash .7s!important}.encounter{animation:encounter .5s}#evolution{position:fixed;inset:0;z-index:30;background:radial-gradient(ellipse,#344c82,#0c1738 75%);display:grid;place-items:center;text-align:center;padding:25px}#evolution>div{max-width:420px}#evolution small{font-family:var(--pixel);font-size:9px;line-height:2;color:#c8d9f9}#evolution img{display:block;margin:20px auto;width:280px;image-rendering:pixelated;filter:drop-shadow(0 0 35px #eee1a9);animation:evolve 1.5s ease-out}#evolution h2{font-family:var(--pixel);font-size:17px;color:var(--gold);line-height:1.8;margin-bottom:30px}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes hit{50%{opacity:.1;transform:translateX(8px)}}@keyframes damage{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-55px)}}@keyframes flash{30%,60%{filter:brightness(5)}100%{opacity:0;transform:scale(.2)}}@keyframes encounter{20%,60%{filter:brightness(3)}40%,80%{filter:brightness(.4)}}@keyframes evolve{0%,30%{filter:brightness(0) invert(1) drop-shadow(0 0 30px white);transform:scale(.5)}70%{filter:brightness(4);transform:scale(1.1)}100%{transform:scale(1)}}
@media(max-width:760px){.hud{top:max(12px,env(safe-area-inset-top));left:13px;right:13px;gap:9px;flex-wrap:wrap}.logo{font-size:11px;line-height:1.7;max-width:130px}.logo small{font-size:6px;letter-spacing:1px}.resources{gap:5px}.resources>span{padding:8px 7px;min-width:42px;border-width:2px;border-radius:9px;font-size:13px;box-shadow:0 0 0 1px #20365b,0 3px 0 #0c1f35}.resources b{font-size:7px;margin-left:1px}.hud-buttons{gap:5px}.hud-buttons button{height:30px;width:30px;font-size:17px;border-radius:6px}#fullscreenBtn{display:none}.location-panel{left:13px;top:83px;padding:11px 10px;min-width:0;gap:7px;border-left-width:3px}.location-panel strong{font-size:8px}.location-panel small{font-size:7px;letter-spacing:.5px;margin-top:4px}.location-panel>#clock{font-size:9px;margin-left:7px}.location-mark{font-size:13px}.mission-pill{top:153px;left:13px;right:auto;max-width:calc(100% - 75px);padding:8px 10px;gap:9px;background:#172d4dcf}.mission-pill>span{width:17px;height:21px;font-size:10px}.mission-pill small{font-size:6px;letter-spacing:1px;margin-bottom:4px}.mission-pill strong{font-size:10px}.mission-pill>b{font-size:20px;margin-left:5px}.bottom-hud{bottom:max(19px,env(safe-area-inset-bottom));left:12px;right:12px;display:block}.active-pokemon{width:190px;padding:2px 8px 2px 0;border-width:2px;position:absolute;left:0;bottom:205px;border-radius:8px;background:#152747d9;box-shadow:0 0 0 2px #162d4b,0 3px 0 #0b1e33}.active-pokemon>img{width:60px;height:60px}.active-pokemon strong{font-size:7px}.active-pokemon>div>div:first-child{margin-bottom:7px;gap:5px}.active-pokemon span{font-size:8px}.active-pokemon small{font-size:8px;margin-top:4px}.team-arrow{margin-left:4px}.quick-menu{gap:6px;justify-content:center;padding-bottom:5px}.quick-menu button{flex:1;max-width:110px;min-width:0;padding:9px 4px 8px;font-size:6px;border-radius:7px;border-bottom-width:3px;background:#22427de8}.quick-menu span{font-size:20px;margin-bottom:7px}.mobile-controls{display:flex;align-items:center;justify-content:space-between;position:absolute;left:18px;right:24px;bottom:calc(max(19px,env(safe-area-inset-bottom)) + 86px);touch-action:none;pointer-events:none}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,40px);gap:3px;pointer-events:auto;position:relative}.dpad:before{content:'';grid-column:2;grid-row:2;background:#132847d9;border:2px solid #7a92a9;border-radius:4px}.dpad button{background:linear-gradient(#2d4b6bdf,#172e50f0);border:2px solid #8da8b8;border-bottom:4px solid #0a1d34;border-radius:7px;color:#e5eeca;font-size:18px;touch-action:none;user-select:none;-webkit-user-select:none;text-shadow:1px 2px #192640}.dpad button:active{background:#728b9b;border-color:#f1e7a2}.dpad button:first-child{grid-column:2;grid-row:1}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:3}.dpad button:nth-child(4){grid-column:3;grid-row:2}.action-controls{pointer-events:auto;display:flex;align-items:center;flex-direction:column;gap:9px}.action-controls button{height:66px;width:66px;border-radius:50%;background:linear-gradient(#ffdf75,#e6ac38);border:4px solid #fff4b8;outline:3px solid #785a26;box-shadow:0 7px 0 2px #604926;color:#5a3c18;font-family:var(--pixel);font-size:21px;touch-action:none}.action-controls button:active{transform:translateY(4px);box-shadow:0 3px 0 2px #604926}.action-controls small{font-size:6px;letter-spacing:1px;color:#f4f2cd;text-shadow:1px 1px #1a3427}.keyboard-hint,.save-indicator{display:none}#zoomBtn{bottom:auto;top:87px;right:14px;width:31px;height:31px;font-size:20px;background:#182b43c9}.nearby{top:215px;max-width:88%;width:max-content;padding:9px 13px}.nearby b{font-size:10px}.nearby small{font-size:9px}#toast{bottom:calc(max(19px,env(safe-area-inset-bottom)) + 265px);font-size:11px;padding:12px 15px;max-width:88%}.welcome-card{padding:20px 15px}.welcome-card h1{font-size:40px}.eyebrow{font-size:7px;letter-spacing:1px}.welcome-pokemon{height:160px}.welcome-pokemon img{width:140px}.welcome-pokemon img:nth-child(2){width:170px;margin:0 -45px}.welcome-card p{font-size:12px}.primary{font-size:9px;padding:15px 10px}.welcome-card>small{font-size:9px}.modal-head{padding:15px 14px}.modal-head span{font-size:11px}.modal-head>div>small{font-size:7px}.modal-head button{width:34px;height:34px;font-size:24px}dialog{width:calc(100vw - 25px);max-height:83dvh;border-width:3px;outline-width:3px;border-radius:10px;margin:auto}#modalBody{padding:14px;max-height:calc(83dvh - 85px)}.team-grid{grid-template-columns:1fr;gap:7px}.team-card{padding:5px 9px;gap:5px}.team-card>img{width:65px;height:65px}.team-info strong{font-size:8px}.team-info small{font-size:9px;margin:3px 0 5px}.team-card .select-team{height:32px;width:36px;margin-left:9px}.tabs{gap:6px}.tabs button{font-size:7px;padding:9px 11px}.team-subtitle{font-size:9px}.dex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dex-item{padding:8px 3px}.dex-item img{width:84px;max-width:100%}.dex-item strong{font-size:6px}.dex-item small{font-size:8px}.dex-item .dex-number{font-size:8px;left:6px;top:5px}.dex-detail{grid-template-columns:90px 1fr;padding:10px;gap:10px}.dex-detail>img{width:90px;height:100px}.dex-detail h3{font-size:10px;margin:4px 0 10px}.stat-row{grid-template-columns:55px 1fr 26px;font-size:9px;gap:5px;margin-top:9px}.type{font-size:8px;padding:4px 8px}.dex-top{gap:5px}.dex-count{font-size:9px}.dex-top input{font-size:11px;padding:9px;width:130px}.bag-grid{gap:8px}.bag-card{padding:14px}.bag-card strong{font-size:9px}.bag-card small{font-size:10px}.bag-card>span{font-size:25px}#battle{padding:11px}.battle-shell{border-width:3px;outline-width:3px;max-height:94dvh;overflow:auto}.battle-top{font-size:7px;padding:11px 12px;gap:8px}.arena{height:280px}.enemy-status,.my-status{width:170px;padding:11px 10px;border-width:2px}.enemy-status{top:20px;left:10px}.my-status{bottom:14px;right:10px}.arena strong{font-size:8px}.arena span{font-size:9px}.enemy-sprite{width:190px;height:190px;right:-5px;top:40px}.my-sprite{width:210px;height:210px;left:-24px;bottom:-26px}.battle-weather{font-size:6px;left:45%;bottom:7px;letter-spacing:1px}.battle-actions{grid-template-columns:1fr 1fr;gap:7px;padding:11px}.battle-actions button{padding:11px 9px;font-size:7px;min-height:67px}.battle-actions small{font-size:9px;margin-top:4px}#battleLog{padding:12px 14px;min-height:85px;font-size:12px;line-height:1.6}#damageFloat{font-size:17px;top:95px}#evolution img{width:230px}#evolution h2{font-size:14px}}
@media(max-height:540px) and (orientation:landscape){.hud{top:10px;left:18px;right:18px;flex-wrap:nowrap}.logo{font-size:10px}.resources>span{padding:6px 10px;min-width:55px;font-size:13px}.resources b{font-size:8px}.hud-buttons button{height:30px;width:30px}.location-panel{top:68px;left:18px;padding:8px 10px}.location-panel strong{font-size:8px}.mission-pill{top:68px;right:18px;left:auto;max-width:265px;padding:7px 10px}.bottom-hud{bottom:13px;left:185px;right:130px;display:flex;align-items:flex-end}.active-pokemon{position:static;width:180px;bottom:auto}.active-pokemon>img{width:54px;height:48px}.active-pokemon strong{font-size:7px}.active-pokemon small{font-size:7px}.quick-menu{gap:5px;padding:0}.quick-menu button{font-size:6px;min-width:52px;padding:8px 6px}.quick-menu span{font-size:16px;margin-bottom:5px}.mobile-controls{display:flex;left:20px;right:30px;bottom:22px}.dpad{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,31px)}.action-controls button{width:53px;height:53px;font-size:17px}.action-controls small{display:none}.keyboard-hint,.save-indicator{display:none}#zoomBtn{right:18px;top:130px;bottom:auto}.nearby{top:120px;padding:7px 11px}.nearby small{display:none}#toast{bottom:110px;font-size:11px;padding:9px 13px}.welcome-card{padding:10px}.welcome-card h1{font-size:30px;line-height:1.3;margin:6px 0}.welcome-pokemon{height:85px}.welcome-pokemon img{width:100px}.welcome-pokemon img:nth-child(2){width:120px;margin:0 -35px}.welcome-card p{margin:5px 0 10px;font-size:10px}.welcome-card .primary{padding:10px;font-size:8px;max-width:280px}.welcome-card>small{margin-top:12px;font-size:8px}.battle-shell{display:grid;grid-template-columns:1.15fr 1fr;width:min(880px,100%);max-height:94dvh}.battle-top{grid-column:span 2;padding:7px 13px}.arena{height:240px;grid-row:span 2}.enemy-status,.my-status{width:145px;padding:8px}.enemy-status{top:10px;left:10px}.my-status{bottom:12px;right:10px}.enemy-sprite{width:160px;right:0;top:20px;height:160px}.my-sprite{width:175px;height:175px;left:-15px}.arena strong{font-size:7px}.arena span{font-size:8px}#battleLog{min-height:0;padding:10px 13px;border-top:0;font-size:11px}.battle-actions{grid-template-columns:1fr 1fr;padding:8px;gap:5px}.battle-actions button{padding:7px;font-size:6px;min-height:45px}.battle-actions small{font-size:8px;margin-top:2px}.team-grid{grid-template-columns:1fr 1fr}.team-card>img{width:55px;height:55px}.team-info strong{font-size:7px}.dex-grid{grid-template-columns:repeat(5,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:380px){.logo{font-size:9px;max-width:110px}.logo small{font-size:5px}.hud{gap:7px}.resources>span{padding:7px 6px;min-width:35px}.resources b{font-size:6px}.hud-buttons button{height:27px;width:27px;font-size:15px}.location-panel{top:75px}.mission-pill{top:143px}}
.enemy-sprite{object-fit:contain;padding:25px}.welcome-pokemon img{height:155px;object-fit:contain;padding:15px}.welcome-pokemon img:nth-child(2){padding:6px}.active-pokemon>img{padding:9px}.team-card>img{padding:8px;object-fit:contain}
@media(max-width:760px){.welcome-pokemon img{height:140px;padding:12px}.active-pokemon>img{padding:7px}.enemy-sprite{padding:20px}.team-card>img{padding:7px}}
@media(max-height:540px) and (orientation:landscape){.welcome-pokemon img{height:90px;padding:8px}.enemy-sprite{padding:17px}}
/* V2.1: quiet exploration HUD and a touch-origin joystick. */
.viewport canvas{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hud,.bottom-hud,.mobile-controls,.mission-pill,.nearby,#zoomBtn,.save-indicator{display:none!important}.vignette{background:radial-gradient(ellipse at 50% 45%,transparent 55%,#08182530 100%)}
.location-panel{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;min-width:0;max-width:calc(100% - 88px);padding:11px 13px;gap:8px;border:1px solid #e3edd63b;border-radius:8px;background:#122b30b8;color:#f3f4dc;box-shadow:0 2px 8px #142f2922;backdrop-filter:blur(4px);z-index:3;text-align:left;cursor:pointer}.location-panel .location-mark,.location-panel small{display:none}.location-panel strong{font-size:9px;line-height:1.6;text-shadow:1px 1px #172b34}.location-panel>#clock{font-size:10px;margin-left:9px;color:#d6dfbe}.world-menu{position:absolute;right:16px;top:max(16px,env(safe-area-inset-top));width:43px;height:41px;border:1px solid #d7e4c955;border-radius:9px;background:#122b30ba;color:#f5f5dc;backdrop-filter:blur(4px);font-size:23px;line-height:1;box-shadow:0 2px 8px #142f2922;z-index:4}.world-menu:active{background:#415d4b}
.context-action{display:flex;flex-direction:column;align-items:center;gap:8px;position:absolute;right:23px;bottom:calc(max(23px,env(safe-area-inset-bottom)) + 10px);padding:0;background:transparent;border:0;z-index:5;color:#fff9db;touch-action:manipulation}.context-action>b{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font-family:var(--pixel);font-size:17px;font-weight:normal;background:#eac161df;border:2px solid #fff4c0;box-shadow:0 3px 0 #72603c88;color:#473c23}.context-action>span{font-size:9px;letter-spacing:.4px;text-shadow:1px 1px #123025;background:#142c3066;padding:4px 7px;border-radius:4px}.context-action:active>b{transform:translateY(2px)}
.floating-joystick{position:absolute;z-index:5;pointer-events:none;transform:translate(-50%,-50%);width:116px;height:116px}.joystick-ring{position:relative;width:116px;height:116px;border-radius:50%;border:2px solid #eef7dc73;background:#122d3a47;box-shadow:inset 0 0 18px #eef5d322,0 0 0 4px #132f3015;backdrop-filter:blur(2px)}.joystick-ring>i{position:absolute;inset:18px;border:1px solid #eff7dd45;border-radius:50%}.joystick-ring>b{position:absolute;left:35px;top:35px;width:42px;height:42px;border-radius:50%;border:2px solid #f4f8dfb0;background:#d2dfb86b;box-shadow:0 3px 8px #102c3655;will-change:transform}.floating-joystick.active .joystick-ring{border-color:#fbf3bfbb}.floating-joystick.active .joystick-ring>b{background:#e0dfa294}
.keyboard-hint{display:block;bottom:max(17px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:70%;font-size:9px;color:#f2f3d5bb;background:#17332b55;border-radius:5px;padding:7px 10px;pointer-events:none;text-align:center;transition:opacity .3s}.keyboard-hint button{pointer-events:auto;font-size:9px;margin-left:7px}.keyboard-hint .touch-hint{display:none;color:#eef1d3;font-size:10px;margin:0}.keyboard-hint.hint-dismissed{opacity:0;pointer-events:none}.pause-trainer{display:flex;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px solid #6383b155;margin-bottom:18px}.pause-avatar{width:42px;height:42px;display:grid;place-items:center;background:#415b83;border:2px solid #afc1da;border-radius:50%;font-family:var(--pixel);font-size:16px;color:#ffe798}.pause-trainer strong{font-family:var(--pixel);font-size:12px;display:block;margin-bottom:8px}.pause-trainer small{font-size:10px;color:#b5c8e6}.pause-resources{margin-left:auto;text-align:right;font-size:12px;color:var(--gold);line-height:1.8}.pause-roster{display:flex;justify-content:space-between;gap:5px;margin:10px 0 20px;background:#112a5355;border-radius:8px;padding:8px}.pause-roster img{width:55px;height:55px;image-rendering:pixelated;object-fit:contain}.pause-roster .empty-slot{width:55px;height:55px;display:grid;place-items:center;color:#627da5;font-size:19px}.pause-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pause-grid>button{background:#193462;border:1px solid #7392bd;border-radius:8px;color:#f3f6e9;text-align:left;padding:16px 13px;display:flex;align-items:center;gap:12px}.pause-grid>button>span{font-size:23px;color:var(--gold);width:25px;text-align:center}.pause-grid strong{font-family:var(--pixel);font-size:8px;line-height:1.5;display:block}.pause-grid small{display:block;font-size:10px;color:#a4bddf;margin-top:6px}.pause-tools{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #6383b155;padding-top:16px;margin-top:18px}.pause-tools button{padding:10px 13px;background:#142e59;border:1px solid #5779a7;border-radius:6px;color:#c5d6ee;font-size:11px}.pause-tools button.on{color:var(--gold);border-color:var(--gold)}.pause-note{font-size:9px!important;line-height:1.6!important;color:#90acd1!important;margin-bottom:0}#toast{bottom:calc(max(23px,env(safe-area-inset-bottom)) + 110px);padding:10px 16px;font-size:12px;background:#173537eb;border:1px solid #d9e4c491;outline:0;box-shadow:0 4px 15px #102c3566;pointer-events:none;max-width:min(510px,83%);border-radius:8px}
@media(pointer:coarse){.keyboard-hint .touch-hint{display:inline}.keyboard-hint .desktop-hint{display:none}.keyboard-hint{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 10px);max-width:65%;left:42%;padding:7px 10px}}
@media(max-width:760px){.location-panel{top:max(12px,env(safe-area-inset-top));left:12px;padding:10px 11px;gap:6px;max-width:calc(100% - 77px)}.location-panel strong{font-size:8px}.location-panel>#clock{font-size:9px;margin-left:7px}.world-menu{top:max(12px,env(safe-area-inset-top));right:12px;width:39px;height:38px;font-size:22px}.context-action{right:20px;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 10px)}.context-action>b{width:55px;height:55px;font-size:16px}.context-action>span{font-size:8px}.pause-trainer{gap:9px}.pause-trainer strong{font-size:10px}.pause-trainer small{font-size:9px}.pause-resources{font-size:11px}.pause-avatar{width:37px;height:37px;font-size:14px}.pause-roster img,.pause-roster .empty-slot{width:42px;height:48px}.pause-grid{gap:8px}.pause-grid>button{gap:8px;padding:14px 10px}.pause-grid>button>span{font-size:21px;width:21px}.pause-grid strong{font-size:7px}.pause-grid small{font-size:9px}.pause-tools{gap:6px}.pause-tools button{padding:9px 11px;font-size:10px}#toast{font-size:11px;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 110px);max-width:84%}}
@media(max-height:540px) and (orientation:landscape){.location-panel{top:max(10px,env(safe-area-inset-top));left:max(15px,env(safe-area-inset-left));padding:8px 11px}.world-menu{top:max(10px,env(safe-area-inset-top));right:max(15px,env(safe-area-inset-right));height:35px;width:37px}.context-action{right:max(24px,env(safe-area-inset-right));bottom:20px}.context-action>b{width:49px;height:49px;font-size:15px}.context-action>span{font-size:7px}.keyboard-hint{bottom:13px}.pause-roster{margin-bottom:12px}.pause-roster img,.pause-roster .empty-slot{height:42px}.pause-grid{grid-template-columns:repeat(3,1fr)}.pause-grid>button{padding:12px 10px}.pause-tools{margin-top:12px;padding-top:12px}}
/* GBA direction: flat cream panels, crisp frames, restrained colors. */
:root{--navy:#304850;--gold:#d8a040;--white:#f8f8e8;--light:#607078;--line:#607888}dialog{background:#f8f8e8;color:#384850;border:4px solid #486070;outline:2px solid #f0f0d8;box-shadow:3px 5px 0 #20303888;border-radius:3px}.modal-head{background:#e8eed8;color:#384850;border-bottom:2px solid #a8b898;padding:15px 18px}.modal-head span{color:#384850;font-size:12px;text-shadow:1px 1px #c8d0b8}.modal-head>div>small{color:#809078}.modal-head button{border:2px solid #98a888;background:#f8f8e8;color:#586850;border-radius:3px}.modal-head button:active{background:#d8e4c8}#modalBody p{color:#586860}.tabs button{background:#e8ecd8;border:2px solid #a8b898;color:#687860;border-radius:3px}.tabs button.selected{background:#d0e0b8;color:#304828;border-color:#708858}.team-card{background:#88a8b0;border-color:#506878;border-radius:4px}.team-card.active{background:#70a888;border-color:#385858;box-shadow:inset 0 0 0 2px #c8e0b8}.team-info strong{color:#f8f8e8;text-shadow:1px 2px #486870}.team-info small{color:#e8f0e0}.team-card .slot{color:#e0e8d8}.team-card .select-team{background:#f8f8e8;border:2px solid #486870;color:#385858;border-radius:3px}.team-card.active .select-team{border-color:#506850;color:#b87830}.team-card .bar,.bar{background:#526860;border:1px solid #425850;border-radius:3px}.bar i{background:#78c878}.team-subtitle{color:#708078}.menu-btn{background:#eef0e0;border:2px solid #b0bca0;color:#405850;border-radius:3px}.menu-btn:hover{border-color:#688060}.dex-grid{gap:8px}.dex-item{background:#e0e8d0;border:2px solid #b0c0a0;color:#405848;border-radius:3px}.dex-item.caught{border-color:#88a878}.dex-item.selected{border-color:#b89048;background:#f0e8c0}.dex-item .dex-number{color:#809078}.dex-item strong{color:#486048}.dex-item small{color:#789070}.dex-item .silhouette{filter:brightness(0);opacity:.22}.dex-detail{background:#eef0d8;border:2px solid #b8c4a8;border-radius:3px}.dex-detail h3{color:#405850}.dex-detail .bar i{background:#88b078}.dex-top input{background:#fffef0;color:#405850;border:2px solid #a8b898;border-radius:3px}.dex-count{color:#607850}.type{background:#90ac78;color:#f8f8e8}.bag-card{background:#e4ecd8;border:2px solid #a8bc98;border-radius:3px}.bag-card>span{color:#98a868}.bag-card strong{color:#405850}.bag-card small{color:#708068}.mission-card{background:#e8eed8;border-color:#a8a078}.mission-card h3{color:#687850}.mission-card.completed{border-color:#68a878}.mission-card.completed h3{color:#488060}.primary{border:3px solid #f8f8e0;outline:2px solid #788868;background:#e8d898;color:#405048;border-radius:3px;box-shadow:3px 4px 0 #34483c88}.battle-shell{background:#f8f8e8;border:4px solid #587078;outline:2px solid #e8eed8;border-radius:3px;box-shadow:4px 7px 0 #10283066}.battle-top{background:#d8e4c0;color:#486050;font-size:8px;border-bottom:2px solid #a8bc98}.battle-top button{background:#f8f8e8;border:1px solid #98ac88;color:#486050;border-radius:2px}.arena{background:radial-gradient(ellipse at 74% 66%,#b0c888 0 20%,transparent 21%),radial-gradient(ellipse at 19% 108%,#b0c888 0 27%,transparent 28%),linear-gradient(#d0e0c0 0%,#e8f0d0 48%,#d8e8b8 49%,#e8f0d0 100%)}.arena:before{display:none}.enemy-status,.my-status{background:#f0f0d8;border:3px solid #506850;border-radius:4px;box-shadow:4px 4px #88a078;color:#405048}.enemy-sprite{padding:8px;animation:bob 3s ease-in-out infinite}.my-sprite{filter:none}.arena .bar{background:#b8c098;border-color:#909870}.arena .bar i{background:#70c878}.arena strong{font-family:monospace;font-weight:bold;font-size:16px;letter-spacing:.2px}.arena span{font-size:12px}.battle-weather{display:none}#battleLog{background:#486878;border:3px solid #d8c898;outline:2px solid #586868;color:#fffef0;min-height:74px;font-size:14px;padding:16px 20px}.battle-actions{background:#f8f8e8;grid-template-columns:1fr 1fr;padding:14px 20px;gap:8px}.battle-actions button{background:#fffef0;border:2px solid #a8b8a0;border-radius:2px;box-shadow:none;color:#405048;font-family:monospace;font-weight:bold;font-size:16px;letter-spacing:.5px;padding:14px 16px;position:relative}.battle-actions button.attack{background:#eef0d8;border-color:#889870;color:#384838}.battle-actions button:before{content:'›';margin-right:9px;color:#b87848}.battle-actions button small{color:#889078;font-size:10px;font-weight:normal}.battle-actions button.attack small{color:#789070}.pause-trainer{border-bottom:1px solid #b8c4a8}.pause-avatar{background:#c8d8b8;border:2px solid #809878;color:#486050}.pause-trainer strong{color:#405850}.pause-trainer small{color:#809078}.pause-resources{color:#687858}.pause-roster{background:#e4ecd8;border:1px solid #b8c8a8}.pause-roster .empty-slot{color:#a0b098}.pause-grid>button{background:#f8f8e8;border:0;border-radius:0;padding:13px 12px;color:#405048;gap:10px}.pause-grid>button:before{content:'▸';color:#a8b498;font-size:13px}.pause-grid>button>span{display:none}.pause-grid strong{color:#405048;font-size:10px}.pause-grid small{color:#889878}.pause-grid>button:hover,.pause-grid>button:focus-visible{background:#e4ecd8}.pause-tools{border-top:1px solid #b8c8a8}.pause-tools button{background:#e4ecd8;border:1px solid #a8b898;color:#607850;border-radius:3px}.pause-tools button.on{color:#405048;border-color:#608060}.pause-note{color:#889878!important}.pause-menu{width:min(470px,92vw)}.location-panel{background:#f0f0d8e8;color:#405048;border:2px solid #90a078;backdrop-filter:none;box-shadow:2px 2px #50685044;border-radius:3px;padding:9px 12px}.location-panel strong{color:#405048;text-shadow:none}.location-panel>#clock{color:#789068}.world-menu{background:#f0f0d8e8;color:#486050;border:2px solid #90a078;border-radius:4px;backdrop-filter:none;box-shadow:2px 2px #50685044}.context-action>b{background:#f0f0d8d9;border:2px solid #809878;color:#486050;box-shadow:0 3px #50685055}.context-action>span{background:#f0f0d8d9;color:#486050;text-shadow:none}.vignette{display:none}#toast{background:#f8f8e8f5;color:#405048;border:3px solid #809878;border-radius:3px;box-shadow:2px 3px #40584844}
@media(max-width:760px){.arena strong{font-size:13px}.arena span{font-size:11px}.enemy-sprite{padding:5px}.battle-actions button{font-size:14px;padding:12px;min-height:48px}.battle-actions small{font-size:10px}#battleLog{min-height:70px;font-size:12px;padding:12px 14px}.battle-actions{padding:12px;gap:7px}.pause-grid strong{font-size:8px}.pause-grid>button{padding:12px 5px}.pause-grid small{font-size:9px}.location-panel{padding:8px 10px}}
@media(max-height:540px) and (orientation:landscape){.battle-actions button{font-size:12px;padding:9px;min-height:40px}.arena strong{font-size:11px}.arena span{font-size:10px}#battleLog{font-size:11px;padding:10px 12px;min-height:0}.pause-menu{width:80vw}.pause-grid{grid-template-columns:repeat(3,1fr)}}
.arena .caught-marker{display:inline-block;float:none;width:12px;height:12px;image-rendering:pixelated;vertical-align:middle;margin-left:6px;position:static;border:0;filter:none;animation:none;object-fit:contain}
@media(max-width:760px){.arena .caught-marker{width:10px;height:10px;margin-left:4px}}
.exp-share-item{padding:14px 15px;background:#e4ecd8;border:2px solid #a8bc98;border-radius:3px;margin-top:14px}.exp-share-item>strong{color:#405850;font-size:12px}.exp-share-item p{font-size:11px!important;margin:8px 0}.exp-share-item .menu-btn{margin-bottom:0;background:#f5f6e6}
.shortcut-dock{position:absolute;left:50%;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 3px);transform:translateX(-50%);display:flex;gap:5px;padding:6px;background:#e6ebd3c9;border:1px solid #8fa17b99;border-radius:8px;box-shadow:0 2px #4c675333;z-index:6;max-width:calc(100% - 20px)}.shortcut-dock button{display:grid;place-items:center;width:43px;height:42px;padding:8px;border:1px solid #b3bea0;border-radius:5px;background:#fafae9cc;flex-shrink:0}.shortcut-dock button:active{background:#d0ddbb;transform:translateY(1px)}.shortcut-dock img{width:25px;height:25px;image-rendering:pixelated;object-fit:contain}.shortcut-dock button:first-child img{width:23px;height:23px}.context-action{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 83px)}.keyboard-hint{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 69px)}#toast{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 155px)}
.enemy-sprite{width:calc(200px * var(--sprite-scale,1));height:calc(200px * var(--sprite-scale,1));right:65px;top:55px}.my-sprite{width:calc(225px * var(--sprite-scale,1));height:calc(225px * var(--sprite-scale,1));bottom:3px;left:35px}.battle-exp{display:flex;gap:5px;align-items:center;margin-top:8px}.battle-exp>b{font:7px monospace;letter-spacing:.3px;color:#627b94}.battle-exp-track{height:5px;flex:1;background:#aebdc1;border:1px solid #7e939a;overflow:hidden}.battle-exp-track>i{display:block;width:0;height:100%;background:#559cdb;transition:width .7s ease-out}.my-status .battle-exp-text{font-size:8px;color:#6d8589;margin-top:4px;line-height:1.4}.exp-levelup{animation:exp-levelup .85s ease-out}@keyframes exp-levelup{40%{background:#edf6fd;box-shadow:0 0 8px #2c9fff}80%{background:#7bbaf2}}
@media(max-width:760px){.shortcut-dock{gap:4px;padding:5px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 3px)}.shortcut-dock button{width:42px;height:42px;padding:8px}.shortcut-dock img{width:24px;height:24px}.context-action{right:17px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 82px)}.context-action>b{height:49px;width:49px;font-size:14px}.context-action>span{font-size:8px}.keyboard-hint{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 69px)}.enemy-sprite{width:calc(148px * var(--sprite-scale,1));height:calc(148px * var(--sprite-scale,1));right:13px;top:65px}.my-sprite{width:calc(165px * var(--sprite-scale,1));height:calc(165px * var(--sprite-scale,1));left:2px;bottom:12px}.my-status{padding-bottom:9px}.battle-exp{margin-top:6px;gap:4px}.battle-exp>b{font-size:6px}.battle-exp-track{height:4px}.my-status .battle-exp-text{font-size:7px;margin-top:3px}}
@media(max-height:540px) and (orientation:landscape){.shortcut-dock{bottom:max(10px,env(safe-area-inset-bottom));gap:5px;padding:4px}.shortcut-dock button{width:36px;height:34px;padding:6px}.shortcut-dock img{width:21px;height:21px}.context-action{bottom:20px;right:22px}.keyboard-hint{bottom:60px}.enemy-sprite{width:calc(135px * var(--sprite-scale,1));height:calc(135px * var(--sprite-scale,1));top:35px;right:7px}.my-sprite{width:calc(145px * var(--sprite-scale,1));height:calc(145px * var(--sprite-scale,1));left:0;bottom:3px}.battle-exp{margin-top:4px}.my-status .battle-exp-text{font-size:7px}}
/* Chapter two: short effects, clear movement choices, no extra world panels. */
.battle-actions .move-type small{display:block;margin-top:5px;font-size:10px;opacity:.85}
.battle-actions:has([data-move]){grid-template-columns:1fr 1fr}
.battle-actions:has([data-move]) #backMoves{grid-column:1/-1;min-height:36px}
.battle-actions button:disabled{opacity:.38;cursor:default}
.chapter-map{display:grid;gap:12px;padding:18px;border:2px solid #819781;background:#e9ecda;color:#294b42;margin-top:16px;text-align:center;font-size:13px}
.partner-meeting{display:flex;align-items:center;gap:18px}
.partner-walker{display:block;width:96px;height:96px;flex:0 0 96px;background-size:576px 96px;background-repeat:no-repeat;image-rendering:pixelated;animation:partner-step .6s steps(1) infinite}
#captureBall{position:absolute;left:15%;bottom:12%;width:22px;height:22px;image-rendering:pixelated;opacity:0;pointer-events:none;z-index:4}
#captureBall.throw-ball{animation:throw-ball .95s ease-in-out forwards}
@keyframes partner-step{50%{background-position:-96px 0}}
@keyframes throw-ball{0%{opacity:1;left:15%;bottom:12%;transform:rotate(0)}55%{left:70%;bottom:72%;transform:rotate(540deg)}80%{opacity:1;left:74%;bottom:40%;transform:rotate(720deg)}100%{opacity:0;left:74%;bottom:40%}}
.partner-meeting img{width:96px;height:96px;object-fit:none;image-rendering:pixelated;object-position:left center!important;background:#dce5cd;border-radius:8px}
.scene-enter{animation:chapter-enter .35s steps(5)}
#battle.attack-pulse .arena{animation:attack-tint .28s steps(3)}
@keyframes chapter-enter{from{filter:brightness(.15)}to{filter:brightness(1)}}
@keyframes attack-tint{50%{box-shadow:inset 0 0 80px var(--attack-color,#fff1be)}}
@media(prefers-reduced-motion:reduce){.scene-enter,#battle.attack-pulse .arena{animation:none}}
#dialogue{position:fixed;z-index:80;left:50%;transform:translateX(-50%);bottom:calc(max(12px,env(safe-area-inset-bottom)) + 78px);width:min(640px,calc(100vw - 28px));padding:16px 18px 10px;background:#f8f8e8;border:4px solid #607d68;outline:2px solid #e8edcf;box-shadow:4px 5px #253b3d55;color:#365248;border-radius:4px}
#dialogue[hidden]{display:none}
#dialogue strong{font-size:13px;color:#56715b}
#dialogue p{font:16px/1.55 monospace;margin:10px 0;min-height:50px}
#dialogue button{display:block;margin-left:auto;background:#e5eacc;border:1px solid #a0b28d;padding:8px 12px;color:#3e5c4f;border-radius:3px;font:12px monospace;min-height:38px}
.ball-inventory{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ball-inventory>div{display:grid;grid-template-columns:18px 1fr;gap:6px;padding:12px;background:#e8ecd8;border:1px solid #adbba0;font-size:13px}
.ball-inventory i{width:14px;height:14px;border:2px solid #40564f;border-radius:50%;box-shadow:inset 0 -6px #f6f2db}
.ball-inventory small{grid-column:1/-1;color:#5f7663;line-height:1.5}
.shop-list .menu-btn small{display:block;margin-top:5px;color:#6c806c;font-size:12px}
.stone-shop{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.regional-map{border:3px solid #809a7b;background:#e0e8cf;border-radius:5px;overflow:hidden}
.regional-map svg{display:block;width:100%;height:auto}
.dex-summary{color:#526c57;margin-bottom:12px;font:14px monospace}
.dex-search{box-sizing:border-box;width:100%;padding:12px;border:2px solid #a2b395;background:#fffef0;color:#405850;margin:10px 0 16px;font-size:16px}
.dex-habitat{padding:14px 16px;background:#e8edd8;margin-bottom:18px;border-left:4px solid #8ea579}
.dex-habitat p{font-size:13px;margin:8px 0}
.dex-habitat small{color:#73816d}
.dex-detail .silhouette{filter:brightness(0);opacity:.2}
.evolution-result{text-align:center}.evolution-result img{width:128px;height:128px;object-fit:contain;image-rendering:pixelated}
.map-legend{color:#5b745f!important}
@media(max-width:600px){#dialogue p{font-size:14px}.stone-shop{grid-template-columns:1fr}.ball-inventory{grid-template-columns:1fr 1fr}.ball-inventory>div{padding:9px;font-size:11px}.dex-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-height:540px) and (orientation:landscape){#dialogue{bottom:12px;width:min(580px,calc(100vw - 170px));padding:10px 14px}#dialogue p{font-size:12px;min-height:25px;margin:6px 0}#dialogue button{min-height:30px;padding:5px 10px}}
.ball-inventory img{width:22px;height:22px;image-rendering:pixelated;object-fit:contain}
.ball-choice-icon{width:24px;height:24px;image-rendering:pixelated;object-fit:contain;vertical-align:middle;margin-right:5px}