html,body{margin:0;height:100%;background:#0f1419;font-family:system-ui,sans-serif}#app-root{position:relative;width:100%;min-height:100vh}#game-canvas{display:block;width:100%;height:100vh;touch-action:none}#react-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.transition-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f14;pointer-events:none;z-index:3}.hud{position:fixed;top:12px;left:12px;z-index:4;pointer-events:none}.hud-card{pointer-events:auto;background:#141c24eb;color:#ecf0f1;padding:12px 16px;border-radius:10px;min-width:200px;font-size:14px;line-height:1.45;box-shadow:0 4px 20px #00000059}.hud-card strong{display:block;margin-bottom:8px;font-size:15px}.level-strip{position:fixed;top:0;right:0;width:72px;height:100vh;z-index:4;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,transparent,rgba(20,28,36,.85));color:#bdc3c7;font-size:12px;-webkit-user-select:none;user-select:none;touch-action:none}.level-strip-label{text-transform:uppercase;letter-spacing:.08em;opacity:.8}.level-strip-value{font-size:22px;font-weight:700;color:#f4d03f}.level-strip-hint{font-size:10px;opacity:.65}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#00000073}.picker-card{background:#1c2833;color:#ecf0f1;padding:24px 28px;border-radius:14px;max-width:90vw;box-shadow:0 8px 32px #00000073}.picker-card p{margin:0 0 16px;font-size:16px}.picker-buttons{display:flex;flex-wrap:wrap;gap:10px}.picker-btn{flex:1 1 120px;padding:14px 16px;font-size:15px;border:none;border-radius:10px;cursor:pointer;background:#2874a6;color:#fff}.picker-btn:hover{background:#3498db}.picker-btn:active{transform:scale(.98)}