.status background: rgba(0, 30, 20, 0.7); backdrop-filter: blur(8px); padding: 0.35rem 1rem; border-radius: 60px; font-size: 0.8rem; font-weight: 500; color: #a0ffd0; border-left: 3px solid #2effb0; font-family: monospace;

/* main game card container */ .game-container max-width: 1400px; width: 100%; background: rgba(10, 20, 30, 0.65); backdrop-filter: blur(4px); border-radius: 2.5rem; padding: 1rem 1.2rem 1.5rem 1.2rem; box-shadow: 0 25px 45px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 255, 255, 0.15); transition: all 0.2s ease;

.btn-primary background: #0f2c3b; border-color: #2aa9ff; box-shadow: 0 0 6px rgba(0, 200, 255, 0.3); color: white;

/* responsive */ @media (max-width: 780px) .game-container padding: 0.8rem; .game-frame height: 55vh; min-height: 380px; h1 font-size: 1.5rem; .btn padding: 0.4rem 1rem; font-size: 0.75rem; .info-panel flex-direction: column; align-items: flex-start;

<div class="game-container"> <div class="game-header"> <div class="title-badge"> <h1>⚡ 1v1.LOL ⚡</h1> <span class="version">BUILD • FIGHT • AIM</span> </div> <div class="status"> 🟢 LIVE — UNBLOCKED EDITION </div> </div>

<div class="info-panel"> <div class="hotkeys"> <span class="key">🔫 WASD / Mouse</span> <span class="key">🧱 Q / E — Build</span> <span class="key">🔁 R — Reload</span> <span class="key">🪜 Shift — Sprint</span> <span class="key">🔽 C — Crouch</span> </div> <div class="warning"> ⚡ Best experience: allow popups & iframe cookies. Multiplayer works directly! </div> <div> <span style="opacity:0.7;">🎮 official mirror: </span> <a href="https://1v1lol.github.io/" target="_blank" rel="noopener noreferrer">1v1lol.github.io</a> </div> </div> </div>