/* MAIN GAME STYLES - Extracted from inline */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    font-family: 'Arial', sans-serif;
    background: radial-gradient(circle at center, #0a0a1a 0%, #000000 100%);
    color: white;
    overflow: hidden;
    height: 100svh;
    padding-top: env(safe-area-inset-top);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
}

#gameCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: radial-gradient(circle at center, #0a0a1a 0%, #000000 100%);
    cursor: none;
}

#ui {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

#debugOverlay {
    position: absolute;
    top: 16px;
    right: 16px;
    display: none;
    min-width: 220px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid rgba(203,213,225,0.35);
    background: rgba(2,6,23,0.75);
    color: #e2e8f0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
    line-height: 1.35;
    pointer-events: none;
    box-shadow: 0 0 14px rgba(148,163,184,0.25);
}

#debugOverlay .title { color:#93c5fd; font-weight:700; margin-bottom:4px; }
#debugOverlay .row { display:flex; justify-content: space-between; gap:10px; }
#debugOverlay .k { color:#a5b4fc; }
#debugOverlay .v { color:#e5e7eb; }

/* ... copy remaining CSS from glowlings.html <style> section ... */