:root{color:#534b61;background:#f8f4ed;font-family:monospace}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100dvh;margin:0}body{overscroll-behavior:none;background:radial-gradient(circle at top,#ffffffb3,#f8f4edf5 45%,#ebe5eff2 100%);overflow:hidden}.app-shell{background:linear-gradient(#fffcf7fa,#f2ecf4fa);flex-direction:column;justify-content:flex-start;align-items:center;min-width:100vw;min-height:100dvh;display:flex;position:relative;overflow:hidden}.game-canvas{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:none;display:block;box-shadow:0 18px 48px #6e608429}.game-controls{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.ctrl-dpad{cursor:pointer;-webkit-tap-highlight-color:transparent;width:130px;height:130px;position:relative}.ctrl-dpad:active .dpad-v,.ctrl-dpad:active .dpad-h{background:#3a3a6a}.dpad-v{background:#252550;border:2px solid #3a3a6a;border-radius:6px;width:44px;height:100%;margin-left:-22px;position:absolute;top:0;left:50%;box-shadow:0 2px #000,inset 0 1px #ffffff14}.dpad-h{background:#252550;border:2px solid #3a3a6a;border-radius:6px;width:100%;height:44px;margin-top:-22px;position:absolute;top:50%;left:0;box-shadow:0 2px #000,inset 0 1px #ffffff14}.dpad-dot{z-index:1;background:#1a1a3a;border:1px solid #3a3a6a;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}.ctrl-actions{width:160px;height:130px;position:relative}.action-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:3px solid #222;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-family:monospace;font-size:20px;font-weight:700;transition:transform 50ms,box-shadow 50ms;display:flex;box-shadow:0 4px #000,inset 0 -3px 6px #0006,inset 0 3px 6px #ffffff1f}.action-btn:active{transform:translateY(3px);box-shadow:0 1px #000,inset 0 2px 6px #00000080}.action-a{color:#041;background:#3d9;border-color:#2a7;position:absolute;top:0;right:0}.action-a:active{background:#5fc}.action-b{color:#411;background:#f57;border-color:#c35;position:absolute;bottom:0;left:0}.action-b:active{background:#f9a}.menu-btn{color:#777;cursor:pointer;text-transform:uppercase;z-index:100;background:#111;border:2px solid #333;padding:4px 8px;font-family:inherit;font-size:10px;transition:all .2s;position:fixed;top:10px;right:10px}.menu-btn:hover{color:#fff;border-color:#fff}