.futur-grillz .gc{background:#1d2b22;color:#ede9e1;gap:22px}
.gc .gc-label{font:10px/1.4 var(--sans);letter-spacing:.16em}
.gc-stage{flex:1;min-height:0;display:flex;align-items:center}
.gc-intro,.gc-question{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;animation:gc-enter .35s ease both}
.futur-grillz .gc-intro h2{font:clamp(70px,8.5vw,150px)/.95 var(--serif);letter-spacing:-.045em}
.gc-intro h2 em{display:block;font-weight:400}
.futur-grillz .gc-subtitle{font:italic 24px/1.3 var(--serif);margin:28px 0}
.gc button{color:inherit;cursor:pointer;border-radius:0}
.gc .gc-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ede9e1;background:transparent;padding:15px 22px;font:10px/1.4 var(--sans);letter-spacing:.14em;min-height:44px;transition:background .2s,color .2s}
.gc .gc-button:hover:not(:disabled){background:#ede9e1;color:#1d2b22}
.gc button:focus-visible{outline:2px solid #ede9e1;outline-offset:4px}
.gc .gc-button:disabled{opacity:.35;cursor:default}
.gc .gc-topics button{display:flex;align-items:center;gap:36px;padding:12px 0;border:0;border-bottom:1px solid #8b968c;background:transparent;width:100%;text-align:left;font:28px/1.2 var(--serif);min-height:84px}
.gc-topics button:hover .gc-topic-text{font-style:italic}
.gc-topics .gc-topic-letter{font:76px/1 var(--serif);width:66px;flex-shrink:0}
.gc-question{align-items:start}
.gc-progress{height:1px;background:#8b968c;margin:16px 0 32px}
.gc-progress span{display:block;height:2px;background:#ede9e1;transition:width .3s}
.futur-grillz .gc-prompt h2{font:clamp(30px,3.5vw,58px)/1.08 var(--serif);letter-spacing:-.025em}
.gc-options{border-top:1px solid #8b968c}
.gc .gc-option{display:grid;grid-template-columns:58px 1fr 18px;align-items:center;gap:15px;width:100%;text-align:left;padding:13px 12px;background:transparent;border:0;border-bottom:1px solid #8b968c;font:19px/1.25 var(--serif);min-height:76px}
.gc-letter{font:50px/1 var(--serif)}
.gc-option:hover:not(:disabled){background:#344338}
.gc .gc-option:disabled{cursor:default;opacity:1}
.gc .gc-option.is-correct{background:#d2dfcf;color:#1d2b22}
.gc .gc-option.is-wrong{background:#e6ccc6;color:#1d2b22}
.gc-feedback{font:17px/1.35 var(--serif);min-height:7.2em;padding-top:20px}
.gc-feedback{display:grid}
.gc-feedback-space,.gc-feedback-message{grid-area:1/1}
.gc-feedback-space{visibility:hidden;pointer-events:none;user-select:none}
.gc-feedback-message:not(:empty){animation:gc-enter .25s ease both}
.gc .gc-next{margin-top:18px}
.gc-result{width:100%;text-align:center;animation:gc-enter .35s ease both}
.futur-grillz .gc-score{font:clamp(90px,12vw,190px)/1 var(--serif)}
.gc-score span{font-size:.45em}
.futur-grillz .gc-result h2{font:24px/1.2 var(--serif);margin:25px 0 35px}
@keyframes gc-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px) and (max-height:800px){.futur-grillz.grillz-deck>.gc{padding-top:22px;padding-bottom:20px;gap:14px}.gc .gc-option{min-height:65px;padding-block:9px;font-size:17px}.gc-letter{font-size:42px}.gc-feedback{font-size:15px;padding-top:14px;min-height:6.8em}.gc .gc-next{margin-top:12px}.gc-progress{margin-bottom:24px}}
@media(max-width:999px),(max-height:649px){.futur-grillz .gc{padding:30px 6%;gap:28px}.gc-stage{display:block;flex:none}.gc-intro,.gc-question{grid-template-columns:1fr;gap:36px}.futur-grillz .gc-intro h2{font-size:76px}.gc .gc-topics button{font-size:24px;gap:24px}.gc-topics .gc-topic-letter{font-size:60px;width:52px}.futur-grillz .gc-prompt h2{font-size:34px}.gc .gc-option{grid-template-columns:42px 1fr 16px;padding:14px 8px;gap:12px;font-size:18px}.gc-letter{font-size:42px}.gc-feedback{min-height:0;font-size:17px}.gc .gc-next{margin-top:24px}.gc-progress{margin-bottom:24px}.gc .grillz-return{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.gc *{animation:none!important;transition:none!important}}
.futur-grillz .gc{position:relative}
.gc-result{position:relative;z-index:1}
.futur-grillz .gc-result .gc-result-title{max-width:900px;margin:24px auto 16px;font-size:clamp(24px,3vw,42px);font-style:italic}
.futur-grillz .gc-result-subtitle{font:20px/1.35 var(--serif);margin:0 0 26px}
.gc-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.gc .gc-consult{display:inline-block;margin-top:22px;font:10px/1.4 var(--sans);letter-spacing:.12em;text-decoration:underline;text-underline-offset:5px}
.gc-fireworks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.gc-celebrating .gc-result-title{animation:gc-goat .5s ease .5s both}
.gc-celebrating .gc-result-finish{animation:gc-goat .4s ease 3.1s both}
@keyframes gc-goat{from{opacity:0;visibility:hidden;transform:scale(.97)}to{opacity:1;visibility:visible;transform:scale(1)}}
@media(max-width:999px),(max-height:649px){.futur-grillz .gc-result .gc-result-title{font-size:28px}.futur-grillz .gc-result-subtitle{font-size:18px}.gc-result-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){.gc-celebrating .gc-result-title,.gc-celebrating .gc-result-finish{animation:none}}

.futur-grillz:has(.grillz-progress a[href="#dos-donts"][aria-current]) .grillz-progress{color:#ede9e1}
