:root{
  --accent:#00ffff;
  --bg:#050509;
}
*{box-sizing:border-box;font-family:Inter,Arial,Helvetica,sans-serif}
html,body{height:100%;margin:0;background:var(--bg);color:#eaf9ff;overflow:hidden}
.panel{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:60}
.hidden{display:none}
.card{background:#091014;padding:18px;border-radius:12px;border:2px solid rgba(0,255,255,0.06);min-width:320px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.6)}
.bigBtn{width:220px;padding:12px;margin:8px;font-size:18px;border-radius:12px;background:transparent;border:2px solid var(--accent);color:white;cursor:pointer;box-shadow:0 6px 18px rgba(0,255,255,0.06)}
.bigBtn:hover{background:rgba(0,255,255,0.05)}
.smallBtn{padding:8px 10px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,0.06);cursor:pointer;color:white}
.muted{opacity:0.85;font-size:13px}
#canvasWrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
canvas{width:100vw;height:100vh;touch-action:none;-webkit-user-select:none;user-select:none;image-rendering:optimizeSpeed}
.editorUI{position:fixed;right:12px;top:12px;z-index:70}
.toolCard{background:rgba(0,0,0,0.2);padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.03);color:#dff}
.hud{position:fixed;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:center;z-index:80}
.hud .smallBtn{margin-left:8px}
.levelList{max-height:260px;overflow:auto;text-align:left}
.levelItem{padding:8px;margin:6px 0;border-radius:8px;background:#071018;border:1px solid rgba(255,255,255,0.02);display:flex;justify-content:space-between;align-items:center}