:root{--lely-red: #E10600;--lely-red-dark: #C40000;--lely-red-light: #FF3B30;--lely-burgundy: #990000;--charcoal: #1C1C1C;--dark-gray: #333333;--light-gray: #F5F5F5;--white: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--charcoal);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#game-canvas{display:block;background-color:var(--charcoal);image-rendering:pixelated;max-width:100vw;max-height:100vh}#dpad-container{display:grid;grid-template-areas:".    up    ." "left .     right" ".    down  .";grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:4px;justify-content:center;padding:12px 0;touch-action:manipulation;user-select:none;-webkit-user-select:none}.dpad-hidden{display:none!important}.dpad-btn{width:60px;height:60px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background-color:#ffffff1f;color:#fffc;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .08s ease,background-color .08s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none}.dpad-btn:active,.dpad-btn-pressed{background-color:#e1060080;border-color:#e10600b3;transform:scale(.9);color:#fff}#mute-btn{position:fixed;top:8px;right:8px;width:40px;height:40px;border:2px solid rgba(255,255,255,.2);border-radius:8px;background-color:#1c1c1cd9;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none;padding:0;line-height:1}#mute-btn:hover{background-color:#e1060066;border-color:#e1060099}#mute-btn:active{transform:scale(.9)}