:root{--bg:#030b18;--panel:#071426;--line:#17345a;--text:#e8f4ff;--muted:#8097b5;--blue:#2878ff;--cyan:#1cc8ff;--green:#36d399;--amber:#f5a524;--red:#f05252}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:radial-gradient(circle at 55% -10%,#0c2854 0,#030b18 45%);color:var(--text);font:14px Inter,Arial,sans-serif}.app{min-height:100vh;display:grid;grid-template-columns:205px 1fr;grid-template-rows:68px 1fr 32px}aside{grid-row:1/4;padding:22px 14px;border-right:1px solid #10243e;background:linear-gradient(180deg,#061122,#030915);display:flex;flex-direction:column;gap:20px}aside h1{margin:0;font-size:24px}aside small{color:var(--muted)}nav{display:grid;gap:7px}nav a{padding:13px;border-radius:10px;color:#adc0da}nav .on{background:linear-gradient(90deg,#113d9d,#0a234b);color:white;box-shadow:0 0 24px #154ec655}.status{margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:#081a2e;color:var(--green)}header{display:flex;align-items:center;gap:50px;padding:0 24px;border-bottom:1px solid #10243e;background:#040d1a}header div{display:grid;gap:3px}header small{color:var(--muted)}header button{margin-left:auto;background:#0a1930;color:white;border:1px solid var(--line);border-radius:10px;padding:9px 12px}main{padding:18px;min-width:0}.title{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.title h2,.sectionhead h2{margin:3px 0}.title p{margin:5px 0;color:#9eb0c8}.title>div>small,.sectionhead small{color:var(--cyan);letter-spacing:.12em}.title ol{display:flex;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.title li{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}.title .active{background:#104bcc;color:white}.panel{background:linear-gradient(180deg,#08172a,#061120);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #0005}.hero{display:grid;grid-template-columns:180px minmax(0,1fr) 260px;gap:12px}.country,.weights{padding:15px}.country h3{font-size:20px}.score{font-size:42px;color:var(--green);font-weight:800}.score small{font-size:14px;color:var(--muted)}dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}dt{color:var(--muted)}dd{margin:0;font-weight:700}.map{padding:10px;overflow:hidden}.tabs{color:#9cc8ff;margin:3px 8px 8px}.map svg{width:100%;height:300px}.map rect{fill:#071a34}.map .land{fill:#123d65;stroke:#2a83cb;stroke-width:2}.routes path{fill:none;stroke:#ff8b3d;stroke-width:2;stroke-dasharray:7 7}.nodes circle{fill:#37d5ff}.nodes .target{fill:#ff7b32;stroke:white;stroke-width:3}.map text{fill:#dff6ff;font-size:16px}.mapstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mapstats span{background:#07192d;border:1px solid #17395e;border-radius:10px;padding:10px;color:var(--muted)}.mapstats b{display:block;color:var(--green);margin-top:3px}.weights label{display:grid;grid-template-columns:1fr 95px 28px;align-items:center;gap:8px;margin:14px 0;color:#a9bdd6}.weights input{accent-color:var(--blue);width:100%}.weights output{color:white;text-align:right}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin:18px 0 10px}.sectionhead>b{color:var(--green)}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.mode{padding:14px;position:relative}.mode.selected{outline:2px solid var(--blue);box-shadow:0 0 28px #1864ff55}.mode.recommended:before{content:'RECOMMENDED';position:absolute;top:0;right:0;padding:5px 7px;border-radius:0 13px 0 8px;background:#0b7a58;color:white;font-size:9px}.mode h3{margin:8px 0}.mode p{color:var(--muted);font-size:12px;min-height:52px}.mode .icon{font-size:24px}.metric{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:11px;margin:7px 0}.metric span:first-child{color:var(--muted)}.bar{height:6px;background:#10253f;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green))}.mode button,.selection button,.compare button{width:100%;padding:10px;border:0;border-radius:8px;background:linear-gradient(90deg,#1350d9,#2923a5);color:white;font-weight:700}.analysis{display:grid;grid-template-columns:1.1fr 1.1fr 1fr .9fr;gap:10px;margin-top:12px}.analysis article{padding:14px}.analysis h3{margin-top:0}.analysis p,.analysis li{color:#a7bbd3;line-height:1.5}.compare{display:flex;gap:7px;align-items:center}.compare select{background:#08182a;color:white;border:1px solid var(--line);border-radius:7px;padding:8px;min-width:100px}.compare button{width:auto}.selection button:disabled{opacity:.4}footer{grid-column:2;padding:8px 18px;border-top:1px solid #10243e;color:var(--muted);font-size:11px}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.analysis{grid-template-columns:1fr 1fr}.hero{grid-template-columns:180px 1fr}.weights{grid-column:1/3}}@media(max-width:760px){.app{display:block;width:100%;min-width:0}.app,main,.hero,.modes,.analysis,.panel,.map,.weights,.country,.mode,.selection{min-width:0;max-width:100%}aside{display:none}header{position:sticky;top:0;z-index:3;display:flex;gap:8px;padding:10px;overflow:hidden;flex-wrap:wrap}header>div{min-width:0;max-width:calc(100% - 56px)}header div:nth-child(2){display:none}header b,header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header button{margin-left:auto;flex:0 0 auto}main{padding:10px;width:100%;overflow:hidden}.title{display:block;min-width:0}.title ol{margin-top:10px;display:flex;max-width:100%;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:6px;scrollbar-width:thin}.title li{flex:0 0 auto}.hero{display:block}.hero>*{margin-bottom:10px;min-width:0}.map svg{width:100%;height:auto;min-height:210px;display:block}.mapstats{grid-template-columns:1fr}.weights label{grid-template-columns:minmax(0,1fr) minmax(70px,110px) 28px}.grid{grid-template-columns:1fr}.analysis{grid-template-columns:1fr}.mode p{min-height:auto}.sectionhead{display:block}.sectionhead>b{display:block;margin-top:8px}.compare{display:grid;grid-template-columns:1fr;align-items:stretch}.compare select,.compare button,select,button,input{min-width:0;max-width:100%;width:100%}.metric{grid-template-columns:minmax(0,1fr) auto}dl{grid-template-columns:minmax(0,1fr) auto}footer{display:none}}@media(max-width:420px){.country,.weights,.analysis article,.mode{padding:12px}.score{font-size:36px}.title h2,.sectionhead h2{font-size:22px}.map{padding:6px}}