/* Minimal styles for canvas and UI */
html,body{height:100%;margin:0;background:#87ceeb;font-family:Arial,Helvetica,sans-serif}
#game{display:block;margin:0 auto;background:linear-gradient(#87ceeb,#5fb0ff);border:6px solid #233;image-rendering: pixelated;image-rendering: crisp-edges}
#ui{position:fixed;left:12px;top:12px;color:#012;filter:drop-shadow(0 1px 0 rgba(255,255,255,0.3))}
#controls{font-size:12px;margin-top:6px;opacity:0.9}
#level{font-weight:700}
#openMenu{display:inline-block;margin-top:6px}

/* overlays */
.overlay{position:fixed;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);z-index:40}
.panel{background:#fff;padding:12px;border-radius:8px;min-width:320px}
.hidden{display:none}
.panel h3{margin:0 0 8px 0}
.row{display:flex;gap:8px;margin-top:8px}
.small{font-size:12px;padding:4px 8px}

#editorArea{display:flex;gap:12px;align-items:flex-start}
#editorCanvas{background:#8ed;border:6px solid #233;image-rendering:pixelated}
#editorTools{display:flex;flex-direction:column;gap:6px}
.tool{padding:6px 8px}


/* make text crisp when canvas is upscaled */
#ui { text-shadow: none; }