html,body{height:100%}body.gb-embed{--bar: 56px;margin:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background-image:none}body.gb-embed.no-controls{--bar: 0px}.gb-e-stage,.gb-e-bar{width:min(100vw,calc(100vh - var(--bar)));flex:none}.gb-e-stage{position:relative;aspect-ratio:1 / 1}.gb-e-stage canvas{display:block;width:100%;height:100%;cursor:pointer}.gb-e-badge{position:absolute;top:8px;right:8px;padding:4px 10px;border-radius:999px;border:1px solid var(--gb-border);background:color-mix(in srgb,var(--gb-panel-bg) 85%,transparent);color:var(--gb-text);font-size:12px;font-weight:600;text-decoration:none;opacity:.85;transition:opacity .15s}.gb-e-badge:hover,.gb-e-badge:focus-visible{opacity:1}.gb-e-bar{height:var(--bar);display:flex;align-items:center;gap:8px;padding:0 8px}.no-controls .gb-e-bar{display:none}.gb-e-count{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.gb-e-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gb-muted)}.gb-e-count output{min-width:2.4em;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.gb-e-bar .gb-btn{height:38px;padding:0 14px}.gb-e-bar .gb-btn:not(.gb-play){flex:none}.gb-e-bar .gb-play{width:38px;padding:0}@media (max-width: 300px){.gb-e-label{display:none}}