*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}input{user-select:text!important;-webkit-user-select:text!important}:root{--red: #C41E3A;--red-dark: #8B1428;--red-dim: rgba(196,30,58,.2);--gold: #D4920A;--bg: #0D0D10;--surface: #141418;--panel: #18181D;--white: #EDE8DC;--muted: #7A7670;--dim: #32302C;--header-h: 64px}@media(max-width:768px){:root{--header-h: 56px}}html,body{height:100%;overflow:hidden;background:#000;color:var(--white);font-family:Barlow Condensed,sans-serif;touch-action:none}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:1000;background:var(--bg);border-bottom:3px solid var(--red);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px}@media(max-width:768px){.site-header{padding:0 16px;display:flex;justify-content:space-between}.site-title{font-size:1rem}.title-block span{font-size:1.2rem!important}.mode-selector.desktop-only,.header-right.desktop-only{display:none}}.site-title{font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.menu-toggle{display:none;background:none;border:none;color:var(--white);cursor:pointer;padding:8px;z-index:1100}@media(max-width:768px){.menu-toggle{display:block}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);z-index:1050;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.mobile-menu.open{transform:translate(0)}.menu-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--muted);font-size:2rem;cursor:pointer;padding:12px;display:flex;align-items:center;justify-content:center}.mobile-menu .mode-selector{flex-direction:column;clip-path:none;border:none;gap:12px}.mobile-menu .mode-btn{width:200px;text-align:center;border:2px solid var(--dim);font-size:1rem;padding:12px;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%)}.mode-selector{display:flex;gap:0;border:2px solid var(--dim);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%)}.mode-btn{padding:6px 22px;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-family:Oswald,sans-serif;cursor:pointer;border:none;border-right:1px solid var(--dim);background:var(--surface);transition:color .2s,background .2s}.mode-btn:last-child{border-right:none}.mode-btn:hover:not(.active){color:var(--white);background:var(--panel)}.mode-btn.active{background:var(--red);color:var(--white)}.auth-button{display:inline-flex;align-items:center;padding:6px 16px;border:2px solid var(--dim);background:var(--surface);font-size:.62rem;font-weight:700;text-transform:uppercase;color:var(--white);clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);text-decoration:none;cursor:pointer}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-family:Oswald,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--white)}.map-wrapper{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;overflow:hidden;background:#000;z-index:1;touch-action:none}.map-container,.map-transform-layer,.map-wrap-layer{width:100%;height:100%;position:relative;pointer-events:none}.map-transform-layer{position:absolute;left:0;top:0;will-change:transform;transform-origin:0 0}.map-wrap-layer{display:flex;flex-direction:row}.map-instance{flex-shrink:0;position:relative;pointer-events:auto}.base-map-img{display:block;max-width:none;max-height:none;cursor:crosshair;pointer-events:auto}.borders-layer,.cities-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.borders-layer{z-index:10}.cities-layer{z-index:5}.borders-layer svg{width:100%;height:100%;display:block;pointer-events:none}.borders-layer path{pointer-events:all;cursor:pointer;stroke:var(--red);stroke-width:1.5;opacity:.6;transition:opacity .2s,stroke .2s,stroke-width .2s}.borders-layer path:hover{opacity:.9;stroke:var(--gold);stroke-width:3}.borders-layer path.selected{opacity:1;stroke:#000;stroke-width:4}.city-marker{position:absolute;width:14px;height:14px;background:#fff;border:3px solid var(--red);transform:translate(-50%,-50%);box-shadow:0 0 15px #c41e3acc;pointer-events:none;z-index:20}.zoom-controls{position:fixed;bottom:24px;right:24px;z-index:1100;display:flex;flex-direction:column;gap:8px}@media(max-width:768px){.zoom-controls{bottom:16px;right:16px;gap:4px}.zoom-btn{width:40px;height:40px;font-size:1.2rem}}.zoom-btn{width:48px;height:48px;background:var(--panel);border:2px solid var(--dim);color:var(--white);font-family:Oswald,sans-serif;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.interaction-card{position:fixed;bottom:24px;left:24px;width:340px;z-index:1050;background:var(--panel);border:2px solid var(--red);opacity:0;transform:translateY(20px);pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);padding:32px 24px;box-shadow:0 10px 40px #000c;text-align:center}@media(max-width:768px){.interaction-card{left:12px;right:12px;bottom:12px;width:calc(100% - 24px);padding:24px 16px}}.interaction-card.visible{opacity:1;transform:translateY(0);pointer-events:all}#city-input{width:70%;margin:20px auto;display:block;padding:14px;background:#000;color:var(--white);border:2px solid var(--red);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:2px;outline:none;box-shadow:inset 0 0 10px #c41e3a4d;transition:border-color .2s,box-shadow .2s;text-align:center}#city-input:focus{border-color:var(--gold);box-shadow:0 0 20px #d4920a4d}.info-panel{position:fixed;top:var(--header-h);right:0;bottom:0;width:360px;z-index:1200;background:var(--panel);border-left:4px solid var(--red);transform:translate(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);box-shadow:-20px 0 50px #000000b3}@media(max-width:768px){.info-panel{width:100%;border-left:none;border-top:4px solid var(--red)}}.info-panel.open{transform:translate(0)}.panel-content{padding:40px}@media(max-width:768px){.panel-content{padding:24px}}.coord-readout{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:var(--panel);border:1px solid var(--dim);border-bottom:3px solid var(--red);padding:10px 24px;opacity:0;transition:opacity .3s;pointer-events:none;font-family:Oswald;letter-spacing:.1em;font-size:.9rem;display:flex;gap:16px;align-items:center;min-width:300px;justify-content:center}@media(max-width:768px){.coord-readout{bottom:80px;font-size:.75rem;min-width:240px;padding:6px 16px}}.coord-readout.visible{opacity:1}.hover-info{color:var(--gold);border-left:1px solid var(--dim);padding-left:16px;font-weight:600;text-transform:uppercase}.map-tooltip{position:fixed;pointer-events:none;z-index:9999;background:var(--panel);border:1px solid var(--red);color:var(--white);padding:6px 10px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s;white-space:nowrap;box-shadow:0 4px 15px #000c;line-height:1.2}.tooltip-owner{font-size:.6rem;color:var(--muted);display:block;margin-bottom:2px}.tooltip-province{font-size:.8rem;color:var(--gold);display:block;font-weight:600}.map-tooltip.visible{opacity:1;visibility:visible}