/* Europe Frontlines: bundled flag images and touch-first layout. */
.flag-img{display:inline-block;object-fit:contain;object-position:center;flex-shrink:0;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.42);border-radius:3px;box-sizing:border-box}
.flag-small{width:24px;height:16px}
.flag-medium{width:36px;height:24px}
.flag-large{width:56px;height:38px}
html,body,#root{min-height:100%;}
button,select,input,textarea{touch-action:manipulation}
@media (max-width:767px){
  .game-topbar{left:6px!important;right:6px!important;top:max(6px,env(safe-area-inset-top))!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;max-height:72px;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;padding:6px!important;z-index:60!important;-webkit-overflow-scrolling:touch}
  .game-topbar>*{flex-shrink:0!important;white-space:nowrap}
  .game-topbar .ml-auto{margin-left:0!important}
  .game-nav{left:6px!important;right:6px!important;top:auto!important;bottom:max(6px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:5px!important;z-index:80!important;max-width:calc(100vw - 12px);-webkit-overflow-scrolling:touch}
  .game-nav>*{flex:0 0 auto!important;min-width:46px;min-height:42px}
  .game-nav button{min-height:42px;min-width:46px;padding:5px!important;font-size:11px!important;white-space:nowrap}
  .game-left-panel{position:fixed!important;left:7px!important;right:7px!important;top:calc(max(6px,env(safe-area-inset-top)) + 82px)!important;bottom:calc(max(6px,env(safe-area-inset-bottom)) + 60px)!important;width:auto!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;z-index:70!important;padding:12px!important;-webkit-overflow-scrolling:touch}
  .game-right-panel{left:7px!important;right:7px!important;top:auto!important;bottom:calc(max(6px,env(safe-area-inset-bottom)) + 60px)!important;width:auto!important;max-height:32vh!important;overflow-y:auto!important;z-index:45!important;background:rgba(12,18,28,.96)!important;backdrop-filter:blur(12px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .has-left .game-right-panel{display:none!important}
  .game-map-options{top:calc(max(6px,env(safe-area-inset-top)) + 78px)!important;right:7px!important;left:auto!important;max-width:48vw!important;gap:4px!important;padding:5px!important;z-index:65!important}
  .game-map-options button{min-height:36px!important;padding:5px 7px!important;font-size:11px!important;white-space:normal!important;line-height:1.15}
  .game-map-options button+button{margin-top:3px}
  canvas{touch-action:none!important}
  .intro-logo{max-width:90vw!important;height:auto!important}
  .panel{max-width:100%;}
  input,select,textarea{font-size:16px!important;max-width:100%}
}
@media (max-height:520px) and (max-width:900px){
  .game-topbar{max-height:54px!important}
  .game-left-panel{top:64px!important;bottom:54px!important}
  .game-map-options{top:62px!important}
  .game-right-panel{max-height:27vh!important;bottom:54px!important}
  .game-nav{bottom:3px!important}
}
.outline-swatch{display:inline-block;flex:0 0 9px;width:9px;height:9px;border:1px solid rgba(255,255,255,.5);border-radius:2px}