:root{--bg-color:#050510;--grid-sea:#0a0a20;--grid-land:#0fc;--grid-trail:#f0f;--text-color:#e0e0e0;--ui-bg:#0a0a1ed9;--accent:#0fc;--danger:#f05}*{box-sizing:border-box}body{overflow:hidden;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;align-items: center;height:100vh;margin:0;font-family:Rajdhani,sans-serif}#main-wrapper{display:flex;flex-direction:column;align-items: center;gap:10px}#game-container{position:relative;aspect-ratio:40/25;border:1px solid #00ffcc4d;width:100%;max-width:min(1200px,160vh - 288px);max-height:calc(100vh - 180px);margin:0 auto;box-shadow:0 0 50px #00ffcc1a}canvas{display:block;background-color:var(--grid-sea);width:100%;height:100%}#ui-layer{position:absolute;pointer-events:none;width:100%;height:100%;top:0;left:0}#hud-bar{display:flex;background:var(--ui-bg);border:1px solid var(--accent);border-radius:8px;gap:40px;margin-bottom:20px;padding:10px 40px;box-shadow:0 0 15px #0fc3}.hud-item{display:flex;align-items: center;gap:10px;font-family:Orbitron,sans-serif;font-size:1.5rem}.hud-item .label{color:#888;font-size:1rem}.hud-item .value{color:var(--accent);text-shadow:0 0 10px var(--accent);font-weight:700}.overlay{position:absolute;display:flex;backdrop-filter:blur(5px);pointer-events:auto;background:#000000b3;flex-direction:column;justify-content:center;align-items: center;width:100%;height:100%;transition:opacity .3s;top:0;left:0}.hidden{opacity:0;pointer-events:none}h1{-webkit-text-fill-color:transparent;text-shadow:0 0 20px var(--accent);background:linear-gradient(#fff,#aaa);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-family:Orbitron,sans-serif;font-size:4rem}button{border:2px solid var(--accent);color:var(--accent);cursor:pointer;text-transform:uppercase;background:0 0;padding:15px 40px;transition:all .2s;font-family:Orbitron,sans-serif;font-size:1.5rem;box-shadow:0 0 15px #0fc3}button:hover{background:var(--accent);color:#000;box-shadow:0 0 30px #0fc9}#footer{text-align:center;z-index:100;pointer-events:auto;margin-top:20px}#footer a{color:var(--accent);text-decoration:none;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px #00ffcc80;border-bottom:1px solid #0000;transition:all .3s;font-family:Rajdhani,sans-serif;font-size:1.2rem}#footer a:hover{color:#fff;text-shadow:0 0 15px var(--accent);letter-spacing:2px;border-bottom:1px solid var(--accent)}#version{position:fixed;color:var(--text-color);opacity:.3;pointer-events:none;z-index:50;font-family:Rajdhani,sans-serif;font-size:.8rem;bottom:10px;right:15px}#controls{display:none;z-index:20;flex-direction:column;align-items: center;gap:10px;margin-top:20px}.dpad-row{display:flex;gap:10px}.dpad-btn{display:flex;border:1px solid var(--accent);color:var(--accent);touch-action:manipulation;background:#00ffcc1a;border-radius:50%;justify-content:center;align-items: center;width:60px;height:60px;padding:0;font-size:1.5rem}.dpad-btn:active{background:var(--accent);color:#000}@media (max-width:1000px),(pointer:coarse){#controls{display:flex}canvas{max-width:100%;height:auto}#game-container{width:100%;max-width:100vw}}@media (max-width:768px){h1{margin-bottom:15px;font-size:2.5rem}#hud-bar{justify-content:space-between;gap:15px;width:95%;margin-bottom:10px;padding:5px 15px}.hud-item{flex-direction:column;align-items: flex-start;gap:5px;font-size:1rem}.hud-item .label{font-size:.7rem}.overlay p{text-align:center;padding:0 20px;font-size:1rem}button{padding:12px 30px;font-size:1.2rem}#footer{display:none}}