*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a1a;font-family:Courier New,monospace}#game-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#game-container canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block;max-width:100%;max-height:100%}@media (orientation: portrait),(max-aspect-ratio: 1/1){body.portrait-mode #game-container,body.portrait-mode #controls-hint,body.portrait-mode #touch-controls{visibility:hidden;pointer-events:none}body.portrait-mode #rotate-hint{display:flex}}#rotate-hint{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:#0a0a1af5;color:gold;font-family:Impact,sans-serif;font-size:26px;text-align:center;padding:32px;pointer-events:all}#rotate-hint:before{content:"↻";font-size:56px;line-height:1;animation:wiggle 1.2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}#controls-hint{position:fixed;bottom:0;left:0;right:0;padding:6px 12px;background:#000000bf;color:#fff9;font-size:11px;text-align:center;pointer-events:none;z-index:100}#controls-hint kbd{display:inline-block;padding:1px 5px;margin:0 2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;font-size:10px;color:gold}@media (max-width: 980px),(max-height: 520px){.touch-dpad{bottom:88px;left:12px;width:168px;height:168px}.touch-actions{bottom:72px;right:8px;gap:12px}.touch-btn{font-size:22px}.dpad-up{left:54px;width:68px;height:68px}.dpad-left,.dpad-right{top:54px;width:68px;height:68px}.dpad-down{left:54px;width:68px;height:68px}.action-punch,.action-kick{width:96px;height:72px;font-size:16px}.action-special,.action-super{width:80px;height:80px;font-size:16px}}@media (max-width: 600px){#controls-hint{display:none}}#touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.touch-dpad{position:absolute;bottom:60px;left:20px;width:140px;height:140px;pointer-events:auto}.touch-actions{position:absolute;bottom:52px;right:10px;display:flex;flex-direction:column;gap:10px;pointer-events:auto;align-items:flex-end}.touch-power-row,.touch-basic-row{display:flex;gap:10px;justify-content:flex-end}.touch-btn{background:#0000008c;border:2px solid rgba(255,215,0,.5);border-radius:50%;color:gold;font-family:Impact,sans-serif;font-size:18px;touch-action:none;user-select:none;-webkit-user-select:none}.touch-btn:active{background:#ffd7004d}.dpad-up{position:absolute;top:0;left:42px;width:56px;height:56px}.dpad-left{position:absolute;top:42px;left:0;width:56px;height:56px}.dpad-right{position:absolute;top:42px;right:0;width:56px;height:56px}.dpad-down{position:absolute;bottom:0;left:42px;width:56px;height:56px}.action-punch,.action-kick{width:88px;height:68px;font-size:15px;border-radius:12px}.action-kick{border-color:#ef444499;color:#f87171}.action-special{width:88px;height:68px;font-size:17px;border-radius:12px;border-color:#60a5fabf;color:#93c5fd}.action-super{width:88px;height:68px;font-size:15px;border-radius:12px;border-color:#ffd700d9;color:#fde047;background:#78500073}