.quiz-directory{color:#f3f7f4;width:min(1180px,100% - 40px);margin:36px auto 64px;scroll-margin-top:88px}.quiz-directory :is(button,input,select){font:inherit}.quiz-directory :is(button,a,select):focus-visible{outline-offset:4px;outline:2px solid #19df70}.quiz-directory button{cursor:pointer}.quiz-directory button:disabled{cursor:default;opacity:.5}.qd-title{letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(24px,3vw,32px);font-weight:700}.qd-search-row{gap:14px;display:flex}.qd-search{color:#a5b3a9;background:#0e1510;border:1px solid #34443b;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;min-height:54px;padding:0 8px 0 16px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.qd-search:hover{border-color:#63766a}.qd-search:focus-within{outline-offset:2px;background:#101b14;border-color:#19df70;outline:2px solid #0000;box-shadow:0 0 0 3px #19df7024}.qd-search>svg{flex-shrink:0}.qd-search:focus-within>svg{color:#19df70}.quiz-directory .qd-search input{color:#f3f7f4;width:100%;min-width:0;min-height:52px;box-shadow:none;caret-color:#19df70;background:0 0;border:0;outline:none;flex:1;padding:12px 0;font-size:16px;line-height:1.5}.qd-search input::placeholder{color:#a5b3a9;opacity:1}.qd-search label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qd-search input::-webkit-search-cancel-button{display:none}.qd-search button{color:#a5b3a9;background:0 0;border-radius:8px;flex-shrink:0;place-items:center;min-width:44px;min-height:44px;display:grid}.qd-search button:hover{color:#f3f7f4;background:#21392a}.quiz-directory .qd-search button:focus-visible{outline-offset:-4px}@media (prefers-reduced-motion:reduce){.qd-search{transition:none}}.qd-random,.qd-reset{color:#d6f6e1;background:#112019;border:1px solid #36513f;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.qd-controls{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.qd-categories{gap:10px;margin:-5px;padding:5px;display:flex;overflow-x:auto}.qd-categories button{background:#0c110d;border:1px solid #34443b;border-radius:24px;flex:none;min-height:44px;padding:9px 23px;font-size:14px}.qd-categories button[aria-pressed=true]{color:#19df70;background:#0b2415;border-color:#19df70}.qd-sort{color:#a5b3a9;flex-shrink:0;align-items:center;gap:10px;font-size:14px;display:flex}.qd-sort select{color:#f3f7f4;background:#0c110d;border:1px solid #34443b;border-radius:8px;max-width:180px;min-height:44px;padding:7px 9px}.qd-status{color:#a5b3a9;min-height:24px;margin:18px 0 4px;font-size:14px}.qd-skeleton{margin-top:30px}.qd-skeleton :is(.qd-image,.qd-skeleton-heading,.qd-skeleton-name,.qd-skeleton-count){background:#14231a;animation:1.6s ease-in-out infinite alternate qd-skeleton-pulse;display:block}.qd-skeleton-heading{border-radius:6px;width:180px;height:30px;margin-bottom:22px}.qd-skeleton-name{border-radius:4px;width:70%;height:20px;margin:16px auto 8px}.qd-skeleton-count{border-radius:4px;width:40%;height:14px;margin:0 auto}@keyframes qd-skeleton-pulse{to{background-color:#203a2a}}@media (prefers-reduced-motion:reduce){.qd-skeleton :is(.qd-image,.qd-skeleton-heading,.qd-skeleton-name,.qd-skeleton-count){animation:none}}.qd-section{margin-top:30px}.qd-section h3{letter-spacing:-.025em;margin:0 0 22px;font-size:clamp(22px,2.5vw,28px);font-weight:700}.qd-section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.qd-section-head h3{margin:0}.qd-section-head button{color:#19df70;text-align:right;text-underline-offset:4px;align-items:center;gap:10px;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}.qd-grid{gap:24px;margin-top:16px;display:grid}.qd-grid-artist{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:32px}.qd-grid-genre,.qd-grid-mixed{grid-template-columns:repeat(3,minmax(0,1fr))}.qd-grid-decade{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.qd-card{color:#f3f7f4;border-radius:10px;min-width:0;text-decoration:none;display:block;position:relative}.qd-image{aspect-ratio:2.5;background:#14231a;border:1px solid #34443b;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.qd-image img{object-fit:cover;width:100%;height:100%;transition:transform .18s}.qd-card:hover .qd-image img{transform:scale(1.04)}.qd-card:hover strong{color:#19df70}.qd-card-artist{text-align:center}.qd-card-artist .qd-image{aspect-ratio:1;border-radius:50%}.qd-card-artist:hover .qd-image{border-color:#19df70}.qd-card-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.qd-card-copy strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:18px;font-weight:650;line-height:1.4;display:-webkit-box;overflow:hidden}.qd-card-copy>span{color:#bdc9c1;font-size:14px;line-height:1.5}.qd-card-artist .qd-card-copy{margin-top:13px}.qd-card:not(.qd-card-artist) .qd-card-copy{position:absolute;bottom:14px;left:18px;right:42px}.qd-card:not(.qd-card-artist) strong{font-size:24px}.qd-card-decade strong{font-size:21px!important}.qd-card-arrow{color:#19df70;position:absolute;bottom:26px;right:14px}.qd-shade{background:#02070480;position:absolute;inset:0}.qd-empty{text-align:center;color:#a5b3a9;justify-items:center;gap:14px;padding:50px 16px;display:grid}.qd-empty h3{color:#f3f7f4;font-size:24px}.qd-grid-mixed .qd-card-artist{justify-self:center;width:100%;max-width:220px}.qd-hub-main{padding:36px 0 60px}.qd-hub-header{text-align:center;padding:0 20px}.qd-hub-header h1{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(36px,5vw,52px);font-weight:750}.qd-hub-header p{color:#a5b3a9;max-width:760px;margin:auto;font-size:16px;line-height:1.7}.qd-hub-copy{width:min(800px,100% - 40px);margin:50px auto 0}.qd-hub-copy h2{margin-bottom:16px;font-size:26px;font-weight:650}.qd-hub-copy p{color:#a5b3a9;line-height:1.8}.sg-directory-page .sg-intro{text-align:left;max-width:1180px;padding:30px 20px 18px}.sg-directory-page .sg-intro h1{margin:0 0 12px;font-size:clamp(32px,4vw,44px)}.sg-directory-page .sg-tagline{color:#a5b3a9;margin:0;font-size:16px}.sg-game.sg-quick{width:min(1180px,100% - 40px);box-shadow:none;background:#0c110d;border-radius:12px;margin-bottom:32px}.sg-quick[data-state=idle] .sg-game-top{display:none}.sg-quick-idle{padding:18px 24px}.sg-quick-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.sg-quick-row p{color:#a5b3a9;font-size:14px}.sg-quick-custom{margin-top:14px}.sg-quick-custom summary{cursor:pointer;color:#c8e6d2;text-underline-offset:4px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}.sg-quick-resume{justify-content:flex-end;padding:12px 24px;display:flex}@media (width<=1000px){.qd-grid-artist{grid-template-columns:repeat(4,minmax(0,1fr))}.qd-grid-genre,.qd-grid-mixed{grid-template-columns:repeat(2,minmax(0,1fr))}.qd-grid-decade{grid-template-columns:repeat(3,minmax(0,1fr))}.qd-controls{flex-wrap:wrap}}@media (width<=600px){.quiz-directory{margin-top:28px}.qd-search-row{flex-wrap:wrap;gap:10px}.qd-search{flex-basis:100%}.qd-random{min-height:44px;margin-left:auto;padding:8px 14px}.qd-controls{gap:14px}.qd-categories{width:calc(100% + 10px)}.qd-categories button{padding:9px 17px}.qd-sort{margin-left:auto}.qd-grid-artist,.qd-grid-decade{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.qd-grid-genre,.qd-grid-mixed{grid-template-columns:minmax(0,1fr)}.qd-section-head{align-items:flex-start}.qd-section-head button{max-width:135px}.qd-card-copy strong{font-size:16px}.qd-card-decade .qd-image{aspect-ratio:1.6}.sg-quick-idle{padding:18px}.sg-quick-row>.sg-primary{width:100%}}@media (prefers-reduced-motion:reduce){.qd-image img{transition:none}}.sg-directory-page .sg-intro{width:min(1180px,100% - 48px);max-width:none;padding:44px 0 28px}.sg-directory-page .sg-intro .sg-section-kicker{letter-spacing:.08em;align-items:center;gap:9px;margin:0 0 14px;font-size:14px;display:flex}.sg-directory-page .sg-intro h1{letter-spacing:-.04em;font-size:clamp(34px,4.2vw,54px);font-weight:700;line-height:1.15}.sg-directory-page .sg-tagline{margin-top:16px;font-size:18px;line-height:1.7}.sg-directory-page .sg-game.sg-quick{background:#0d1c13;border-color:#2c4937;border-radius:20px;width:min(1180px,100% - 48px);margin-bottom:44px}.sg-directory-page .sg-quick-idle{padding:26px 30px}.sg-quick-row{gap:24px}.sg-quick-row p{color:#b4c7bb;margin:0;font-size:16px;line-height:1.7}.sg-quick-copy h2{margin:0 0 8px;font-size:24px;font-weight:600}.sg-quick-custom{border-top:1px solid #294032;margin-top:24px;padding-top:10px}.sg-quick-custom summary{color:#c8e6d2;gap:12px;font-size:15px;text-decoration:none}.sg-quick-custom summary svg{transition:transform .18s}.sg-quick-custom[open] summary svg{transform:rotate(180deg)}.sg-quick-custom .sg-start-row{justify-content:flex-start}.sg-quick-custom .sg-mix{flex:180px;min-width:0}.sg-quick-custom .sg-mix select{width:100%}.sg-directory-page .sg-primary{border-radius:12px;min-height:52px;padding:12px 24px;font-size:16px}.sg-directory-page .sg-section-intro,.sg-directory-page .sg-how-grid p,.sg-directory-page .sg-about p:not(.sg-section-kicker),.sg-directory-page .sg-faq p{font-size:16px;line-height:1.8}.sg-directory-page .sg-content{max-width:1180px}.sg-directory-page .sg-how-grid article{padding:28px}.sg-directory-page .sg-how-grid h3{font-size:20px;line-height:1.4}.sg-directory-page .sg-faq-grid{border-block:1px solid #26382c;display:block}.sg-directory-page .sg-faq-grid details+details{border-top:1px solid #26382c}.sg-directory-page .sg-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:17px;list-style:none;display:flex}.sg-directory-page .sg-faq summary::-webkit-details-marker{display:none}.sg-directory-page .sg-faq summary svg{flex-shrink:0;transition:transform .18s}.sg-directory-page .sg-faq details[open] summary{color:#7beaab}.sg-directory-page .sg-faq details[open] summary svg{transform:rotate(180deg)}.sg-directory-page .sg-faq details p{color:#aebbb2;max-width:850px;margin:0;padding-bottom:24px}.sg-directory-page summary:focus-visible{outline-offset:4px;outline:2px solid #19df70}.sg-directory-page .qd-title{font-size:clamp(24px,2.8vw,32px)}.sg-directory-page .qd-section h3{font-size:24px}.sg-directory-page .qd-image{transition:border-color .18s}.sg-directory-page .qd-card-copy strong{font-weight:500}@media (width<=600px){.sg-directory-page .sg-intro{width:calc(100% - 32px);padding:30px 0 24px}.sg-directory-page .sg-tagline{font-size:16px}.sg-directory-page .sg-game.sg-quick{border-radius:16px;width:calc(100% - 32px)}.sg-directory-page .sg-quick-idle{padding:22px 18px}.sg-quick-row{gap:20px}.sg-quick-custom summary{font-size:14px}.sg-quick-custom .sg-start-row{gap:18px}.sg-quick-custom .sg-mix{flex-basis:100%}.sg-quick-custom .sg-primary{width:100%}.sg-directory-page .sg-how-grid article{padding:22px}}@media (prefers-reduced-motion:reduce){.sg-quick-custom summary svg,.sg-directory-page .sg-faq summary svg{transition:none}}@media (width<=420px){.sg-directory-page .qd-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0;padding:0;display:grid;overflow:visible}.sg-directory-page .qd-categories button{padding:10px 12px}}