.sg-page{--sg-green:#19df70;--sg-text:#f3f7f4;--sg-muted:#a5b3a9;overflow-x:clip}.sg-page button,.sg-page select{font-family:inherit}.sg-page button{cursor:pointer}.sg-page button:disabled{cursor:default}.sg-page :is(button,select,a):focus-visible{outline:2px solid var(--sg-green);outline-offset:5px}.sg-intro{text-align:center;max-width:820px;margin:0 auto;padding:32px 24px 28px}.sg-eyebrow{color:var(--sg-green);letter-spacing:.16em;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.sg-eyebrow>span{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 18px #19df7070}.sg-intro h1{word-break:keep-all;color:var(--sg-text);letter-spacing:-.045em;margin:14px 0 4px;font-size:clamp(38px,5.5vw,56px);font-weight:750;line-height:1.1}.sg-tagline{color:#c8e6d2;letter-spacing:-.025em;margin:12px 0;font-size:clamp(17px,2vw,23px);font-weight:500}.sg-intro-copy{max-width:620px;color:var(--sg-muted);margin:14px auto 0;font-size:14px;line-height:1.85}.sg-artist-summary{justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.sg-game{background:radial-gradient(at 50% 0,#102b1a 0,#0000 55%),#0a110d;border:1px solid #26372a;border-radius:24px;width:min(900px,100% - 40px);margin:0 auto 78px;scroll-margin-top:80px;overflow:hidden;box-shadow:0 25px 100px #0004}.sg-game-top{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;min-height:64px;padding:17px 28px;display:flex}.sg-game-top>span{color:#adc5b5;letter-spacing:.08em;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.sg-score{align-items:center;gap:12px;display:flex}.sg-score>span{color:var(--sg-muted);letter-spacing:.12em;font-size:14px}.sg-score strong{font-variant-numeric:tabular-nums;font-size:21px;line-height:1}.sg-idle{text-align:left;grid-template-columns:124px minmax(0,1fr);column-gap:28px;padding:26px 36px;display:grid}.sg-idle>.sg-record{grid-area:1/1/span 3;align-self:center;margin:0}.sg-idle>h2,.sg-idle>p,.sg-idle>.sg-facts{grid-column:2}.sg-idle>.sg-facts{justify-content:flex-start;margin:16px 0 0}.sg-idle>.sg-start-row,.sg-idle>small{grid-column:1/-1}.sg-idle>small{text-align:center}.sg-record{background:repeating-radial-gradient(circle,#17241b 0 2px,#0b130e 3px 5px);border:1px solid #3b4e40;border-radius:50%;place-items:center;width:124px;height:124px;margin:0 auto 23px;display:grid;box-shadow:0 8px 35px #0005,0 0 44px #19df700b}.sg-record>span{color:#63ef9f;background:#16482c;border:1px solid #55ed932b;border-radius:50%;place-items:center;width:49px;height:49px;display:grid}.sg-idle h2,.sg-finished h2{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(21px,2.6vw,28px);font-weight:650}.sg-idle>p{max-width:610px;color:var(--sg-muted);margin:0 auto;font-size:14px;line-height:1.8}.sg-facts{flex-wrap:wrap;justify-content:center;gap:24px;margin:22px 0;display:flex}.sg-facts span{color:#d4e3d9;align-items:center;gap:7px;font-size:14px;display:flex}.sg-facts svg{color:var(--sg-green)}.sg-start-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;margin:24px auto 17px;display:flex}.sg-mix{text-align:left;color:var(--sg-muted);flex-direction:column;gap:7px;font-size:14px;display:flex}.sg-mix select{color:#eff7f1;background:#121e17;border:1px solid #354539;border-radius:12px;min-width:190px;min-height:48px;padding:0 35px 0 15px;font-size:14px}.sg-primary{background:var(--sg-green);color:#042411;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 22px;font-size:14px;font-weight:700;line-height:1.5;transition:background .15s,transform .15s;display:inline-flex}.sg-primary:hover:not(:disabled){background:#56ef98;transform:translateY(-1px)}.sg-primary:disabled{opacity:.55}.sg-idle>small{color:#92a398;font-size:14px}.sg-round{padding:24px 28px}.sg-timer-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.sg-timer-row h2{letter-spacing:-.025em;margin:0;font-size:clamp(17px,2.3vw,22px);font-weight:600}.sg-timer-row>span{color:var(--sg-green);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:28px;font-weight:650;display:flex}.sg-timer-row small{color:var(--sg-muted);font-size:14px}.sg-timer-row .sg-urgent{color:#ffb360}.sg-timer{background:#233328;border-radius:6px;height:4px;margin:14px 0 22px;overflow:hidden}.sg-timer>span{background:var(--sg-green);height:100%;transition:width 50ms linear;display:block}.sg-player{justify-content:center;align-items:center;gap:28px;min-height:150px;margin-bottom:22px;display:flex}.sg-record-small{flex:none;width:116px;height:116px;margin:0}.sg-record.is-playing{animation:8s linear infinite sg-rotate}button.sg-record{font:inherit;color:inherit;appearance:none;cursor:pointer;padding:0}button.sg-record:disabled{cursor:default;opacity:1}button.sg-record:not(:disabled):hover,button.sg-record:not(:disabled):focus-visible{border-color:var(--sg-green,#19df70);box-shadow:0 8px 35px #0005,0 0 44px #19df7033}button.sg-record:focus-visible{outline:2px solid var(--sg-green,#19df70);outline-offset:3px}.sg-play-control{flex-direction:column;align-items:center;gap:8px;display:flex}.sg-play-control small{color:var(--sg-muted);font-size:14px}.sg-equalizer{justify-content:center;align-items:center;gap:5px;width:200px;min-height:50px;display:flex}.sg-equalizer span{background:#4be78b;border-radius:4px;width:4px;animation:.9s ease-in-out infinite alternate sg-wave}.sg-equalizer[data-idle=true] span{background:#2f7f55;animation-duration:2.4s}.sg-player>*{animation:.26s ease-out both sg-player-in}@keyframes sg-player-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sg-text-button{color:#c7dacd;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:5px 10px;font-size:14px;display:inline-flex}.sg-text-button:hover{color:var(--sg-green)}.sg-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sg-choice{text-align:left;color:#f3f7f4;background:#142019;border:1px solid #2d3d32;border-radius:13px;align-items:center;gap:14px;width:100%;min-height:82px;padding:17px;transition:border-color .15s,background .15s;display:flex}.sg-choice:hover:not(:disabled){border-color:var(--sg-green);background:#1a2e21}.sg-choice:disabled:not([data-correct=true]):not([data-wrong=true]){opacity:.7}.sg-choice-key{color:#9cb5a5;background:#ffffff09;border-radius:8px;flex:none;place-items:center;width:31px;height:31px;font-size:14px;font-weight:600;display:grid}.sg-choice-copy{min-width:0}.sg-choice strong,.sg-recap strong{overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.5;display:block}.sg-choice small,.sg-recap small{color:#a1b2a7;overflow-wrap:anywhere;margin-top:3px;font-size:14px;line-height:1.4;display:block}.sg-choice[data-selected=true]{border-color:#c6ecd3}.sg-choice[data-correct=true]{background:#133c24;border-color:#19df70}.sg-choice[data-correct=true] .sg-choice-key{color:#19df70;background:#19df701a}.sg-choice[data-wrong=true]{background:#382120;border-color:#ef7777}.sg-choice[data-wrong=true] .sg-choice-key{color:#ffa1a1}.sg-round-bottom{justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding-top:18px;display:flex}.sg-round-bottom>p{color:var(--sg-muted);font-size:14px;line-height:1.7}.sg-round-dots{justify-content:center;gap:7px;margin-top:15px;display:flex}.sg-round-dots span{background:#314037;border-radius:3px;width:17px;height:4px}.sg-round-dots [data-active=true]{background:#a3c5b0}.sg-round-dots [data-result=correct]{background:var(--sg-green)}.sg-round-dots [data-result=wrong]{background:#f18c8c}.sg-reveal{align-items:center;gap:20px;width:100%;min-width:0;display:flex}.sg-reveal>img{object-fit:cover;background:#ffffff0f;border-radius:14px;width:94px;height:94px}.sg-reveal>div{flex:1;min-width:0}.sg-reveal strong{overflow-wrap:anywhere;font-size:19px;line-height:1.4}.sg-reveal p{color:var(--sg-muted);margin:5px 0 9px;font-size:14px}.sg-reveal a{color:#7af2ad;align-items:center;gap:5px;font-size:14px;display:inline-flex}.sg-earned{color:var(--sg-green);white-space:nowrap;font-size:17px;font-weight:600}.sg-error{color:#ffd1ab;text-align:center;background:#512f161f;padding:14px 24px 20px}.sg-error p{font-size:14px}.sg-error button{border:1px solid #8f765e;border-radius:8px;margin:9px 5px 0;padding:7px 11px;font-size:14px}.sg-finished{text-align:center;padding:30px 32px}.sg-trophy{color:var(--sg-green);width:fit-content;margin:0 auto 18px}.sg-final-score{color:var(--sg-green);letter-spacing:-.045em;margin-top:18px;font-size:54px;font-weight:700;line-height:1.4}.sg-final-score>span{color:#a0b4a7;margin-left:8px;font-size:18px;font-weight:400}.sg-finished>p{color:var(--sg-muted);font-size:14px}.sg-finished .sg-best{letter-spacing:.1em;margin-top:12px;font-size:14px}.sg-best strong{color:#e8f4ec;font-variant-numeric:tabular-nums;margin-left:8px}.sg-finished>h3{text-align:left;margin:27px 0 10px;font-size:15px}.sg-recap{text-align:left;margin:0;padding:0;list-style:none}.sg-recap li{border-bottom:1px solid #ffffff10;grid-template-columns:20px minmax(0,1fr) auto 24px;align-items:center;gap:13px;padding:12px 0;font-size:14px;display:grid}.sg-recap a{color:#b2cdbd;place-items:center;min-height:32px;display:grid}.sg-good{color:var(--sg-green)}.sg-miss{color:#ffa1a1}.sg-content{border-top:1px solid #ffffff10;width:min(1060px,100% - 48px);margin:0 auto;padding:62px 0}.sg-section-kicker{color:#6b9279;letter-spacing:.18em;margin-bottom:14px;font-size:14px;font-weight:600}.sg-content h2{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.3}.sg-section-intro{max-width:730px;color:var(--sg-muted);font-size:14px;line-height:1.85}.sg-independent{margin-top:30px}.sg-how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px;display:grid}.sg-step-number{color:#77e59e;letter-spacing:.1em;font-size:14px}.sg-content h3{margin:10px 0;font-size:16px;font-weight:600;line-height:1.5}.sg-content article p,.sg-about p:not(.sg-section-kicker){color:var(--sg-muted);font-size:14px;line-height:1.9}.sg-about{grid-template-columns:.9fr 1.3fr;gap:65px;display:grid}.sg-about>div>p+p{margin-top:17px}.sg-about a{color:#69e698;align-items:center;gap:7px;margin-top:13px;font-size:14px;display:inline-flex}.sg-about a+a{margin-left:20px}.sg-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 45px;margin-top:30px;display:grid}.sg-faq-accordion{border-block:1px solid #26382c;margin-top:30px}.sg-faq-accordion details+details{border-top:1px solid #26382c}.sg-faq-accordion summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:17px;list-style:none;display:flex}.sg-faq-accordion summary::-webkit-details-marker{display:none}.sg-faq-accordion summary svg{flex-shrink:0;transition:transform .18s}.sg-faq-accordion summary:focus-visible{outline-offset:4px;outline:2px solid #19df70}.sg-faq-accordion details[open] summary{color:#7beaab}.sg-faq-accordion details[open] summary svg{transform:rotate(180deg)}.sg-faq-accordion details p{max-width:850px;color:var(--sg-muted);margin:0;padding-bottom:24px;font-size:14px;line-height:1.9}.sg-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.sg-related-grid a{color:#d5e5da;background:#ffffff03;border:1px solid #2d3d32;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:18px;font-size:14px;display:flex}.sg-related-grid a:hover{color:var(--sg-green);border-color:#19df7070}.sg-browse{color:var(--sg-green);align-items:center;gap:8px;font-size:14px;display:inline-flex}.sg-spin{animation:1s linear infinite sg-rotate}@keyframes sg-rotate{to{transform:rotate(360deg)}}@keyframes sg-wave{to{opacity:.55;transform:scaleY(.35)}}@media (width<=640px){.sg-intro{padding:36px 22px 26px}.sg-intro-copy,.sg-eyebrow{font-size:14px}.sg-game{border-radius:18px;width:calc(100% - 24px);margin-bottom:48px}.sg-game-top{min-height:58px;padding:15px 18px}.sg-game-top>span{font-size:14px}.sg-idle{text-align:center;padding:24px 18px;display:block}.sg-idle>.sg-record{width:88px;height:88px;margin:0 auto 18px}.sg-idle>.sg-facts{justify-content:center;margin:18px 0}.sg-idle>p{font-size:14px}.sg-facts{gap:14px}.sg-facts span{font-size:14px}.sg-start-row{flex-direction:column;align-items:stretch;max-width:360px}.sg-mix select{width:100%}.sg-primary{min-height:48px}.sg-round{padding:20px 16px}.sg-timer-row h2{font-size:16px}.sg-player{gap:17px;min-height:130px}.sg-record-small{width:87px;height:87px}.sg-equalizer{gap:4px;width:164px}.sg-play-control small{font-size:14px}.sg-play-control .sg-primary{padding:10px;font-size:14px}.sg-choices{grid-template-columns:1fr;gap:9px}.sg-choice{gap:11px;min-height:67px;padding:12px}.sg-choice strong,.sg-choice small{font-size:14px}.sg-round-bottom{flex-wrap:wrap}.sg-round-bottom .sg-primary{width:100%}.sg-reveal{flex-wrap:wrap;gap:12px}.sg-reveal>img{width:70px;height:70px}.sg-reveal strong{font-size:16px}.sg-earned{margin-left:82px;font-size:14px}.sg-finished{padding:26px 18px}.sg-final-score{font-size:44px}.sg-recap{font-size:14px}.sg-content{width:calc(100% - 40px);padding:42px 0}.sg-how-grid,.sg-about,.sg-faq-grid{grid-template-columns:1fr;gap:24px}.sg-related-grid{grid-template-columns:1fr 1fr}.sg-related-grid a{padding:13px;font-size:14px}}@media (prefers-reduced-motion:reduce){.sg-page *,.sg-page :before,.sg-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sg-result-links{flex-wrap:wrap;justify-content:center;gap:14px 22px;margin:18px 0;display:flex}.sg-result-links a{color:#73eaa0;align-items:center;gap:6px;font-size:14px;display:inline-flex}.sg-page{font-family:Poppins,Microsoft YaHei,PingFang SC,Arial,sans-serif}