#camp-screen{background:#ebdda1}.camp-location{position:absolute;top:18%;left:5%;color:#566044}.camp-location>span{font-size:11px;letter-spacing:.35em}.camp-location h1{font-size:clamp(18px,2.6vw,35px);font-weight:800;margin:8px 0}.camp-stations{position:absolute;left:7%;right:7%;top:72%;display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.camp-stations button{position:relative;border:0;color:#fcf0be;background:transparent;padding:12px 8px;text-shadow:0 2px #172b1e;font-weight:900;transition:transform .2s}.camp-stations b{font-size:19px;letter-spacing:.12em}.camp-stations small{display:block;font-size:10px;color:#c6d0a5;margin-top:5px}.station-pointer{position:absolute;left:50%;top:-24px;transform:translateX(-50%);font-size:22px;color:#ffd16b;opacity:0}.camp-stations button.selected{transform:translateY(-5px)}.camp-stations button.selected b{color:#ffd16b}.camp-stations button.selected .station-pointer{opacity:1}.camp-actions{display:flex;align-items:center;gap:15px}.camp-actions #training-actions{display:flex;gap:20px}.camp-actions #training-actions>div{display:grid;gap:8px;text-align:center;font-size:12px}.camp-actions #training-actions b{color:#eec56b}.camp-actions #training-actions .game-button{padding:10px 18px}#map-screen{background:#e7d8a3}.map-heading{text-align:center}.map-heading>span{font-size:10px;letter-spacing:.2em}.map-heading h1{font-size:30px;margin:4px 0}.map-progress{font-size:11px;font-weight:800}.map-region-nav{position:absolute;inset:19% 6% auto;display:flex;align-items:center;justify-content:space-between;color:#566047}.map-region-nav button{font-size:27px;color:#333f2c;background:none;border:0;padding:12px}.map-region-nav span{font-size:12px;letter-spacing:.15em}.mission-path{position:absolute;left:7%;right:7%;top:30%;height:32%;pointer-events:none}.mission-node{position:absolute;width:84px;height:84px;border:0;background:none;transform:translate(-50%,-50%);color:#27372b;pointer-events:auto;padding:0;isolation:isolate}.mission-node::before{content:'';position:absolute;inset:9px;background:#efe6ba;border:4px solid #344132;border-radius:50%;z-index:-1;box-shadow:0 5px #263d2b28;transition:transform .18s,background .18s}.mission-node.boss::before{border-radius:14px;transform:rotate(45deg)}.mission-node .node-icon{font-size:24px;font-weight:950}.mission-node .node-name{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:max-content;max-width:140px;font-size:12px;font-weight:900;background:#eee0b1c9;padding:5px 8px}.mission-node .node-number{position:absolute;top:6px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:800}.mission-node.locked{color:#7a8066}.mission-node.locked::before{background:#c8c5a1;border-color:#83896d}.mission-node.selected::before{background:#ffd265;box-shadow:0 0 0 7px #f8eabc,0 0 0 10px #3e4e37;transform:scale(1.1)}.mission-node.boss.selected::before{transform:rotate(45deg) scale(1.1)}.mission-node.selected::after{content:'▼';position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:20px;color:#ab542e}.mission-node:not(.selected):hover::before{background:#f7d886;transform:scale(1.08)}#map-deploy{min-width:165px}.map-dialogue .dialogue-copy{max-width:70%}@media(max-width:650px){.camp-location{top:17%;left:7%}.camp-location h1{font-size:18px;max-width:220px;line-height:1.4}.camp-location>span{font-size:8px}.camp-stations{top:64%;left:2%;right:2%;gap:0}.camp-stations b{font-size:13px;letter-spacing:.03em}.camp-stations small{font-size:8px}.station-pointer{top:-16px;font-size:17px}.camp-actions{width:100%;justify-content:space-between}.camp-actions #training-actions{gap:10px}.camp-actions #training-actions>div{font-size:10px}.camp-actions #training-actions .game-button{font-size:10px;padding:7px 13px}.map-heading h1{font-size:22px}.map-heading>span{font-size:8px}.map-progress{display:none}.map-region-nav{top:17%;left:1%;right:1%}.map-region-nav span{font-size:10px}.mission-path{top:30%;height:27%;left:8%;right:8%}.mission-node{width:52px;height:52px}.mission-node::before{inset:3px;border-width:3px}.mission-node .node-icon{font-size:17px}.mission-node .node-number{top:0;font-size:7px}.mission-node .node-name{font-size:9px;max-width:65px;white-space:normal;line-height:1.4;padding:4px}.mission-node.selected::before{box-shadow:0 0 0 4px #f8eabc,0 0 0 6px #3e4e37}.mission-node.selected::after{top:-23px;font-size:17px}.map-dialogue .dialogue-copy{max-width:100%}#map-deploy{min-width:125px}.map-dialogue{min-height:185px}.camp-dialogue:has(#training-actions:not(.hidden)) .dialogue-copy #save-status{display:none}.camp-dialogue:has(#training-actions:not(.hidden)) #continue-button{display:none}}
@media(orientation:landscape) and (max-height:550px){.camp-location{top:19%}.camp-location h1{font-size:17px}.camp-stations{top:53%;left:8%;right:8%}.camp-stations b{font-size:13px}.camp-stations small{display:none}.station-pointer{top:-13px;font-size:15px}.map-region-nav{top:18%}.map-heading h1{font-size:21px}.mission-path{top:27%;height:24%}.mission-node{width:51px;height:51px}.mission-node .node-name{font-size:9px}.mission-node .node-icon{font-size:17px}.mission-node .node-number{font-size:7px}.mission-node::before{inset:3px;border-width:3px}.map-dialogue{min-height:112px}.camp-actions #training-actions{gap:8px}.camp-actions #training-actions>div{font-size:10px}.camp-actions #training-actions .game-button{font-size:10px;padding:8px 10px}}

@media(max-width:650px) and (max-height:650px){.camp-stations{top:54%}.camp-location{top:15%}.camp-location h1{font-size:16px;max-width:180px}.camp-dialogue{min-height:185px}.dialogue-copy h2{font-size:20px}.camp-dialogue:has(#training-actions:not(.hidden)) .dialogue-copy p{font-size:10px}}

@media(max-width:650px){.camp-dialogue{height:190px;min-height:190px}.camp-dialogue #save-status{display:none}.camp-dialogue:has(#training-actions:not(.hidden)) .dialogue-copy p{display:none}}

@media(orientation:landscape) and (max-height:550px){.camp-location{display:none}}

#map-canvas{touch-action:none}

.map-actions{display:flex;align-items:center;gap:12px}.map-actions .small-button{font-size:11px}@media(max-width:650px){.map-actions{gap:8px}.map-actions .small-button{font-size:10px;padding:8px}.map-actions #map-deploy{font-size:11px;min-width:120px;padding:10px 13px}}
.camp-stations{grid-template-columns:repeat(2,1fr);left:12%;right:12%;gap:10%}.camp-actions{justify-content:flex-end}.camp-dialogue .dialogue-copy{max-width:70%}@media(max-width:650px){.camp-stations{left:5%;right:5%;gap:8%}.camp-dialogue .dialogue-copy{max-width:100%}.camp-actions{justify-content:flex-end}}@media(orientation:landscape) and (max-height:550px){.camp-stations{left:14%;right:14%}}

/* Reserve real rows for facility labels and dialogue, including short desktops. */
#camp-screen{display:grid;grid-template-rows:minmax(0,1fr) auto auto}
#camp-screen>.camp-stations{position:relative;grid-row:2;top:auto;left:auto;right:auto;width:76%;margin:0 auto 14px;z-index:2}
#camp-screen>.camp-dialogue{position:relative;grid-row:3;left:auto;right:auto;bottom:auto}
#camp-screen>.camp-stations small{display:block}
@media(max-width:650px){#camp-screen>.camp-stations{width:90%;margin-bottom:12px}}
@media(orientation:landscape) and (max-height:550px){#camp-screen>.camp-stations{width:72%;margin-bottom:10px}}
@media(min-width:651px) and (min-height:551px) and (max-height:700px){.camp-location{max-width:calc(25% - 90px)}.camp-location h1{font-size:clamp(18px,2vw,27px);text-wrap:balance}}

.camp-language{position:absolute;z-index:6;top:78px;right:32px;display:flex;align-items:center;gap:6px;color:#344432;font-size:13px}
.camp-language select{font:700 12px 'Arial Rounded MT Bold','PingFang TC','Hiragino Sans',system-ui,sans-serif;color:#344432;background:#f5e6b6;border:2px solid #526044;border-radius:3px;padding:6px 8px;min-height:34px;max-width:140px;cursor:pointer;touch-action:manipulation}
.camp-language select:focus-visible{outline:3px solid #af6c28;outline-offset:3px}
@media(max-width:650px){.camp-language{left:14px;right:auto;top:55px;gap:4px}.camp-language select{font-size:11px;min-height:29px;padding:4px 6px}}
@media(orientation:landscape) and (max-height:550px){.camp-language{left:auto;right:25px;top:52px}.camp-language select{min-height:28px;padding:3px 6px}}
/* Translated camp copy can take more lines than the original Chinese. */
@media(max-width:650px){#camp-screen>.camp-dialogue{height:auto;min-height:190px;padding-bottom:44px}.scene-keyhint{right:20px;line-height:1.4}.map-dialogue{padding-bottom:44px}}
@media(max-width:650px) and (max-height:650px){.camp-location{display:none}}
/* Keep the mission number inside the node; Pikachu is the selection marker. */
.mission-node{display:grid;place-items:center}.mission-node .node-number{top:18px;font-size:10px;line-height:1;z-index:2}.mission-node .node-icon{display:block;transform:translateY(8px);line-height:1}.mission-node.selected::after{content:none}
@media(max-width:650px),(orientation:landscape) and (max-height:550px){.mission-node .node-number{top:10px;font-size:8px}.mission-node .node-icon{transform:translateY(6px)}}