.game-shell:has(.sq-game){grid-template-columns:minmax(0,1fr);gap:12px}
.game-shell:has(.sq-game) .game-status{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px}
.game-shell:has(.sq-game) .game-status strong{max-width:68%}
.game-shell:has(.sq-game) .game-tools{flex-direction:row;padding:0}
.game-shell:has(.sq-game) .game-tools button{flex:1;padding:12px 8px;text-align:center}
.sq-game{width:min(100%,1140px);display:grid;gap:7px;color:#f3dfb2}
.sq-title{margin:0;color:#efe0b8;font:900 clamp(2.35rem,5vw,4.15rem)/.88 "Barlow Condensed",sans-serif;letter-spacing:.075em;text-align:center;text-transform:uppercase;text-shadow:2px 3px 0 #684b25,0 0 20px #d5a65042}
.sq-lab{--time-ratio:1;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-areas:"summary" "question" "choices" "progress" "actions" "prompt";gap:10px;padding:14px 25px 12px;border:2px solid #aa7a32;border-radius:3px;background-color:#06131d;background-image:linear-gradient(90deg,#04111bd9,#061621a6 26%,#061621a6 74%,#04111bd9),url("/assets/covers/science-quiz.webp");background-position:center;background-size:cover;box-shadow:inset 0 0 0 5px #070c10,inset 0 0 0 6px #765629,0 6px 0 #02070c,0 12px 28px #000a}
.sq-lab::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 44%,transparent 0 34%,#03101b66 70%),repeating-linear-gradient(90deg,transparent 0 79px,#d5a4510b 80px)}
.sq-summary{grid-area:summary;position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);margin-inline:78px;border:1px solid #a77b3b;background:#061925f2;box-shadow:0 3px 0 #02070c}
.sq-summary span{position:relative;display:grid;gap:2px;padding:8px 5px;text-align:center}
.sq-summary span+span{border-left:1px solid #68573b}
.sq-summary small{display:flex;align-items:center;justify-content:center;gap:4px;color:#d6a64f;font:900 .49rem "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.sq-summary small svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sq-summary strong{color:#f3e4c1;font:900 1rem "Barlow Condensed",sans-serif;letter-spacing:.04em}
.sq-summary span:nth-child(3) strong{color:#f17c65}
.sq-summary span:nth-child(4) strong{color:#74d3c3}
.sq-summary span:last-child::before{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:3px;background:#273b3f}
.sq-summary span:last-child::after{content:"";position:absolute;left:8px;bottom:4px;width:calc((100% - 16px)*var(--time-ratio));height:3px;background:#6ed4c3;box-shadow:0 0 7px #6ed4c3;transition:width .2s linear}
.sq-question-panel{grid-area:question;position:relative;z-index:2;width:min(100%,850px);min-height:154px;margin:auto;display:grid;place-content:center;gap:11px;padding:25px 60px 23px;border:2px solid #9c7235;background:#ead4aaf2;color:#071923;box-shadow:inset 0 0 0 4px #f5e7c9,inset 0 0 0 5px #816132,0 7px 18px #000a;text-align:center;clip-path:polygon(2% 0,98% 0,98% 7%,100% 7%,100% 93%,98% 93%,98% 100%,2% 100%,2% 93%,0 93%,0 7%,2% 7%)}
.sq-question-panel::before{content:"FIELD SAMPLE";position:absolute;top:0;left:50%;padding:5px 18px;border:1px solid #95703c;border-top:0;background:#dcbf88;color:#5d482b;font:900 .47rem "Barlow Condensed",sans-serif;letter-spacing:.18em;transform:translateX(-50%)}
.sq-category{color:#167a70;font:900 .7rem "Barlow Condensed",sans-serif;letter-spacing:.2em;text-transform:uppercase}
.sq-category::before,.sq-category::after{content:"";display:inline-block;width:58px;height:1px;margin:0 15px 3px;background:#9b753b}
.sq-question{max-width:770px;margin:0;font:900 clamp(1.5rem,3.25vw,2.55rem)/1.05 Georgia,serif;letter-spacing:-.026em;text-transform:none;text-wrap:balance}
.sq-lives{position:absolute;right:18px;top:14px;display:flex;gap:4px}
.sq-lives span{color:#7a735e;font-size:.7rem;opacity:.35}
.sq-lives span.active{color:#da634f;opacity:1;text-shadow:0 1px 0 #7a2e27}
.sq-choices{grid-area:choices;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;width:min(100%,890px);margin:auto}
.sq-choice{min-height:70px;display:grid;grid-template-columns:48px 1fr 68px;align-items:center;gap:10px;padding:8px 13px;border:2px solid #a57b3b;background:#092530;color:#f2e2c0;clip-path:polygon(2% 0,98% 0,98% 9%,100% 9%,100% 91%,98% 91%,98% 100%,2% 100%,2% 91%,0 91%,0 9%,2% 9%);box-shadow:inset 0 0 0 3px #12333b,0 4px 0 #3f2c18,0 8px 15px #0009;cursor:pointer;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s,opacity .14s}
.sq-choice:hover:not(:disabled),.sq-choice:focus-visible{z-index:3;transform:translateY(-2px);border-color:#75d8c6;outline:3px solid #75d8c6;outline-offset:2px;background:#0d3039;box-shadow:inset 0 0 0 3px #17434a,0 4px 0 #31645e,0 9px 18px #000b}
.sq-choice>span{width:43px;height:46px;display:grid;place-items:center;border-right:1px solid #8d703e;color:#76d7c5;font:900 1.62rem Georgia,serif}
.sq-choice strong{min-width:0;font:800 clamp(.9rem,1.8vw,1.13rem)/1.16 "Barlow Condensed",sans-serif;letter-spacing:.025em;text-align:center;text-transform:uppercase;text-wrap:balance}
.sq-choice i{color:#bd9b61;font:900 .4rem "Barlow Condensed",sans-serif;letter-spacing:.09em;text-align:right;text-transform:uppercase}
.sq-choice.hinted{border-color:#e0ae4f;box-shadow:inset 0 0 0 3px #193d42,0 0 0 4px #e0ae4f,0 8px 18px #e0ae4f55;animation:sq-pulse .68s ease-in-out infinite alternate}
.sq-choice.correct{border-color:#3b9279;background:#3f9b80;box-shadow:inset 0 0 0 3px #8bd1bb,0 4px 0 #255945}
.sq-choice.wrong{border-color:#9e3d35;background:#bd5145;animation:sq-shake .24s linear}
.sq-choice.rejected{border-color:#5a5d58;background:#4e5c5c;box-shadow:none;opacity:.35}
.sq-choice:disabled{cursor:default}
.sq-progress{grid-area:progress;position:relative;z-index:2;display:flex;justify-content:center;gap:66px;padding-block:3px 4px}
.sq-progress span{position:relative;width:29px;aspect-ratio:1;display:grid;place-items:center;border:2px solid #ae803d;border-radius:50%;background:#061925;color:#daa950;font:900 .7rem "Barlow Condensed",sans-serif;box-shadow:0 0 0 3px #0b1013,0 3px 0 #02070c}
.sq-progress span+span::before{content:"";position:absolute;right:100%;top:50%;width:70px;height:2px;background:#795d37;transform:translateY(-50%)}
.sq-progress span.active{border-color:#71d5c2;color:#71d5c2;box-shadow:0 0 0 3px #0b1013,0 0 14px #71d5c27a}
.sq-progress span.done{border-color:#71d5c2;background:#71d5c2;color:#071722}
.sq-progress span.done::after{content:"\2713"}
.sq-progress span.done+span::before{background:#71d5c2;box-shadow:0 0 6px #71d5c2}
.sq-actions{grid-area:actions;position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,210px));justify-content:center;gap:14px}
.sq-actions button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #c18e3e;border-radius:2px;background:#0a2933;color:#e2b45f;font:900 .75rem "Barlow Condensed",sans-serif;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 3px 0 #02070c;cursor:pointer}
.sq-actions button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sq-actions button:last-child{border-color:#aa4c42;background:#54251f;color:#f3a191}
.sq-actions button:hover:not(:disabled),.sq-actions button:focus-visible{outline:3px solid #74d7c5;outline-offset:2px;transform:translateY(-1px)}
.sq-actions button:disabled{opacity:.38;cursor:default;transform:none}
.sq-prompt{grid-area:prompt;position:relative;z-index:2;margin:0;padding-top:5px;border-top:1px solid #6b5737;color:#c2bcaa;font-size:.59rem;line-height:1.35;text-align:center}
.sq-game.paused .sq-question-panel,.sq-game.paused .sq-choices,.sq-game.paused .sq-progress{opacity:.42}
.sq-game.complete .sq-title{color:#8cddc5;text-shadow:2px 3px 0 #315e51,0 0 24px #74d3bb66}
@keyframes sq-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@keyframes sq-pulse{to{box-shadow:inset 0 0 0 3px #193d42,0 0 0 5px #e0ae4f,0 9px 19px #e0ae4f77}}
@media(prefers-reduced-motion:reduce){.sq-choice,.sq-summary span:last-child::after{transition:none}.sq-choice.wrong,.sq-choice.hinted{animation:none}}
@media(max-width:720px){
  .game-shell:has(.sq-game) .game-status{align-items:flex-start;flex-direction:column;gap:7px}.game-shell:has(.sq-game) .game-status strong{max-width:none}
  .sq-title{font-size:2.08rem}.sq-lab{gap:8px;padding:10px 9px;background-position:center}.sq-summary{margin-inline:3px}.sq-summary span{padding:7px 2px}.sq-summary small{font-size:.37rem}.sq-summary strong{font-size:.73rem}
  .sq-question-panel{min-height:128px;padding:19px 34px}.sq-question-panel::before{font-size:.38rem;padding:4px 12px}.sq-category{font-size:.55rem}.sq-category::before,.sq-category::after{width:30px;margin-inline:8px}.sq-question{font-size:clamp(1.2rem,5.4vw,1.8rem)}.sq-lives{right:10px;top:9px}
  .sq-choices{gap:8px}.sq-choice{min-height:60px;grid-template-columns:35px 1fr;padding:7px 9px}.sq-choice>span{width:31px;height:38px;font-size:1.2rem}.sq-choice strong{font-size:.82rem}.sq-choice i{display:none}.sq-progress{gap:39px}.sq-progress span{width:26px}.sq-progress span+span::before{width:43px}.sq-actions button{min-height:46px}.sq-prompt{font-size:.52rem}
}
@media(max-width:430px){
  .sq-title{font-size:1.82rem}.sq-summary small{font-size:.3rem;letter-spacing:.09em}.sq-summary strong{font-size:.62rem}.sq-question-panel{min-height:116px;padding:18px 16px 15px}.sq-category{font-size:.48rem}.sq-category::before,.sq-category::after{width:18px;margin-inline:6px}.sq-question{font-size:1.15rem}.sq-lives{position:static;justify-content:center}
  .sq-choices{grid-template-columns:1fr}.sq-choice{min-height:51px}.sq-choice strong{font-size:.8rem}.sq-progress{gap:25px}.sq-progress span{width:24px}.sq-progress span+span::before{width:28px}.sq-prompt{display:none}
}