.sgss-system{position:relative;width:var(--sgss-width,100%);max-width:100%;height:var(--sgss-height,650px);overflow:hidden;background:#050914;border:1px solid rgba(148,163,184,.25);border-radius:10px;box-sizing:border-box;touch-action:none;user-select:none}.sgss-system canvas{display:block;width:100%;height:100%;cursor:grab}.sgss-system canvas:active{cursor:grabbing}.sgss-controls{position:absolute;top:12px;right:12px;display:flex;gap:6px;padding:6px;background:rgba(5,9,20,.72);border:1px solid rgba(255,255,255,.14);border-radius:8px;backdrop-filter:blur(4px);z-index:3}.sgss-controls button{width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(20,28,45,.86);color:#fff;font:600 18px/1 sans-serif;cursor:pointer}.sgss-controls button:hover{background:rgba(45,60,88,.95)}.sgss-infobox{position:absolute;left:14px;bottom:14px;width:min(360px,calc(100% - 28px));box-sizing:border-box;padding:16px 42px 15px 16px;background:rgba(7,13,26,.92);border:1px solid rgba(151,196,240,.28);border-radius:9px;color:#dcecff;box-shadow:0 12px 35px rgba(0,0,0,.35);backdrop-filter:blur(7px);z-index:4;user-select:text}.sgss-infobox[hidden]{display:none}.sgss-info-close{position:absolute;right:8px;top:7px;width:28px;height:28px;padding:0;border:0;background:transparent;color:#dcecff;font-size:24px;line-height:1;cursor:pointer}.sgss-info-type{color:#8cc9ff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sgss-info-title{margin:3px 0 5px!important;color:#fff!important;font-size:20px!important;line-height:1.2!important}.sgss-info-meta{font-size:12px;color:#a8bed1}.sgss-info-text{margin:10px 0 0!important;color:#d4dee8!important;font-size:13px!important;line-height:1.5!important;white-space:pre-line}.sgss-error{padding:12px;border-left:4px solid #d63638;background:#fff3f3}@media(max-width:600px){.sgss-infobox{left:8px;bottom:8px;width:calc(100% - 16px)}.sgss-controls{top:8px;right:8px}}
.sgss-follow-button{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:8px 12px;border:1px solid rgba(125,211,252,.35);border-radius:6px;background:rgba(30,55,80,.72);color:#dff4ff;font-size:12px;font-weight:700;cursor:pointer}.sgss-follow-button:hover{background:rgba(46,83,118,.9)}.sgss-follow-button.is-active{border-color:rgba(125,211,252,.75);background:rgba(31,95,135,.9);box-shadow:0 0 0 1px rgba(125,211,252,.16) inset}

/* Mobile/Tablet interaction */
.sgss-system{overscroll-behavior:contain;touch-action:auto}
.sgss-system canvas{touch-action:none;-webkit-user-select:none;user-select:none}
.sgss-infobox{overscroll-behavior:contain}
@media (max-width:900px), (pointer:coarse){
  .sgss-system{width:100%!important;height:min(var(--sgss-height,650px),76svh);min-height:420px;border-radius:8px}
  .sgss-controls{top:10px;right:10px;gap:7px;padding:7px}
  .sgss-controls button{width:44px;height:44px;font-size:21px;touch-action:manipulation}
  .sgss-infobox{left:0;right:0;bottom:0;width:100%;max-height:46%;overflow-y:auto;padding:17px 48px max(18px,env(safe-area-inset-bottom)) 17px;border-radius:14px 14px 0 0;border-left:0;border-right:0;border-bottom:0;touch-action:pan-y;-webkit-overflow-scrolling:touch}
  .sgss-info-close{right:10px;top:9px;width:38px;height:38px;font-size:30px;touch-action:manipulation}
  .sgss-follow-button{min-height:44px;padding:10px 14px;font-size:13px;touch-action:manipulation}
  .sgss-info-title{font-size:19px!important}
  .sgss-info-text{font-size:14px!important}
}
@media (max-width:600px){
  .sgss-system{height:min(var(--sgss-height,650px),70svh);min-height:380px}
  .sgss-controls{top:8px;right:8px}
  .sgss-controls button{width:42px;height:42px}
}
@media (max-width:430px){
  .sgss-system{min-height:350px;height:min(var(--sgss-height,650px),68svh)}
  .sgss-controls{gap:5px;padding:5px}
  .sgss-controls button{width:40px;height:40px}
  .sgss-infobox{max-height:50%}
}