:root{--bg:#07100d;--panel:#0c1511;--panel2:#111d18;--ink:#eef5f0;--muted:#91a098;--line:#34423b;--accent:#d4ff61;--accent-rgb:212,255,97;--strong:#38936e;--good:#789b4a;--partial:#9a7c3e;--weak:#82504b;--unknown:#1a2521;--map1:#12221b;--map2:#08110e}
:root[data-product="infranet"]{--bg:#071116;--panel:#0c171d;--panel2:#102129;--ink:#eef8fa;--muted:#91a5aa;--line:#314952;--accent:#65d9ff;--accent-rgb:101,217,255;--strong:#347f93;--good:#507d92;--partial:#697184;--weak:#765258;--unknown:#17242b;--map1:#132832;--map2:#08141a}
*{box-sizing:border-box}html,body,.app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px}button,input,select{font:inherit}.top{height:70px;position:absolute;z-index:30;inset:0 0 auto;display:grid;grid-template-columns:220px 204px minmax(280px,1fr) auto;align-items:center;gap:14px;padding:0 18px;background:color-mix(in srgb,var(--bg) 95%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand{min-width:0;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:var(--ink);cursor:pointer;text-align:left;padding:0}.brand-badge{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;display:grid;place-items:center;background:var(--accent);color:var(--bg);font-size:22px;font-weight:950;font-style:normal;line-height:1;border-radius:7px}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font-size:16px;line-height:1.1}.brand-copy small{margin-top:4px;font-size:9px;line-height:1.1;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-switch{height:42px;width:204px;display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);overflow:hidden}.product-switch a{height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;transition:background .15s,color .15s}.product-switch a:hover{color:var(--ink)}.product-switch a.active{color:var(--accent);background:rgba(var(--accent-rgb),.13);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18)}
.search{height:44px;position:relative;display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:0 12px}.search>span{font-size:22px;color:var(--muted)}.search input{height:100%;width:100%;border:0;outline:0;background:transparent;color:var(--ink);padding:0 10px;font-size:14px}.search>div{display:none;position:absolute;z-index:100;top:51px;left:0;right:0;max-height:65vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 24px 60px #0009}.search>div.open{display:block}.result{width:100%;border:0;background:transparent;color:var(--ink);display:flex;justify-content:space-between;gap:14px;text-align:left;padding:12px;border-radius:8px;cursor:pointer;font-size:13px}.result:hover{background:var(--panel2)}.result small{color:var(--muted);font-size:11px}
nav{justify-self:end;display:flex;gap:8px}nav button,.controls button{border:1px solid var(--line);background:var(--panel2);color:#b6c2bc;border-radius:10px;padding:10px 13px;cursor:pointer;font-size:13px;white-space:nowrap}nav button:hover,.controls button:hover,nav button.active{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}nav button.active{background:rgba(var(--accent-rgb),.12);color:var(--accent)}
.map{position:absolute;inset:70px 0 0;background:radial-gradient(circle,var(--map1),var(--map2) 68%);overflow:hidden;touch-action:none}#world{width:100%;height:100%;display:block;cursor:grab;touch-action:none;outline:0;-webkit-tap-highlight-color:transparent}#world.dragging{cursor:grabbing}.country{cursor:pointer;pointer-events:auto;transition:fill .15s,opacity .15s}.country.strong{fill:var(--strong)}.country.good{fill:var(--good)}.country.partial{fill:var(--partial)}.country.weak{fill:var(--weak)}.country.unknown{fill:var(--unknown)}.country.filtered{opacity:.24}#borders{fill:none;stroke:#6b7a74;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-opacity:.82;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;pointer-events:none}#selection path{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;pointer-events:none}
.stats{position:absolute;top:18px;left:20px;height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--muted);font-size:11px;backdrop-filter:blur(10px)}.stats b{color:var(--ink);font-size:13px}.stats i{width:1px;height:18px;background:var(--line)}.controls{position:absolute;left:20px;bottom:20px;display:flex;flex-direction:column}.controls button{width:46px;height:44px;border-radius:0;font-size:18px;padding:0}.controls button:first-child{border-radius:11px 11px 0 0}.controls button:last-child{border-radius:0 0 11px 11px}
.legend{position:absolute;right:20px;bottom:20px;width:330px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 91%,transparent);padding:17px;backdrop-filter:blur(10px)}.legend header div{display:flex;flex-direction:column}.legend header b{font-size:15px;line-height:1.2}.legend header small{font-size:11px;color:var(--muted);margin-top:4px}.legend-items{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:54px;gap:10px 12px;margin-top:15px}.legend-item{height:54px;display:grid;grid-template-columns:17px 1fr;grid-template-rows:18px 32px;column-gap:9px;align-items:start}.legend-item i{grid-row:1/3;width:17px;height:17px;border-radius:4px;margin-top:1px}.legend-item i.strong{background:var(--strong)}.legend-item i.good{background:var(--good)}.legend-item i.partial{background:var(--partial)}.legend-item i.weak{background:var(--weak)}.legend-item i.unknown{background:var(--unknown);border:1px solid #53625b}.legend-item b{font-size:13px;line-height:18px}.legend-item small{font-size:10px;color:var(--muted);line-height:1.25}.legend-note{font-size:11px;color:#b5c0ba;line-height:1.45;border-top:1px solid var(--line);padding-top:11px;margin:2px 0 0}
#tip{position:fixed;z-index:80;display:none;pointer-events:none;background:#edf4ef;color:#07100d;padding:10px 12px;border-radius:8px;font-size:11px;box-shadow:0 14px 40px #0008}#tip.show{display:block}#tip b{display:block;font-size:13px}#tip span{display:block;margin-top:4px;color:#4c5953}
#drawer,#filters,#about{position:absolute;z-index:50;right:0;top:70px;bottom:0;width:min(520px,96vw);transform:translateX(104%);transition:.25s;background:color-mix(in srgb,var(--panel) 98%,transparent);border-left:1px solid var(--line);overflow:auto;box-shadow:-25px 0 70px #0007}#drawer.open,#filters.open,#about.open{transform:none}.close{position:absolute;z-index:3;right:14px;top:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:#aab6b0;font-size:24px;cursor:pointer}.countryHead{padding:38px 30px 25px;border-bottom:1px solid var(--line)}.countryHead small{color:var(--accent);text-transform:uppercase;font-size:11px;letter-spacing:.1em}.countryHead h1{font-size:42px;line-height:1;margin:13px 0 16px}.coverage{display:flex;gap:12px;align-items:center;color:#b1bdb7;font-size:13px}.bar{height:5px;flex:1;background:color-mix(in srgb,var(--line) 70%,transparent);border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.metrics div{text-align:center;padding:18px 7px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics b{display:block;font-size:23px}.metrics span{font-size:10px;color:var(--muted);text-transform:uppercase;line-height:1.25}.scoreNote{padding:17px 29px;border-bottom:1px solid var(--line);color:#b7c2bc;font-size:13px;line-height:1.6}.sourceList{padding:13px 17px 36px}.source{padding:18px 17px;border:1px solid transparent;border-bottom-color:var(--line);cursor:pointer}.source:hover{border-color:color-mix(in srgb,var(--line) 80%,var(--accent));background:var(--panel2);border-radius:11px}.source h3{font-size:17px;line-height:1.3;margin:0;padding-right:55px}.source p{font-size:14px;line-height:1.62;color:#a9b5af;margin:11px 0}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.chip{padding:6px 8px;border:1px solid var(--line);border-radius:6px;font-size:11px;color:#b4c0ba;line-height:1.25}.score{float:right;color:var(--accent);font:11px monospace}.source a,.detail a.main{display:inline-flex;margin-top:13px;color:var(--accent);font-size:13px;text-decoration:none}.detail{padding:36px 30px}.detail>button{font-size:13px!important}.detail h1{font-size:36px;line-height:1.08;margin:19px 0 13px}.detail>p{color:#adb9b3;line-height:1.7;font-size:15px}.detailGrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:23px}.detailGrid div{padding:16px 0;border-bottom:1px solid var(--line)}.detailGrid div:nth-child(odd){border-right:1px solid var(--line);padding-right:15px}.detailGrid div:nth-child(even){padding-left:15px}.detailGrid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.detailGrid b{display:block;font-size:13px;line-height:1.45;margin-top:5px}.detail a.main{display:flex;justify-content:space-between;background:var(--accent);color:var(--bg);padding:15px;border-radius:9px;font-weight:800;font-size:14px}
#filters,#about{padding:36px 31px}#filters h2,#about h2{font-size:36px;margin:0 0 13px}.filterIntro{font-size:13px;line-height:1.6;color:#aab6b0;margin:0 46px 25px 0}#filters label{display:block;font-size:12px;color:#aab6b0;text-transform:uppercase;margin:21px 0;letter-spacing:.04em}#filters select{display:block;width:100%;margin-top:9px;padding:14px 13px;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:9px;font-size:15px;line-height:1.3;outline:none}#filters select:focus{border-color:var(--accent)}.check{display:flex!important;gap:12px;align-items:flex-start;text-transform:none!important;font-size:14px!important;padding:14px 0;margin:0!important;border-top:1px solid var(--line)}.check input{accent-color:var(--accent);width:18px;height:18px;margin-top:3px;flex:0 0 auto}.check span{display:flex;flex-direction:column}.check b{font-size:14px;color:var(--ink);font-weight:700}.check small{font-size:12px;color:var(--muted);line-height:1.48;margin-top:4px}#filters footer{display:flex;gap:10px;margin-top:29px}#filters footer button{flex:1;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--ink);padding:14px;cursor:pointer;font-size:14px}#filters footer button:last-child{background:var(--accent);color:var(--bg);font-weight:800}#about p{font-size:15px;line-height:1.75;color:#abb7b1}#about h3{font-size:14px;margin-top:30px}.muted{color:#728078!important;font-size:12px!important}#scrim{position:absolute;z-index:45;inset:0;background:#0006;opacity:0;pointer-events:none}#scrim.open{opacity:1;pointer-events:auto}
@media(max-width:1160px){.top{grid-template-columns:205px 190px minmax(230px,1fr) auto;gap:9px}.product-switch{width:190px}.brand-copy small{display:none}nav button{padding:10px}}
@media(max-width:900px){.top{grid-template-columns:auto 180px 1fr auto;padding:0 10px;gap:8px}.brand-copy{display:none}.product-switch{width:180px}.search input{font-size:13px}nav button{font-size:0;width:42px;height:42px;padding:0}nav button:before{font-size:16px}#globalBtn:before{content:'◎'}#filterBtn:before{content:'☷'}#aboutBtn:before{content:'i'}.stats{left:10px;top:10px}.legend{right:10px;bottom:10px;width:270px;padding:13px}.legend-items{grid-template-columns:1fr;grid-auto-rows:45px}.legend-item{height:45px;grid-template-rows:18px 24px}.legend-note{display:none}.controls{left:10px;bottom:10px}#drawer{top:auto;height:min(75vh,710px);width:100%;border-radius:18px 18px 0 0;border-left:0;border-top:1px solid var(--line);transform:translateY(104%)}#drawer.open{transform:none}.countryHead h1{font-size:35px}.source p{font-size:14px}}
@media(max-width:650px){.top{height:64px;grid-template-columns:40px 154px 1fr auto}.map{inset:64px 0 0}.brand-badge{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;font-size:20px}.product-switch{width:154px;height:38px}.product-switch a{height:30px;font-size:11px}.search{height:40px}.search>span{display:none}.search input{padding:0 4px}.stats span:nth-of-type(3),.stats b:nth-of-type(3),.stats i:nth-of-type(2){display:none}.legend{width:210px}.legend header small,.legend-item small{display:none}.legend-items{grid-auto-rows:28px}.legend-item{height:28px;grid-template-rows:20px;align-items:center}.legend-item i{grid-row:1}.legend-item b{line-height:20px}.metrics b{font-size:18px}.metrics span{font-size:8px}.detailGrid{grid-template-columns:1fr}.detailGrid div:nth-child(odd){border-right:0;padding-right:0}.detailGrid div:nth-child(even){padding-left:0}}