@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Russo+One&display=swap');

:root {
  --bg:#09090a; --panel:#0d0d0f; --panel2:#111216; --ink:#d9d9dc; --muted:#83868d;
  --line:#c6c7ca; --line-dim:#474a51; --cold:#132238; --white:#f2f2f3; --map-land:#101114;
  --map-border:#777b82; --shadow:0 20px 60px rgba(0,0,0,.45);
}
*{box-sizing:border-box} html{background:var(--bg);color-scheme:dark} body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(180deg,#0a0a0b 0 80%,#0d1420 80% 100%),var(--bg);font-family:"JetBrains Mono",monospace;overflow-x:hidden} button,input,a{font:inherit} button{color:inherit}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.1;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.065) 4px,transparent 5px);mix-blend-mode:soft-light}
.game-header{position:sticky;top:0;z-index:40;min-height:84px;margin:0 4.5vw;padding:16px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:3px solid var(--line);background:rgba(9,9,10,.95);backdrop-filter:blur(12px)}
.brand{display:inline-flex;align-items:center;gap:17px;color:var(--ink);text-decoration:none}.brand-block{padding:10px 12px 8px;color:#0b0b0c;background:#d7d7d9;font:400 clamp(17px,2vw,27px)/1 "Russo One",sans-serif;letter-spacing:.02em}.brand-divider{font:700 20px/1 monospace}.brand-section{font:400 clamp(16px,2vw,27px)/1 "JetBrains Mono",monospace;letter-spacing:.11em}.header-right{display:flex;align-items:center;gap:18px}.build-tag{color:var(--muted);font-size:11px;letter-spacing:.12em}.language-switcher{display:flex;border:2px solid var(--line-dim)}.language-switcher button{min-width:50px;padding:9px 10px;border:0;border-right:1px solid var(--line-dim);background:transparent;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.08em}.language-switcher button:last-child{border-right:0}.language-switcher button:hover,.language-switcher button.is-active{color:#0b0b0c;background:var(--ink)}
.game-shell{width:min(1420px,calc(100% - 9vw));margin:0 auto;padding:66px 0 34px}.intro-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;padding:14px 0 48px}.eyebrow,.side-label{display:block;margin-bottom:12px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.intro-copy h1{margin:0;font:400 clamp(48px,8vw,106px)/.88 "Russo One",sans-serif;letter-spacing:-.055em}.intro-copy h1 span{color:transparent;-webkit-text-stroke:2px var(--line)}.intro-copy p{max-width:770px;margin:24px 0 0;color:#b8b9bd;font-size:14px;line-height:1.7}.intro-meta{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));border:2px solid var(--line-dim);background:rgba(13,13,15,.75)}.intro-meta div{min-width:105px;padding:14px 16px;border-right:1px solid var(--line-dim)}.intro-meta div:last-child{border-right:0}.intro-meta small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em}.intro-meta b{display:block;margin-top:8px;font:400 19px/1 "Russo One",sans-serif}.online-text:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--white);box-shadow:0 0 12px rgba(255,255,255,.65)}
.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:18px;align-items:start}.screen-frame,.side-panel{border:2px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.screen-topbar{height:45px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-dim);background:#0a0b0d;color:#aeb0b5;font-size:10px;letter-spacing:.08em}.screen-status{display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;background:#d7d7d9;box-shadow:0 0 10px rgba(255,255,255,.55)}.screen-readout b{color:var(--white);font-size:12px}
.map-wrap{position:relative;touch-action:none;overscroll-behavior:contain;cursor:grab;user-select:none;aspect-ratio:2.34/1;min-height:380px;overflow:hidden;background:#050607;border-bottom:2px solid var(--line);isolation:isolate;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.world-map{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}
.world-map>svg{width:100%;height:100%;display:block;overflow:visible;shape-rendering:geometricPrecision}
.map-grid{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.46;background-image:radial-gradient(circle,rgba(215,216,220,.28) 1px,transparent 1.35px);background-size:18px 18px;background-position:0 0}
.map-grid:before,.map-grid:after{content:"";position:absolute;inset:0;pointer-events:none}
.map-grid:before{opacity:.36;background-image:repeating-linear-gradient(0deg,transparent 0 89px,rgba(220,221,224,.32) 90px,rgba(220,221,224,.32) 91px,transparent 92px),repeating-linear-gradient(90deg,transparent 0 89px,rgba(220,221,224,.32) 90px,rgba(220,221,224,.32) 91px,transparent 92px);mask-image:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 10px)}
.map-grid:after{opacity:.2;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.25) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(255,255,255,.20) 50%,transparent 50.1%)}
.map-noise{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.06;background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(255,255,255,.03) 9px,transparent 10px)}
.map-wrap.is-panning{cursor:grabbing}
.map-navigation-hud{position:absolute;left:12px;bottom:10px;z-index:6;display:flex;align-items:center;gap:10px;pointer-events:none;color:#9da0a7;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.map-zoom-readout{min-width:46px;padding:5px 7px;border:1px solid #4f5259;background:rgba(7,8,10,.82);color:#e2e3e5;text-align:center;font-weight:700}
.map-nav-hint{padding:5px 7px;border:1px solid rgba(79,82,89,.7);background:rgba(7,8,10,.72)}
.map-loading{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:12px;background:#08090b;color:#aeb0b6;font-size:11px;letter-spacing:.1em;transition:opacity .2s}
.map-loading.is-hidden{opacity:0;pointer-events:none}
.loader-square{width:12px;height:12px;border:2px solid var(--line);animation:loader 1s steps(4,end) infinite}@keyframes loader{to{transform:rotate(360deg)}}
.country-console{padding:15px;background:linear-gradient(180deg,#0c0d10,#090a0c)}.console-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#a5a7ac;font-size:10px;letter-spacing:.08em}.console-head b{color:#d7d8da}.console-head i,.console-foot i{font-style:normal;color:var(--muted)}.text-button{border:0;padding:4px 0;background:none;color:#90939a;font-size:9px;font-weight:700;letter-spacing:.08em;cursor:pointer}.text-button:hover{color:var(--white);text-decoration:underline}.route-strip{min-height:39px;margin-bottom:11px;display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin}.route-empty{color:#5f6269;font-size:10px;letter-spacing:.08em}.route-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid #4d5057;background:#111216;color:#c9cace;font-size:10px}.route-chip b{color:#fff;font-size:9px}.route-chip button{width:16px;height:16px;padding:0;border:0;background:transparent;color:#777b82;cursor:pointer;line-height:1}.route-chip button:hover{color:#fff}.route-arrow{flex:0 0 auto;color:#666970;font-size:11px}.input-stack{position:relative}.country-input-shell{height:54px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;border:2px solid var(--line);background:#07080a}.country-input-shell:focus-within{box-shadow:0 0 0 1px #fff inset}.prompt{padding-left:12px;color:#fff;font-weight:700}.country-input-shell input{min-width:0;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:#f1f1f2;font-size:14px;font-weight:600;letter-spacing:.02em}.country-input-shell input::placeholder{color:#5e6167;font-weight:400}.input-tag{min-width:56px;margin-right:10px;padding:6px 8px;border-left:1px solid var(--line-dim);color:#8c8f96;text-align:center;font-size:10px;font-weight:700;letter-spacing:.08em}.suggestions{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:20;display:none;max-height:260px;overflow:auto;border:2px solid var(--line);background:#090a0c;box-shadow:0 -16px 38px rgba(0,0,0,.45)}.suggestions.is-open{display:block}.suggestion{width:100%;min-height:47px;padding:8px 11px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-bottom:1px solid #34373d;background:transparent;text-align:left;cursor:pointer}.suggestion:last-child{border-bottom:0}.suggestion:hover,.suggestion.is-active{background:#e4e4e6;color:#09090a}.suggestion-flag{font-size:20px;filter:grayscale(.2)}.suggestion-copy{min-width:0}.suggestion-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.suggestion-copy small{display:block;margin-top:3px;color:#70737a;font-size:9px}.suggestion:hover small,.suggestion.is-active small{color:#4d5056}.suggestion-tag{font:700 10px/1 "JetBrains Mono",monospace;letter-spacing:.08em}.console-foot{display:flex;flex-wrap:wrap;gap:15px;margin-top:11px;color:#73767d;font-size:9px}.console-foot span{display:inline-flex;align-items:center;gap:4px}.console-foot kbd{min-width:20px;padding:3px 5px;border:1px solid #4d5057;background:#111216;color:#bfc1c5;text-align:center;font-size:8px}
.side-panel{box-shadow:none}.side-block{padding:17px;border-bottom:1px solid var(--line-dim)}.side-block:last-child{border-bottom:0}.selected-country{display:flex;align-items:center;gap:12px;min-height:58px}.selected-flag{width:44px;font-size:31px;line-height:1;text-align:center;filter:grayscale(.12)}.selected-country strong{display:block;font:400 16px/1.15 "Russo One",sans-serif;overflow-wrap:anywhere}.selected-country small{display:block;margin-top:7px;color:var(--muted);font-size:10px;letter-spacing:.09em}.rules-block ul{list-style:none;margin:0;padding:0}.rules-block li{display:grid;grid-template-columns:27px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid #292c31;color:#aeb0b5;font-size:10px;line-height:1.45}.rules-block li:last-child{border-bottom:0}.rules-block li b{color:#5e626a}.sys-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #34373d;color:#878a91;font-size:9px}.sys-row:last-child{border-bottom:0}.sys-row b{color:#d0d1d4;font-size:9px}
.info-strip{margin-top:18px;padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:2px solid var(--line-dim);background:#0b1018}.info-strip p{max-width:800px;margin:0;color:#9fa2a8;font-size:11px;line-height:1.65}.hard-link{flex:0 0 auto;padding:11px 13px;border:2px solid var(--line);color:var(--ink);text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.07em}.hard-link:hover{color:#09090a;background:var(--ink)}.game-footer{width:min(1420px,calc(100% - 9vw));margin:28px auto 0;padding:20px 0 34px;display:flex;justify-content:space-between;gap:20px;border-top:2px solid var(--line-dim);color:#70737a;font-size:9px;letter-spacing:.08em}
@media(max-width:1050px){.intro-panel{grid-template-columns:1fr}.intro-meta{width:min(520px,100%)}.game-layout{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:repeat(3,1fr)}.side-block{border-bottom:0;border-right:1px solid var(--line-dim)}.side-block:last-child{border-right:0}}
@media(max-width:720px){.game-header{margin:0 18px;min-height:72px;padding:12px 0;align-items:flex-start}.brand{gap:9px;flex-wrap:wrap}.brand-divider{display:none}.brand-section{width:100%;font-size:12px;letter-spacing:.13em}.brand-block{font-size:17px}.header-right{gap:8px;flex-direction:column;align-items:flex-end}.build-tag{font-size:8px}.language-switcher button{min-width:39px;padding:7px 6px;font-size:9px}.game-shell{width:calc(100% - 28px);padding-top:42px}.intro-panel{padding-bottom:30px}.intro-copy h1{font-size:clamp(47px,16vw,76px)}.intro-copy p{font-size:12px}.intro-meta{grid-template-columns:repeat(3,1fr)}.intro-meta div{min-width:0;padding:11px 9px}.intro-meta b{font-size:15px}.intro-meta small{font-size:7px}.screen-topbar{font-size:8px}.map-wrap{aspect-ratio:1.62/1;min-height:300px}.map-grid{background-size:38px 38px}.country-console{padding:11px}.console-head{align-items:flex-start}.console-head>span{max-width:70%}.country-input-shell{height:52px}.country-input-shell input{font-size:12px;padding:0 4px}.input-tag{min-width:46px;margin-right:5px;padding:5px}.suggestions{max-height:225px}.side-panel{display:block}.side-block{border-right:0;border-bottom:1px solid var(--line-dim)}.info-strip{align-items:flex-start;flex-direction:column}.hard-link{width:100%;text-align:center}.game-footer{width:calc(100% - 28px);font-size:8px}.console-foot{gap:9px}.route-strip{min-height:34px}}
@media(max-width:430px){.map-nav-hint{display:none}.map-navigation-hud{left:8px;bottom:7px}.map-zoom-readout{min-width:42px;padding:4px 6px}.game-header{margin:0 12px}.game-shell{width:calc(100% - 20px)}.intro-copy h1{font-size:15vw}.map-wrap{min-height:250px}.screen-readout>span{display:none}.console-head{font-size:8px}.country-input-shell{grid-template-columns:23px minmax(0,1fr) auto}.prompt{padding-left:8px}.suggestion{grid-template-columns:28px minmax(0,1fr) auto}.game-footer{width:calc(100% - 20px)}}

.map-wrap.is-panning{cursor:grabbing}.map-wrap.is-panning .world-map{pointer-events:none}.map-zoom-readout{font-variant-numeric:tabular-nums}