.cg-stage{position:relative;width:100%;max-width:880px;margin:12px auto 0;aspect-ratio:1000 / 620;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000073,inset 0 0 0 1px #ffffff0d}.cg-canvas{display:block;width:100%;height:100%}.cg-hud{position:absolute;pointer-events:none;font-family:ui-sans-serif,system-ui,sans-serif}.cg-hud--l{top:10px;left:12px}.cg-hud-lbl{font-size:10px;letter-spacing:.12em;color:#d2c3a5b3}.cg-stat{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;color:#f4ead2;text-shadow:0 1px 6px rgba(0,0,0,.5);line-height:1.05}.cg-stat--sm{font-size:12px;font-weight:600;color:#dccdafd1}.cg-low{color:#ff8a6b;animation:cg-pulse 1s ease-in-out infinite}@keyframes cg-pulse{0%,to{opacity:1}50%{opacity:.5}}.cg-right{position:absolute;top:10px;right:14px;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cg-mish{display:flex;gap:5px}.cg-x{font-size:16px;color:#fff3}.cg-x--on{color:#e0473a;text-shadow:0 0 8px rgba(224,71,58,.6)}.cg-banner{position:absolute;left:50%;top:12px;transform:translate(-50%);padding:5px 14px;border-radius:999px;background:#281e0ee6;border:1px solid rgba(240,200,110,.5);color:#ffe6ad;font:800 13px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.03em;white-space:nowrap;pointer-events:none}.cg-ctls{max-width:880px;margin:10px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:560px){.cg-ctls{grid-template-columns:repeat(2,1fr)}}.cg-ctl{display:flex;flex-direction:column;align-items:center;gap:2px;padding:13px 5px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#f4ead2;font:inherit;cursor:pointer;text-align:center;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .08s,border-color .08s,transform .05s}.cg-ctl b{font-size:13px}.cg-ctl-sys{font-size:10px;color:#c8bea59e}.cg-ctl--on{background:#f0c86e2e;border-color:#f0c86e99;transform:translateY(1px)}.cg-opt{display:flex;align-items:center;gap:10px;margin-top:12px}.cg-opt-lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--poc-muted, #9fb2bd);width:48px;flex-shrink:0}.cg-seg{display:inline-flex;gap:5px;flex-wrap:wrap}.cg-seg-on{color:#ffe6ad!important;border-color:#f0c86e99!important;background:#f0c86e24!important}