/* Capsule Corp radar: node state, generation and actions come from the engine. */
body.on-map{background:radial-gradient(ellipse at 40% 0,#193945 0,#0b151f 70%)}
.on-map main{max-width:1800px}
.on-map .run-top{min-height:0;margin-bottom:7px;justify-content:flex-end}
.on-map .run-top>div:first-child{display:none}
.on-map .run-actions{width:100%;justify-content:flex-end}
.on-map .layout{grid-template-columns:minmax(0,1fr)}
.on-map .layout>.side{display:none}
.route-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.route-options>.route-option:only-child{grid-column:1/-1}
.route-options .route-option{padding:7px 10px;text-align:left;background:#1a343c;border:1px solid #577773;border-radius:5px;min-height:43px;display:flex;flex-direction:column;gap:4px;min-width:0}
.route-option>strong{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#e9e5d3;line-height:1.2}
.route-option>strong>i{font-style:normal;color:#f1c67f}
.route-option>strong>b{margin-left:auto;font-size:8px;color:#f1c67f;white-space:nowrap}
.route-option>small{font-size:9px;line-height:1.25;color:#a9c1be}
.radar-footer.has-route-options>.node-legend,.radar-footer.has-route-options>.map-instruction{display:none}
.radar-footer.has-route-options{padding:6px 12px}
@media(max-width:760px){.route-options{gap:5px}.route-options .route-option{padding:5px 6px;min-height:44px;gap:3px}.route-option>strong{font-size:9px;gap:4px}.route-option>small{font-size:8px}.route-option>strong>b{font-size:7px}.radar-footer.has-route-options{padding:5px 7px}}
@media(orientation:landscape) and (max-height:600px){.in-campaign .radar-footer.has-route-options,.route-inspector .radar-footer.has-route-options{display:block}.in-campaign .radar-map:has(.has-route-options),.route-inspector .radar-map:has(.has-route-options){grid-template-rows:auto auto minmax(0,1fr) auto!important}.route-options .route-option{min-height:35px;padding:4px 7px}.route-option>small{font-size:8px}.radar-footer.has-route-options{padding:3px 7px}}
.in-campaign .map-panel.radar-map,.route-inspector .map-panel.radar-map{--radar-mint:#8de4cd;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;padding:0;gap:0;border:1px solid #46616c;border-radius:12px;background:#10232d;box-shadow:0 12px 35px #0004;isolation:isolate;overflow:hidden!important}
.radar-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 23px 13px;background:linear-gradient(115deg,#1b3540,#122934);border-bottom:1px solid #44616c}
.radar-title{min-width:0}
.radar-kicker{display:flex;align-items:center;gap:7px;color:#a9d5d4;font-size:9px;font-weight:700;letter-spacing:1.7px}
.radar-kicker>i{height:7px;width:7px;background:#8de4cd;box-shadow:0 0 9px #8de4cd70;border-radius:50%}
.radar-kicker>b{font-size:8px;letter-spacing:1.3px;color:#74969e;border-left:1px solid #5c7b84;padding-left:9px;margin-left:3px}
.radar-heading h2{font-family:'Barlow Condensed',sans-serif;font-size:35px;font-weight:800;line-height:1;margin:6px 0;color:#f5f1df;letter-spacing:.3px}
.radar-heading p{margin:0;font-size:10px;color:#b4c8ce;line-height:1.35}
.radar-heading p>span{color:#627e86;margin:0 7px}
.map-objective{display:flex;align-items:center;gap:12px;flex-shrink:0;padding-left:20px;border-left:1px solid #49616c}
.map-objective>img{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 0 8px #ffbf5420)}
.map-objective>div{display:flex;flex-direction:column;gap:3px}
.map-objective small{font-size:8px;letter-spacing:1.3px;color:#a5b6bc;font-weight:600}
.map-objective strong{font-size:20px;font-family:'Barlow Condensed',sans-serif;color:#ffc67d;font-weight:700}
.map-objective span{font-size:11px;font-weight:700;color:#e9dbbb}
.map-objective span>i{font-size:7px;font-style:normal;letter-spacing:.8px;color:#9bafb9;font-weight:500;margin-left:5px}
.map-expedition{display:flex;align-items:center;gap:16px;padding:7px 23px;background:#0e202a;border-bottom:1px solid #36515e}
.expedition-step{font-size:12px;color:#7e9aa5;white-space:nowrap}
.expedition-step>b{font-size:19px;color:#f1d393;font-family:'Barlow Condensed',sans-serif}
.expedition-step small{font-size:7px;letter-spacing:1.4px;color:#9db3ba;margin-left:5px}
.expedition-track{display:flex;gap:4px;width:min(260px,30vw)}
.expedition-track i{height:4px;flex:1;background:#29424d;transform:skewX(-20deg);border-radius:1px}
.expedition-track i.complete{background:#8de4cd;box-shadow:0 0 7px #8de4cd35}
.expedition-choices{display:flex;align-items:center;gap:7px;font-size:10px;color:#c2d9d4;margin-left:auto}
.expedition-choices>i{width:5px;height:5px;border-radius:50%;background:#ffcf88;box-shadow:0 0 7px #ffb85180}
.in-campaign .branch-map.radar-field,.route-inspector .branch-map.radar-field{position:relative;min-height:0;width:100%;height:auto;flex:unset;margin:0;overflow:hidden;background:#1f434d}
.radar-landscape{position:absolute;inset:0;background-image:linear-gradient(180deg,#071b315e,#071c2690),var(--landscape);background-size:cover;background-position:center 58%;pointer-events:none}
.radar-grid{position:absolute;inset:0;background-image:linear-gradient(#bcffe30d 1px,transparent 1px),linear-gradient(90deg,#bcffe30d 1px,transparent 1px);background-size:36px 36px;pointer-events:none;box-shadow:inset 0 0 70px #061b2980}
.radar-grid:after{content:'';position:absolute;width:360px;height:360px;right:-180px;top:-180px;border:1px solid #b3f8e328;border-radius:50%;box-shadow:0 0 0 55px #b3f8e309,0 0 0 110px #b3f8e307}
.radar-coordinates{position:absolute;left:16px;right:16px;top:11px;display:flex;justify-content:space-between;color:#c7e5dc9c;font-size:7px;letter-spacing:1.4px;pointer-events:none}
.in-campaign .radar-field .radar-paths,.route-inspector .radar-field .radar-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.radar-edge{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.edge-future{stroke:#b3d4cb66;stroke-width:2.5;stroke-dasharray:3 7}
.edge-travelled{stroke:#92e1c3;stroke-width:3.5;filter:drop-shadow(0 0 3px #8bd8bd50)}
.edge-next{stroke:#ffd69a;stroke-width:4;filter:drop-shadow(0 0 4px #ffd69a65)}
.radar-paths-vertical{display:none}
.in-campaign .radar-field .radar-node,.route-inspector .radar-field .radar-node{position:absolute;left:var(--node-x);top:var(--node-y);width:48px;height:48px;transform:translate(-50%,-50%);display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;opacity:1;z-index:2;overflow:visible}
.radar-field .radar-node>.node-core{display:grid;place-items:center;width:48px;height:48px;border:1px solid #71908a;border-radius:50%;background:linear-gradient(145deg,#203841f2,#0f2530f7);color:#c0cfc8;box-shadow:0 3px 9px #0007,inset 0 0 0 3px #0002;font-size:22px;transition:transform .18s,border-color .18s,box-shadow .18s}
.radar-field .radar-node>.node-caption{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);width:100px;max-width:100px;font-size:9px;line-height:1.15;font-weight:600;text-align:center;padding:3px 5px;border-radius:4px;background:#0b202de8;color:#d1ddd7;white-space:nowrap;pointer-events:none;box-shadow:0 1px 3px #0003}
.node-caption>b{font-size:7px;font-weight:500;display:block;color:#9eb7bd;letter-spacing:.7px;margin-top:2px}
.radar-node.type-start>.node-caption{display:none}
.radar-node:disabled>.node-core{border-color:#789288;background:#152e38e8;color:#d0dbd4}
.radar-node.available{z-index:4}
.radar-node.available>.node-core{color:#fff1d2;border:2px solid #ffd091;background:linear-gradient(140deg,#665035,#3b3126);box-shadow:0 0 0 4px #ffcd7720,0 0 20px #ffce772c,0 4px 10px #0008}
.radar-node.available>.node-caption{color:#ffdf9d;border:1px solid #e6b96c65;background:#302c24f5}
.radar-node.available:hover>.node-core{transform:scale(1.12);border-color:#fff1d2;box-shadow:0 0 0 6px #ffcd7720,0 0 24px #ffce7745}
.radar-node.available:hover{background:none;border:0}
.radar-node.visited>.node-core{border-color:#96ddbb;background:linear-gradient(145deg,#2d5548,#183d37);color:#aeebc4;font-size:23px}
.radar-node.visited:not(.current)>.node-caption{color:#abd6bd;background:#0f302aed}
.radar-node.current>.node-core{border:2px solid #c2f5dc;box-shadow:0 0 0 4px #9ee3c425,0 0 20px #91d4b730}
.current-marker{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:7px;font-style:normal;letter-spacing:1.3px;color:#152e2d;background:#b2edcf;font-weight:800;padding:3px 6px;white-space:nowrap;border-radius:3px;pointer-events:none}
.radar-field .radar-node.boss{width:66px;height:66px}
.radar-field .radar-node.boss>.node-core{width:66px;height:66px;border-radius:16px;transform:rotate(-5deg);background:linear-gradient(135deg,#4c3430,#281c21);border:1px solid #d3a071;box-shadow:0 4px 16px #0008,inset 0 0 0 4px #0002}
.radar-field .radar-node.boss .portrait-node{width:59px;height:59px;transform:rotate(5deg);border-radius:10px;object-fit:contain}
.radar-node.boss>.node-caption{color:#ffe0ac;font-size:10px;background:#38241eea}
.radar-node.boss.available>.node-core{border:2px solid #ffd091;box-shadow:0 0 0 5px #f3bd5a26,0 0 26px #ffa9433b}
.radar-node>.node-core>.character-portrait,.radar-node>.node-core>canvas{display:block;width:39px;height:39px;object-fit:contain;image-rendering:auto}
.radar-node>.node-core>.item-icon{width:29px;height:29px}
.radar-node>.node-core>.recruit-ball{width:33px;height:33px;object-fit:contain}
.radar-direction{position:absolute;bottom:12px;right:18px;color:#f3dfc39c;font-size:7px;letter-spacing:1.5px;pointer-events:none}
.radar-direction>b{font-size:17px;margin-left:6px;vertical-align:-1px}
.radar-footer{padding:8px 18px 7px;background:#10252f;border-top:1px solid #527079}
.radar-footer .node-legend{border:0;padding:0;margin:0;display:flex;gap:10px 17px;align-items:center;font-size:9px;color:#b2c9cf}
.legend-state{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.legend-state>i{width:6px;height:6px;border-radius:50%;background:#ffd091;box-shadow:0 0 6px #ffd09155}
.legend-state>i.legend-past{background:#92e1c3;box-shadow:none}
.legend-types{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto;color:#a5bbc2;font-size:9px}
.legend-types>span{white-space:nowrap}
.radar-footer .map-instruction{font-size:9px!important;line-height:1.3;margin:6px 0 0;color:#92adb8}
.map-party-dock{display:flex;align-items:center;gap:14px;padding:8px 18px;background:linear-gradient(90deg,#152e39,#10252e);border-top:1px solid #2b4754}
.map-party{display:flex;align-items:center;flex:1;gap:18px;min-width:0}
.map-party-member{display:flex;align-items:center;gap:7px;min-width:0;flex:0 1 145px}
.map-party-member>img{width:42px;height:42px;object-fit:contain;flex-shrink:0}
.map-party-member>span{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}
.map-party-member strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce6df}
.map-party-member strong>i{display:block;font-size:6px;font-style:normal;letter-spacing:1px;color:#f1b69f}
.map-party-member small{font-size:8px;color:#9fbbc1}
.party-hp{display:block;height:3px;width:100%;background:#314651;border-radius:2px;overflow:hidden}
.party-hp>i{display:block;height:100%;background:#97d3ad}
.member-ko>img{filter:grayscale(1);opacity:.4}
.member-ko strong,.member-ko small{color:#ce9e94}
.map-party-manage{white-space:nowrap;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#213f47;border:1px solid #5b7b7d;color:#c6e4d6;font-size:10px;border-radius:5px;min-height:34px}
.map-party-manage>b{font-size:10px;color:#f4d399}
.map-party-manage>span{font-size:15px;color:#a3cdbb}
.map-status{display:flex;align-items:center;gap:7px;min-width:0;padding:5px 18px;background:#0b1c27;border-top:1px solid #243d49;line-height:1.3}
.map-status>i{font-size:12px;color:#d4b474;font-style:normal}
.map-status>span{font-size:9px;color:#9bb4bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#map-dialog{width:min(1400px,calc(100% - 28px));max-width:1400px;padding:15px;background:#10212c;border-color:#52727d}
#map-dialog .route-inspector{height:calc(90dvh - 80px);max-height:800px;min-height:200px}
.route-inspector .map-party-dock{display:none}
.route-inspector .radar-map{grid-template-rows:auto auto minmax(0,1fr) auto auto}
@media(max-width:1100px){.radar-heading{padding:12px 18px;gap:12px}.radar-heading h2{font-size:30px}.map-party{gap:9px}.map-party-member{gap:4px}.map-party-member>img{width:36px;height:36px}.legend-extra{display:none}.legend-types{gap:7px;font-size:8px}.radar-field .radar-node>.node-caption{width:88px;max-width:88px;font-size:8px}}
@media(max-width:900px){.radar-paths-horizontal{display:none}.radar-paths-vertical{display:block}.in-campaign .radar-field .radar-node,.route-inspector .radar-field .radar-node{left:var(--node-vx);top:var(--node-vy);width:38px;height:38px}.radar-field .radar-node>.node-core{width:38px;height:38px;font-size:19px}.radar-node>.node-core>.character-portrait,.radar-node>.node-core>canvas{width:32px;height:32px}.radar-node>.node-core>.item-icon{width:25px;height:25px}.radar-node>.node-core>.recruit-ball{width:28px;height:28px}.radar-field .radar-node>.node-caption{width:78px;max-width:78px;top:calc(100% + 3px);font-size:8px;padding:2px 4px}.node-caption>b{display:inline;margin-left:4px;font-size:6px}.radar-field .radar-node.boss{width:48px;height:48px}.radar-field .radar-node.boss>.node-core{width:48px;height:48px;border-radius:12px}.radar-node.boss .portrait-node{width:43px!important;height:43px!important}.radar-node.boss>.node-caption{font-size:8px}.current-marker{font-size:6px;bottom:calc(100% + 5px);padding:2px 5px}.radar-landscape{background-position:54% center}.radar-grid{background-size:27px 27px}.radar-direction{display:none}.radar-heading h2{font-size:27px}.map-objective{gap:7px;padding-left:10px}.map-objective>img{width:43px;height:43px}.map-objective strong{font-size:17px}.map-objective small{font-size:6px}.map-objective span{font-size:9px}.map-objective span>i{font-size:6px}.map-party-member>span{display:none}.map-party-member{flex:0 1 auto}.map-party{gap:7px}.map-party-dock{gap:8px}.legend-types{display:none}.radar-footer .map-instruction{display:none}.radar-footer{padding:6px 12px}.radar-footer .node-legend{font-size:8px;gap:10px}.map-expedition{padding:5px 15px}.map-status{padding:5px 12px}.radar-heading{padding:11px 15px}.radar-heading p{font-size:9px}.radar-coordinates{font-size:6px}}
@media(max-width:500px){.on-map .run-actions{gap:4px}.on-map .run-top{margin-bottom:5px}.radar-heading{gap:8px;padding:10px 12px}.radar-kicker{font-size:7px;letter-spacing:1px}.radar-kicker>b{display:none}.radar-heading h2{font-size:24px;margin:5px 0}.radar-heading p{font-size:8px}.radar-heading p>span:last-of-type,.radar-heading p>span:last-of-type~*{display:none}.map-objective{padding-left:8px;gap:4px;max-width:110px}.map-objective>img{width:33px;height:33px}.map-objective strong{font-size:14px}.map-objective small{font-size:5px;letter-spacing:.5px}.map-objective span{font-size:8px}.map-objective span>i{display:none}.expedition-step{font-size:10px}.expedition-step>b{font-size:17px}.expedition-step small{font-size:6px}.expedition-track{width:65px;gap:3px}.expedition-choices{font-size:8px;gap:5px}.map-expedition{gap:10px;padding:5px 12px}.radar-field .radar-node>.node-caption{width:65px;max-width:65px;font-size:7px;padding:2px}.map-party-dock{padding:6px 9px;gap:6px}.map-party{gap:2px;justify-content:flex-start}.map-party-member>img{width:31px;height:31px}.map-party-manage{font-size:9px;padding:6px 8px;gap:5px;min-height:31px}.map-status>span{font-size:8px}.radar-coordinates{left:9px;right:9px;top:7px;font-size:5px}.radar-footer .node-legend{font-size:7px;gap:10px}}
@media(max-width:900px) and (max-height:760px){.in-campaign .radar-field .radar-node,.route-inspector .radar-field .radar-node{width:32px;height:32px}.radar-field .radar-node>.node-core{width:32px;height:32px;font-size:17px}.radar-node>.node-core>.character-portrait,.radar-node>.node-core>canvas{width:27px;height:27px}.radar-node>.node-core>.recruit-ball{width:25px;height:25px}.radar-node:not(.available):not(.current):not(.boss)>.node-caption{display:none}.radar-field .radar-node.boss,.radar-field .radar-node.boss>.node-core{width:40px;height:40px}.radar-node.boss .portrait-node{width:35px!important;height:35px!important}.map-status{display:none}.radar-map{grid-template-rows:auto auto minmax(0,1fr) auto auto!important}.route-inspector .radar-map{grid-template-rows:auto auto minmax(0,1fr) auto!important}.radar-heading{padding-top:8px;padding-bottom:8px}.radar-heading h2{font-size:23px}}
@media(min-width:901px) and (max-height:720px){.radar-heading{padding:9px 18px}.radar-heading h2{font-size:28px}.map-objective>img{width:42px;height:42px}.map-expedition{padding:4px 18px}.radar-field .radar-node>.node-core,.in-campaign .radar-field .radar-node{width:40px;height:40px}.radar-node>.node-core>.character-portrait{width:33px;height:33px}.radar-field .radar-node.boss,.radar-field .radar-node.boss>.node-core{width:52px;height:52px}.radar-node.boss .portrait-node{width:46px!important;height:46px!important}.radar-footer .map-instruction{display:none}.map-party-dock{padding:5px 16px}.map-party-member>img{width:34px;height:34px}.map-status{padding:3px 16px}}
@media(prefers-reduced-motion:reduce){html:not([data-reduce-motion=false]) .radar-node>.node-core{transition:none!important}html:not([data-reduce-motion=false]) .radar-edge{filter:none}}
@media(orientation:landscape) and (max-height:600px){.radar-paths-horizontal{display:block}.radar-paths-vertical{display:none}.in-campaign .radar-field .radar-node,.route-inspector .radar-field .radar-node{left:var(--node-x);top:var(--node-y)}.map-party-dock,.radar-footer,.map-status,.radar-heading p,.radar-kicker{display:none}.in-campaign .radar-map,.route-inspector .radar-map{grid-template-rows:auto auto minmax(0,1fr)!important}.radar-heading{padding:7px 14px}.radar-heading h2{font-size:24px;margin:0}.map-objective>img{width:30px;height:30px}.map-objective small,.map-objective span{display:none}.map-expedition{padding:4px 14px}.radar-field .radar-node>.node-caption{font-size:7px;width:80px}.radar-coordinates{display:none}}
@media(max-width:500px) and (max-height:650px){.map-party-dock,.radar-heading p,.radar-kicker,.map-status{display:none}.in-campaign .radar-map,.route-inspector .radar-map{grid-template-rows:auto auto minmax(0,1fr) auto!important}.radar-heading{padding:7px 10px}.radar-heading h2{font-size:22px;margin:0}.map-objective>img{width:29px;height:29px}.map-objective small,.map-objective span{display:none}.in-campaign .radar-field .radar-node,.route-inspector .radar-field .radar-node,.radar-field .radar-node>.node-core{width:26px;height:26px}.radar-node>.node-core>.character-portrait,.radar-node>.node-core>canvas{width:23px;height:23px}.radar-node>.node-core>.recruit-ball{width:22px;height:22px}.radar-node>.node-core>.item-icon{width:20px;height:20px}.radar-field .radar-node.boss,.radar-field .radar-node.boss>.node-core{width:34px;height:34px}.radar-node.boss .portrait-node{width:30px!important;height:30px!important}.map-expedition{padding:4px 10px}.expedition-step>b{font-size:15px}.radar-footer{padding:5px 10px}}