.sp-page{--sp-green:#18f287;--sp-green-text:#39e887;--sp-green-on:#04160b;--sp-gold:#f7c948;--sp-gold-on:#1d1600;--sp-miss:#ffffff0e;--sp-line:#ffffff17;--sp-card:#ffffff07;--sp-muted:#9da8a0;--sp-dim:#7f8d83;color:#f3f7f4;background:#030704;padding-top:64px;position:relative;overflow-x:clip}.sp-page :is(button,input){font-family:inherit}.sp-page button{cursor:pointer;-webkit-tap-highlight-color:transparent}.sp-page button:disabled{cursor:not-allowed}.sp-page :is(a,button,input,[role=option]):focus-visible{outline:2px solid var(--sp-green-text);outline-offset:3px}.sp-stage-light{pointer-events:none;clip-path:polygon(25% 0,75% 0,93% 100%,7% 100%);opacity:.72;background:#0c150e;position:absolute;inset:0}.sp-shell{width:min(700px,100% - 32px);margin:0 auto;padding:22px 0 72px;position:relative}.sp-heading{text-align:center;margin:0 0 24px}.sp-kicker{color:var(--sp-green-text);letter-spacing:.2em;text-transform:uppercase;justify-content:center;align-items:center;gap:4px;margin:0;font-size:11px;font-weight:700;line-height:1.5;display:flex}.sp-heading h1{letter-spacing:-.035em;margin:10px 0 8px;font-size:44px;font-weight:700;line-height:1.15}.sp-subtitle{color:#a5b2a8;margin:0;font-size:14px}.sp-heading-links{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px;display:flex}.sp-link-button{min-height:44px;color:var(--sp-green-text);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.sp-link-button:hover{text-decoration:underline}.sp-bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:12px;display:grid}.sp-bar>:last-child{justify-self:end}.sp-pill{border:1px solid var(--sp-line);color:#b8c3bb;white-space:nowrap;background:#ffffff05;border-radius:10px;justify-self:start;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.sp-pill:disabled{color:#7c8a80}.sp-pill:not(:disabled):hover{color:#f3f7f4;border-color:#ffffff38}.sp-pill[data-ready=true]{color:var(--sp-gold);background:#f7c94814;border-color:#f7c94899;box-shadow:0 0 0 3px #f7c94814}.sp-counter{white-space:nowrap;margin:0;font-size:15px;font-weight:600}.sp-counter b{color:var(--sp-green)}.sp-search{z-index:5;position:relative}.sp-search input{color:#f3f7f4;background:#07100a;border:1.5px solid #18f2878c;border-radius:14px;width:100%;height:52px;padding:0 52px 0 46px;font-size:16px;display:block;box-shadow:0 0 0 4px #18f28714}.sp-search input::placeholder{color:#7f8d83}.sp-search input:focus-visible{border-color:var(--sp-green);outline:none;box-shadow:0 0 0 4px #18f2872e}.sp-search input:disabled{opacity:.6;box-shadow:none}.sp-search-icon{color:#8a988e;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.sp-search-clear,.sp-search-busy{color:#8a988e;width:44px;height:44px;position:absolute;top:4px;right:4px}.sp-search-clear{background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.sp-search-busy{padding:13px;animation:.9s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-suggestions{background:#0b140e;border:1px solid #ffffff1f;border-radius:14px;max-height:min(392px,60vh);padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.sp-suggestions>p{color:var(--sp-muted);margin:0;padding:14px 12px;font-size:14px}.sp-option{cursor:pointer;border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;padding:4px 10px;display:grid}.sp-option[aria-selected=true]{background:#18f2871a}.sp-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.sp-option>span:last-child{color:var(--sp-muted);font-size:13px}.sp-option-poster{object-fit:cover;background:#101a13;border-radius:4px;width:32px;height:48px;font-size:0}.sp-progress{grid-template-columns:repeat(10,1fr);gap:5px;margin:16px 0 10px;padding:0;list-style:none;display:grid}.sp-progress li{background:#ffffff1a;border-radius:2px;height:4px}.sp-progress li:is([data-state=used],[data-state=correct]){background:var(--sp-green)}.sp-legend{color:var(--sp-muted);flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:0 0 18px;padding:0;font-size:12px;list-style:none;display:flex}.sp-legend li[data-match]:before{content:"";vertical-align:-1px;background:#ffffff2e;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.sp-legend li[data-match=match]:before{background:var(--sp-green)}.sp-legend li[data-match=close]:before{background:var(--sp-gold)}.sp-empty{color:var(--sp-muted);text-align:center;border:1px dashed #ffffff24;border-radius:16px;margin:0;padding:22px 20px;font-size:14px;line-height:1.7}.sp-empty[data-pending]{visibility:hidden}.sp-error,.sp-notice{background:#ff8a8312;border:1px solid #ff8a8373;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:0 0 14px;padding:12px 14px;display:flex}.sp-notice{background:#18f2870f;border-color:#18f28766}.sp-error p,.sp-notice p{margin:0;font-size:14px;line-height:1.5}.sp-summary{background:#ffffff08;border:1px solid #ffffff24;border-radius:16px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.sp-summary[data-won=true]{background:#18f2870d;border-color:#18f28773}.sp-summary-poster{object-fit:cover;background:#101a13;border-radius:6px;width:48px;height:72px;font-size:0}.sp-summary .sp-kicker{justify-content:flex-start}.sp-summary strong{margin:2px 0;font-size:18px;font-weight:600;display:block}.sp-summary strong span,.sp-summary p{color:var(--sp-muted);font-weight:400}.sp-summary p{margin:0;font-size:13px}.sp-summary-actions{gap:8px;display:flex}.sp-summary-status{color:var(--sp-green-text);white-space:pre-wrap;grid-column:1/-1;margin:0;font-size:13px}.sp-button{white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.sp-primary{background:var(--sp-green);color:var(--sp-green-on)}.sp-primary:hover:not(:disabled){background:#3bf59c}.sp-secondary{color:var(--sp-green);background:0 0;border-color:#18f28773}.sp-secondary:hover:not(:disabled){background:#18f28714}.sp-button:disabled{opacity:.5}.sp-timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sp-card{border:1px solid var(--sp-line);background:var(--sp-card);border-radius:18px;padding:16px;animation:.28s ease-out sp-in}.sp-card[data-correct=true]{border-color:#18f28799;box-shadow:0 0 0 3px #18f28714}@keyframes sp-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.sp-card,.sp-hint-card{animation:none}}.sp-card-top{grid-template:"poster head""poster tiles"1fr/112px minmax(0,1fr);column-gap:16px;display:grid}.sp-poster{object-fit:cover;background:#0f1a12;border-radius:10px;grid-area:poster;width:112px;height:168px}.sp-image-missing{color:var(--sp-dim);text-align:center;place-items:center;font-size:11px;display:grid}.sp-card-head{grid-area:head;min-width:0}.sp-card-title{letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0 0 6px;font-size:21px;font-weight:600;line-height:1.25;display:flex}.sp-card-title>span{color:var(--sp-muted);font-size:15px;font-weight:400}.sp-correct{background:var(--sp-green);color:var(--sp-green-on);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:center;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-style:normal;font-weight:700;display:inline-flex}.sp-chips{flex-wrap:wrap;gap:5px;margin:0 0 10px;padding:0;list-style:none;display:flex}.sp-chips li{color:#d5ddd7;background:#ffffff12;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:500}.sp-chips li[data-match=match]{background:var(--sp-green);color:var(--sp-green-on)}.sp-tiles{grid-area:tiles;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1.15fr;gap:7px;display:grid}.sp-tile{background:var(--sp-miss);color:#f3f7f4;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:50px;padding:4px;display:flex}.sp-tile[data-match=match]{background:var(--sp-green);color:var(--sp-green-on)}.sp-tile[data-match=close]{background:var(--sp-gold);color:var(--sp-gold-on)}.sp-tile strong{white-space:nowrap;align-items:center;gap:1px;font-size:16px;font-weight:600;display:inline-flex}.sp-tile-year{grid-area:1/1}.sp-tile-box{grid-area:1/2}.sp-tile-studio{grid-area:1/3/3/4}.sp-tile-rated{grid-area:2/1}.sp-tile-score{grid-area:2/2}.sp-label{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:.8;align-items:center;gap:3px;font-size:9.5px;font-weight:600;display:inline-flex}.sp-label .sp-mark{letter-spacing:0;font-size:11px}.sp-logo{object-fit:contain;background:#f3f7f4f0;border-radius:7px;max-width:92px;max-height:32px;padding:4px 7px}.sp-studio-name{padding:0 8px;line-height:1.25;white-space:normal!important;font-size:14px!important}.sp-people{border-top:1px solid var(--sp-line);align-items:flex-start;margin-top:14px;padding-top:12px;display:flex}.sp-group{flex-direction:column;align-items:center;gap:6px;display:flex}.sp-group>.sp-label{color:var(--sp-dim)}.sp-group ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.sp-group-support{flex:1}.sp-group-support ul{justify-content:space-around;width:100%}.sp-sep{background:var(--sp-line);align-self:stretch;width:1px;margin:0 6px}.sp-person{flex-direction:column;align-items:center;gap:5px;width:62px;display:flex}.sp-person-face{position:relative}.sp-face{color:#c6d0c9;background:#1a241d;border:2px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;font-size:13px;font-weight:600;display:grid;overflow:hidden}.sp-face img{object-fit:cover;width:100%;height:100%}.sp-person[data-match=miss] .sp-face img{filter:grayscale()brightness(.6)}.sp-person[data-match=match] .sp-face{border-color:var(--sp-green)}.sp-person[data-match=close] .sp-face{border-color:var(--sp-gold)}.sp-person-face .sp-mark{border-radius:50%;place-items:center;width:16px;height:16px;padding:2px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-3px;right:-3px}.sp-person[data-match=match] .sp-mark{background:var(--sp-green);color:var(--sp-green-on)}.sp-person[data-match=close] .sp-mark{background:var(--sp-gold);color:var(--sp-gold-on)}.sp-person small{color:#8d9b91;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:62px;font-size:10.5px;line-height:1.2;overflow:hidden}.sp-person[data-match=match] small{color:var(--sp-green)}.sp-person[data-match=close] small{color:var(--sp-gold)}.sp-more{min-width:36px;color:var(--sp-muted);text-align:center;align-self:center;font-size:12px}.sp-hint-card{background:#f7c9480d;border:1.5px solid #f7c9488c;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;animation:.28s ease-out sp-in;display:flex}.sp-hint-poster{object-fit:cover;background:#101a13;border-radius:6px;flex:none;width:44px;height:66px;font-size:0}.sp-hint-face{border-color:var(--sp-gold);flex:none;width:52px;height:52px}.sp-hint-kicker{color:var(--sp-gold);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10.5px;font-weight:700}.sp-hint-card p:not(.sp-hint-kicker){color:#c6d0c9;margin:3px 0 2px;font-size:13px}.sp-hint-card strong{font-size:15px;font-weight:600}.sp-hint-card strong span{color:var(--sp-muted);font-weight:400}.sp-keywords{margin:6px 0 0}.sp-keywords li{color:#f1dfa6;background:#f7c9480f;border:1px solid #f7c94859}.sp-dialog{border:1px solid var(--sp-line);color:#f3f7f4;background:#08110b;border-radius:20px;width:min(420px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;overflow-y:auto;box-shadow:0 30px 80px #0009}.sp-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#010402b8}.sp-dialog-body{padding:22px;position:relative}.sp-dialog-body:focus{outline:none}.sp-dialog-close{width:44px;height:44px;color:var(--sp-muted);background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.sp-dialog-close:hover{color:#f3f7f4}.sp-dialog h2{margin:0 44px 4px 0;font-size:20px;font-weight:600;line-height:1.3}.sp-dialog-sub{color:var(--sp-gold);margin:0 0 16px;font-size:12.5px}.sp-dialog-text{color:#b5c0b8;margin:6px 0 0;font-size:14px;line-height:1.6}.sp-dialog-caption{color:var(--sp-dim);text-align:center;flex-direction:column;align-items:center;gap:10px;margin:10px 0 0;font-size:12px;display:flex}.sp-dialog-caption p{margin:0}.sp-dialog>.sp-dialog-body>.sp-button{width:100%;margin-top:14px}.sp-dialog-actions{gap:10px;margin-top:18px;display:flex}.sp-dialog-actions .sp-button{flex:1;padding:0 12px}.sp-hint-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sp-hint-option{border:1px solid var(--sp-line);color:#f3f7f4;text-align:left;background:#ffffff08;border-radius:14px;flex-direction:column;gap:4px;min-height:88px;padding:14px 12px;display:flex}.sp-hint-option:not(:disabled):hover{background:#f7c9480f;border-color:#f7c94899}.sp-hint-option:disabled{opacity:.5}.sp-hint-option b{justify-content:space-between;align-items:flex-start;gap:6px;font-size:13.5px;font-weight:600;display:flex}.sp-hint-option em{color:var(--sp-gold);letter-spacing:.1em;text-transform:uppercase;border:1px solid #f7c94880;border-radius:6px;flex:none;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700}.sp-hint-option span{color:var(--sp-muted);font-size:12px;line-height:1.5}.sp-result-dialog{width:min(460px,100% - 32px)}.sp-result-dialog .sp-kicker{flex-wrap:wrap;justify-content:flex-start;margin-right:44px}.sp-next:before{content:"· "}.sp-trailer{aspect-ratio:16/9;border:1px solid var(--sp-line);background:#000;border-radius:14px;width:100%;margin-top:12px;display:block}.sp-reveal{text-align:center;margin:16px 0 4px}.sp-reveal .sp-kicker{justify-content:center;margin:0 0 6px}.sp-reveal h2{margin:0;font-size:26px}.sp-reveal h2 span{color:var(--sp-muted);font-size:18px;font-weight:400}.sp-reveal p{color:var(--sp-muted);margin:4px 0 0;font-size:13px}.sp-reveal p[data-won=true]{color:var(--sp-green-text)}.sp-share-text{color:#dfe7e1;white-space:pre-wrap;word-break:break-word;background:#ffffff0a;border-radius:12px;margin:12px 0 0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}.sp-more-games{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 14px;margin-top:12px;font-size:13px;display:flex}.sp-more-games span{color:var(--sp-dim);text-align:center;flex-basis:100%}.sp-more-games a{min-height:44px;color:var(--sp-green-text);align-items:center;font-weight:600;display:inline-flex}.sp-archive-list{gap:6px;max-height:min(56vh,520px);margin:14px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.sp-archive-list button{border:1px solid var(--sp-line);color:#f3f7f4;text-align:left;background:#ffffff05;border-radius:12px;grid-template-columns:52px 64px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:48px;padding:6px 12px;font-size:13px;display:grid}.sp-archive-list button:hover{border-color:#fff3}.sp-archive-list button[aria-current=true]{border-color:#18f28799}.sp-archive-number{color:var(--sp-dim);font-weight:600}.sp-archive-date{font-weight:600}.sp-archive-status{color:var(--sp-muted)}[data-status=won] .sp-archive-status{color:var(--sp-green-text)}[data-status=lost] .sp-archive-status{color:#ff8a83}[data-status=playing] .sp-archive-status{color:var(--sp-gold)}.sp-content .songspot-how-grid,.sp-content .songspot-feature-grid{grid-template-columns:repeat(4,1fr)}.sp-tmdb{align-items:center;gap:18px;width:min(1180px,100% - 80px);margin:0 auto;padding:32px 0 48px;display:flex}.sp-tmdb img{width:160px;height:auto;display:block}.sp-tmdb p{color:var(--sp-dim);margin:0;font-size:13px;line-height:1.6}@media (width<=960px){.sp-content .songspot-how-grid,.sp-content .songspot-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.sp-shell{padding-top:14px}.sp-heading{margin-bottom:18px}.sp-heading h1{font-size:32px}.sp-kicker-reset{display:none}.sp-bar{gap:6px}.sp-pill{gap:5px;padding:0 10px;font-size:12px}.sp-counter{font-size:14px}.sp-card{padding:12px}.sp-card-top{grid-template-columns:84px minmax(0,1fr);column-gap:12px}.sp-poster{width:84px;height:126px}.sp-card-title{font-size:18px}.sp-tiles{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr)}.sp-tile{min-height:46px}.sp-tile strong{font-size:14px}.sp-tile .sp-label{letter-spacing:.08em;font-size:8.5px}.sp-tile-rated{grid-area:1/3}.sp-tile-score{grid-area:2/1}.sp-tile-studio{grid-area:2/2/3/4}.sp-people{justify-content:space-between}.sp-sep{margin:0 2px}.sp-group ul{gap:0}.sp-person{width:52px}.sp-face{width:38px;height:38px}.sp-person small{max-width:52px}.sp-card[data-directors="2"] .sp-people{flex-wrap:wrap;row-gap:10px}.sp-card[data-directors="2"] .sp-group-support{flex-basis:100%}.sp-card[data-directors="2"] .sp-sep:last-of-type{display:none}.sp-summary{grid-template-columns:48px minmax(0,1fr)}.sp-summary-actions{grid-column:1/-1}.sp-summary-actions .sp-button{flex:1}.sp-content .songspot-how-grid,.sp-content .songspot-feature-grid{grid-template-columns:1fr}.sp-tmdb{flex-direction:column;align-items:flex-start;width:calc(100% - 32px)}.sp-dialog-body{padding:20px 16px}.sp-next{flex-basis:100%}.sp-next:before{content:none}.sp-hint-options{gap:8px}}@media (width<=375px){.sp-pill{padding:0 8px}.sp-card-top{grid-template-columns:64px minmax(0,1fr);grid-template-areas:"poster head""tiles tiles";row-gap:10px}.sp-poster{width:64px;height:96px}.sp-people{flex-wrap:wrap;justify-content:flex-start;row-gap:10px}.sp-group-support{flex-basis:100%}.sp-group-support ul{justify-content:space-between}.sp-sep:last-of-type{display:none}.sp-archive-list button{grid-template-columns:44px 56px minmax(0,1fr) auto;gap:6px;padding:6px 10px}}