.field-page{padding:20px}.field-page .page-heading h1{font-size:25px}.field-page .page-heading p{font-size:9px}.field-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(190px,.9fr);gap:15px;align-items:start}.field-world-column{min-width:0}.island-console{position:relative;border:1px solid #becdad;border-radius:8px;overflow:hidden;background:#d7e1c8;box-shadow:0 4px 0 #7e986414}.island-hud{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #abc49b;font:6px Plex;background:#dce7cf;color:#71875e}.island-hud>span:first-child{font-size:7px;letter-spacing:.09em;color:#4f6b40;display:flex;align-items:center;gap:6px;white-space:nowrap}.island-hud>span:first-child>i{height:4px;width:4px;border-radius:50%;background:#85a85f}.island-hud>span:nth-child(2){margin-left:auto}.map-tool{width:22px;height:22px;display:grid;place-items:center;border:1px solid #bbcdae;background:#eff4e6;border-radius:3px;color:#5e7c4b;font-size:15px;padding:0;line-height:1}.island-viewport{position:relative;overflow:hidden;background:#74b5ba}.island-world{position:relative;width:100%;aspect-ratio:28/19;cursor:crosshair;outline:none;overflow:hidden}.island-art{width:100%;height:100%;position:absolute;inset:0;pointer-events:none;display:block}.walking-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.walking-route polyline{fill:none;stroke:#f7f2ca;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 5;filter:drop-shadow(0 1px 0 #5b735744);animation:route-flow 1s linear infinite}.island-location{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;flex-direction:column-reverse;border:0;background:none;color:#3e5b37;padding:0;z-index:4;filter:drop-shadow(0 2px 0 #38563b22);min-width:0;overflow:visible}.island-pin{height:23px;width:23px;border:1px solid #6c8a58;background:#ecf1d4;border-radius:5px 5px 5px 0;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff8;transition:background .2s}.island-pin>svg{height:14px;width:14px;transform:rotate(45deg)}.island-location.active .island-pin{background:#ffedac;border-color:#a19258;box-shadow:0 0 0 3px #ffeebc44}.island-location.visited .island-pin:after{content:'';position:absolute;right:-3px;top:-3px;width:5px;height:5px;background:#86a763;border:1px solid #526e3e;border-radius:50%}.island-location:hover .island-pin{background:#fff7d0}.island-label{display:block;font:6px/1.2 Plex;background:#f5f3dbe6;border:1px solid #7e987255;border-radius:2px;padding:4px 5px;white-space:nowrap;margin-bottom:7px;transition:opacity .2s}.island-label>small{font-size:5px;color:#8b9c71;border-right:1px solid #a7b797;padding-right:4px;margin-right:4px}.island-location.active .island-label{background:#fff6c8;border-color:#b5b178}.island-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;font:5px Plex;background:#e3ebd6;border-top:1px solid #a6c29a;color:#7b9268;min-height:28px}.map-position{white-space:nowrap}.island-status #map-route-length{font-size:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}.map-key-guide{font-size:4px;white-space:nowrap}.island-nameplate{position:absolute;right:6.5%;bottom:4.5%;font:6px Plex;letter-spacing:.23em;color:#427d8066;pointer-events:none;display:block}.island-nameplate>b{font:700 17px Space;letter-spacing:-.3px;display:block;color:#427d8077;margin:3px 0}.island-nameplate>i{font:3px Plex;letter-spacing:.05em;display:block;white-space:nowrap;font-style:normal}.island-compass{position:absolute;right:4%;top:5%;font:6px/1.6 Plex;color:#467d7b88;text-align:center;pointer-events:none}.island-compass:first-line{font-size:5px}.island-trainer{position:absolute;width:16px;height:25px;transform:translate(-50%,-82%);transition:left .1s linear,top .1s linear;z-index:6;pointer-events:none;filter:drop-shadow(0 1px 0 #49614322);image-rendering:pixelated}.island-trainer i{position:absolute;display:block}.trainer-shadow{width:18px;height:5px;background:#47683b55;border-radius:50%;bottom:-1px;left:-1px}.trainer-hair{left:3px;top:3px;width:11px;height:9px;background:#51405d;box-shadow:0 1px 0 #3c354a}.trainer-face{top:6px;left:5px;width:9px;height:6px;background:#f0cba4;border-bottom:1px solid #c8a67b}.trainer-face:after{content:'';position:absolute;top:2px;right:1px;width:1px;height:2px;background:#4a414d;box-shadow:-4px 0 #4a414d}.trainer-cap{top:0;left:2px;width:11px;height:5px;background:#d98c74;box-shadow:2px 3px 0 #f1b17b,0 -1px 0 #f4c3a3}.trainer-body{top:12px;left:4px;width:9px;height:7px;background:#8680ae;border-left:2px solid #68628e;box-shadow:0 1px 0 #5f5b83}.trainer-arm{top:13px;left:2px;width:2px;height:5px;background:#e2bf9c;box-shadow:11px 0 #e2bf9c}.trainer-backpack{top:12px;left:3px;width:4px;height:8px;background:#a7b485;border:1px solid #697c5c;z-index:2}.trainer-legs{top:19px;left:4px;width:4px;height:5px;background:#4a4767;box-shadow:6px 0 #4a4767;border-bottom:1px solid #2d3845}.island-trainer>span{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);font:4px Plex;background:#2d513acf;color:#ecf2d6;border-radius:2px;padding:2px 3px}.island-trainer[data-facing=up] .trainer-face{background:#51405d}.island-trainer[data-facing=up] .trainer-face:after{display:none}.island-trainer[data-facing=up] .trainer-backpack{width:8px;left:5px;top:12px}.island-trainer[data-facing=left] .trainer-cap{box-shadow:-2px 3px 0 #f1b17b}.island-trainer[data-facing=left] .trainer-face:after{right:auto;left:0;box-shadow:none}.island-trainer[data-facing=right] .trainer-face:after{box-shadow:none}.island-trainer.walking .trainer-legs{animation:walk-legs .2s steps(2) infinite}.island-trainer.walking .trainer-arm{animation:walk-arms .2s steps(2) infinite}.island-trainer.located:after{content:'';position:absolute;inset:-10px -9px -4px;border:2px solid #fbf6c2;border-radius:50%;animation:locate-player .6s infinite}.island-trainer.bumped{filter:brightness(1.3)}.walk-destination{position:absolute;width:11px;height:11px;border:1px solid #fff1ae;box-shadow:0 0 0 2px #5b7a5433;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;z-index:5;animation:locate-player 1s infinite}.walk-destination[hidden]{display:none}.island-cloud{position:absolute;pointer-events:none;width:65px;height:15px;background:#f4f8e54d;filter:blur(1px);box-shadow:15px -8px #f4f8e54d,-12px 3px #f4f8e54d,5px 10px #f4f8e54d;opacity:.4;z-index:8;animation:cloud-drift 45s linear infinite}.island-cloud.one{top:17%;left:-20%}.island-cloud.two{top:74%;left:-20%;animation-delay:-25s;animation-duration:60s}.river-shimmer{animation:river-light 4s ease-in-out infinite}.island-tree{transform-box:fill-box;transform-origin:bottom;animation:tree-breeze 8s ease-in-out infinite;animation-delay:var(--tree-delay)}.tower-signal{animation:river-light 2s ease-in-out infinite}.waterfall{stroke-dasharray:7 4;animation:waterfall-flow .8s linear infinite}.field-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0;font:6px Plex;color:#879c75}.field-controls>span{display:flex;align-items:center;gap:2px;white-space:nowrap}.field-controls kbd{border:1px solid #c6d5b9;background:#e7efdb;padding:3px 4px;border-radius:3px;color:#7a925e;font:6px Plex}.map-center-button{border:1px solid #c8d6ba;background:#f2f6e8;padding:6px 7px;font:6px Plex;color:#7a925e;border-radius:3px;white-space:nowrap}.touch-dpad{display:flex;gap:3px}.touch-dpad button{width:24px;height:24px;border:1px solid #bfceaf;background:#e9efdf;border-radius:4px;color:#75905c;display:grid;place-items:center;font-size:13px;padding:0}.touch-dpad button:hover{background:#d7e8c1}.habitat-roster{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:3px}.habitat-shortcut{display:flex;align-items:flex-start;flex-direction:column;position:relative;gap:5px;text-align:left;border:1px solid #d1ddc2;background:#f8faef;border-radius:4px;padding:9px 9px 8px;color:#6a8053;min-width:0}.habitat-shortcut.active,.habitat-shortcut:hover{background:#e5eed7;border-color:#a6be8e}.habitat-index{font:5px Plex;color:#a0ad8f}.habitat-shortcut>b{font:700 10px Space;letter-spacing:-.2px;white-space:nowrap}.habitat-state{font:4px Plex;color:#92a27f}.field-tip{display:flex;gap:8px;padding:12px 0 0;color:#8b9e7b}.field-tip>span{font-size:15px;color:#a2b583}.field-tip>p{font-size:8px;line-height:1.8;margin:0}.field-area-column{min-width:0}.field-area-column .area-panel{padding:15px}.field-area-column .area-art{min-height:76px;margin-bottom:14px}.field-area-column .area-art .sprite{width:58px;height:58px}.field-area-column .area-panel h2{font-size:20px}.field-area-column .area-panel p{font-size:9px;line-height:1.8}.field-area-column .area-species{gap:6px}.field-area-column .area-species .sprite{width:27px;height:27px}.field-area-column .area-species b{font-size:9px}.field-area-column .area-species>span{font-size:5px}.field-area-column .area-panel>.primary{padding:10px;font-size:9px}.field-area-column .eyebrow{font-size:6px}.field-area-column .capture-stage{padding:12px}.field-area-column .capture-stage .sprite{width:75px;height:75px}.field-area-column .capture-stage h3{font-size:18px}.field-area-column .capture-stage .primary{font-size:8px;padding:9px}.field-area-column .capture-stage .stat-label{font-size:5px}.field-area-column .capture-stage .text-button{font-size:7px}.field-area-column .discovery-result{padding:11px}.field-area-column .discovery-result h3{font-size:13px}.field-area-column .discovery-result .sprite{width:50px;height:50px}.field-expanded .field-layout{grid-template-columns:1fr}.field-expanded .field-area-column{margin-top:4px}.field-expanded .area-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.field-expanded .area-art{grid-row:span 3}.field-expanded .area-panel>.primary{grid-column:2}.field-expanded .capture-stage,.field-expanded .discovery-result{grid-column:1/-1}.field-expanded .island-location .island-label{font-size:8px}.field-expanded .island-trainer{width:20px;height:30px;scale:1.15;transform-origin:bottom}.field-route .app-nav{margin-bottom:14px}.field-route .page-heading{margin-bottom:16px}.field-page .page-heading>.tiny-tag{font-size:6px}.field-route #screen-main{scroll-behavior:smooth}
@keyframes route-flow{to{stroke-dashoffset:-9}}@keyframes walk-legs{50%{height:3px;box-shadow:6px 2px #4a4767}}@keyframes walk-arms{50%{height:3px;box-shadow:11px 2px #e2bf9c}}@keyframes locate-player{50%{opacity:.35;scale:1.2}}@keyframes cloud-drift{to{translate:850% 0}}@keyframes river-light{0%,100%{opacity:.2}50%{opacity:.7}}@keyframes tree-breeze{0%,100%{rotate:0}50%{rotate:1deg}}@keyframes waterfall-flow{to{stroke-dashoffset:-11}}
@media(max-width:1150px){.field-layout{grid-template-columns:minmax(0,1.5fr) minmax(175px,1fr);gap:12px}.field-page{padding:18px}.field-page .page-heading h1{font-size:23px}.field-area-column .area-panel{padding:12px}.island-label{font-size:5px;padding:3px 4px}.island-label>small{display:none}.island-pin{width:19px;height:19px}.island-pin svg{width:12px;height:12px}.habitat-shortcut{padding:8px}.habitat-shortcut>b{font-size:8px}.habitat-state{font-size:4px}.field-controls>span{font-size:5px}.field-controls>span kbd{font-size:5px;padding:2px}.touch-dpad button{width:21px;height:23px}.map-center-button{font-size:5px;padding:6px}.island-status #map-route-length{max-width:65%;font-size:4px}.map-key-guide{display:none}.field-area-column .area-art .sprite{width:49px;height:49px}.field-area-column .area-panel h2{font-size:18px}.field-area-column .area-species b{font-size:8px}}
@media(max-width:950px) and (min-width:701px){.field-layout{grid-template-columns:1fr}.field-area-column .area-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.field-area-column .area-art{grid-row:span 3;min-height:100px}.field-area-column .area-species{grid-column:2}.field-area-column .area-panel>.primary{grid-column:2}.field-area-column .capture-stage,.field-area-column .discovery-result{grid-column:1/-1}.island-label{font-size:7px}.island-hud>span:first-child{font-size:8px}.island-hud>span:nth-child(2){font-size:7px}.island-trainer{scale:1.1}.island-status #map-route-length{font-size:6px}.island-status{font-size:6px}.map-key-guide{display:block}.habitat-shortcut>b{font-size:11px}.habitat-state{font-size:5px}}
@media(max-width:700px){.field-page{padding:17px 12px}.field-page .page-heading{gap:8px;align-items:flex-start}.field-page .page-heading h1{font-size:23px;max-width:210px;line-height:1.1;letter-spacing:-.8px}.field-page .page-heading p{font-size:9px;line-height:1.8;max-width:205px}.field-page .page-heading>.tiny-tag{font-size:4px;padding:5px;white-space:nowrap;margin-top:8px}.field-layout{grid-template-columns:1fr;gap:15px}.island-hud{padding:8px 9px;gap:5px}.island-hud>span:first-child{font-size:6px;letter-spacing:.03em}.island-hud>span:nth-child(2){font-size:5px}.map-tool{width:21px;height:21px;font-size:14px}.island-world{aspect-ratio:28/19}.island-art{height:100%;object-fit:cover}.island-label{font-size:4px;padding:3px;max-width:65px;line-height:1.3;white-space:normal;text-align:center;margin-bottom:6px}.island-pin{width:15px;height:15px;border-radius:3px 3px 3px 0}.island-pin svg{width:9px;height:9px}.island-location.visited .island-pin:after{width:4px;height:4px;top:-2px;right:-2px}.island-trainer{scale:.8;transform-origin:bottom center}.island-trainer>span{font-size:4px;bottom:-9px}.island-nameplate>b{font-size:11px}.island-nameplate{font-size:4px}.island-nameplate>i{font-size:2px}.island-compass{font-size:6px}.island-status{padding:8px;font-size:5px;gap:6px;min-height:26px}.island-status #map-route-length{font-size:4px;max-width:70%;text-align:right}.field-controls{flex-wrap:wrap;gap:6px;font-size:5px;padding:11px 0}.field-controls>span{font-size:5px;gap:1px}.field-controls>span kbd{font-size:5px;padding:3px}.touch-dpad{gap:4px;margin-left:auto}.touch-dpad button{width:27px;height:29px;font-size:16px}.map-center-button{font-size:6px;padding:7px;margin-left:auto}.habitat-roster{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:2px}.habitat-shortcut{padding:10px 10px 9px;gap:5px}.habitat-shortcut>b{font-size:11px;white-space:normal}.habitat-index{font-size:5px}.habitat-state{font-size:5px}.field-tip{padding-top:13px;gap:9px}.field-tip p{font-size:9px}.field-area-column .area-panel{padding:17px}.field-area-column .area-art{min-height:100px}.field-area-column .area-art .sprite{width:75px;height:75px}.field-area-column .area-panel h2{font-size:23px}.field-area-column .eyebrow{font-size:7px}.field-area-column .area-panel p{font-size:10px}.field-area-column .area-species b{font-size:11px}.field-area-column .area-species .sprite{width:35px;height:35px}.field-area-column .area-species>span{font-size:7px}.field-area-column .area-species{padding:8px 0;gap:9px}.field-area-column .area-panel>.primary{font-size:11px;padding:12px}.field-area-column .capture-stage{padding:17px}.field-area-column .capture-stage .sprite{width:110px;height:110px}.field-area-column .capture-stage .stat-label{font-size:6px}.field-area-column .capture-stage h3{font-size:24px}.field-area-column .capture-stage .primary{font-size:10px;padding:12px}.field-area-column .capture-stage .text-button{font-size:9px}.field-area-column .discovery-result h3{font-size:16px}.field-area-column .discovery-result .sprite{width:60px;height:60px}.field-expanded .island-world{aspect-ratio:28/19}.field-expanded .area-panel{display:block}.field-expanded .island-location .island-label{font-size:5px}.field-expanded .island-trainer{scale:.9;width:16px;height:25px}.island-tree{animation-duration:10s}}