*,:before,:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{height:100%}.hex-board-wrapper{background:#efb93a;border:1px solid #c88818;border-radius:6px;overflow:visible;box-shadow:0 4px 24px #78500040}.hex-board{min-width:1655px;display:block}.hex-board__background{fill:#efb93a}.hex-board__background-image{opacity:1;pointer-events:none}.hex-board__overlay{opacity:.6}.hex-board__overlay--solid{opacity:1}.hex-board__hex{stroke:#000;stroke-width:.4px;shape-rendering:geometricprecision;paint-order:stroke fill;transition:fill .15s,stroke .15s}.hex-board__hex--even,.hex-board__hex--odd{fill:#b8daf5}.hex-board__hex:hover{fill:#c9e5ff;stroke:#000;cursor:pointer}.hex-board__hex--move-target,.hex-board__hex--move-target:hover{cursor:move}.hex-board__hex--niedostepne{fill:#fff}.hex-board__hex--niedostepne:hover{fill:#f2f2f2;stroke:#000}.hex-board__hex-edges{pointer-events:none}.hex-board__hex-edge{fill:none;stroke:#000;stroke-width:.4px;shape-rendering:geometricprecision}.hex-board__hill-symbols{pointer-events:none}.hex-board__hill-blob{fill:#6a7e92;stroke:none}.hex-board__hill-capsule{stroke:#6a7e92;stroke-linecap:round;fill:none}.hex-board__mountain-symbols{pointer-events:none}.hex-board__mountain-blob{fill:#2f3e4c;stroke:none}.hex-board__mountain-capsule{stroke:#2f3e4c;stroke-linecap:round;fill:none}.hex-board__forest-symbols{pointer-events:none}.hex-board__forest-tree{fill:#3d8439;stroke:#2a6128;stroke-width:.35px}.hex-board__punkt-zw-symbols{pointer-events:none}.hex-board__punkt-zw-outline{fill:#000;stroke:none}.hex-board__punkt-zw-outline-ring{fill:none;stroke:#000;stroke-width:1px}.hex-board__punkt-zw--green{fill:#15803d;stroke:#14532d;stroke-width:.5px}.hex-board__punkt-zw--blue{fill:#1e40af;stroke:#1e3a8a;stroke-width:.5px}.hex-board__punkt-zw--empty{fill:none;stroke-width:2.5px}.hex-board__punkt-zw--empty.hex-board__punkt-zw--green{stroke:#15803d}.hex-board__punkt-zw--empty.hex-board__punkt-zw--blue{stroke:#1e40af}.hex-board__city-symbols,.hex-board__map-exit-symbols{pointer-events:none}.hex-board__map-exit-label{fill:#1a1a1a;-webkit-user-select:none;user-select:none;font-family:Consolas,Courier New,monospace;font-size:6px;font-weight:700}.hex-board__blocked-symbols{pointer-events:none}.hex-board__blocked-hex{fill:#fff;stroke:#000;stroke-width:.4px;shape-rendering:geometricprecision}.hex-board__city-block{fill:#000;stroke:none}.hex-board__road-symbols{pointer-events:none}.hex-board__road-segment{fill:none;stroke:#f7ea9e;stroke-linecap:round;stroke-linejoin:round}.hex-board__road-anchor{fill:none;stroke:#d98a00;stroke-width:1.6px}.hex-board__highway-symbols{pointer-events:none}.hex-board__highway-segment{fill:none;stroke:#e06e65;stroke-linecap:round;stroke-linejoin:round}.hex-board__river-symbols,.hex-board__stream-symbols{pointer-events:none}.hex-board__river-segment{fill:none;stroke:#2563c9;stroke-linecap:round;stroke-linejoin:round}.hex-board__stream-segment{fill:none;stroke:#4fa8e0;stroke-linecap:round;stroke-linejoin:round}.hex-board__column-label,.hex-board__row-label{font-variant-numeric:tabular-nums;fill:#3a2800;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Consolas,Courier New,monospace;font-size:8px;font-weight:400}.hex-board__move-blocked-symbols{pointer-events:none}.hex-board__move-blocked{fill:#3c3c3c9e;stroke:none}.hex-board__move-cost-symbols{pointer-events:none}.hex-board__move-cost{fill:#fff;stroke:#14181a;stroke-width:.4px;paint-order:stroke;-webkit-user-select:none;user-select:none;font-family:Consolas,Courier New,monospace;font-size:6px;font-weight:700}.hex-board__unit{cursor:pointer}.hex-board__unit-selected{fill:none;stroke:#fff;stroke-width:2px}.hex-board__unit-token{stroke:#14181a;stroke-width:1px}.hex-board__unit-fortified{fill:none;stroke:#f2c40c;stroke-width:1.6px;pointer-events:none}.hex-board__unit-token--de{fill:#38598f}.hex-board__unit-token--us{fill:#4a7a4f}.hex-board__unit-token--uk{fill:#cbb487}.hex-board__unit-symbol-box{fill:#f5f0df;stroke:#14181a;stroke-width:.5px}.hex-board__unit-symbol{fill:none;stroke:#14181a;stroke-width:1px}.hex-board__unit-symbol-fill{fill:#14181a;stroke:none}.hex-board__unit-id,.hex-board__unit-stats{font-variant-numeric:tabular-nums;fill:#fff;stroke:#14181a;stroke-width:.35px;paint-order:stroke;-webkit-user-select:none;user-select:none;font-family:Consolas,Courier New,monospace;font-size:5px;font-weight:700}.app{color:#e8dcc0;background:#000;flex-direction:row;height:100%;display:flex;overflow:hidden}.app__sidebar{box-sizing:border-box;border-right:1px solid #3d4a2e;flex-direction:column;flex-shrink:0;align-items:center;gap:1.25rem;width:12.5rem;padding:1.25rem 1rem;display:flex}.app__sidebar h1{letter-spacing:.04em;color:#f0e6c8;text-align:center;margin:0;font-size:1.35rem;font-weight:600;line-height:1.25}.app__sidebar-controls{flex-direction:column;align-items:center;gap:.65rem;width:100%;display:flex}.app__coords{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#f0e6c8;-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:center;align-items:center;gap:.35rem;width:100%;font-family:Consolas,Courier New,monospace;font-size:1.35rem;font-weight:600;display:flex}.app__coords-placeholder{min-width:1px;display:inline-block}.app__terrain{border-top:1px solid #3d4a2e;width:100%;margin:0;padding:.65rem 0 0;font-size:.8rem;line-height:1.35}.app__terrain-row{justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;padding:.15rem 0;display:flex}.app__terrain-row dt{color:#c4b896;margin:0;font-weight:500}.app__terrain-row dd{font-variant-numeric:tabular-nums;color:#f0e6c8;margin:0;font-family:Consolas,Courier New,monospace}.app__zoom-btn{color:#f0e6c8;cursor:pointer;background:#1a1f14;border:1px solid #3d4a2e;border-radius:6px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.app__terrain-tools-bottom{flex-direction:column;align-items:center;gap:.65rem;width:100%;margin-top:auto;display:flex}.app__terrain-tools{flex-direction:column;align-items:center;gap:.45rem;width:100%;display:flex}.app__tool-btn{color:#f0e6c8;letter-spacing:.03em;cursor:pointer;background:#1a1f14;border:1px solid #3d4a2e;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;width:100%;height:2.25rem;padding:0 .5rem;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.app__tool-btn:hover{color:#fff;background:#2a3220;border-color:#6b7a52}.app__tool-btn--active{color:#f2ffd8;background:#2e3b1f;border-color:#7e9a4f}.app__zoom-btn:hover:not(:disabled){color:#fff;background:#2a3220;border-color:#6b7a52}.app__zoom-btn:disabled{opacity:.35;cursor:not-allowed}.app__map-toggle-btn{color:#f0e6c8;letter-spacing:.02em;cursor:pointer;background:#1a1f14;border:1px solid #3d4a2e;border-radius:6px;width:100%;height:2.25rem;padding:0 .5rem;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.app__map-toggle-btn:hover{color:#fff;background:#2a3220;border-color:#6b7a52}.app__map-toggle-btn--on{color:#f2ffd8;background:#2e3b1f;border-color:#7e9a4f}.app__zoom-icon,.app__tool-icon{display:block}.app__mode-status{text-align:center;color:#c4b896;width:100%;font-size:.75rem}.app__terrain-io{gap:.45rem;width:100%;display:flex}.app__io-btn{color:#f0e6c8;letter-spacing:.06em;cursor:pointer;background:#1a1f14;border:1px solid #3d4a2e;border-radius:6px;flex:1;height:2.25rem;padding:0 .35rem;font-size:.8rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.app__io-btn:hover:not(:disabled){color:#fff;background:#2a3220;border-color:#6b7a52}.app__io-btn:disabled{opacity:.35;cursor:not-allowed}.app__unit-actions{flex-direction:column;gap:.4rem;margin-top:.5rem;display:flex}.app__unit-fort-btn,.app__unit-back-btn{width:100%}.app__unit-fort-btn--active{color:#ffe98a;background:#4a3c08;border-color:#f2c40c}.app__unit-fort-btn--active:hover:not(:disabled){background:#5c4b0a;border-color:#f2c40c}.app__io-status{text-align:center;color:#9fb88a;width:100%;font-size:.72rem}.app__viewport{--scrollbar-size:28px;flex:1;min-width:0;min-height:0;padding:1rem;position:relative}.app__main{scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;overflow:auto}.app__main::-webkit-scrollbar{display:none}.app__scrollbar{z-index:2;touch-action:none;background:#1a1f14;position:absolute}.app__scrollbar--vertical{width:var(--scrollbar-size);top:1rem;right:1rem}.app__scrollbar--horizontal{height:var(--scrollbar-size);bottom:1rem;left:1rem}.app__scrollbar-thumb{cursor:grab;background:#6b7a52;border-radius:999px}.app__scrollbar-thumb:active{cursor:grabbing;background:#8a9a72}.app__scrollbar--vertical .app__scrollbar-thumb{width:100%}.app__scrollbar--horizontal .app__scrollbar-thumb{height:100%}.app__board-scroll{width:fit-content;height:fit-content;display:block}.app__board-center--fits{box-sizing:border-box;justify-content:center;align-items:center;min-width:100%;min-height:100%;display:flex}.app__board-zoom{display:inline-block}