.sg-backdrop{z-index:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(#0406109e,#02030ae6);place-items:center;padding:1rem;animation:.5s ease-out both sg-fade;display:grid;position:fixed;inset:0}.sg-card{--sg-gold:#e0bd49;--sg-blue:#3ab8ff;--sg-red:#ff2a3a;text-align:center;color:#f6ecd0;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:linear-gradient(#12101ce6,#06050cf0);border:1px solid #e0bd49bf;flex-direction:column;align-items:center;width:min(100%,29rem);padding:2rem 1.5rem 1.6rem;display:flex;position:relative;box-shadow:0 0 40px #e0bd4929,inset 0 0 0 1px #fff0a81f,inset 0 0 60px #e0bd490f}.sg-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#fff0a809 0 1px,#0000 1px 4px);position:absolute;inset:0}.sg-bars{color:var(--sg-gold);margin-bottom:1.1rem;overflow:visible}.sg-spk{fill:currentColor;fill-opacity:.3;stroke:currentColor;stroke-width:2px;stroke-linejoin:round}.sg-bar{fill:currentColor;transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite sg-eq}.sg-title{font-family:var(--font-display);letter-spacing:.12em;color:#fff0a8;text-shadow:0 0 18px #e0bd4973;margin:0;font-size:clamp(1.25rem,5.6vw,1.7rem);font-weight:600;line-height:1.2}.sg-saber{width:70%;margin:.9rem 0 .8rem;display:flex}.sg-saber i{border-radius:2px;flex:1;height:3px;animation:.9s cubic-bezier(.2,.8,.2,1) .35s forwards sg-ignite;transform:scaleX(0)}.sg-saber i:first-child{background:var(--sg-blue);transform-origin:100%;box-shadow:0 0 10px var(--sg-blue)}.sg-saber i:last-child{background:var(--sg-red);transform-origin:0;box-shadow:0 0 10px var(--sg-red)}.sg-line{font-family:var(--font-body);color:#e6d9b8;margin:0 0 1.5rem;font-size:1.15rem;font-style:italic}.sg-actions{flex-direction:column;gap:.7rem;width:100%;display:flex}.sg-btn{white-space:nowrap;cursor:pointer;letter-spacing:.1em;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);min-height:46px;padding:.5rem 1.4rem;font-family:Barlow Condensed,sans-serif;font-size:1.15rem;font-weight:600;transition:box-shadow .25s,background .25s,color .25s}.sg-primary{color:#1a1204;box-shadow:inset 3px 0 0 var(--sg-blue,#3ab8ff), inset -3px 0 0 var(--sg-red,#ff2a3a);background:linear-gradient(#f3d870,#d9ae38);border:0}.sg-primary:hover,.sg-primary:focus-visible{box-shadow:inset 3px 0 #3ab8ff,inset -3px 0 #ff2a3a,-6px 0 18px #3ab8ff73,6px 0 18px #ff2a3a73}.sg-quiet{color:#d9c78f;background:0 0;border:1px solid #e0bd4973}.sg-quiet:hover{color:#fff0a8;background:#e0bd491f}.sg-btn:focus-visible{outline-offset:3px;outline:2px solid #fff}.sound-toggle:focus-visible{outline:2px solid var(--gold-hi,#fff0a8);outline-offset:-6px}.sg-toast{z-index:250;right:max(.75rem, env(safe-area-inset-right));color:#f6ecd0;background:linear-gradient(#12101ceb,#06050cf2);border:1px solid #e0bd49b3;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.2rem;width:max-content;max-width:calc(100vw - 1.5rem);padding:.7rem 1rem;animation:.4s ease-out both sg-fade;display:flex;position:fixed;top:5rem;box-shadow:0 0 24px #e0bd492e}.sg-toast p{font-family:var(--font-body);margin:0;font-size:1rem}.sg-toast-actions{gap:.5rem;display:flex}.sg-toast .sg-btn{min-height:34px;padding:.15rem .8rem;font-size:.95rem}@media (min-width:640px){.sg-actions{flex-direction:row;justify-content:center}.sg-card{padding:2.2rem 2rem 1.8rem}}.sound-hint{z-index:100;left:calc(max(.6rem, env(safe-area-inset-left)) + 48px);bottom:calc(max(.6rem, env(safe-area-inset-bottom)) + 6px);max-width:calc(100vw - 4.5rem);font-family:var(--font-body);color:#fff0a8;pointer-events:none;background:#06050ce0;border:1px solid #e0bd498c;margin:0;padding:.35rem .7rem;font-size:.95rem;animation:6s ease-in-out both sg-hint;position:fixed}.sound-toggle-nudge{animation:1.1s ease-in-out 2 sg-pulse}@keyframes sg-fade{0%{opacity:0}}@keyframes sg-rise{0%{opacity:0;transform:translate(-50%,14px)}}@keyframes sg-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes sg-ignite{to{transform:scaleX(1)}}@keyframes sg-hint{0%,to{opacity:0}10%,85%{opacity:1}}@keyframes sg-pulse{50%{transform:scale(1.3);box-shadow:0 0 26px #ffdc78e6}}@media (prefers-reduced-motion:reduce){.sg-bar{animation:none;transform:scaleY(.6)}.sg-saber i{animation:none;transform:scaleX(1)}.sg-backdrop,.sg-toast,.sound-toggle-nudge,.sound-hint{animation:none}}