:root{--bg:#0b1020;--accent:#00d4ff;--panel:#0f1724;--muted:#98a0b3}
*{box-sizing:border-box;font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial}
html,body,#app{height:100%;margin:0;background:linear-gradient(180deg,#071029 0%, #07121a 60%);color:#e6eef8}
header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}
header h1{margin:0;font-size:18px;letter-spacing:0.6px}
.controls button{margin-left:8px;padding:6px 10px;border-radius:6px;border:0;background:linear-gradient(180deg,#132032,#0d2836);color:var(--accent);cursor:pointer}
main{display:flex;gap:18px;padding:8px 24px}
#game-canvas{background:linear-gradient(180deg,#071029,#071a2a);flex:1;border-radius:12px;box-shadow:0 8px 30px rgba(2,6,23,0.6);width:960px;height:540px;display:block}
#ui-panel{width:320px;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);padding:16px;border-radius:12px;color:var(--muted)}
#hud{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:600}
.hidden{display:none}
button.small{padding:6px 8px}
#level-json{width:100%;height:140px;background:#071526;color:#cfefff;padding:8px;border-radius:6px;border:1px solid rgba(255,255,255,0.03);resize:vertical;font-family:monospace}
.row{display:flex;gap:8px;align-items:center;margin:8px 0}
#scores{padding-left:18px;color:#cfefff}
footer{padding:18px 24px;color:var(--muted);opacity:0.9}
@media(max-width:1100px){main{flex-direction:column}#ui-panel{width:100%}#game-canvas{width:100%;height:360px}}