/* Full game surface, with thumb controls inside safe display edges. */
#move-pad{display:none}
.touch-mode #game-shell{height:100%;height:100dvh;touch-action:none;-webkit-user-select:none;user-select:none}
.touch-mode #field{touch-action:none}
.touch-mode #move-pad{position:absolute;display:grid;place-items:center;left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:124px;height:124px;border:1px solid #ffffff55;border-radius:50%;background:radial-gradient(circle,#ffffff05 0 38%,#0008 39%);touch-action:none;outline-offset:4px}
#move-pad::before,#move-pad::after{content:"";position:absolute;background:#ffffff28;pointer-events:none}
#move-pad::before{width:1px;height:88%}#move-pad::after{width:88%;height:1px}
.move-thumb{display:block;width:46px;height:46px;border:1px solid #fffa;border-radius:50%;background:#191919dc;box-shadow:0 2px 14px #0008;pointer-events:none;z-index:1}
#move-pad.engaged{border-color:#fff9}#move-pad.engaged .move-thumb{background:#ccc;color:#000}
.move-label{position:absolute;top:-22px;font-size:9px;letter-spacing:2px;color:#aaa;pointer-events:none}
.touch-mode #quick-actions{right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:52px 52px 64px;grid-template-rows:56px 56px;gap:7px}
.touch-mode #quick-actions button{width:100%;min-width:0;max-width:none;min-height:0;margin:0;padding:5px;border-radius:16px;border-color:#ffffff55;background:#050505b8;touch-action:none;-webkit-tap-highlight-color:transparent}
.touch-mode #quick-actions button.touch-held{background:#ededed;color:#000;border-color:#fff;transform:scale(.95)}
.touch-mode #quick-actions button.touch-held span{color:#111}
.touch-mode #quick-actions button:disabled{opacity:.4}
.touch-mode #quick-actions kbd{display:none}
.touch-mode #quick-actions span{font-size:9px;color:#eee;line-height:1.35;overflow-wrap:anywhere}
.touch-mode #attack-button{grid-column:3;grid-row:1/3;background:#ddd!important;color:#000;border-color:#fff!important}
.touch-mode #attack-button span{color:#000;font-size:9px;letter-spacing:0;white-space:nowrap}
.touch-mode #attack-button::before{content:"╱";font-size:32px;line-height:1}
.touch-mode #inspect-button{grid-column:2;grid-row:1}.touch-mode #special-button{grid-column:1;grid-row:1}
.touch-mode #quick1-button{grid-column:1;grid-row:2}.touch-mode #quick2-button{grid-column:2;grid-row:2}
.touch-mode #system-actions{position:static}
.touch-mode #tablet-button,.touch-mode #pause-button{position:absolute;top:max(10px,env(safe-area-inset-top));min-width:44px;min-height:44px!important;padding:8px!important;border:1px solid #ffffff50;border-radius:12px;background:#000a;touch-action:manipulation}
.touch-mode #tablet-button{right:calc(max(12px,env(safe-area-inset-right)) + 52px)}
.touch-mode #pause-button{right:max(12px,env(safe-area-inset-right))}
.touch-mode #system-actions kbd{display:none}.touch-mode #system-actions span{font-size:10px}
.touch-mode #hud-top{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:125px;align-items:flex-start;gap:5px;flex-direction:column}
.touch-mode .stars{font-size:18px;letter-spacing:1px;background:#0008;border-radius:5px;padding:2px 4px}
.touch-mode .resources{font-size:10px;gap:6px;padding:3px 5px;border-radius:5px}.touch-mode .orb{width:10px;height:10px}.touch-mode .resource-divider{height:12px;margin:0 2px}
.touch-mode #map-panel{left:max(14px,env(safe-area-inset-left));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 153px);width:88px;padding:3px;border-color:#ffffff35;border-radius:7px;background:#0008}
.touch-mode #minimap{width:80px;height:54px}.touch-mode #area-label{display:none}
.touch-mode #nearby-label{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 135px);max-width:56%;font-size:10px;line-height:1.5}
.touch-mode #combat-notice{top:77px;max-width:70%;font-size:10px;padding:4px 7px}
.touch-mode #device-mark,.touch-mode #proof-mark{display:none}
.touch-mode.game-paused #move-pad,.touch-mode.game-paused #quick-actions,.touch-mode.game-paused #system-actions{visibility:hidden;pointer-events:none}
.touch-mode dialog{width:min(780px,calc(100vw - 20px));max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:thin}
.touch-mode .tablet-top{padding:9px 14px}.touch-mode .tablet-heading{padding:16px 18px 7px}.touch-mode #tablet-body{padding:14px 18px 20px}
.touch-mode #dialog-close{min-width:44px;min-height:44px}.touch-mode .tablet-footer{padding:10px 18px}
.touch-mode .secondary-button,.touch-mode .primary-button,.touch-mode #tablet-tabs button{min-height:44px;touch-action:manipulation}
.touch-mode .action-row{gap:9px}.touch-mode #tablet-tabs{padding:0 12px}.touch-mode .tablet-heading h1{font-size:25px}
@media(max-width:600px){.touch-mode .title-main{grid-template-columns:1fr;gap:18px}.touch-mode .proof-block{display:none}.touch-mode .action-row>button{flex:1 1 140px}.touch-mode .item-grid{grid-template-columns:1fr}.touch-mode .slot-card{grid-template-columns:1fr}.touch-mode .slot-card button{grid-column:1/-1}.touch-mode .map-layout{grid-template-columns:1fr}}
@media(max-height:500px){.touch-mode .tablet-heading{padding-top:8px}.touch-mode .tablet-heading h1{font-size:21px}.touch-mode .tablet-top{padding:4px 12px}.touch-mode .tablet-footer{display:none}.touch-mode .intro-lines{display:grid;grid-template-columns:1fr 1fr;gap:8px}.touch-mode .intro-lines .small-label{grid-column:1/-1;margin-bottom:0}.touch-mode .title-main{grid-template-columns:1fr}.touch-mode .proof-block{display:none}.touch-mode #combat-notice{top:65px}.touch-mode #map-panel{bottom:160px}}
@media(max-width:370px){.touch-mode #move-pad{width:112px;height:112px;left:10px}.touch-mode #quick-actions{grid-template-columns:46px 46px 56px;gap:6px;right:10px}}