*{margin:0;padding:0;box-sizing:border-box;touch-action:none}body{overflow:hidden}#game-canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#fade-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;pointer-events:none;z-index:1000;transition:opacity .25s ease-in-out}#fade-overlay.fade-in{opacity:1;pointer-events:all}#fade-overlay.fade-out{opacity:0;pointer-events:none}.touch-controls{display:none;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;width:10rem;height:10rem;pointer-events:none}.touch-controls.visible{display:block;pointer-events:auto}.touch-controls .touch-btn{position:absolute;width:3rem;height:3rem;border:none;border-radius:50%;background:#ffffff40;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fffffff2;font-size:1.25rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;box-shadow:0 2px 8px #0003;transition:transform .1s,background .15s}.touch-controls .touch-btn:active{background:#ffffff73;transform:scale(.92)}.touch-controls .touch-up{top:0;left:50%;transform:translate(-50%)}.touch-controls .touch-up:active{transform:translate(-50%) scale(.92)}.touch-controls .touch-down{bottom:0;left:50%;transform:translate(-50%)}.touch-controls .touch-down:active{transform:translate(-50%) scale(.92)}.touch-controls .touch-left{left:0;top:50%;transform:translateY(-50%)}.touch-controls .touch-left:active{transform:translateY(-50%) scale(.92)}.touch-controls .touch-right{right:0;top:50%;transform:translateY(-50%)}.touch-controls .touch-right:active{transform:translateY(-50%) scale(.92)}