/* SGCM 1.5.3 — Classic HUD (default) + Modern option, isolated */
/* Base reset to avoid theme bleed */
.sgcm-container{all:initial; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; display:block;}
.sgcm-container *{box-sizing:border-box; font: inherit; color: inherit;}
/* --------- CLASSIC (light) --------- */
.sgcm-theme-classic{ --bg:#f5f7fb; --card:#ffffff; --border:#e5e7eb; --text:#111827; --text-soft:#374151; --btn:#111827; --btn-text:#ffffff; --chip:#f1f5f9; --muted:#6b7280; --ok:#16a34a; --obj-ok:#eaf7ee; }
.sgcm-theme-classic .sgcm-scene{position:relative; background:#ddd; border-radius:14px; overflow:hidden; min-height:260px; border:1px solid var(--border);}
.sgcm-theme-classic .sgcm-card{background:var(--card); border:1px solid var(--border); border-radius:14px; padding:14px; margin-top:12px; box-shadow:0 3px 10px rgba(0,0,0,.06); color:var(--text)}
.sgcm-theme-classic .sgcm-row{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.sgcm-theme-classic .sgcm-stat{flex:1; min-width:220px; font-weight:600; color:var(--text); background:var(--chip); border:1px solid var(--border); padding:8px 10px; border-radius:10px}
.sgcm-theme-classic .sgcm-btn{all:unset; display:inline-block; background:var(--btn); color:var(--btn-text); padding:8px 12px; border-radius:10px; cursor:pointer; user-select:none; border:1px solid var(--btn)}
.sgcm-theme-classic .sgcm-btn:hover{opacity:.9}
.sgcm-theme-classic .sgcm-btn.outline{background:transparent; color:var(--text); border-color:var(--border)}
.sgcm-theme-classic .sgcm-btn.small{font-size:12px; padding:6px 10px}
.sgcm-theme-classic .sgcm-btn.tiny{font-size:11px; padding:4px 8px}
.sgcm-theme-classic .sgcm-panel{border:1px solid var(--border); border-radius:12px; padding:12px; background:var(--card); color:var(--text)}
.sgcm-theme-classic .panel-title{font-weight:700; margin-bottom:8px; color:var(--text)}
.sgcm-theme-classic .sgcm-log{margin-top:10px; font-size:12px; color:var(--muted); display:flex; flex-direction:column-reverse; gap:4px; max-height:140px; overflow:auto}
.sgcm-theme-classic .sgcm-log .logline{background:#f3f4f6; border:1px solid var(--border); border-radius:8px; padding:6px 8px}
.sgcm-theme-classic #sgcm-upgrades-list button{margin:4px 6px 0 0}
.sgcm-theme-classic #sgcm-order-box button{margin-left:6px}
.sgcm-theme-classic .obj{padding:8px 10px; border-radius:10px; margin:6px 0; background:#f3f4f6; border:1px solid var(--border); color:var(--text)}
.sgcm-theme-classic .obj.ok{background:var(--obj-ok); border-color:#b7e0c3}
.sgcm-theme-classic .sgcm-sprite{user-select:none; pointer-events:none; image-rendering:pixelated}
/* --------- MODERN (dark) --------- */
.sgcm-theme-modern{ --sg-bg:#0f1217; --sg-bg-soft:#141821; --sg-card:#161b23; --sg-border:#2a3240; --sg-text:#e6edf3; --sg-text-soft:#b6c2cf; --sg-chip:#0b1220;}
.sgcm-theme-modern .sgcm-scene{position:relative; background:var(--sg-bg); border-radius:14px; overflow:hidden; min-height:260px; border:1px solid var(--sg-border);}
.sgcm-theme-modern .sgcm-card{background:var(--sg-card); border:1px solid var(--sg-border); border-radius:14px; padding:14px; margin-top:12px; box-shadow:0 6px 16px rgba(0,0,0,.25); color:var(--sg-text)}
.sgcm-theme-modern .sgcm-row{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.sgcm-theme-modern .sgcm-stat{flex:1; min-width:180px; font-weight:600; color:var(--sg-text); background:var(--sg-chip); border:1px solid var(--sg-border); padding:8px 10px; border-radius:10px}
.sgcm-theme-modern .sgcm-btn{all:unset; display:inline-block; background:#0b1220; color:var(--sg-text); border:1px solid var(--sg-border); padding:10px 14px; border-radius:12px; cursor:pointer}
.sgcm-theme-modern .sgcm-btn:hover{border-color:#3b4556; transform:translateY(-1px)}
.sgcm-theme-modern .sgcm-btn.outline{background:transparent}
.sgcm-theme-modern .sgcm-btn.small{font-size:12px; padding:7px 10px}
.sgcm-theme-modern .sgcm-btn.tiny{font-size:11px; padding:5px 8px}
.sgcm-theme-modern .sgcm-panel{border:1px solid var(--sg-border); border-radius:12px; padding:10px; background:var(--sg-bg-soft); color:var(--sg-text)}
.sgcm-theme-modern .panel-title{font-weight:700; margin-bottom:6px}
.sgcm-theme-modern .sgcm-log{margin-top:10px; font-size:12px; color:var(--sg-text-soft); display:flex; flex-direction:column-reverse; gap:4px; max-height:140px; overflow:auto}
.sgcm-theme-modern .sgcm-log .logline{background:#0b1220; border:1px solid var(--sg-border); border-radius:8px; padding:6px 8px}
.sgcm-theme-modern #sgcm-upgrades-list button{margin:4px 6px 0 0}
.sgcm-theme-modern #sgcm-order-box button{margin-left:6px}
.sgcm-theme-modern .obj{padding:6px 8px; border-radius:10px; margin:4px 0; background:#0b1220; border:1px solid var(--sg-border); color:var(--sg-text)}
.sgcm-theme-modern .obj.ok{background:rgba(34,197,94,.12); border-color:rgba(34,197,94,.35); color:#bbf7d0}
.sgcm-theme-modern .sgcm-sprite{user-select:none; pointer-events:none; image-rendering:pixelated}
/* shared */
#sgcm-scene{height:380px}
.sgcm-sprite.bg{width:100%!important;height:100%!important;object-fit:cover;object-position:center center}
#sgcm-info-panel .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
#sgcm-info-panel .info-card{background:rgba(0,0,0,.03);border:1px solid currentColor;border-radius:10px;padding:10px}
#sgcm-info-panel .info-card .t{font-size:12px;opacity:.75;margin-bottom:6px}
#sgcm-info-panel .info-card .v{font-weight:700;font-size:16px}
/* debug */
.sgcm-debug .sgcm-sprite{ outline:1px dashed rgba(255,0,0,.5); }
.sgcm-sprite[data-sgcm-label]::after{
  content: attr(data-sgcm-label);
  position:absolute; left:0; top:0; transform:translateY(-100%);
  background:rgba(0,0,0,.6); color:#fff; font-size:11px; padding:2px 4px; border-radius:6px;
}