.sog-dialog{box-sizing:border-box;width:min(1000px,96vw);max-width:96vw;max-height:94dvh;padding:14px;border:1px solid #465469;border-radius:16px;background:#101827;color:#f8fafc;box-shadow:0 20px 80px #0008}
.sog-dialog::backdrop{background:#000b}
.sog-dialog header,.sog-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.sog-dialog button,.sog-launch{cursor:pointer;min-height:44px;padding:8px 16px;border:1px solid #64748b;border-radius:8px;background:#1e3a5f;color:#fff;font:inherit}
.sog-dialog button:disabled{opacity:.45;cursor:wait}
.sog-stage{height:min(60dvh,560px);min-height:180px;margin-top:10px;background:#0a0f17;border-radius:10px;overflow:hidden}
.sog-stage canvas{display:block;width:100%;height:100%;touch-action:none}
.sog-status{font-size:.85rem;min-height:2.4em;margin:10px 0}
.sog-controls{justify-content:center}
.sog-slide{position:relative;display:grid;place-content:center;gap:14px;text-align:center;background:radial-gradient(ellipse at top,#254768,#0b1320);color:white;width:100%;min-width:100%;height:100%;flex-shrink:0;scroll-snap-align:start;border-radius:10px}
.sog-slide .sog-symbol{font-size:48px;font-weight:700;line-height:1.2}
.sog-dialog button:focus-visible,.sog-launch:focus-visible,.sog-stage canvas:focus-visible{outline:3px solid #7dd3fc;outline-offset:2px}