@import url('./style.css');
.region-sectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.region-sector{background:#1e3543;border:1px solid #adc8ce22;border-radius:9px;color:#c4d8dc;text-align:left;padding:11px 12px;cursor:pointer}.region-sector b{color:#efb680;font:500 11px system-ui;margin-right:7px}.region-sector span{font:500 12px system-ui}.region-sector small{display:block;color:#91b0ba;margin-top:5px;font:11px system-ui}.region-sector[aria-pressed=true]{border-color:#aedfca;background:#294d4d}
@media(max-width:760px){.region-sectors{grid-template-columns:repeat(2,minmax(0,1fr))}.region-sector span{font-size:13px}.region-zone span{display:none}}
:root{--mint:#a7e0cf;--accent:#ffb27e;--muted:#9db4c4;--edge:#ffffff17}*{box-sizing:border-box}.region-app{max-width:1780px;margin:auto;padding:22px 28px;color:#e1edf0}.region-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.region-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#dae8e9;font-size:13px;letter-spacing:.12em;font-weight:650}.region-brand b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e1ebe2;color:#203a42;font-size:34px;letter-spacing:-.06em}.scene-nav{display:flex;gap:5px;margin-left:auto}.scene-nav a{padding:9px 13px;color:#a8becc;border-radius:8px;text-decoration:none;font-size:14px}.scene-nav a[aria-current]{background:#294448;color:#bce9d8}.region-intro{display:flex;align-items:center;justify-content:space-between;margin:26px 0 20px;gap:15px}.eyebrow{font-size:11px;letter-spacing:.12em;color:#b2cabf}.region-intro h1{font-size:clamp(28px,3.3vw,47px);font-weight:480;letter-spacing:-.045em;margin:6px 0 0;line-height:1.12}.subtle{background:transparent;border:1px solid var(--edge);border-radius:9px;color:#c7d8de;padding:10px 13px;font:inherit;font-size:13px;cursor:pointer}.subtle:hover{background:#ffffff0a}.primary{background:var(--mint);color:#173735;border:0;border-radius:10px;font:600 14px system-ui;padding:13px 17px;cursor:pointer}.primary:disabled{opacity:.45;cursor:default}.region-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:22px}.region-main{min-width:0}.region-world{height:clamp(440px,65vh,820px);position:relative;overflow:hidden;border:1px solid #9dcac526;border-radius:24px;background:radial-gradient(ellipse at 50% 38%,#304c57,#162834 78%)}#r-canvas{position:absolute;inset:0;touch-action:none;cursor:grab}#r-canvas canvas{display:block;width:100%;height:100%}#r-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#b6ccd5}#r-loading[hidden]{display:none}.region-hud{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;font-size:12px;letter-spacing:.06em}.region-hud>span{background:#112733d9;border:1px solid #acc9d024;border-radius:10px;padding:11px 13px;backdrop-filter:blur(10px)}.pulse{display:inline-block;background:var(--mint);width:6px;height:6px;border-radius:50%;margin-right:6px}.region-callout{position:absolute;bottom:62px;left:20px;max-width:calc(100% - 40px);padding:10px 14px;background:#152c37e8;border-left:2px solid var(--accent);border-radius:3px 8px 8px 3px;color:#deeadf;font-size:13px;pointer-events:none;line-height:1.5}.region-map-bottom{position:absolute;bottom:13px;left:20px;right:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.region-map-bottom>span{font-size:11px;color:#afc4cd;background:#152a35cf;padding:7px 9px;border-radius:6px}.region-map-bottom>div{display:flex;gap:5px;pointer-events:auto}.region-map-bottom button{height:37px;width:37px;border:1px solid #bedce130;background:#203b49;color:#e0edef;border-radius:8px;cursor:pointer;font-size:19px}.region-zone{position:absolute;transform:translate(-50%,-50%);background:#17313ee8;color:#e0eeeb;border:1px solid #b0d2ce3b;backdrop-filter:blur(8px);padding:7px 11px;border-radius:9px;white-space:nowrap;text-align:left;cursor:pointer;box-shadow:0 5px 20px #081d2b33}.region-zone b{font-size:11px;color:var(--accent);margin-right:6px}.region-zone span{font-size:12px}.region-zone small{display:block;color:#a5c1c7;font-size:10px;margin-top:3px}.region-zone[aria-pressed=true]{border-color:var(--mint);background:#315a59}.region-transport{display:flex;align-items:center;gap:12px;margin:13px 0}.region-transport label{margin-left:auto;display:flex;align-items:center;gap:9px;color:#a7bdca;font-size:12px}.region-transport select{padding:8px;background:#1f3545;color:#e0eeef;border:1px solid var(--edge);border-radius:7px}.region-timeline{height:3px;background:#29404e;border-radius:3px;overflow:hidden}.region-timeline>i{height:100%;display:block;background:var(--accent);width:0}.region-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:20px 0}.region-stats>div+div{border-left:1px solid var(--edge);padding-left:16px}.region-stats span{display:block;font-size:12px;color:#a8bdca}.region-stats strong{display:block;font-size:36px;font-weight:450;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:7px 0}.region-stats small{display:block;font-size:11px;color:#8eabbc;line-height:1.5}.region-chain{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:17px;border:1px solid #b2dfcb25;background:#83c7ad08;border-radius:12px;font-size:11px;color:#bfe0d2;letter-spacing:.08em}.region-chain i{font-size:18px;font-style:normal;color:#e9b486}.region-panel{border:1px solid var(--edge);border-radius:20px;padding:24px;background:#1c2e3cee}.region-panel h2{font-weight:480;font-size:25px;letter-spacing:-.025em;margin:10px 0}.region-panel p{font-size:14px;line-height:1.6;color:#b1c6d0}.allocation-head{display:flex;justify-content:space-between;font-size:13px;margin:19px 0 12px}.allocation-head strong{color:var(--accent);font-size:18px}#r-share{width:100%;accent-color:#ffb27e;cursor:pointer}.allocation-key{display:flex;flex-wrap:wrap;gap:5px 12px;margin:9px 0 18px;font-size:11px;color:#abc5c9}.allocation-key span:nth-child(2){color:var(--accent)}.auto-build{display:flex;align-items:center;gap:9px;font-size:13px;color:#d0e5de;line-height:1.5}.auto-build input{accent-color:var(--mint);width:16px;height:16px}.region-app .tiny{font-size:11px;line-height:1.6;color:#8faaba}.region-chart,.region-limit{border-top:1px solid var(--edge);padding-top:20px;margin-top:22px}.chart-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-title h3{font-weight:500;font-size:15px;margin:0}.chart-title>span{font-size:21px;color:var(--mint);font-variant-numeric:tabular-nums}.chart-legend{display:flex;gap:13px;font-size:10px;color:#a5bcca;margin:12px 0}.chart-legend i{width:13px;height:2px;display:inline-block;background:var(--mint);vertical-align:middle;margin-right:4px}.chart-legend span+span i{background:#7e9aad}.region-chart svg,.region-inspector svg{display:block;width:100%;height:auto;overflow:visible}.chart-endpoints{display:flex;justify-content:space-between;font-size:10px;color:#8eaabb;margin-top:3px}.region-limit>strong{display:block;font-size:19px;font-weight:500;margin:9px 0}.region-limit p{font-size:13px;margin:0 0 15px}.utility{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px;color:#a9c0cc;margin-top:13px}.utility b{font-weight:500;color:#d7e9e5}.utility>div{grid-column:1/-1;height:5px;background:#2e4454;overflow:hidden;border-radius:4px}.utility i{display:block;height:100%;background:var(--mint);width:0}.utility i.over{background:var(--accent)}.region-inspector{margin-top:20px;background:#203743;border:1px solid #b6dcc934;border-radius:18px;padding:22px}.selected-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.selected-heading button{font-size:20px;line-height:1;padding:6px 10px}.selected-grid{display:grid;grid-template-columns:1.3fr 1fr .6fr;gap:30px}.region-inspector h2{font-size:26px;font-weight:500;margin:0 0 10px}.region-inspector p{font-size:14px;line-height:1.65;color:#b6cdd2;margin:7px 0}.site-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.regional-stock p{display:flex;justify-content:space-between;border-bottom:1px solid var(--edge);padding:9px 0;font-size:12px}.regional-stock strong{font-weight:500;color:#e0eade}.region-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 0;color:#8fa9ba;font-size:11px}#r-about{background:#1b303f;color:#dfebed;border:1px solid #badbd138;border-radius:22px;max-width:660px;max-height:88svh;padding:32px;width:calc(100% - 28px);overflow:auto}#r-about h2{font-size:29px;letter-spacing:-.025em;font-weight:500;margin:17px 0}#r-about p{font-size:15px;line-height:1.7;color:#b7cbd4}.region-app button:focus-visible,.region-app a:focus-visible{outline:2px solid #ffbd87;outline-offset:3px}
@media(min-width:1600px){.region-layout{grid-template-columns:minmax(0,1fr) 380px}.region-panel{padding:28px}}
@media(max-width:1050px){.region-app{padding:16px}.region-layout{grid-template-columns:minmax(0,1fr) 300px;gap:15px}.region-panel{padding:18px}.region-zone span{font-size:10px}.region-zone{padding:6px 8px}.region-chain{font-size:9px;padding:12px}.selected-grid{grid-template-columns:1fr 1fr}.regional-stock{grid-column:1/-1;display:flex;gap:20px;align-items:center}.regional-stock p{flex:1}.region-top{gap:10px}.region-top .narration-toggle{margin-left:0}}
@media(max-width:760px){.region-app{padding:12px 10px 20px}.region-brand{font-size:0;gap:0}.region-brand b{font-size:29px;width:35px;height:35px}.region-top{gap:8px}.scene-nav{margin-left:0;flex:1}.scene-nav a{font-size:12px;padding:9px 10px}.region-top .language-switch{margin-left:auto}.region-top .narration-toggle{order:3}.region-intro{margin:22px 0 15px;align-items:end}.region-intro h1{font-size:29px}.region-intro .eyebrow{font-size:9px}.region-intro>.subtle{font-size:11px;max-width:95px;padding:9px;line-height:1.5}.region-layout{display:flex;flex-direction:column;gap:17px}.region-world{height:clamp(390px,61svh,650px);border-radius:17px}.region-hud{top:12px;left:12px;right:12px;font-size:10px}.region-hud>span{padding:9px 10px}.region-zone span{font-size:10px}.region-zone b{font-size:10px}.region-zone small{font-size:9px}.region-callout{left:12px;max-width:calc(100% - 24px);font-size:11px;bottom:60px;padding:9px 11px}.region-map-bottom{left:12px}.region-map-bottom>span{font-size:9px;max-width:calc(100% - 135px);line-height:1.4}.region-map-bottom button{height:38px;width:38px}.region-transport{gap:8px;flex-wrap:wrap}.region-transport .primary{font-size:13px;padding:12px 14px}.region-transport label{gap:6px;font-size:11px}.region-transport .subtle{font-size:11px;padding:10px}#r-jump{margin-left:auto}.region-stats{gap:10px;padding:17px 0}.region-stats>div+div{padding-left:10px}.region-stats span{font-size:10px;line-height:1.5}.region-stats strong{font-size:29px}.region-stats small{font-size:10px}.region-chain{font-size:9px;letter-spacing:.025em;padding:12px 9px}.region-chain i{font-size:14px}.region-panel{padding:22px}.region-panel h2{font-size:28px}.region-panel p{font-size:15px}.allocation-key,.auto-build{font-size:13px}.region-app .tiny{font-size:12px}.chart-legend,.chart-endpoints,.utility{font-size:12px}.region-inspector{padding:18px}.selected-grid{display:flex;flex-direction:column;gap:24px}.regional-stock{display:block}.regional-stock p{font-size:14px}.region-footer{font-size:10px;line-height:1.6}.region-footer .subtle{white-space:nowrap;font-size:11px}#r-about{padding:25px}.region-chart svg{max-height:200px}}