html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0b1622;height:100%;margin:0;overflow:hidden}#game{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed}.action-panel{color:#cfe8ff;background:#0b1622eb;border:1px solid #3a5470;border-radius:10px;flex-direction:column;gap:8px;min-width:8.5rem;padding:10px;font:15px/1.3 system-ui,sans-serif;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.action-panel[hidden]{display:none}.action-panel[data-side=left]{left:8px;right:auto}.action-panel button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#1c3550;border:1px solid #4a90e2;border-radius:8px;padding:0 16px;font-weight:600}.action-panel button:active{background:#2a4d73}.forecast{text-align:center;grid-template-columns:1fr auto 1fr;gap:4px 10px;display:grid}.forecast .name{font-weight:600}.forecast .label{color:#7f9bb5;font-size:13px}.forecast .value{font-variant-numeric:tabular-nums}.end-turn-button{color:#cfe8ff;cursor:pointer;background:#1c3550;border:1px solid #4a90e2;border-radius:8px;min-height:36px;padding:0 14px;font:600 14px/1 system-ui,sans-serif;position:absolute;top:6px;right:8px}.end-turn-button[hidden]{display:none}