/* SpaceScape — CSS escopado do game (cores próprias do game preservadas).
   Layout de tela cheia via modo stage. */
.jg-spacescape{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;}
.jg-spacescape canvas{background:transparent;box-shadow:none;border-radius:0;}

:root {
            --space-deep: #020617;
            --space-glow: #0f172a;
            --planet-core: #38bdf8;
            --sat-body: #e2e8f0;
            --sat-panel: #1d4ed8;
            --thrust-fire: #fbbf24;
            --asteroid-rock: #94a3b8;
            --danger: #ef4444;
            --energy: #22c55e;
            --font-main: 'Inter', system-ui, -apple-system, sans-serif;
        }
.jg-spacescape .viewport {
            position: relative;
            flex: 1 1 auto;
            min-height: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: radial-gradient(circle at center, var(--space-glow) 0%, var(--space-deep) 100%);
        }
.jg-spacescape #gameCanvas {
            max-width: 100%;
            max-height: 100%;
            border-radius: 50%;
            z-index: 1;
        }
.jg-spacescape .hud {
            position: absolute;
            top: 1.5rem;
            width: 100%;
            display: flex;
            justify-content: center;
            gap: 3rem;
            pointer-events: none;
            z-index: 10;
        }
.jg-spacescape .hud-item { text-align: center; }
.jg-spacescape .hud-label { 
            font-size: 0.65rem; 
            text-transform: uppercase; 
            letter-spacing: 0.0625rem; 
            color: var(--planet-core);
            display: block;
        }
.jg-spacescape .hud-val { font-size: 1.8rem; font-weight: 900; }
.jg-spacescape .overlay {
            position: absolute;
            inset: 0;
            background: rgba(2, 6, 23, 0.8);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 50;
            backdrop-filter: blur(10px);
            transition: opacity 0.4s ease;
        }
.jg-spacescape .hidden { opacity: 0; pointer-events: none; }
.jg-spacescape .btn-action {
            background: transparent;
            border: 0.125rem solid var(--planet-core);
            color: var(--planet-core);
            padding: 0.8rem 2.5rem;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: 0.125rem;
            border-radius: 0.25rem;
            transition: 0.3s;
        }
.jg-spacescape .btn-action:hover {
            background: var(--planet-core);
            color: var(--space-deep);
            box-shadow: 0 0 1.25rem var(--planet-core);
        }
.jg-spacescape .modal-content {
            background: #0f172a;
            border: 1px solid #334155;
            color: white;
        }