/* Country badges use full-bleed flag geometry rather than platform emoji. */
.country-symbol{position:relative;overflow:hidden;border:0;box-shadow:0 0 0 1px #ffffff35,0 0 0 7px #dec79f08,0 12px 32px #0007}
.country-symbol:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(140deg,#ffffff25,transparent 40%,#0003);pointer-events:none}
.country-symbol[data-flag=DE]{background:linear-gradient(#171717 0 33.333%,#d11d30 33.333% 66.667%,#ffcf3c 66.667%)}
.country-symbol[data-flag=NL]{background:linear-gradient(#ae1c28 0 33.333%,#fff 33.333% 66.667%,#21468b 66.667%)}
.country-symbol[data-flag=EE]{background:linear-gradient(#4891d9 0 33.333%,#171717 33.333% 66.667%,#fff 66.667%)}
.country-symbol[data-flag=SE]{background:linear-gradient(transparent 41%,#fecc00 41% 59%,transparent 59%),linear-gradient(90deg,#006aa7 30%,#fecc00 30% 47%,#006aa7 47%)}
.country-card{position:relative;background:radial-gradient(ellipse at 0 0,#b8975d18,transparent 60%),linear-gradient(115deg,#151d28,#0e131b);border-color:#dec79f35;box-shadow:0 22px 65px #0005,inset 0 1px #ffffff0b;padding:34px;gap:28px}
.country-info h2{letter-spacing:-.7px}.protocols span{background:#ffffff04;border-color:#ffffff18;color:#c5cbd4}
.latency strong{font-variant-numeric:tabular-nums;letter-spacing:-1.5px;font-size:40px}
.country-list button{transition:background .2s,border-color .2s,transform .2s}.country-list button:hover{background:#ffffff08}
.country-list button[aria-pressed=true]{background:linear-gradient(125deg,#dec79f20,#dec79f07);box-shadow:inset 0 1px #ffffff15;border-color:#dec79f70}
.country-list .iso{font-size:20px;line-height:1}
.choices>a{background:radial-gradient(ellipse at 0 0,#dec79f0a,transparent 70%),#0c1118;border-color:#ffffff13}
.primary{box-shadow:inset 0 1px #fff8,0 8px 30px #b58c4322}
.globe-wrap{background:radial-gradient(ellipse at center,#27446440,transparent 66%)}
#globe-input{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.hero>.bottom-controls{position:relative;inset:auto;max-width:860px;margin:0 auto 20px;padding:12px 0;gap:16px;z-index:3;isolation:isolate}
.hero>.bottom-controls button,.hero>.bottom-controls #reset{height:48px;min-height:48px;width:auto;min-width:130px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 17px;border-radius:24px;border:1px solid #dec79f38;background:linear-gradient(135deg,#1c242e,#10151d);font:12px Arial;touch-action:manipulation;box-shadow:inset 0 1px #ffffff09}
.hero>.bottom-controls button svg{width:18px;height:18px;stroke-width:1.6;flex:none}
.hero>.bottom-controls #auto[aria-pressed=true]{border-color:#dec79f75;background:linear-gradient(135deg,#332d22,#171b20)}
.hero>.bottom-controls button:active{transform:scale(.96);background:#332d22}
@media(max-width:700px){.country-card{padding:25px 22px;gap:22px}.country-symbol{height:68px;width:68px}.latency strong{font-size:34px}.country-info h2{font-size:28px}.country-list .iso{font-size:19px}}

.country-card[hidden]{display:none!important}