@media (max-width: 768px),(pointer: coarse),(hover: none){.mobile-controls{display:flex!important}}.mobile-controls{position:fixed;right:0;bottom:0;left:0;z-index:5000;display:none;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none}.dpad-container{position:absolute;left:14px;bottom:14px;width:132px;height:132px;pointer-events:auto}.dpad{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:4px}.dpad-button{display:flex;align-items:center;justify-content:center;border:2px solid rgb(255 255 255 / 20%);border-radius:8px;background:linear-gradient(160deg,#163246f2,#0b212ff2);box-shadow:inset 0 1px #fff3,0 6px 10px #0000004d;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .11s ease,box-shadow .11s ease}.dpad-button:active{transform:scale(.95);box-shadow:inset 0 1px #0006,0 2px 4px #00000059}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-center{grid-column:2;grid-row:2;border-color:#ffffff1f;background:linear-gradient(160deg,#0b212ff2,#06141ff2)}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}.dpad-arrow{color:#e6f2f8;font-size:18px;text-shadow:0 1px 2px rgb(0 0 0 / 70%)}.action-buttons{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:12px;pointer-events:auto}.action-button{width:68px;height:68px;border:2px solid rgb(255 255 255 / 25%);border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f97316,#ea580c);box-shadow:inset 0 2px #ffffff4d,0 8px 12px #00000059;cursor:pointer;font-family:"Press Start 2P",cursive;font-size:10px;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 70%);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .11s ease,box-shadow .11s ease}.action-button:active{transform:scale(.92);box-shadow:inset 0 1px #00000059,0 2px 4px #00000059}.action-button-a{background:linear-gradient(160deg,#f59e0b,#d97706)}.action-button-b{width:58px;height:58px;font-size:9px;background:linear-gradient(160deg,#14b8a6,#0f766e)}.button-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);color:#e6f2f8;font-family:"Press Start 2P",cursive;font-size:7px;white-space:nowrap}@media (min-width: 769px) and (pointer: fine){.mobile-controls{display:none!important}}