#movementPad{display:none}@media(orientation:landscape) and (max-height:600px) and (max-width:1200px){#movementPad{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:92px;z-index:8;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,40px);gap:2px;touch-action:none;user-select:none}#movementPad button{font-size:17px;padding:0;background:#102d40dc;border-color:#82b4c0;touch-action:none;min-height:40px}#movementPad button.held{background:#478a95;color:white;border-color:#cffaff}#movementPad span{grid-column:2;grid-row:2;display:grid;place-items:center;font-size:24px;color:#a4d7dc;background:#0d233591;border-radius:50%}#movementPad [data-direction=ArrowUp]{grid-column:2;grid-row:1}#movementPad [data-direction=ArrowLeft]{grid-column:1;grid-row:2}#movementPad [data-direction=ArrowRight]{grid-column:3;grid-row:2}#movementPad [data-direction=ArrowDown]{grid-column:2;grid-row:3}#socialDock,.in-town #socialDock{left:156px;bottom:87px}.in-town #movementPad{bottom:78px}.chat-open #movementPad{visibility:hidden}}@media(orientation:landscape) and (max-height:350px){#movementPad{grid-template-rows:repeat(3,36px);bottom:83px}#movementPad button{min-height:36px}.in-town #movementPad{bottom:62px}#socialDock,.in-town #socialDock{left:156px;bottom:82px}}

#cameraControls{display:flex;gap:3px;margin-top:5px;justify-content:space-between}#cameraControls button{min-height:30px;min-width:32px;padding:3px 6px;font-size:14px}#cameraControls #zoomReset{font-size:11px;flex:1}#upgradeNotice{position:absolute;top:207px;left:16px;z-index:6;background:#594220ed;color:#ffe2a4;border:1px solid #d8b772;font-size:12px;padding:8px 12px}#upgradeNotice[hidden]{display:none}.upgrade-jumps{position:sticky;top:0;z-index:2;display:flex;gap:8px;background:#132536;padding:10px;margin:10px 0}.upgrade-jumps button{padding:10px 14px;color:#ffe3a8;border-color:#bb9658}.supply-name{position:absolute;left:0;right:0;top:2px;font-size:9px;color:#edf5ff;text-align:center}.consumable kbd{bottom:2px;top:auto}.consumable b{margin-top:7px}#messages{bottom:335px;max-width:230px}#chatToggle{position:absolute;left:246px;top:148px;display:block;padding:9px 12px;white-space:nowrap}body:has(dialog[open]) #socialDock{visibility:hidden}
@media(max-width:900px){#chatToggle{position:static;white-space:normal;min-width:0;padding:4px}#upgradeNotice{top:173px;left:10px;font-size:10px;padding:6px 8px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1200px){#chatToggle{position:static;white-space:normal;padding:4px;min-width:0}#upgradeNotice{top:111px;left:12px;font-size:10px;padding:6px 8px;max-width:178px}#cameraControls{gap:2px;margin-top:3px}#cameraControls button{min-height:27px;min-width:24px;padding:1px 3px}#cameraControls #zoomReset{font-size:9px}#messages,.in-town #messages{bottom:90px;left:155px;max-width:200px}.supply-name{font-size:8px;top:2px}.actiondock .consumable b{font-size:20px;margin-top:5px}.actiondock .consumable span{font-size:10px}}
@media(orientation:landscape) and (max-height:350px){.minimap{top:143px}.in-town .minimap{top:105px}.minimap>div:not(#cameraControls){display:none}#upgradeNotice{top:109px;max-width:166px;font-size:9px;padding:5px 7px}}