@media (max-width: 768px),(pointer: coarse),(hover: none){.mobile-controls{display:flex!important}}.mobile-controls{display:none;position:fixed;bottom:0;left:0;right:0;z-index:5000;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none}.dpad-container{position:absolute;bottom:20px;left:20px;width:140px;height:140px;pointer-events:auto}.dpad{width:100%;height:100%;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:4px}.dpad-button{background:#555;border:3px solid #333;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px #ffffff4d,inset 0 -2px #00000080;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .1s,background .1s}.dpad-button:active{transform:scale(.95);background:#444;box-shadow:inset 0 2px #00000080,inset 0 -2px #fff3}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-center{grid-column:2;grid-row:2;background:#333;border:2px solid #222}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}.dpad-arrow{font-size:20px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-weight:700}.action-buttons{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:15px;pointer-events:auto}.action-button{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#f44,#c00);border:4px solid #333;box-shadow:inset 0 3px #ffffff4d,inset 0 -3px #00000080,0 4px 8px #0006;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .1s,box-shadow .1s;font-family:"Press Start 2P",cursive;font-size:10px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.action-button:active{transform:scale(.9);box-shadow:inset 0 3px #00000080,inset 0 -3px #fff3,0 2px 4px #0006}.action-button-a{background:linear-gradient(135deg,#f44,#c00)}.action-button-b{background:linear-gradient(135deg,#44f,#00c);width:60px;height:60px;font-size:9px}.button-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-family:"Press Start 2P",cursive;font-size:8px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap}@media (min-width: 769px) and (pointer: fine){.mobile-controls{display:none!important}}