::view-transition{pointer-events:none}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}::view-transition-group(root){animation:none}::view-transition-group(.sg-history-marker){animation-duration:var(--sg-history-duration,.22s);animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-old(.sg-history-marker){height:100%;animation:none}::view-transition-new(.sg-history-marker){height:100%;animation:none}::view-transition-new(.sg-history-data){animation:.15s ease-out both sg-history-reveal}@keyframes sg-history-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.soundguess-app .sg-history-route,.soundguess-app .sg-history-content{min-width:0}.soundguess-app .sg-history-route>*+*,.soundguess-app .sg-history-content>*+*{margin-top:24px}.soundguess-app .history-detail-marker{align-items:center;gap:12px;margin-bottom:16px;display:flex}.soundguess-app .history-detail-marker>span:last-child{font:700 14px var(--sg-font-label)}.sg-theme.sg-page-wave{z-index:10;visibility:hidden;pointer-events:none;background:0 0;position:fixed;overflow:hidden}.sg-page-wave svg{width:100%;height:100%;display:block}.sg-page-wave [data-wave-blue]{fill:var(--sg-blue)}.sg-page-wave [data-wave-lavender]{fill:var(--sg-lavender)}.sg-page-wave [data-wave-edge]{fill:none;stroke:var(--sg-ink);stroke-width:3px}@media (prefers-reduced-motion:reduce){.sg-page-wave{display:none!important}}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-greek-wght-normal-5tOOQDeJ.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-ext-wght-normal-JjI8ZrW1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-wght-normal-BVsvWWA4.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAa0ABQAAAAADOwAAAZHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJtP01WQVJGBmA/U1RBVIEcAGQvXBEICoMkgmcLFgAwhEwBNgIkAyYEIAWGXAdiDAcbOgtRlHLSRcD8TEzkdoghPRuspKefbVnJIM5yRfA8vZv9uTNJSCZY21Scrigr6qyJ/C3sE1OFKuVP3e+lxUTbYio1zb/kFdk2bufY2BlhWERRBrcDUBhB5GEpd2Cy+MDxqf9zLPX+XVsk5r+s50d6IpWLatqbdT6f2MAikiOKQocbjya2QT0DqPDX4R0jQBgAUAiCRhDA0EkvYeLk9X3I2bEWI8jBAihIANm+kUWQBgggWChcBBdFhXlAUgOCAgBA0AgKjUJ8HKvjddFCKSgAVklEBYAeEJgCQJH0qB3B+neDg4sAA4hAD0AVIEAA0IACJGeaUjMIIIhBUE/zNABjTQMBwEVRcwcYBUCObLERABAgjAA1M/ZSa9hSi4OlpsnZ2KBOVUsAZlRGl1W0NZ6gSwhQPIAFs7YFL0QS91vRQgdgx2VDAnIegKpQvwAJIoLgooBAGtCJcHizg0TDiz8vhPgIcVXaDJu37ZyDAIjFy4AAiC1JAA0olJwN6nFAACQk/zfQVUuA3t5ELKMT9hpBSRj+HBSggYCIAIEkUoC4PCIQIWHGA8+IStxf0PW15ntP22gc+Wo+BLyQAHECQiAVd+c3Ba8gZ4NOACBaLOhsbIMkAXEmuHsSAvkf4oJaAogH6nEQAzoBIEihUAwAA0AACAObAGcANYAAABaqgMmpWAhiiVyrvNyqFV8tMQ5Iyq6r9Lf7W82i8ILl2cv8zbfdJ5lnPzSnvt/XXPfRR/5pH3xA+u5uS0798EPJ3Fft33w36Wc+8E/7aIB/9fvvb1pE9erNXLB9mkw//cSg8Cnx03VGXDvZnRzKqV9Xkhn7eRHb3wVjHpg19nkZpX9bBU+vnHegrsuQcbW9Bi7oO33h+8SU0Tly/MbeYUuG1cftVz6oNxrW0qH1iezq446fkDFo/rgvTkqt7zmteFzncZ0uxXti09FFF2z+C7CODpjUudOE5NSeb3bv/mbPKcmOEzpWQ3VBgBAuj/AOY3qMm7UvgA8qo3+qvAUBBAX0wADQG4AG+jCKaSxkBe/zvcTG8jRpRZgqhCog4sd++cOo7J+/RdvaaMoc78Ri/PNPSclx6fDvG1Kt3qQFi1rq+5EaavTtt9TVvfvucYsA5wc4oESU+E1ikF9TkrOkIsIH5Fawx7SBNLnMcWlM3skBluCmQNs7GeyFvYVDamsqwhxx18n/+WdxzDgOLU1AqbUlb3m+KOT9+ONvY/7XlrdLS//5v7nN97XHj0VzJpJvz4spq0V7ioXDuv2YrSxtF/KZmvbWfKtorXSh8dfvgGu+ev/nFSaXM6jyuCE/f/EpmuP7Rqu8R98vP/+tXUdrOgKlZP9Q/s+fRF9+3CHZd4EugfPv158me9X7v/6aSMCxMJmIr//65bNXngl7+uiPP5oKx+y27D8trp+psUzMacpm80XlnYeMAct0LynxhNYgaP3dtn8/LBAi+ksr+7NvjjtJV+UXrz0uLXV1x08AZRN1S2A8EaVE5afk/dfGjz//+fdHn36Xdttz2d9/z+bawZ8/slNN1aYtq+ZPGzNuPGdwOsfYflwmHCkPgs5DcKizvdpS/3gEUMW9/lvQvWp1bGTW1fpngC/uSVYAfH3TeSusL8TtlHUD4KAAEHjahk4YpuffGwEBN/dUmpHqdHyJ3Ap8O3UlQ4gCNrMRwLBBKiskL6a+RoBi/9XGlgc8L4/CUejQxaiIyqmomdhktOhfgDbDfaNDb4+yKIPd6IgmzDa0CByijWFmL2dlSRKagTIWXeIU9HDphoZiJeBTjAefHMxDhVSRFUgVcOkW3EGMahYVMFjWHhMluB2wAcbHYqF1LpsDF9C6s+CI2fDgh4wSuFEyGadjXAmIk3CugIRibLIti9ZtC8S4VSqfikGqPaoI122XyRYLBmsOmdiiTpqK1OklUQzpMcZmQRQV4M4oJCMkfRQXK+qvjifUcQd1bRdetW/LWjacYxvcttnVjWg5h0q4xw6rZyejSpZVZ78LzC4uyDNRQ4bymHSTMyM+SZ7D75mg/7YTlmNz7W8T00h0VEiGKB+F7iWYZFvSTiA4LVxttm2ATt5EoUWLJbY4EnLGrfsvEROlHtzlKn3H9VUT5tU/2dt3/EBv7foYzV/W4upyj04woO/gh6Vwwt3WGQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html[data-sg-theme=dark] .sg-theme{--sg-background:#18171c;--sg-surface:#242229;--sg-surface-raised:#302d36;--sg-foreground:#fff8ef;--sg-secondary:#c7bfca;--sg-outline:#817887;--sg-shadow-color:#09080b;--sg-surface-subtle:#302d36;--sg-disabled-bg:#37323d;--sg-disabled-text:#b5acbc;--sg-danger-foreground:#ffb4b8;--sg-gain-foreground:#8cdda9;--sg-progress-track-color:#817887}.sg-theme .sg-theme-selector{width:180px;max-width:100%}.sg-theme .sg-theme-selector .sg-input{min-height:44px;font:600 16px var(--sg-font-label)}html[data-sg-theme=dark] body{background:#18171c}html[data-sg-theme=dark] .sg-theme .sg-modal{background:var(--sg-surface-raised)}html[data-sg-theme=dark] .sg-theme :where(button,a,input,select,textarea,[tabindex]):focus-visible,html[data-sg-theme=dark] .sg-theme :is(.sg-choice,.sg-avatar-option) input:focus-visible+span,html[data-sg-theme=dark] .sg-theme .sg-switch input:focus-visible+.sg-switch-track{outline:3px solid var(--sg-foreground);outline-offset:5px;box-shadow:0 0 0 5px var(--sg-ink)}html[data-sg-theme=dark] .sg-theme .sg-field[data-pointer-focus=true] .sg-input:focus{box-shadow:var(--sg-shadow-sm);outline:none}html[data-sg-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-sg-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sg-theme .sg-round-results{gap:16px;min-width:0;display:grid}.sg-theme .sg-round-results-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.sg-theme .sg-round-results-heading h2{font-size:clamp(20px,2.5vw,26px)}.sg-theme .sg-round-results-heading>span{color:var(--sg-muted);font:500 11px var(--sg-font-label);flex-shrink:0}.sg-theme .sg-round-result-list{gap:10px;padding:0;list-style:none;display:grid}.sg-theme .sg-panel.sg-round-result{box-shadow:var(--sg-shadow-sm);border-width:2px;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.sg-theme .sg-round-result[data-me]{box-shadow:var(--sg-shadow)}.sg-theme .sg-round-result-main{gap:8px;min-width:0;display:grid}.sg-theme .sg-round-result-identity{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.sg-theme .sg-round-result-identity>strong{overflow-wrap:anywhere}.sg-theme .sg-round-result-identity>small{color:var(--sg-muted);font:500 11px var(--sg-font-label)}.sg-theme .sg-round-result-identity>.sg-badge{padding:2px 6px;font-size:10px}.sg-theme .sg-round-result-answer{font:600 14px/1.4 var(--sg-font-body);overflow-wrap:anywhere}.sg-theme .sg-round-result-no-answer{color:var(--sg-muted);font-weight:400}.sg-theme .sg-round-result-meta{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.sg-theme .sg-round-result-meta .sg-badge{border-width:1px;padding:3px 6px;font-size:11px}.sg-theme .sg-round-result-time{color:var(--sg-muted);font:500 11px var(--sg-font-label);font-variant-numeric:tabular-nums}.sg-theme .sg-round-result-points>.sg-score-delta{font-variant-numeric:tabular-nums;border-radius:8px;justify-items:center;gap:0;min-width:64px;padding:8px;display:grid}.sg-theme .sg-round-result-points strong{font:700 24px/1.1 var(--sg-font-label)}.sg-theme .sg-round-result-points .sg-score-delta>span>span{font:500 11px var(--sg-font-label)}@media (width<=767px){.sg-theme .sg-panel.sg-round-result{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:12px 10px}.sg-theme .sg-round-result>.sg-avatar{width:36px;min-width:0;height:36px}.sg-theme .sg-round-result .sg-mascot{max-width:100%}.sg-theme .sg-round-result-points>.sg-score-delta{min-width:48px;padding:6px}.sg-theme .sg-round-result-points strong{font-size:20px}}.sg-theme .sg-select{text-align:left;align-items:center;font-family:inherit;display:flex;position:relative}.sg-theme .sg-select-value{overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;display:flex}.sg-theme .sg-select-value>svg{flex-shrink:0}.sg-theme .sg-select>.sg-select-chevron{pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.sg-theme .sg-modal-title-group{align-items:center;gap:14px;min-width:0;display:flex}.sg-theme .sg-modal-icon{border:2px solid var(--sg-ink);background:var(--sg-lavender);width:48px;height:48px;color:var(--sg-ink);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.sg-theme .sg-modal-description{color:var(--sg-muted);margin-top:16px}.sg-theme .sg-modal.sg-select-modal{max-height:calc(100dvh - 48px);overflow:hidden}.sg-theme .sg-select-modal[open]{flex-direction:column;display:flex}.sg-theme .sg-modal.sg-select-modal::backdrop{background:#0f0c168c}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.sg-theme .sg-modal.sg-select-modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0c1659}}.sg-theme .sg-select-modal>.sg-modal-heading,.sg-theme .sg-select-modal>.sg-modal-description{flex-shrink:0}.sg-theme .sg-select-modal>.sg-modal-content{overscroll-behavior:contain;min-height:0;margin:24px -4px 0;padding:0 4px 4px;overflow-y:auto}.sg-theme .sg-select-options{gap:10px;padding:4px;display:grid}.sg-theme .sg-select-option{border:2px solid var(--sg-border);background:var(--sg-surface);width:100%;min-height:56px;color:var(--sg-text);text-align:left;font-family:var(--sg-font-body);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:background-color .14s,box-shadow .14s;display:flex}.sg-theme .sg-select-option:hover:not(:disabled){background:var(--sg-surface-subtle)}.sg-theme .sg-select-option[aria-selected=true]{background:var(--sg-lavender);color:var(--sg-ink);border-color:var(--sg-ink);box-shadow:3px 3px 0 var(--sg-ink)}.sg-theme .sg-select-option:active:not(:disabled){box-shadow:none}.sg-theme .sg-select-option:disabled{background:var(--sg-disabled-bg);color:var(--sg-disabled-text);border-color:var(--sg-outline);box-shadow:none;cursor:not-allowed}.sg-theme .sg-select-option-icon{flex-shrink:0;place-items:center;display:grid}.sg-theme .sg-select-option-copy{flex:1;gap:5px;min-width:0;display:grid}.sg-theme .sg-select-option-copy>strong{font:700 16px/1.4 var(--sg-font-body)}.sg-theme .sg-select-option-copy>span{font:400 13px/1.5 var(--sg-font-body);color:var(--sg-muted)}.sg-theme .sg-select-option[aria-selected=true] .sg-select-option-copy>span{color:var(--sg-on-pastel-muted)}.sg-theme .sg-select-option:disabled .sg-select-option-copy>span{color:inherit}.sg-theme .sg-select-option-check{flex-shrink:0;place-items:center;width:24px;display:grid}@media (width<=540px){.sg-theme .sg-select-modal{padding:20px 16px}.sg-theme .sg-select-modal .sg-modal-heading:has(.sg-modal-icon){grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.sg-theme .sg-select-modal .sg-modal-title-group:has(.sg-modal-icon){display:contents}.sg-theme .sg-select-modal .sg-modal-icon{grid-area:1/1}.sg-theme .sg-select-modal .sg-modal-heading>button{grid-area:1/2}.sg-theme .sg-modal.sg-select-modal h2{grid-area:2/1/auto/-1;font-size:22px}.sg-theme .sg-select-option{gap:10px;padding:14px 12px}}@media (prefers-reduced-motion:reduce){.sg-theme .sg-select-option{transition:none}}.sg-theme .history-list{gap:12px;display:grid}.sg-theme .history-row{border:2px solid var(--sg-outline);background:var(--sg-surface);width:100%;color:var(--sg-foreground);box-shadow:var(--sg-shadow-sm);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:minmax(0,1fr) 180px;align-items:stretch;text-decoration:none;display:grid}.sg-theme .history-row:hover{box-shadow:var(--sg-shadow)}.sg-theme .history-entry-main{grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:18px;min-width:0;padding:20px;display:grid}.sg-theme .history-entry-copy{min-width:0}.sg-theme .history-entry-copy h2{font:750 19px/1.35 var(--sg-font-body);overflow-wrap:anywhere;margin:0 0 8px}.sg-theme .history-entry-meta{font:400 12px/1.5 var(--sg-font-body);color:var(--sg-secondary);gap:4px;display:grid}.sg-theme .history-entry-result{border-left:2px dashed var(--sg-ink);background:var(--sg-mint);color:var(--sg-ink);border-radius:0 10px 10px 0;align-content:center;justify-items:center;gap:10px;padding:18px 20px;display:grid;position:relative}.sg-theme .history-entry-result[data-status=interrupted]{background:var(--sg-butter)}.sg-theme .history-entry-result:before,.sg-theme .history-entry-result:after{content:"";border:2px solid var(--sg-outline);background:var(--sg-background);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;left:-9px}.sg-theme .history-entry-result:before{top:-9px}.sg-theme .history-entry-result:after{bottom:-9px}.sg-theme .history-ticket-score{justify-items:center;gap:5px;display:grid}.sg-theme .history-ticket-label{font:600 10px/1.5 var(--sg-font-label);letter-spacing:.07em;text-transform:uppercase}.sg-theme .history-score{white-space:nowrap;font:700 32px/1.1 var(--sg-font-label);font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;display:flex}.sg-theme .history-score small{font:500 12px var(--sg-font-label)}.sg-theme .history-ticket-rank{font:700 13px/1.5 var(--sg-font-label);white-space:nowrap;align-items:center;gap:6px;display:flex}.sg-theme .history-icon{border:2px solid var(--sg-ink);background:var(--sg-pink);width:48px;height:48px;color:var(--sg-ink);font:700 30px/1 var(--sg-font-label);border-radius:50%;place-items:center;display:grid}.sg-theme .history-entry-arrow{place-items:center;display:grid}.sg-theme .history-party-content{gap:28px;display:grid}.sg-theme .history-personal{border:2px solid var(--sg-outline);background:var(--sg-surface);color:var(--sg-foreground);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.sg-theme .history-personal-main{gap:16px;min-width:0;display:grid}.sg-theme .history-personal-identity{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sg-theme .history-personal-identity>strong{font:700 16px var(--sg-font-body);overflow-wrap:anywhere}.sg-theme .history-personal-stats{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.sg-theme .history-personal-stats>span:first-child{font:500 14px var(--sg-font-body);align-items:baseline;gap:8px;display:flex}.sg-theme .history-personal-stats>span:first-child strong{font:750 clamp(36px, 5vw, 52px)/1 var(--sg-font-label);font-variant-numeric:tabular-nums}.sg-theme .history-personal-caption{font:400 13px/1.5 var(--sg-font-body);color:var(--sg-secondary)}.sg-theme .history-replay-actions{gap:12px;max-width:340px;display:grid}.sg-theme .history-replay-actions>p{font:400 13px/1.6 var(--sg-font-body);color:var(--sg-secondary)}.sg-theme .results-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.48fr);align-items:start;gap:28px;display:grid}.sg-theme .ranking-panel{border:2px solid var(--sg-outline);background:var(--sg-surface);min-width:0;color:var(--sg-foreground);border-radius:12px;grid-area:1/2;gap:16px;padding:20px;display:grid}.sg-theme .ranking-panel h2,.sg-theme .history-rounds-heading h2{font-size:20px}.sg-theme .history-ranking-list{margin:0;padding:0;list-style:none}.sg-theme .ranking-row{font:500 13px/1.5 var(--sg-font-body);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 0;display:grid}.sg-theme .ranking-row:has(.history-rank){grid-template-columns:25px 36px minmax(0,1fr) auto}.sg-theme .ranking-row+.ranking-row{border-top:1px solid var(--sg-outline)}.sg-theme .ranking-row .sg-avatar{width:36px;min-width:36px;height:36px}.sg-theme .history-rank{font:700 14px var(--sg-font-label);color:var(--sg-secondary)}.sg-theme .history-ranking-name{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.sg-theme .history-ranking-name>strong{font-weight:650}.sg-theme .history-ranking-name small{color:var(--sg-secondary)}.sg-theme .ranking-row[data-me] .history-ranking-name small{color:var(--sg-foreground);font-weight:750}.sg-theme .history-ranking-score{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.sg-theme .history-ranking-score>strong{font:700 18px var(--sg-font-label)}.sg-theme .history-ranking-score>small{color:var(--sg-secondary);font-size:11px}.sg-theme .round-history{grid-area:1/1;gap:12px;min-width:0;display:grid}.sg-theme .history-rounds-heading{gap:8px;margin-bottom:4px;display:grid}.sg-theme .history-rounds-heading p{font:400 13px/1.5 var(--sg-font-body);color:var(--sg-secondary)}.sg-theme .round-card{border:2px solid var(--sg-outline);background:var(--sg-surface);min-width:0;color:var(--sg-foreground);border-radius:12px}.sg-theme .round-card>summary{cursor:pointer;border-radius:10px;grid-template-columns:24px 48px minmax(0,1fr) auto 20px;align-items:center;gap:12px;padding:16px;list-style:none;display:grid}.sg-theme .round-card>summary::-webkit-details-marker{display:none}.sg-theme .round-card>summary:hover{background:var(--sg-surface-raised)}.sg-theme .history-round-number{font:600 12px var(--sg-font-label);color:var(--sg-secondary)}.sg-theme .history-artwork{border:1px solid var(--sg-outline);background:var(--sg-surface-subtle);width:48px;height:48px;color:var(--sg-foreground);border-radius:8px;place-items:center;display:grid;overflow:hidden}.sg-theme .history-artwork img{object-fit:cover;width:48px;height:48px}.sg-theme .history-round-title{overflow-wrap:anywhere;gap:5px;min-width:0;display:grid}.sg-theme .history-round-title strong{font:650 15px/1.4 var(--sg-font-body)}.sg-theme .history-round-title>span{font:400 12px/1.5 var(--sg-font-body);color:var(--sg-secondary)}.sg-theme .history-round-personal{max-width:130px;font:500 11px/1.4 var(--sg-font-body);justify-items:end;gap:6px;display:grid}.sg-theme .history-round-personal>span:first-child{align-items:center;gap:5px;display:flex}.sg-theme .history-round-personal svg{flex-shrink:0}.sg-theme .history-points{font:700 16px/1.4 var(--sg-font-label);white-space:nowrap;font-variant-numeric:tabular-nums}.sg-theme .history-points small{font-size:11px}.sg-theme .history-points[data-change=gain]{color:var(--sg-gain-foreground)}.sg-theme .history-points[data-change=loss]{color:var(--sg-danger-foreground)}.sg-theme .history-round-chevron{place-items:center;display:grid}.sg-theme .round-card[open]>summary .history-round-chevron{transform:rotate(45deg)}.sg-theme .history-round-details{padding:0 16px 16px}.sg-theme .history-round-details h3{border-top:1px solid var(--sg-outline);font:700 13px/1.5 var(--sg-font-body);padding-top:16px}.sg-theme .history-round-details ul{margin:4px 0 0;padding:0;list-style:none;display:grid}.sg-theme .history-answer{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.sg-theme .history-answer+.history-answer{border-top:1px solid var(--sg-surface-subtle)}.sg-theme .history-answer .sg-avatar{width:36px;min-width:36px;height:36px}.sg-theme .history-answer-copy{overflow-wrap:anywhere;gap:5px;min-width:0;display:grid}.sg-theme .history-answer-copy>strong{font:650 13px/1.5 var(--sg-font-body);flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.sg-theme .history-answer-copy>strong small{color:var(--sg-secondary);font-size:11px}.sg-theme .history-answer-copy p{font:400 13px/1.5 var(--sg-font-body)}.sg-theme .history-answer-outcome{font:400 11px/1.5 var(--sg-font-body);color:var(--sg-secondary);flex-wrap:wrap;align-items:center;gap:4px;display:flex}@media (width<=1000px){.sg-theme .results-layout{grid-template-columns:minmax(0,1fr)}.sg-theme .ranking-panel{grid-area:1/1}.sg-theme .round-history{grid-area:2/1}}@media (width<=600px){.sg-theme .history-personal{padding:20px 16px}.sg-theme .history-replay-actions{width:100%;max-width:none}.sg-theme .ranking-panel{padding:16px}.sg-theme .round-card>summary{grid-template-columns:20px 48px minmax(0,1fr) 18px;gap:10px;padding:14px 12px}.sg-theme .history-round-personal{flex-wrap:wrap;grid-column:3/-1;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:none;display:flex}.sg-theme .history-round-chevron{grid-area:1/4}}.sg-theme .history-party-content,.sg-theme .history-list{container-type:inline-size}.sg-theme .round-history{container:history-rounds/inline-size}@container (width<=760px){.sg-theme .results-layout{grid-template-columns:minmax(0,1fr)}.sg-theme .ranking-panel{grid-area:1/1}.sg-theme .round-history{grid-area:2/1}.sg-theme .history-personal{padding:20px 16px}.sg-theme .history-replay-actions{width:100%;max-width:none}}@container (width<=600px){.sg-theme .history-row{grid-template-columns:minmax(0,1fr)}.sg-theme .history-entry-main{gap:12px;padding:16px}.sg-theme .history-entry-result{border-left:0;border-top:2px dashed var(--sg-ink);border-radius:0 0 10px 10px;grid-template-columns:minmax(0,1fr) auto;place-items:center start;gap:12px;padding:14px 20px}.sg-theme .history-ticket-score{justify-items:start}.sg-theme .history-entry-result:before{top:-9px;left:-9px}.sg-theme .history-entry-result:after{inset:-9px -9px auto auto}}@container history-rounds (width<=620px){.sg-theme .round-card>summary{grid-template-columns:20px 48px minmax(0,1fr) 18px;gap:10px;padding:14px 12px}.sg-theme .history-round-personal{flex-wrap:wrap;grid-column:3/-1;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:none;display:flex}.sg-theme .history-round-chevron{grid-area:1/4}}.sg-theme{--sg-pink:#f6c7dc;--sg-blue:#bbdcf5;--sg-lavender:#d4c2f2;--sg-mint:#c8e6d2;--sg-butter:#f5e5a6;--sg-cream:#fff8ef;--sg-white:#fff;--sg-ink:#202020;--sg-background:#fff8ef;--sg-surface:#fff;--sg-surface-raised:#fff;--sg-foreground:#202020;--sg-secondary:#58504e;--sg-outline:#202020;--sg-shadow-color:#202020;--sg-text:var(--sg-foreground);--sg-border:var(--sg-outline);--sg-on-pastel-muted:#58504e;--sg-danger-ink:#7d2028;--sg-gain-ink:#17613a;--sg-gain-foreground:#17613a;--sg-danger-foreground:#7d2028;--sg-progress-track-color:var(--sg-lavender);--sg-muted:var(--sg-secondary);--sg-surface-subtle:#eee7de;--sg-disabled-bg:#e2dbd0;--sg-disabled-text:#5f5952;--sg-danger:#f4b8b8;--sg-danger-text:var(--sg-danger-foreground);--sg-success:var(--sg-mint);--sg-warning:var(--sg-butter);--sg-info:var(--sg-blue);--sg-error:var(--sg-danger);--sg-font-heading:"Syne Variable", sans-serif;--sg-font-body:"Plus Jakarta Sans Variable", sans-serif;--sg-font-label:"Space Grotesk Variable", sans-serif;--sg-display-size:clamp(32px, 4vw, 56px);--sg-headline-lg-size:clamp(24px, 3vw, 36px);--sg-headline-md-size:22px;--sg-body-lg-size:18px;--sg-body-md-size:16px;--sg-body-sm-size:13px;--sg-label-lg-size:16px;--sg-label-md-size:14px;--sg-label-sm-size:12px;--sg-leading-heading:1.15;--sg-leading-body:1.5;--sg-weight-heading:800;--sg-weight-label:700;--sg-space-1:4px;--sg-space-2:8px;--sg-space-3:12px;--sg-space-4:16px;--sg-space-6:24px;--sg-space-8:32px;--sg-space-10:40px;--sg-stroke-sm:2px;--sg-stroke:3px;--sg-radius-sm:8px;--sg-radius:16px;--sg-shadow-sm:2px 2px 0 var(--sg-shadow-color);--sg-shadow:4px 4px 0 var(--sg-shadow-color);--sg-shadow-lg:6px 6px 0 var(--sg-shadow-color);--sg-shadow-modal:8px 8px 0 var(--sg-shadow-color);--sg-duration-fast:.12s;--sg-duration:.18s;--sg-width:1180px;--sg-z-sticky:20;--sg-z-floating:30;--sg-z-toast:40;--sg-z-modal:50;--sg-bottom-inset:24px;color:var(--sg-text);background:var(--sg-background);font-family:var(--sg-font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere;font-size:16px;line-height:1.5}.sg-theme *,.sg-theme :before,.sg-theme :after{box-sizing:border-box}.sg-theme :where(h1,h2,h3,h4,p,ul,ol,fieldset){margin:0}.sg-theme :where(h1,h2,h3,h4){font-family:var(--sg-font-heading);letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.15}.sg-theme h1{font-size:var(--sg-display-size)}.sg-theme h2{font-size:var(--sg-headline-lg-size)}.sg-theme h3{font-size:22px}.sg-theme :where(button,input,select,textarea){font:inherit;color:inherit}.sg-theme :where(a){color:inherit;text-underline-offset:4px}.sg-theme :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--sg-border);outline-offset:5px}.sg-theme :where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}.sg-theme :where(button){cursor:pointer}.sg-theme :where(button:disabled,input:disabled,select:disabled){cursor:not-allowed}.sg-theme input[type=checkbox]:not(:disabled){cursor:pointer}.sg-theme :where(svg){vertical-align:middle;flex-shrink:0}.sg-theme :where(small){font-size:13px}.sg-theme .sg-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sg-theme [class*=sg-tone-]{--sg-on-fill:var(--sg-text)}.sg-theme .sg-tone-pink,.sg-theme .sg-tone-blue,.sg-theme .sg-tone-lavender,.sg-theme .sg-tone-mint,.sg-theme .sg-tone-butter,.sg-theme .sg-tone-danger,.sg-theme .sg-choice input:checked+span,.sg-theme .sg-check input:checked,.sg-theme .sg-switch input:checked+.sg-switch-track,.sg-theme .sg-slider-field output,.sg-theme .sg-notice,.sg-theme .sg-notice--success,.sg-theme .sg-notice--warning,.sg-theme .sg-notice--error,.sg-theme .sg-toast,.sg-theme .sg-avatar-seat,.sg-theme .sg-leaderboard li.sg-leaderboard-me,.sg-theme .sg-answer[data-state=correct],.sg-theme .sg-answer[data-state=incorrect],.sg-theme .sg-timer,.sg-theme .sg-countdown,.sg-theme .sg-score-delta,.sg-theme .sg-score-delta--negative,.sg-theme .sg-audio-notice,.sg-theme .sg-brand-disc,.sg-theme .sg-navigation-indicator,.sg-theme .sg-desktop-navigation a[aria-current=page],.sg-theme .sg-account-link,.sg-theme .sg-bottom-navigation a[aria-current=page],.sg-theme .sg-loading-indicator[data-contained=true],.sg-theme .sg-pull-error,.sg-theme .sg-avatar-option input:checked+.sg-avatar-choice{--sg-text:var(--sg-ink);--sg-muted:var(--sg-on-pastel-muted);--sg-border:var(--sg-ink);--sg-danger-text:var(--sg-danger-ink);--sg-progress-track-color:#786b86;color:var(--sg-text)}.sg-theme .sg-tone-pink{--sg-fill:var(--sg-pink)}.sg-theme .sg-tone-blue{--sg-fill:var(--sg-blue)}.sg-theme .sg-tone-lavender{--sg-fill:var(--sg-lavender)}.sg-theme .sg-tone-mint{--sg-fill:var(--sg-mint)}.sg-theme .sg-tone-butter{--sg-fill:var(--sg-butter)}.sg-theme .sg-tone-cream,.sg-theme .sg-tone-white,.sg-theme .sg-button--outline,.sg-theme .sg-input,.sg-theme .sg-choice span,.sg-theme .sg-check input,.sg-theme .sg-switch-track,.sg-theme .sg-modal,.sg-theme .sg-popover,.sg-theme .sg-player,.sg-theme .sg-leaderboard li,.sg-theme .sg-answer-letter,.sg-theme .sg-bottom-navigation,.sg-theme .sg-avatar-choice{--sg-text:var(--sg-foreground);--sg-muted:var(--sg-secondary);--sg-border:var(--sg-outline);--sg-danger-text:var(--sg-danger-foreground);color:var(--sg-text)}.sg-theme .sg-tone-cream{--sg-fill:var(--sg-background)}.sg-theme .sg-tone-white{--sg-fill:var(--sg-surface)}.sg-theme .sg-tone-ink{--sg-text:var(--sg-cream);--sg-fill:var(--sg-ink);--sg-on-fill:var(--sg-cream)}.sg-theme .sg-tone-danger{--sg-fill:var(--sg-danger)}.sg-theme .sg-button{border:var(--sg-stroke-sm) solid var(--sg-border);border-radius:var(--sg-radius-sm);background:var(--sg-fill,var(--sg-pink));max-width:100%;min-height:48px;color:var(--sg-on-fill,var(--sg-text));box-shadow:var(--sg-shadow);font-family:var(--sg-font-label);text-align:center;transition:transform var(--sg-duration-fast), box-shadow var(--sg-duration-fast);justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:16px;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex;position:relative}.sg-theme .sg-button-content{justify-content:center;align-items:center;gap:10px;min-width:0;display:inline-flex}.sg-theme .sg-button--sm{min-height:44px;padding:8px 12px;font-size:14px}.sg-theme .sg-button--lg{min-height:56px;padding:14px 22px}.sg-theme .sg-button--hero{border-width:var(--sg-stroke);min-height:64px;font-family:var(--sg-font-heading);text-transform:uppercase;padding:18px 24px;font-size:clamp(19px,2.6vw,26px)}.sg-theme .sg-button--outline{background:var(--sg-surface)}.sg-theme .sg-button--ghost{--sg-text:inherit;--sg-border:inherit;--sg-muted:inherit;color:var(--sg-text);box-shadow:none;background:0 0;border-color:#0000}.sg-theme .sg-button--ghost[aria-pressed=true]{background:var(--sg-surface-subtle);border-color:var(--sg-border)}.sg-theme .sg-button:active:not(:disabled){box-shadow:var(--sg-shadow-sm);transform:translate(2px,2px)}.sg-theme .sg-button--ghost:active:not(:disabled){box-shadow:none}.sg-theme .sg-button:disabled:not([data-loading]){background:var(--sg-disabled-bg);color:var(--sg-disabled-text);border-color:var(--sg-disabled-text);box-shadow:none;transform:none}.sg-theme .sg-button[data-loading]{cursor:wait}.sg-theme .sg-button[data-loading] .sg-button-content{opacity:0}.sg-theme .sg-button-loader{place-items:center;display:grid;position:absolute;inset:0}.sg-theme .sg-icon-button{flex:0 0 48px;width:48px;padding:8px}.sg-theme .sg-icon-button.sg-button--sm{flex-basis:44px;width:44px}.sg-theme .sg-icon-button.sg-button--lg{flex-basis:56px;width:56px}.sg-theme .sg-icon-button.sg-button--hero{flex-basis:64px;width:64px}.sg-theme .sg-round{border-radius:9999px}.sg-theme .sg-full{width:100%}.sg-theme .sg-panel{border:var(--sg-stroke) solid var(--sg-border);border-radius:var(--sg-radius);background:var(--sg-fill,var(--sg-white));min-width:0;color:var(--sg-on-fill,var(--sg-text));box-shadow:var(--sg-shadow-lg);padding:24px}.sg-theme .sg-badge{border:var(--sg-stroke-sm) solid var(--sg-border);background:var(--sg-fill);width:fit-content;max-width:100%;color:var(--sg-on-fill,var(--sg-text));font:600 12px/1.35 var(--sg-font-label);border-radius:6px;align-items:center;gap:4px;padding:4px 9px;display:inline-flex}.sg-theme .sg-eyebrow{font:700 12px/1.5 var(--sg-font-label);text-transform:uppercase;letter-spacing:.1em}.sg-theme .sg-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.sg-theme .sg-section-heading .sg-eyebrow{margin-bottom:8px}.sg-theme .sg-divider{border:0;border-top:2px solid var(--sg-border);width:100%;margin:24px 0}.sg-theme .sg-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sg-theme .sg-stack{gap:20px;min-width:0;display:grid}.sg-theme .sg-field{gap:8px;min-width:0;display:grid}.sg-theme .sg-field>label,.sg-theme .sg-slider-field label,.sg-theme legend{font:700 14px/1.4 var(--sg-font-label)}.sg-theme .sg-input-wrap{--sg-text:var(--sg-foreground);--sg-muted:var(--sg-secondary);--sg-border:var(--sg-outline);color:var(--sg-text);min-width:0;position:relative}.sg-theme .sg-input-wrap>svg{pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sg-theme .sg-input{border:var(--sg-stroke-sm) solid var(--sg-border);border-radius:var(--sg-radius-sm);width:100%;min-width:0;min-height:52px;box-shadow:var(--sg-shadow-sm);background:var(--sg-surface);padding:12px 14px;font-size:16px;line-height:1.4;display:block}.sg-theme .sg-input--icon{padding-left:44px}.sg-theme .sg-input--action{padding-right:60px}.sg-theme .sg-select{appearance:none;cursor:pointer;padding-right:44px}.sg-theme .sg-select-wrap>.sg-select-chevron{left:auto;right:14px}.sg-theme .sg-select:disabled{cursor:not-allowed}.sg-theme .sg-input::placeholder{color:var(--sg-muted);opacity:1}.sg-theme .sg-field[data-pointer-focus=true] .sg-input:focus{box-shadow:var(--sg-shadow-sm);outline:none}.sg-theme .sg-input[aria-invalid=true]{border-color:var(--sg-danger-text)}.sg-theme .sg-input:disabled{background:var(--sg-disabled-bg);color:var(--sg-disabled-text);box-shadow:none}.sg-theme .sg-field small{color:var(--sg-muted)}.sg-theme .sg-field .sg-field-error{color:var(--sg-danger-text);align-items:start;gap:6px;display:flex}.sg-theme .sg-field-action{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.sg-theme .sg-code-field input{font-family:var(--sg-font-label);letter-spacing:.16em;text-transform:uppercase}.sg-theme .sg-choice-group{border:0;min-width:0;padding:0}.sg-theme .sg-choice-group legend{padding:0 0 10px}.sg-theme .sg-choices{flex-wrap:wrap;gap:10px;display:flex}.sg-theme .sg-choice{flex:80px;min-width:0;display:flex;position:relative}.sg-theme .sg-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sg-theme .sg-choice span{border:2px solid var(--sg-border);background:var(--sg-surface);width:100%;min-height:44px;box-shadow:var(--sg-shadow-sm);font:700 14px/1.3 var(--sg-font-label);border-radius:8px;justify-content:center;align-items:center;padding:10px 12px;display:flex}.sg-theme .sg-choice input:checked+span{background:var(--sg-lavender);box-shadow:inset 0 -3px 0 var(--sg-shadow-color)}.sg-theme .sg-choice input:focus-visible{outline:none}.sg-theme .sg-choice input:focus-visible+span{outline:3px solid var(--sg-border);outline-offset:4px}.sg-theme .sg-choice input:disabled+span{color:var(--sg-disabled-text);background:var(--sg-disabled-bg);box-shadow:none}.sg-theme .sg-choice-group--chips .sg-choice{flex:0 auto}.sg-theme .sg-choice-group--chips .sg-choice span{border-radius:9999px}.sg-theme .sg-check-field{gap:4px;display:grid}.sg-theme .sg-check-field small{color:var(--sg-muted);padding-left:36px}.sg-theme .sg-check{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:inline-flex}.sg-theme .sg-check input{appearance:none;border:2px solid var(--sg-border);background:var(--sg-surface);width:24px;height:24px;box-shadow:var(--sg-shadow-sm);border-radius:4px;flex:0 0 24px;margin:0;position:relative}.sg-theme .sg-check input:checked{background:var(--sg-mint)}.sg-theme .sg-check input:checked:after{content:"";border-right:3px solid var(--sg-border);border-bottom:3px solid var(--sg-border);width:7px;height:12px;position:absolute;top:2px;left:7px;transform:rotate(45deg)}.sg-theme .sg-check input:disabled{background:var(--sg-disabled-bg);box-shadow:none}.sg-theme .sg-switch{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:inline-flex;position:relative}.sg-theme .sg-switch input{opacity:0;cursor:pointer;width:48px;height:32px;margin:0;position:absolute;left:0}.sg-theme .sg-switch-track{border:2px solid var(--sg-border);background:var(--sg-surface);pointer-events:none;border-radius:9999px;flex-shrink:0;width:48px;height:28px;position:relative}.sg-theme .sg-switch-track:after{content:"";background:var(--sg-text);width:18px;height:18px;transition:transform var(--sg-duration-fast);border-radius:50%;position:absolute;top:3px;left:3px}.sg-theme .sg-switch input:checked+.sg-switch-track{background:var(--sg-mint)}.sg-theme .sg-switch input:checked+.sg-switch-track:after{transform:translate(20px)}.sg-theme .sg-switch input:focus-visible+.sg-switch-track{outline:3px solid var(--sg-border);outline-offset:4px}.sg-theme .sg-switch input:disabled+.sg-switch-track{background:var(--sg-disabled-bg)}.sg-theme .sg-slider-field{gap:8px;display:grid}.sg-theme .sg-slider-field>div{justify-content:space-between;gap:12px;display:flex}.sg-theme .sg-slider-field output{background:var(--sg-butter);border:2px solid var(--sg-border);font:700 14px var(--sg-font-label);border-radius:5px;padding:2px 8px}.sg-theme .sg-slider-field input{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0;display:block}.sg-theme .sg-slider-field input::-webkit-slider-runnable-track{--sg-border:var(--sg-ink);border:2px solid var(--sg-border);background:var(--sg-lavender);border-radius:9999px;height:12px}.sg-theme .sg-slider-field input::-webkit-slider-thumb{--sg-border:var(--sg-ink);appearance:none;border:2px solid var(--sg-border);background:var(--sg-pink);width:26px;height:30px;box-shadow:var(--sg-shadow-sm);border-radius:8px;margin-top:-11px}.sg-theme .sg-slider-field input::-moz-range-track{--sg-border:var(--sg-ink);border:2px solid var(--sg-border);background:var(--sg-lavender);border-radius:9999px;height:8px}.sg-theme .sg-slider-field input::-moz-range-thumb{--sg-border:var(--sg-ink);border:2px solid var(--sg-border);background:var(--sg-pink);width:24px;height:28px;box-shadow:var(--sg-shadow-sm);border-radius:8px}.sg-theme .sg-slider-field input:disabled{opacity:.65}.sg-theme .sg-notice{border:2px solid var(--sg-border);background:var(--sg-info);border-radius:8px;align-items:start;gap:12px;padding:16px;font-size:14px;display:flex}.sg-theme .sg-notice>div{flex:1;min-width:0}.sg-theme .sg-notice strong{font-family:var(--sg-font-label);margin-bottom:4px;display:block}.sg-theme .sg-notice--success{background:var(--sg-success)}.sg-theme .sg-notice--warning{background:var(--sg-warning)}.sg-theme .sg-notice--error{background:var(--sg-error)}.sg-theme .sg-toast{z-index:var(--sg-z-toast);top:max(16px, env(safe-area-inset-top));background:var(--sg-mint);border:3px solid var(--sg-border);width:max-content;max-width:calc(100% - 40px);box-shadow:var(--sg-shadow);font:700 14px/1.4 var(--sg-font-label);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;animation:.24s ease-out sg-toast-enter;display:flex;position:fixed;left:50%;transform:translate(-50%)}.sg-theme .sg-toast[data-closing]{pointer-events:none;animation:.18s ease-in both sg-toast-exit}.sg-theme .sg-empty{border:2px dashed var(--sg-border);border-radius:12px;justify-items:start;gap:12px;padding:24px;display:grid}.sg-theme .sg-progress-indicator{--sg-progress-active:currentColor;--sg-progress-track:var(--sg-progress-track-color);vertical-align:middle;flex-shrink:0;line-height:0;display:inline-block}.sg-theme .sg-progress-indicator--linear{width:100%;min-width:0;display:block}.sg-theme .sg-progress-indicator svg{display:block;overflow:hidden}.sg-theme .sg-progress-active{stroke:var(--sg-progress-active)}.sg-theme .sg-progress-track{stroke:var(--sg-progress-track)}.sg-theme .sg-progress-stop{fill:var(--sg-progress-active)}@media (forced-colors:active){.sg-theme .sg-progress-indicator{--sg-progress-active:Highlight;--sg-progress-track:GrayText}}.sg-theme .sg-modal{background:var(--sg-background);border:3px solid var(--sg-border);width:min(520px,100vw - 40px);max-height:calc(100dvh - 64px);box-shadow:var(--sg-shadow-modal);border-radius:16px;margin:auto;padding:24px;overflow-y:auto}.sg-theme .sg-modal::backdrop{background:var(--sg-background,#fff8ef)}.sg-theme .sg-modal[open]{animation:.22s ease-out sg-modal-enter}.sg-theme .sg-modal[open][data-closing]{animation:.18s ease-in both sg-modal-exit}.sg-theme .sg-modal-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.sg-theme .sg-modal h2{font-size:26px}.sg-theme .sg-modal-content{margin:24px 0}.sg-theme .sg-popover-root{width:max-content;max-width:100%;position:relative}.sg-theme .sg-popover{z-index:var(--sg-z-floating);background:var(--sg-surface-raised);border:3px solid var(--sg-border);width:min(304px,100vw - 48px);max-width:calc(100vw - 48px);box-shadow:var(--sg-shadow-lg);border-radius:16px;padding:20px;position:absolute;bottom:calc(100% + 14px);right:0}.sg-theme .sg-popover[hidden]{display:none}.sg-theme .sg-popover[data-state=open]{transform-origin:100% 100%;animation:.2s ease-out sg-popup-enter}.sg-theme .sg-popover[data-state=closing]{transform-origin:100% 100%;pointer-events:none;animation:.14s ease-in both sg-popup-exit}.sg-theme .sg-player-list{gap:12px;padding:0;list-style:none;display:grid}.sg-theme .sg-player{border:2px solid var(--sg-border);background:var(--sg-surface);box-shadow:var(--sg-shadow-sm);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.sg-theme .sg-avatar{background:var(--sg-fill);border:2px solid var(--sg-border);width:44px;height:44px;font:700 20px var(--sg-font-label);border-radius:50%;flex:0 0 44px;place-items:center;display:inline-grid;position:relative}.sg-theme .sg-avatar-seat{background:var(--sg-blue);border:1px solid var(--sg-border);width:20px;height:20px;font:700 11px var(--sg-font-label);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-4px}.sg-theme .sg-player-main{flex:100px;min-width:0}.sg-theme .sg-player-main strong,.sg-theme .sg-player-main small{display:block}.sg-theme .sg-player-main small{color:var(--sg-muted)}.sg-theme .sg-empty-slot{border:2px dashed var(--sg-muted);min-height:72px;color:var(--sg-muted);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.sg-theme .sg-empty-slot small{font-family:var(--sg-font-label);margin-left:auto}.sg-theme .sg-leaderboard{gap:16px;display:grid}.sg-theme .sg-leaderboard ol{gap:10px;padding:0;list-style:none;display:grid}.sg-theme .sg-leaderboard li{border:2px solid var(--sg-border);background:var(--sg-surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.sg-theme .sg-leaderboard li.sg-leaderboard-me{background:var(--sg-blue)}.sg-theme .sg-leaderboard li>span:nth-child(3){flex:1;min-width:60px}.sg-theme .sg-leaderboard small{display:block}.sg-theme .sg-rank{background:var(--sg-fill);border:2px solid var(--sg-border);width:28px;height:28px;font:700 14px var(--sg-font-label);border-radius:50%;place-items:center;display:inline-grid}.sg-theme .sg-score{font:700 18px var(--sg-font-label);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:flex}.sg-theme .sg-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sg-theme .sg-answer{border:3px solid var(--sg-border);background:var(--sg-fill);width:100%;min-width:0;min-height:132px;color:var(--sg-text);box-shadow:var(--sg-shadow);text-align:left;transition:transform var(--sg-duration-fast), box-shadow var(--sg-duration-fast);border-radius:12px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:16px;padding:16px;display:flex}.sg-theme .sg-answer-top{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:8px;display:flex}.sg-theme .sg-answer-letter{border:2px solid var(--sg-border);background:var(--sg-surface);width:32px;height:32px;font:700 20px var(--sg-font-label);border-radius:4px;place-items:center;display:grid}.sg-theme .sg-answer-title{font:700 clamp(15px, 2vw, 21px)/1.35 var(--sg-font-heading);overflow-wrap:anywhere}.sg-theme .sg-answer-state{max-width:100%;font:700 11px/1.4 var(--sg-font-label);flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.sg-theme .sg-answer[data-state=selected],.sg-theme .sg-answer[data-state=locked]{box-shadow:inset 0 0 0 2px var(--sg-shadow-color), var(--sg-shadow)}.sg-theme .sg-answer[data-state=correct]{background:var(--sg-success)}.sg-theme .sg-answer[data-state=incorrect]{background:var(--sg-error)}.sg-theme .sg-answer:active:not(:disabled){box-shadow:var(--sg-shadow-sm);transform:translate(2px,2px)}.sg-theme .sg-game-progress{gap:16px;display:grid}.sg-theme .sg-game-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sg-theme .sg-timer{background:var(--sg-butter);border:2px solid var(--sg-border);box-shadow:var(--sg-shadow-sm);font:700 24px var(--sg-font-label);font-variant-numeric:tabular-nums;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;display:flex}.sg-theme .sg-vinyl{width:clamp(112px,22vw,200px);max-width:100%;height:auto;margin-inline:auto;display:block}.sg-theme .sg-countdown{background:var(--sg-butter);border:3px solid var(--sg-border);min-width:90px;min-height:90px;box-shadow:var(--sg-shadow);font:800 56px/1 var(--sg-font-heading);border-radius:16px;place-items:center;padding:12px;display:inline-grid}.sg-theme .sg-score-delta{background:var(--sg-mint);border:2px solid var(--sg-border);font:700 24px var(--sg-font-label);font-variant-numeric:tabular-nums;color:var(--sg-gain-ink);border-radius:8px;padding:8px 16px;display:inline-block}.sg-theme .sg-score-delta--negative{background:var(--sg-error);color:var(--sg-danger-ink)}.sg-theme .sg-score-delta--neutral{background:var(--sg-cream);color:var(--sg-ink)}.sg-theme .sg-reveal{text-align:center;background:var(--sg-fill);border:3px solid var(--sg-border);box-shadow:var(--sg-shadow-lg);border-radius:16px;justify-items:center;gap:16px;padding:24px;display:grid}.sg-theme .sg-artwork{object-fit:cover;border:2px solid var(--sg-border);border-radius:8px;width:120px;height:120px}.sg-theme .sg-audio{flex-direction:column;align-items:flex-end;gap:12px;width:max-content;max-width:100%;margin-left:auto;display:flex}.sg-theme .sg-audio--floating{z-index:var(--sg-z-floating);right:max(22px, env(safe-area-inset-right));bottom:calc(var(--sg-bottom-inset) + env(safe-area-inset-bottom));position:fixed}.sg-theme .sg-audio .sg-icon-button{flex-basis:56px;width:56px;min-height:56px}.sg-theme .sg-audio-presets{flex-wrap:wrap;justify-content:space-between;margin-top:8px;display:flex}.sg-theme .sg-audio-notice{background:var(--sg-butter);border:2px solid var(--sg-border);border-radius:8px;width:min(280px,100vw - 48px);padding:12px;font-size:13px}.sg-theme .sg-brand{font:800 20px/1.1 var(--sg-font-heading);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.sg-theme .sg-brand small{font:700 10px/1.5 var(--sg-font-label);letter-spacing:.06em;margin-top:3px;display:block}.sg-theme .sg-brand-disc{background:var(--sg-pink);border:2px solid var(--sg-border);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.sg-theme .sg-app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.sg-theme :is(.sg-desktop-navigation,.sg-bottom-navigation){isolation:isolate;position:relative}.sg-theme .sg-navigation-indicator{visibility:hidden;pointer-events:none;background:var(--sg-blue);border:2px solid var(--sg-border);z-index:0;border-radius:12px;position:absolute;inset:0 auto auto 0}.sg-theme :is(.sg-desktop-navigation,.sg-bottom-navigation) a{z-index:1;position:relative}.sg-theme :is(.sg-desktop-navigation,.sg-bottom-navigation)[data-indicator-ready] a[aria-current=page]{background:0 0;border-color:#0000;text-decoration:none}.sg-theme .sg-desktop-navigation{font-family:var(--sg-font-label);flex-wrap:wrap;gap:20px;font-weight:700;display:none}.sg-theme .sg-desktop-navigation a{border:2px solid #0000;border-radius:12px;align-items:center;min-height:44px;padding-inline:12px;text-decoration:none;display:inline-flex}.sg-theme .sg-desktop-navigation a[aria-current=page]{background:var(--sg-blue);border-color:var(--sg-border)}.sg-theme .sg-account-link{border:2px solid var(--sg-border);background:var(--sg-lavender);border-radius:50%;place-items:center;min-width:44px;height:44px;display:grid}.sg-theme .sg-bottom-navigation{padding:10px 8px max(10px, env(safe-area-inset-bottom));border-top:2px solid var(--sg-border);background:var(--sg-background);justify-content:space-around;gap:8px;display:flex}.sg-theme .sg-bottom-navigation a{white-space:nowrap;min-width:0;min-height:52px;font:700 11px/1.3 var(--sg-font-label);border:2px solid #0000;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;text-decoration:none;display:flex}.sg-theme .sg-bottom-navigation a[aria-current=page]{background:var(--sg-blue);border-color:var(--sg-border)}.sg-theme :is(.sg-desktop-navigation,.sg-bottom-navigation) .sg-navigation-icon-only{flex:0 0 44px;justify-content:center;width:44px;min-width:44px;padding-inline:8px}@media (hover:hover){.sg-theme .sg-button:hover:not(:disabled):not(.sg-button--ghost),.sg-theme .sg-answer:hover:not(:disabled){box-shadow:5px 5px 0 var(--sg-shadow-color);transform:translate(-1px,-1px)}.sg-theme .sg-button--ghost:hover:not(:disabled){--sg-text:var(--sg-foreground);--sg-muted:var(--sg-secondary);--sg-border:var(--sg-outline);background:var(--sg-surface-subtle);color:var(--sg-text)}}@media (width>=768px){.sg-theme .sg-desktop-navigation{display:flex}.sg-theme .sg-bottom-navigation{display:none}}@media (width<=380px){.sg-theme .sg-panel{padding:16px}.sg-theme .sg-answer{padding:12px}}@media (prefers-reduced-motion:reduce){.sg-theme *,.sg-theme :before,.sg-theme :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.sg-theme .sg-choice input:checked+span,.sg-theme .sg-answer[aria-pressed=true]{outline:3px solid highlight}.sg-theme .sg-check input{appearance:auto}.sg-theme .sg-switch input{opacity:1;appearance:auto}}@keyframes sg-modal-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sg-toast-enter{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes sg-modal-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes sg-toast-exit{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes sg-popup-enter{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sg-popup-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.96)}}@media (hover:hover){.sg-theme .sg-button:hover:active:not(:disabled):not(.sg-button--ghost),.sg-theme .sg-answer:hover:active:not(:disabled){box-shadow:var(--sg-shadow-sm);transform:translate(2px,2px)}}.sg-theme .sg-loading-indicator{vertical-align:middle;border-radius:9999px;flex-shrink:0;place-items:center;display:inline-grid}.sg-theme .sg-loading-indicator[data-contained=true]{background:var(--sg-lavender)}.sg-theme .sg-loading-indicator svg{fill:currentColor;width:100%;height:100%;display:block}.sg-theme .sg-pull-to-refresh{min-width:0;position:relative}.sg-theme .sg-pull-indicator{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:2px;height:0;display:flex;position:absolute;inset:0 0 auto;overflow:hidden}.sg-theme .sg-pull-indicator>span:last-child{font:500 11px/14px var(--sg-font-label)}.sg-theme .sg-pull-content{min-width:0;display:flow-root}.sg-theme .sg-pull-error{border:2px solid var(--sg-border);background:var(--sg-danger);border-radius:8px;margin-bottom:16px;padding:12px}@media (forced-colors:active){.sg-theme .sg-loading-indicator[data-contained=true]{background:canvas;border:1px solid canvastext}.sg-theme .sg-loading-indicator svg{fill:canvastext}}.sg-theme .sg-kiki-mark,.sg-theme .sg-mascot{vertical-align:middle;flex-shrink:0;line-height:0;display:inline-block}.sg-theme .sg-kiki-mark{width:100%;height:100%}.sg-theme :is(.sg-kiki-mark,.sg-mascot) svg{width:100%;height:100%;display:block}.sg-theme .sg-brand-disc{background:0 0;border:0;border-radius:0}.sg-theme .sg-avatar-picker{border:0;min-width:0;padding:0}.sg-theme .sg-avatar-picker legend{font:700 14px var(--sg-font-label);margin-bottom:16px}.sg-theme .sg-avatar-options{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:12px;display:grid}.sg-theme .sg-avatar-option{min-width:0;position:relative}.sg-theme .sg-avatar-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sg-theme .sg-avatar-choice{border:2px solid var(--sg-border);background:var(--sg-surface);box-shadow:var(--sg-shadow-sm);pointer-events:none;border-radius:12px;flex-direction:column;align-items:center;padding:12px 8px;display:flex}.sg-theme .sg-avatar-choice small{font-size:11px}.sg-theme .sg-avatar-choice-status{font:600 11px var(--sg-font-label);margin-top:10px}.sg-theme .sg-avatar-option input:checked+.sg-avatar-choice{background:var(--sg-lavender)}.sg-theme .sg-avatar-option input:focus-visible+.sg-avatar-choice{outline:3px solid var(--sg-border);outline-offset:4px}.sg-theme .sg-avatar-option input:disabled{cursor:not-allowed}.sg-theme .sg-avatar-option input:disabled+.sg-avatar-choice{opacity:.6}.sg-theme .sg-personal-result{display:none}@media (width<=767px){.sg-theme .sg-reveal--compact{text-align:left;grid-template-columns:64px minmax(0,1fr);justify-items:start;gap:8px 16px;padding:16px}.sg-theme .sg-reveal--compact>.sg-badge{grid-column:1/-1}.sg-theme .sg-reveal--compact>.sg-artwork,.sg-theme .sg-reveal--compact>.sg-vinyl{grid-area:2/1/4;width:64px;height:64px}.sg-theme .sg-reveal--compact>h2,.sg-theme .sg-reveal--compact>p{overflow-wrap:anywhere;grid-column:2;min-width:0}.sg-theme .sg-reveal--compact>h2{font-size:20px}.sg-theme .sg-personal-result{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sg-theme .sg-personal-result>p{overflow-wrap:anywhere;flex-basis:100%}}.sg-theme .sg-leaderboard>ol{position:relative}html[data-sg-app-scroll],html[data-sg-app-scroll] body{overscroll-behavior-y:none}body{background:var(--sg-background,#fff8ef);margin:0}#root{min-height:100dvh}.soundguess-app{--sg-bottom-inset:14px}.app-root{min-height:100dvh}.soundguess-app main:focus{outline:none}.soundguess-app .masthead,.soundguess-app main,.soundguess-app .app-footer,.soundguess-app .app-messages{width:min(100%,1244px);margin-inline:auto;padding-inline:32px}.soundguess-app .masthead{border-bottom:2px solid var(--sg-border)}.soundguess-app .sg-app-header{padding-block:20px}.soundguess-app .sg-header-actions{align-items:center;gap:8px;display:flex}.soundguess-app .public-header{justify-content:space-between;align-items:center;gap:20px;padding-block:24px;display:flex}.soundguess-app .home-navigation{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.soundguess-app .app-main{padding-block:40px}.soundguess-app .app-main>*+*,.soundguess-app .app-main>.page-transition>*+*,.soundguess-app .sg-pull-content>.page-transition>*+*{margin-top:24px}.soundguess-app .app-messages{gap:16px;display:grid}.soundguess-app .app-messages:not(:empty){padding-top:24px}.soundguess-app .app-footer{padding-top:24px;padding-bottom:calc(112px + env(safe-area-inset-bottom));border-top:2px solid var(--sg-border);font:600 12px/1.5 var(--sg-font-label);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.soundguess-app .sg-bottom-navigation{z-index:var(--sg-z-sticky);position:fixed;bottom:0;left:0;right:0}.soundguess-app .skip-link,.soundguess-app .recovery form,.soundguess-app .artist-portrait,.soundguess-app .artist-result-indicator,.soundguess-app .theme-choices .sg-button,.soundguess-app .selected-theme,.soundguess-app .blind-test-summary,.soundguess-app .history-row,.soundguess-app .round-card{--sg-text:var(--sg-foreground);--sg-muted:var(--sg-secondary);--sg-border:var(--sg-outline);--sg-danger-text:var(--sg-danger-foreground);color:var(--sg-text)}.soundguess-app .skip-link{z-index:60;clip-path:inset(50%);background:var(--sg-surface);border:3px solid var(--sg-border);width:1px;height:1px;padding:12px;position:fixed;top:16px;left:16px;overflow:hidden}.soundguess-app .skip-link:focus{clip-path:none;width:auto;height:auto}.soundguess-app .loading-state{justify-items:center;gap:16px;min-height:220px;padding:80px 24px;display:grid}.soundguess-app .page-heading{justify-items:start;gap:20px;max-width:850px;margin-bottom:32px;display:grid}.soundguess-app .page-heading h1{font-size:clamp(34px,4.8vw,60px)}.soundguess-app h1 em,.soundguess-app .record-sleeve,.soundguess-app .sleeve-sticker,.soundguess-app .auth-art,.soundguess-app :is(.artist-results,.theme-choices) .sg-button[aria-pressed=true],.soundguess-app .countdown-number,.soundguess-app .history-icon,.soundguess-app .round-card .step{--sg-text:var(--sg-ink);--sg-muted:var(--sg-on-pastel-muted);--sg-border:var(--sg-ink);--sg-danger-text:var(--sg-danger-ink);--sg-progress-track-color:#786b86;color:var(--sg-text)}.soundguess-app h1 em{background:var(--sg-lavender);border:2px solid var(--sg-border);box-shadow:var(--sg-shadow-sm);padding-inline:6px;font-style:normal;display:inline-block}.soundguess-app .play-grid,.soundguess-app .account-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;display:grid}.soundguess-app .play-grid>.sg-panel{height:100%}.soundguess-app .dashboard-note{font:700 14px var(--sg-font-label);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px 0 16px;display:flex}.soundguess-app .hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:56px;padding-block:64px 80px;display:grid}.soundguess-app .hero-copy{justify-items:start;gap:24px;display:grid}.soundguess-app .hero h1{font-size:clamp(38px,4.6vw,64px)}.soundguess-app .intro{max-width:430px;font-size:18px;line-height:1.6}.soundguess-app .principle-link{min-height:44px;font-family:var(--sg-font-label);align-items:center;font-weight:700;display:inline-flex}.soundguess-app .coming-soon{color:var(--sg-muted);font-size:13px}.soundguess-app .record-sleeve{aspect-ratio:1;border:3px solid var(--sg-border);width:100%;max-width:440px;box-shadow:var(--sg-shadow-lg);background:var(--sg-blue);border-radius:20px;grid-template-columns:minmax(0,1fr);justify-self:center;align-items:center;padding:32px;display:grid;position:relative;transform:rotate(3deg)}.soundguess-app .record-sleeve>.sg-mascot{width:92%}.soundguess-app .sleeve-sticker{background:var(--sg-butter);border:2px solid var(--sg-border);box-shadow:var(--sg-shadow-sm);font:700 14px/1.4 var(--sg-font-label);border-radius:8px;padding:12px 16px;position:absolute;top:20px;left:-16px;transform:rotate(-6deg)}.soundguess-app .sleeve-bottom{font:700 11px var(--sg-font-label);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.soundguess-app .sleeve-bottom strong{font:800 28px var(--sg-font-heading)}.soundguess-app .principle{border-top:2px solid var(--sg-border);padding-block:48px 64px;scroll-margin-top:24px}.soundguess-app .principle h2{margin:12px 0 28px}.soundguess-app .principle ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none;display:grid}.soundguess-app .principle li>.sg-panel{height:100%}.soundguess-app .auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;padding-block:48px;display:grid}.soundguess-app .auth-art{background:var(--sg-lavender);border:3px solid var(--sg-border);box-shadow:var(--sg-shadow-lg);border-radius:16px;gap:28px;padding:32px;display:grid}.soundguess-app .auth-art h1{font-size:clamp(42px,5vw,72px)}.soundguess-app .auth-art>.sg-mascot{width:200px}.soundguess-app .auth-form{gap:20px;display:grid}.soundguess-app form{gap:20px;min-width:0;display:grid}.soundguess-app .auth-switch{font-size:14px}.soundguess-app .subtle-link{min-height:44px;font-family:var(--sg-font-label);align-items:center;display:inline-flex}.soundguess-app .recovery{justify-items:start;gap:24px;max-width:640px;padding-block:48px 80px;display:grid}.soundguess-app .recovery form{background:var(--sg-surface);border:3px solid var(--sg-border);width:100%;box-shadow:var(--sg-shadow-lg);border-radius:16px;padding:24px}.soundguess-app .plain-panel{gap:20px;display:grid}.soundguess-app .not-found{justify-items:start;gap:32px;padding-block:100px;display:grid}.soundguess-app .room-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.soundguess-app .room-toolbar h1{margin-top:8px;font-size:clamp(30px,3.5vw,48px)}.soundguess-app .room-code .sg-button-content>span{font:700 24px var(--sg-font-label);letter-spacing:.08em;gap:4px;display:grid}.soundguess-app .room-code small{font:700 11px var(--sg-font-label);letter-spacing:.06em}.soundguess-app .room-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.soundguess-app .room-content{gap:24px;min-width:0;display:grid}.soundguess-app .theme-panel{gap:20px;display:grid}.soundguess-app .artist-search{gap:16px;min-width:0;display:grid}.soundguess-app .artist-search-status{font:500 13px var(--sg-font-body);color:var(--sg-muted);align-items:center;gap:8px;display:flex}.soundguess-app .artist-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0 4px 4px 0;list-style:none;display:grid}.soundguess-app .artist-results li{min-width:0}.soundguess-app .artist-result{text-align:left;width:100%;height:100%;min-height:88px;padding:12px}.soundguess-app .artist-result .sg-button-content{width:100%}.soundguess-app .artist-result .sg-button-content>span{grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:12px;width:100%;min-width:0;display:grid}.soundguess-app .artist-portrait{border:2px solid var(--sg-border);background:var(--sg-background);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.soundguess-app .artist-portrait img{object-fit:cover;width:100%;height:100%}.soundguess-app .artist-result-copy{gap:4px;min-width:0;display:grid}.soundguess-app .artist-result-name{font-family:var(--sg-font-body);overflow-wrap:anywhere}.soundguess-app .artist-result-hint{font:500 11px var(--sg-font-label);color:var(--sg-muted)}.soundguess-app .artist-result-indicator{border:1px solid var(--sg-border);background:var(--sg-background);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.soundguess-app .artist-result[aria-pressed=true] .artist-result-indicator{color:var(--sg-white);background:var(--sg-ink)}.soundguess-app .theme-choices{flex-wrap:wrap;gap:12px;display:flex}@media (width<=767px){.soundguess-app .artist-results{grid-template-columns:minmax(0,1fr)}}.soundguess-app .theme-choices .sg-button{background:var(--sg-surface)}.soundguess-app :is(.artist-results,.theme-choices) .sg-button[aria-pressed=true]{background:var(--sg-lavender);box-shadow:inset 0 0 0 2px var(--sg-shadow-color), var(--sg-shadow-sm)}.soundguess-app .selected-theme{background:var(--sg-surface);border:2px solid var(--sg-border);border-radius:8px;padding:14px}.soundguess-app .panel-hint{color:var(--sg-muted);font-size:13px}.soundguess-app .waiting-panel{gap:16px;display:grid}.soundguess-app .mini-record{font-size:40px}.soundguess-app .blind-test-summary{border:2px solid var(--sg-border);background:var(--sg-surface);box-shadow:var(--sg-shadow-sm);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.soundguess-app .blind-test-summary>span{font-size:32px}.soundguess-app .blind-test-summary p{margin-top:8px;font-size:14px}.soundguess-app .room-actions{gap:16px;display:grid}.soundguess-app .section-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.soundguess-app .section-label h2{font-size:24px}.soundguess-app .participants{min-width:0}.soundguess-app .participants ol{gap:12px;padding:0;list-style:none;display:grid}.soundguess-app .participant>.avatar{flex-shrink:0}.soundguess-app .participant>div{flex:1;min-width:80px}.soundguess-app .participant strong{font-size:14px;display:block}.soundguess-app .participant small{font-size:11px}.soundguess-app .participant p{color:var(--sg-muted);margin-top:4px;font-size:12px}.soundguess-app .participant b{font:700 20px var(--sg-font-label);font-variant-numeric:tabular-nums}.soundguess-app .participant.excluded{border-style:dashed}.soundguess-app .countdown-stage{text-align:center;justify-items:center;gap:24px;display:grid}.soundguess-app .countdown-number{background:var(--sg-butter);border:3px solid var(--sg-border);min-width:96px;min-height:96px;box-shadow:var(--sg-shadow);font:800 56px var(--sg-font-heading);border-radius:16px;place-items:center;display:grid}.soundguess-app .countdown-number small{font:700 20px var(--sg-font-label)}.soundguess-app .listening-arena{text-align:center;justify-items:center;gap:20px;display:grid}.soundguess-app .listening-arena>.sg-badge:first-child{justify-self:end}.soundguess-app .listening-arena .sg-vinyl{width:140px}.soundguess-app .listening-arena h1{font-size:clamp(24px,3vw,36px)}.soundguess-app .finished-stage{justify-items:start;gap:24px;display:grid}.soundguess-app .finished-stage h1{font-size:42px}@media (width>=768px){.soundguess-app{--sg-bottom-inset:24px}.soundguess-app .app-footer{padding-bottom:32px}}@media (width<=1023px){.soundguess-app .room-layout{grid-template-columns:minmax(0,1fr)}.soundguess-app .participants ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.soundguess-app .masthead,.soundguess-app main,.soundguess-app .app-footer,.soundguess-app .app-messages{padding-inline:16px}.soundguess-app .public-header{flex-wrap:nowrap;gap:12px;padding-block:16px}.soundguess-app .public-header .sg-brand{white-space:nowrap;flex-shrink:0;font-size:13px}.soundguess-app .public-header .sg-brand-disc{width:30px;height:30px}.soundguess-app .home-navigation{flex-wrap:nowrap;flex-shrink:0;gap:8px}.soundguess-app .home-navigation .sg-button{white-space:nowrap;padding-inline:10px}.soundguess-app .home-navigation .landing-account{gap:0;width:44px;min-width:44px;padding:10px}.soundguess-app .landing-auth-label,.soundguess-app .public-header .sg-brand small,.soundguess-app .home-navigation>.sg-button>svg:last-child:not(:first-child){display:none}.soundguess-app .sg-brand{gap:6px;font-size:14px}.soundguess-app .sg-brand-disc{width:34px;height:34px}.soundguess-app .sg-app-header{gap:8px}.soundguess-app .sg-header-actions{gap:4px}.soundguess-app .hero{grid-template-columns:minmax(0,1fr);gap:48px;padding-block:40px 56px}.soundguess-app .hero h1{font-size:clamp(30px,6.5vw,44px)}.soundguess-app .record-sleeve{width:88%;max-width:340px}.soundguess-app .principle ol,.soundguess-app .play-grid,.soundguess-app .account-grid,.soundguess-app .auth-layout,.soundguess-app .results-layout{grid-template-columns:minmax(0,1fr)}.soundguess-app .auth-layout{gap:28px;padding-block:24px}.soundguess-app .auth-art{gap:16px;padding:24px}.soundguess-app .auth-art h1{font-size:36px}.soundguess-app .auth-art>.sg-mascot{width:100px}.soundguess-app .auth-art>p:last-child{display:none}.soundguess-app .app-main{padding-block:28px}.soundguess-app .participants ol{grid-template-columns:minmax(0,1fr)}.soundguess-app .listening-arena{gap:14px;padding:16px}.soundguess-app .listening-arena .sg-vinyl{width:100px}.soundguess-app .listening-arena h1{font-size:24px}.soundguess-app .page-heading h1{font-size:32px}.soundguess-app .room-toolbar{gap:16px}.soundguess-app .room-code{width:100%}.soundguess-app .recovery{padding-block:32px 80px}}@media (width<=380px){.soundguess-app .sg-brand{font-size:12px}.soundguess-app .sg-brand-disc{width:30px;height:30px}.soundguess-app .sg-header-actions .sg-account-link{display:none}.soundguess-app .sg-panel{padding:16px}.soundguess-app .sg-answer{padding:10px}}@media (prefers-reduced-motion:reduce){.soundguess-app .page-transition{opacity:1!important;visibility:visible!important;transform:none!important}}@media (width<=767px){.soundguess-app .room-navigation{gap:0;min-height:80px;padding-left:4px;padding-right:84px}.soundguess-app .room-navigation a{letter-spacing:-.02em;font-size:10px}.soundguess-app .room-toolbar--playing .room-code{display:none}.soundguess-app .room-toolbar--playing h1{font-size:24px}}@media (width<=767px) and (height<=900px){.soundguess-app .listening-arena{text-align:left;grid-template-columns:64px minmax(0,1fr);gap:10px 16px}.soundguess-app .listening-arena .sg-vinyl{grid-area:1/1/4;width:64px}.soundguess-app .listening-arena>.sg-badge:first-child{grid-column:2;justify-self:start}.soundguess-app .listening-arena h1{grid-column:2;font-size:20px}.soundguess-app .listening-arena>p{grid-column:2;font-size:13px}.soundguess-app .listening-arena>.sg-badge:last-child{grid-column:1/-1;justify-self:center}.soundguess-app .game-stage .sg-answer{min-height:112px}}.soundguess-app .landing-account>span{align-items:center;gap:10px;display:inline-flex}.soundguess-app .account-avatar-panel{gap:24px;margin-bottom:32px;display:grid}.soundguess-app .account-avatar-heading{align-items:center;gap:16px;display:flex}.soundguess-app .account-avatar-heading h2{margin-bottom:8px}.soundguess-app .account-avatar-panel form{gap:20px;display:grid}@media (width<=767px){.soundguess-app .landing-account:has(.sg-mascot){padding:4px}}.soundguess-app .recap-ranking{min-width:0}.soundguess-app .recap-ranking>summary{display:none}.soundguess-app .recap-ranking>.participants{display:block}@media (width<=767px){.soundguess-app .recap-ranking>summary{cursor:pointer;min-height:48px;font:700 16px var(--sg-font-label);padding:16px;display:list-item}.soundguess-app .recap-ranking:not([open])>.participants{display:none}.soundguess-app .room-navigation a{letter-spacing:normal;font-size:12px}}.soundguess-app .participants>ol{position:relative}.soundguess-app .participants-frame{min-width:0}.soundguess-app .history-detail-heading{gap:12px}.soundguess-app .history-detail-heading .history-detail-marker{margin-bottom:0}.soundguess-app .masthead[hidden],.soundguess-app .app-footer[hidden]{display:none}.soundguess-app .app-main--game{--game-gap:12px;width:min(100%,1000px);min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.soundguess-app .app-main--game .page-transition>*+*{margin-top:var(--game-gap)}.soundguess-app .game-toolbar{border-bottom:2px solid var(--sg-border);flex-wrap:nowrap;gap:8px;min-height:48px;padding-bottom:8px}.soundguess-app .game-theme{text-align:left;flex:1;justify-content:start;min-width:0;padding:8px;font-size:18px}.soundguess-app .game-theme .sg-button-content,.soundguess-app .game-theme .sg-button-content>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.soundguess-app .game-controls{align-items:center;gap:4px;display:flex}.soundguess-app .game-toolbar .sg-icon-button,.soundguess-app .game-toolbar .sg-audio .sg-icon-button{flex-basis:44px;width:44px;min-height:44px;padding:8px}.soundguess-app .game-toolbar .sg-audio{margin:0;position:relative}.soundguess-app .game-toolbar .sg-audio-notice{z-index:var(--sg-z-floating);font-size:12px;position:absolute;top:calc(100% + 8px);right:0}.soundguess-app .room-layout--game{display:block}.soundguess-app .game-stage--compact{gap:var(--game-gap)}.soundguess-app .game-stage--compact .sg-game-progress{gap:8px}.soundguess-app .game-stage--compact .sg-timer{padding:4px 12px;font-size:22px}.soundguess-app .game-stage--compact .listening-arena{text-align:left;grid-template-columns:40px minmax(0,1fr) auto;place-items:center start;gap:12px;padding:8px 12px;display:grid}.soundguess-app .game-stage--compact .listening-arena .sg-vinyl{grid-area:auto;width:40px}.soundguess-app .game-stage--compact .listening-status{font:700 15px/1.35 var(--sg-font-label);grid-column:auto;margin:0}.soundguess-app .game-stage--compact .listening-arena>.sg-badge:last-child{grid-column:auto;justify-self:end}.soundguess-app .game-stage--compact .sg-answer-grid{gap:var(--game-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.soundguess-app .game-stage--compact .sg-answer{gap:8px;min-height:clamp(100px,50dvh - 120px,230px);padding:12px}.soundguess-app .game-stage--compact .sg-answer-top{flex-wrap:nowrap;align-items:center;min-height:24px}.soundguess-app .game-stage--compact .sg-answer-letter{width:24px;height:24px;font-size:15px}.soundguess-app .game-stage--compact .sg-answer-state{gap:0;font-size:0}.soundguess-app .game-stage--compact .sg-answer-title{font-size:clamp(15px,1.8vw,21px);line-height:1.3}@media (width<=767px){.soundguess-app .app-main--game{--game-gap:10px;padding-inline:max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right))}.soundguess-app .game-toolbar{gap:0}.soundguess-app .game-theme{padding-inline:4px;font-size:15px}.soundguess-app .game-controls{gap:0}.soundguess-app .game-stage--compact .sg-answer{padding:10px}}@media (height<=450px){.soundguess-app .app-main--game{--game-gap:6px;padding-block:max(6px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-bottom))}.soundguess-app .game-stage--compact .listening-arena{grid-template-columns:minmax(0,1fr) auto;padding-block:4px}.soundguess-app .game-stage--compact .listening-arena .sg-vinyl{display:none}.soundguess-app .game-stage--compact .sg-answer{flex-direction:row;justify-content:start;align-items:center;min-height:64px;padding:8px}.soundguess-app .game-stage--compact .sg-answer-top{flex-shrink:0}.soundguess-app .game-stage--compact .sg-answer-state{display:none}.soundguess-app .game-stage--compact .sg-answer-title{font-size:15px}}.soundguess-app .game-toolbar .sg-popover{top:calc(72px + env(safe-area-inset-top));bottom:auto;right:max(12px, env(safe-area-inset-right));width:min(304px,100vw - 24px);position:fixed}@media (width<=360px){.soundguess-app .app-main--game{--game-gap:8px;padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom))}.soundguess-app .game-toolbar{padding-bottom:4px}.soundguess-app .game-stage--compact .listening-arena{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:4px 8px}.soundguess-app .game-stage--compact .listening-arena .sg-vinyl{display:none}.soundguess-app .game-stage--compact .listening-status{font-size:13px}.soundguess-app .game-stage--compact .sg-answer{padding:8px}.soundguess-app .game-stage--compact .sg-answer-title{font-size:14px;line-height:1.25}}.soundguess-app .game-controls:empty{display:none}
