.sg-stage{justify-items:center;gap:14px;width:100%;min-width:0;padding:4px 0 8px;display:grid}.sg-hint{opacity:.85;text-align:center;text-wrap:balance;max-width:46ch;margin:0}.sg-globe{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:min(100%,300px);position:relative}.sg-glass{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#7cc0f5,#2b5d9b 70%,#1b3a66);border-radius:50%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff59,inset 0 -16px 30px #00002859,0 14px 30px #0000004d}.sg-globe[data-state=shaking] .sg-glass{animation:.5s ease-in-out 4 sg-wobble}.sg-scene{width:100%;height:100%;position:absolute;inset:0}.sg-shine{filter:blur(2px);background:#fff6;border-radius:50%;width:26%;height:16%;position:absolute;inset-block-start:8%;inset-inline-start:14%;transform:rotate(-35deg)}.sg-flake{width:var(--s);height:var(--s);opacity:.95;background:#fff;border-radius:50%;position:absolute;inset-block-start:var(--rest);inset-inline-start:var(--x)}.sg-globe[data-state=shaking] .sg-flake{animation:sg-swirl 2.6s ease-in-out var(--d) both}.sg-base{color:#ffe9b8;background:linear-gradient(#8a5a33,#5c3a1f);border-radius:6px 6px 14px 14px;place-items:center;width:64%;height:54px;margin:-22px auto 0;font-size:.95rem;font-weight:700;display:grid;position:relative;box-shadow:0 8px 14px #0000004d}.sg-base span{text-overflow:ellipsis;white-space:nowrap;max-width:90%;overflow:hidden}.sg-note{color:#14284b;text-align:center;opacity:0;background:linear-gradient(160deg,#f8fbff,#e4efff);border-radius:16px;width:min(100%,440px);margin:0;padding:16px 20px;transition:opacity .6s,transform .6s;transform:translateY(10px);box-shadow:0 12px 26px #00000040}.sg-note[data-visible=true]{opacity:1;transform:none}.sg-note[data-visible=false]{visibility:hidden}.sg-note blockquote{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:1.15rem;line-height:1.5}.sg-note figcaption{margin-block-start:8px;font-style:italic}.sg-to{margin:0 0 6px;font-weight:700}.sg-link{gap:8px;width:min(100%,440px);display:flex}.sg-link input{flex:1;min-width:0}.sg-scenes{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.sg-scenes legend{margin-block-end:6px;font-weight:700}.sg-scenes label{cursor:pointer;background:#7f7f7f24;border:2px solid #0000;border-radius:12px;padding:10px 14px}.sg-scenes label[data-checked=true]{background:#4dabf733;border-color:#4dabf7}.sg-scenes input{opacity:0;pointer-events:none;position:absolute}.sg-scenes label:focus-within{outline-offset:2px;outline:3px solid #4dabf7}@keyframes sg-swirl{0%{inset-block-start:var(--rest);transform:translate(0)}18%{transform:translateX(var(--drift));inset-block-start:var(--h)}45%{transform:translateX(calc(var(--drift) * -1));inset-block-start:calc(var(--h) + 8%)}75%{transform:translateX(calc(var(--drift) * .4));inset-block-start:calc(var(--rest) - 10%)}to{inset-block-start:var(--rest);transform:translate(0)}}@keyframes sg-wobble{0%,to{transform:rotate(0)translate(0)}25%{transform:rotate(-5deg)translate(-6px)}75%{transform:rotate(5deg)translate(6px)}}@media (prefers-reduced-motion:reduce){.sg-globe[data-state=shaking] .sg-glass,.sg-globe[data-state=shaking] .sg-flake{animation:none}.sg-note{transition:none}}