@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{background:#0b0b0f;overflow:hidden;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block;max-width:100vw;max-height:100vh;width:auto;height:auto}canvas:fullscreen,canvas:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;object-fit:contain;background:#0b0b0f}.mobile-controls{display:none}@media (max-width: 900px),(pointer: coarse){.mobile-controls-wrapper{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;flex-direction:column;background:#0b0b0fe6;border-top:2px solid #1a1a1a;-webkit-user-select:none;user-select:none;touch-action:none}.mobile-controls{display:flex;width:100%;justify-content:space-between;align-items:center;padding:12px 16px 16px;flex-shrink:0;-webkit-user-select:none;user-select:none;touch-action:none;image-rendering:pixelated}.controls-left{display:flex;align-items:center;gap:8px}.controls-right{display:flex;align-items:center;gap:10px}.ctrl-btn{border:2px solid #555;border-bottom:4px solid #1a1a1a;border-right:3px solid #222;border-top:2px solid #4a4a4a;border-left:2px solid #444;background:#2e2e2e;color:#c8b880;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;border-radius:0;box-shadow:0 3px #111;font-family:"Press Start 2P",monospace;image-rendering:pixelated;position:relative}.ctrl-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none}.ctrl-btn:active{transform:translateY(3px);box-shadow:none;border-bottom:2px solid #1a1a1a;background:#252525}.ctrl-dpad{width:74px;height:74px}.ctrl-dpad svg{image-rendering:pixelated;filter:drop-shadow(1px 1px 0px #000)}.ctrl-action{width:82px;height:82px;font-size:11px;letter-spacing:1px;text-shadow:1px 1px 0px #000}.ctrl-jump{color:#c8b880;border-color:#3a3a3a;border-bottom-color:#1a1a1a;box-shadow:0 3px #111,inset 0 0 0 1px #c8b8801a}.ctrl-jump:active{background:#222;box-shadow:none;border-bottom:2px solid #1a1a1a}.ctrl-atk{color:#c8b880;border-color:#3a3a3a;border-bottom-color:#1a1a1a;box-shadow:0 3px #111,inset 0 0 0 1px #c8b8801a}.ctrl-atk:active{background:#222;box-shadow:none;border-bottom:2px solid #1a1a1a}.ctrl-section-label{font-family:"Press Start 2P",monospace;font-size:7px;color:#c8b88059;letter-spacing:2px;text-align:center;padding:6px 0 2px;-webkit-user-select:none;user-select:none}.mobile-top-bar{display:flex;width:100%;justify-content:center;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid #1a1a1a;-webkit-user-select:none;user-select:none;touch-action:none}.ctrl-top-btn{height:32px;padding:0 14px;font-size:9px;letter-spacing:1px;text-shadow:1px 1px 0px #000}.ctrl-pause{color:#a0968280;border-color:#2a2a2a;border-bottom-color:#1a1a1a;background:#242424;box-shadow:0 2px #0e0e0e}.ctrl-pause:active{background:#1e1e1e;box-shadow:none;border-bottom:2px solid #1a1a1a}.ctrl-enter{color:#a0968280;border-color:#2a2a2a;border-bottom-color:#1a1a1a;background:#242424;box-shadow:0 2px #0e0e0e}.ctrl-enter:active{background:#1e1e1e;box-shadow:none;border-bottom:2px solid #1a1a1a}.ctrl-nav{color:#a0968280;border-color:#2a2a2a;border-bottom-color:#1a1a1a;background:#242424;box-shadow:0 2px #0e0e0e;font-size:12px;min-width:40px}.ctrl-nav:active{background:#1e1e1e;box-shadow:none;border-bottom:2px solid #1a1a1a}}