*{margin:0;padding:0;box-sizing:border-box}html,body{position:fixed;width:100%;height:100%;overflow:hidden;touch-action:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@supports (padding: env(safe-area-inset-top)){#top-bar{padding-top:env(safe-area-inset-top)}#bottom-bar,#bottom-bar-left{padding-bottom:env(safe-area-inset-bottom)}}body{font-family:Arial,Helvetica,sans-serif;background-color:#2a2a2a;color:#f0f0f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#game-container{width:100vw;height:100vh;position:relative}#game-canvas{width:100%;height:100%;cursor:grab}#game-canvas:active{cursor:grabbing}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#ui-overlay>*{pointer-events:auto}#top-bar{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,#3a3a3a,#2d2d2d);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #5a5a5a;box-shadow:0 2px 5px #0000004d;min-height:60px;z-index:100}#faction-info{display:flex;align-items:center;gap:30px;font-size:16px;font-weight:700}#current-faction{color:#f0f0f0;padding:8px 20px;background:#4a4a4a;border:2px solid #6a6a6a;border-radius:3px;text-transform:uppercase;letter-spacing:1px;box-shadow:inset 0 1px 3px #0000004d;display:flex;align-items:center;gap:10px}#faction-flag{width:48px;height:32px;object-fit:cover;border:1px solid #6a6a6a;box-shadow:0 1px 3px #00000080}#turn-counter{color:#d4af37;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.5);padding:8px 16px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:3px}#date-display{color:#b0b0b0;font-size:14px;padding:8px 12px;border-left:2px solid #5a5a5a;text-transform:uppercase;letter-spacing:.5px}#game-status{display:flex;align-items:center;gap:20px;font-size:14px;color:#e0e0e0}#game-status>span{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:3px}#cities-controlled{border-left:3px solid #4169E1}#units-count{border-left:3px solid #7FBF7F}#resources{display:flex;align-items:center;gap:25px}.resource{display:flex;align-items:center;gap:10px;padding:8px 20px;background:#4a4a4a;border:2px solid #6a6a6a;border-radius:3px;font-weight:700;font-size:16px;box-shadow:inset 0 1px 3px #0000004d;text-transform:uppercase;letter-spacing:.5px}#resources-value{color:#d4af37;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.5)}#bottom-panel{display:none}#bottom-bar{position:absolute;bottom:20px;right:20px;display:flex;gap:15px;z-index:100}#bottom-bar-left{position:absolute;bottom:20px;left:20px;display:flex;gap:15px;z-index:100}#end-turn-btn,#resign-btn{background:#8b4513;color:#f0f0f0;border:3px solid #654321;padding:12px 30px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s;box-shadow:0 3px 5px #0000004d;position:relative}#resign-btn{background:#8b2222;border:3px solid #5c1515}#end-turn-btn:hover{background:sienna;box-shadow:0 4px 8px #0006}#resign-btn:hover{background:brown;box-shadow:0 4px 8px #0006}#end-turn-btn:active,#resign-btn:active{transform:translateY(1px);box-shadow:0 2px 3px #0000004d}#left-panel{position:absolute;left:0;top:0;width:280px;background:#3a3a3a;border-right:2px solid #5a5a5a;height:100%;padding:80px 20px 100px;overflow-y:auto;z-index:99;box-shadow:3px 0 10px #00000080}#side-panel{position:absolute;right:0;top:0;width:280px;background:#3a3a3a;border-left:2px solid #5a5a5a;height:100%;padding:80px 20px 100px;overflow-y:auto;z-index:99;box-shadow:-3px 0 10px #00000080}.panel{margin-bottom:20px;padding:12px;background:#4a4a4a;border:2px solid #6a6a6a;position:relative}.panel h3{margin-bottom:10px;color:#d4af37;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.hidden{display:none}#unit-details,#tile-details{font-size:13px;line-height:1.6;color:#e0e0e0}.stat-line{display:flex;justify-content:space-between;margin-bottom:5px;padding:3px 8px;background:#525252;border-left:3px solid #d4af37}.stat-value{font-weight:700;color:#f0f0f0}#side-panel::-webkit-scrollbar{width:8px}#side-panel::-webkit-scrollbar-track{background:#2a2a2a}#side-panel::-webkit-scrollbar-thumb{background:#5a5a5a}#side-panel::-webkit-scrollbar-thumb:hover{background:#6a6a6a}#game-canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (hover: none) and (pointer: coarse){button,.button{min-height:44px;min-width:44px}#end-turn-btn,#resign-btn{min-height:48px;padding:12px 24px}}@media (max-width: 768px) and (orientation: portrait){#top-bar{padding:8px 12px;min-height:auto;flex-wrap:wrap}#faction-info{gap:10px;font-size:12px}#current-faction{padding:4px 8px;font-size:11px}#faction-flag{width:24px;height:16px}#turn-counter{font-size:14px;padding:4px 8px}#date-display{font-size:11px;padding:4px 6px}#game-status{font-size:11px;gap:8px}#game-status>span{padding:3px 6px}#resources{gap:10px}.resource{padding:4px 8px;font-size:12px}#resources-value{font-size:14px}#left-panel,#side-panel{width:200px;padding:60px 10px 80px;font-size:11px}.panel{padding:8px}.panel h3{font-size:13px;margin-bottom:6px}#bottom-bar{bottom:10px;right:10px}#bottom-bar-left{bottom:10px;left:10px}#end-turn-btn,#resign-btn{padding:8px 16px;font-size:13px}}.panel-toggle{display:none;position:fixed;top:50%;transform:translateY(-50%);width:40px;height:80px;background:#4a4a4af2;border:2px solid #6a6a6a;color:#f0f0f0;font-size:20px;cursor:pointer;z-index:101;transition:all .3s;-webkit-tap-highlight-color:transparent}.panel-toggle.left{left:0;border-left:none;border-radius:0 8px 8px 0}.panel-toggle.right{right:0;border-right:none;border-radius:8px 0 0 8px}.panel-toggle:hover,.panel-toggle:active{background:#5a5a5af2;transform:translateY(-50%) scale(1.05)}.panel-close{display:none;position:absolute;top:10px;right:10px;width:36px;height:36px;background:#5a5a5af2;border:2px solid #6a6a6a;border-radius:50%;color:#f0f0f0;font-size:24px;line-height:32px;text-align:center;cursor:pointer;z-index:102;-webkit-tap-highlight-color:transparent}.panel-close:hover,.panel-close:active{background:#6a6a6af2;transform:scale(1.1)}@media (max-width: 812px) and (orientation: portrait){#bottom-bar,#bottom-bar-left{position:fixed!important;z-index:110!important}.panel-toggle{display:block;width:35px;height:70px;font-size:18px}.panel-close{display:block}#left-panel,#side-panel{position:fixed;top:0;height:100vh;width:85%;max-width:320px;background:#3a3a3a;z-index:100;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:0 0 20px #00000080;padding:60px 20px 20px;overflow-y:auto;-webkit-transform:translateX(-100%);-webkit-transition:-webkit-transform .3s ease-in-out;will-change:transform}#side-panel{right:0;left:auto;transform:translate(100%);-webkit-transform:translateX(100%)}#left-panel.active,#side-panel.active{transform:translate(0);-webkit-transform:translateX(0)}.panel-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:99}.panel-overlay.active{display:block}#top-bar{padding:6px 10px;min-height:50px;font-size:11px}#faction-info{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px}#current-faction{padding:3px 6px;font-size:10px}#faction-flag{width:30px;height:20px}#turn-counter{font-size:12px;padding:3px 6px}#date-display{font-size:10px;padding:3px 5px}#game-status{display:flex;font-size:10px;gap:4px}#game-status>span{padding:2px 4px}#resources{width:100%;margin-top:4px}.resource{padding:3px 6px;font-size:11px}#resources-value{font-size:12px}#bottom-bar{bottom:10px;right:10px}#bottom-bar-left{bottom:10px;left:10px}#end-turn-btn,#resign-btn{padding:10px 20px;font-size:14px;border:2px solid #654321}}@media (max-width: 926px) and (orientation: landscape){#bottom-bar,#bottom-bar-left{position:fixed!important;z-index:110!important}#top-bar{padding:3px 8px;min-height:35px;font-size:10px}#faction-info{gap:6px;font-size:9px}#current-faction{padding:2px 5px;font-size:8px}#faction-flag{width:24px;height:16px}#turn-counter{font-size:10px;padding:2px 4px}#date-display{font-size:9px;padding:2px 3px}#game-status{font-size:9px;gap:4px}#game-status>span{padding:2px 3px}#resources{font-size:9px}.resource{padding:2px 5px;font-size:9px}#resources-value{font-size:10px}#left-panel,#side-panel{position:fixed;top:0;height:100vh;width:250px;background:#3a3a3a;z-index:100;transform:translate(-100%);transition:transform .3s ease-in-out;padding:40px 15px 15px;overflow-y:auto}#side-panel{right:0;left:auto;transform:translate(100%)}#left-panel.active,#side-panel.active{transform:translate(0)}.panel-toggle{display:block;width:28px;height:50px;font-size:14px}#bottom-bar{bottom:5px;right:5px}#bottom-bar-left{bottom:5px;left:5px}#end-turn-btn,#resign-btn{padding:6px 14px;font-size:12px;border:2px solid #654321}.panel{padding:6px;margin-bottom:10px}.panel h3{font-size:12px;margin-bottom:4px}#unit-details,#tile-details{font-size:10px;line-height:1.4}}