*{box-sizing:border-box;margin:0;padding:0}html,body{cursor:none;background:#1a1a2e;width:100%;height:100%;overflow:hidden}body.touch-device{cursor:default}#game-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#game-canvas{image-rendering:pixelated;image-rendering:crisp-edges;width:min(100vw,133.333vh);height:min(100vh,75vw);display:block}@media (orientation:portrait) and (width<=768px){#game-canvas{width:100vw;height:75vw}}#fade-overlay{opacity:0;pointer-events:none;background:#000;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}#fade-overlay.active{opacity:1}#touch-controls{pointer-events:none;z-index:10;display:none}#touch-controls.visible{justify-content:space-between;align-items:flex-end;width:100%;padding:8px 16px;display:flex}@media (orientation:landscape){#touch-controls.visible{align-items:flex-end;height:100%;padding-bottom:8px;position:absolute;bottom:0;left:0}#touch-dpad{transform-origin:0 100%;transform:scale(.75)}#touch-actions{transform-origin:100% 100%;transform:scale(.75)}}@media (orientation:portrait) and (width<=768px){#touch-controls.visible{flex-shrink:0;padding:12px 24px;position:relative}}#touch-dpad{pointer-events:auto;opacity:.6;grid-template-rows:52px 52px 52px;grid-template-columns:52px 52px 52px;gap:3px;display:grid}#touch-up{grid-area:1/2}#touch-left{grid-area:2/1}#touch-right{grid-area:2/3}#touch-down{grid-area:3/2}.touch-dpad-center{pointer-events:none;background:#ffffff0d;border:none;border-radius:4px;grid-area:2/2}.touch-btn{color:#ffffffbf;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1f;border:2px solid #ffd70059;border-radius:10px;outline:none;font-family:monospace;font-size:20px}.touch-btn:active,.touch-btn.active{background:#ffd70040;border-color:#ffd700cc}#touch-actions{pointer-events:auto;opacity:.6;flex-direction:column;align-items:center;gap:10px;display:flex}.touch-action-btn{border-radius:50%;width:70px;height:70px;font-size:16px;font-weight:700}.touch-back-btn{border-radius:50%;width:48px;height:48px;font-size:10px}