.touch-controls{display:none}@media (width<=900px),(any-pointer:coarse){.touch-controls{box-sizing:border-box;border:1px solid var(--grid,#33445e);background:var(--panel,#162235);width:min(100%,430px);color:var(--text,#edf3ff);border-radius:12px;margin:16px auto 0;padding:12px;display:block}.touch-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;margin-bottom:10px;display:flex}.touch-heading>span{letter-spacing:.09em;font-size:10px;font-weight:800}.touch-heading small{color:var(--muted,#9aabc4);font-size:10px}.touch-actions,.touch-movement{gap:8px;display:grid}.touch-actions{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:8px}.touch-movement{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-controls .touch-button{color:#f1f6ff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#253650;border:1px solid #4e6585;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:58px;padding:7px 3px;display:flex;box-shadow:0 3px #0b1422}.touch-controls .touch-button>span{font-size:23px;font-weight:800;line-height:1}.touch-controls .touch-button small{white-space:nowrap;font-size:10px}.touch-controls .touch-movement .touch-button{min-height:66px}.touch-controls .touch-drop{background:#584028;border-color:#b78c4b}.touch-controls .touch-button.pressed{background:#39748b;border-color:#8ce6ff;transform:translateY(2px);box-shadow:0 1px #0b1422}.touch-controls .touch-button:focus-visible{outline-offset:2px;outline:3px solid #8ce6ff}.touch-controls .touch-button:disabled{opacity:.4;cursor:default}.theme-sheet .touch-controls,.theme-hc .touch-controls{background:var(--panel,#fff);border-radius:3px}}