.game-shell:has(.gkq-game){grid-template-columns:minmax(0,1fr);gap:12px}
.game-shell:has(.gkq-game) .game-status{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px}
.game-shell:has(.gkq-game) .game-status strong{max-width:68%}
.game-shell:has(.gkq-game) .game-tools{flex-direction:row;padding:0}
.game-shell:has(.gkq-game) .game-tools button{flex:1;padding:12px 8px;text-align:center}
.gkq-game{width:min(100%,1120px);display:grid;gap:7px;color:#f0ddaf}
.gkq-title{margin:0;color:#e3bd72;font:900 clamp(2.35rem,5vw,4.05rem)/.88 "Barlow Condensed",sans-serif;letter-spacing:.065em;text-align:center;text-transform:uppercase;text-shadow:2px 3px 0 #654522,0 0 20px #c9973f35}
.gkq-cabinet{--time-ratio:1;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-areas:"summary" "question" "choices" "progress" "actions" "prompt";gap:10px;padding:13px 24px 12px;border:2px solid #a97831;border-radius:4px;background-color:#07141d;background-image:url("/assets/covers/general-knowledge-quiz.webp");background-position:center;background-size:cover;box-shadow:inset 0 0 0 5px #0a0d0e,inset 0 0 0 6px #765324,0 6px 0 #02070c,0 12px 28px #000a}
.gkq-summary{grid-area:summary;position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);margin-inline:84px;border:1px solid #9b7339;background:#071722f5;box-shadow:0 3px 0 #02070c}
.gkq-summary span{position:relative;display:grid;gap:2px;padding:8px 6px;text-align:center}
.gkq-summary span+span{border-left:1px solid #665438}
.gkq-summary small{display:flex;align-items:center;justify-content:center;gap:4px;color:#d4a44f;font:900 .49rem "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.gkq-summary small svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gkq-summary strong{color:#f2e2bd;font:900 1rem "Barlow Condensed",sans-serif;letter-spacing:.04em}
.gkq-summary span:nth-child(3) strong{color:#ef6d61}
.gkq-summary span:nth-child(4) strong{color:#68cab6}
.gkq-summary span:last-child::before{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:3px;background:#25363a}
.gkq-summary span:last-child::after{content:"";position:absolute;left:8px;bottom:4px;width:calc((100% - 16px)*var(--time-ratio));height:3px;background:#63cab7;box-shadow:0 0 7px #63cab7;transition:width .2s linear}
.gkq-question-panel{grid-area:question;position:relative;width:min(100%,830px);min-height:150px;margin:auto;display:grid;place-content:center;gap:11px;padding:24px 58px 22px;border:2px solid #9d7132;background:#e5c486f2;color:#0a1b24;box-shadow:inset 0 0 0 4px #f1d9a7,inset 0 0 0 5px #80602e,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%)}
.gkq-category{color:#16796f;font:900 .7rem "Barlow Condensed",sans-serif;letter-spacing:.19em;text-transform:uppercase}
.gkq-category::before,.gkq-category::after{content:"";display:inline-block;width:62px;height:1px;margin:0 16px 3px;background:#9b7535}
.gkq-question{max-width:760px;margin:0;font:900 clamp(1.55rem,3.4vw,2.65rem)/1.04 Georgia,serif;letter-spacing:-.025em;text-transform:none;text-wrap:balance}
.gkq-lives{position:absolute;right:19px;top:15px;display:flex;gap:4px}
.gkq-lives span{color:#7a735e;font-size:.7rem;opacity:.35}
.gkq-lives span.active{color:#d55f51;opacity:1;text-shadow:0 1px 0 #7a2e27}
.gkq-choices{grid-area:choices;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;width:min(100%,870px);margin:auto}
.gkq-choice{min-height:70px;display:grid;grid-template-columns:48px 1fr 58px;align-items:center;gap:10px;padding:8px 13px;border:2px solid #a57a35;background:#08212b;color:#f2dfb8;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 #112f37,0 4px 0 #3f2c18,0 8px 15px #0009;cursor:pointer;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s,opacity .14s}
.gkq-choice:hover:not(:disabled),.gkq-choice:focus-visible{z-index:3;transform:translateY(-2px);border-color:#70d5c1;outline:3px solid #70d5c1;outline-offset:2px;background:#0a2b35;box-shadow:inset 0 0 0 3px #173d42,0 4px 0 #315f5a,0 9px 18px #000b}
.gkq-choice>span{width:43px;height:46px;display:grid;place-items:center;border-right:1px solid #896d3d;color:#6ed2be;font:900 1.75rem Georgia,serif}
.gkq-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}
.gkq-choice i{color:#bd9b61;font:900 .42rem "Barlow Condensed",sans-serif;letter-spacing:.1em;text-align:right;text-transform:uppercase}
.gkq-choice.hinted{border-color:#dfaa49;box-shadow:inset 0 0 0 3px #193b40,0 0 0 4px #dfaa49,0 8px 18px #dfaa4955;animation:gkq-pulse .68s ease-in-out infinite alternate}
.gkq-choice.correct{border-color:#378a70;background:#3f977c;box-shadow:inset 0 0 0 3px #83c9b3,0 4px 0 #255945}
.gkq-choice.wrong{border-color:#9e3d35;background:#b84e45;animation:gkq-shake .24s linear}
.gkq-choice.rejected{border-color:#5a5d58;background:#4e5c5c;box-shadow:none;opacity:.35}
.gkq-choice:disabled{cursor:default}
.gkq-progress{grid-area:progress;position:relative;z-index:2;display:flex;justify-content:center;gap:66px;padding-block:3px 4px}
.gkq-progress span{position:relative;width:29px;aspect-ratio:1;display:grid;place-items:center;border:2px solid #aa7c38;border-radius:50%;background:#071722;color:#d7a449;font:900 .7rem "Barlow Condensed",sans-serif;box-shadow:0 0 0 3px #0b1013,0 3px 0 #02070c}
.gkq-progress span+span::before{content:"";position:absolute;right:100%;top:50%;width:70px;height:2px;background:#775b34;transform:translateY(-50%)}
.gkq-progress span.active{border-color:#69cfbb;color:#69cfbb;box-shadow:0 0 0 3px #0b1013,0 0 14px #69cfbb7a}
.gkq-progress span.done{border-color:#69cfbb;background:#69cfbb;color:#071722}
.gkq-progress span.done::after{content:"\2713"}
.gkq-progress span.done+span::before{background:#69cfbb;box-shadow:0 0 6px #69cfbb}
.gkq-actions{grid-area:actions;position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,210px));justify-content:center;gap:14px}
.gkq-actions button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #c08d3c;border-radius:2px;background:#0a2630;color:#e0b05a;font:900 .75rem "Barlow Condensed",sans-serif;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 3px 0 #02070c;cursor:pointer}
.gkq-actions button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gkq-actions button:last-child{border-color:#a54b42;background:#51251f;color:#f1a196}
.gkq-actions button:hover:not(:disabled),.gkq-actions button:focus-visible{outline:3px solid #6ed2be;outline-offset:2px;transform:translateY(-1px)}
.gkq-actions button:disabled{opacity:.38;cursor:default;transform:none}
.gkq-prompt{grid-area:prompt;position:relative;z-index:2;margin:0;padding-top:5px;border-top:1px solid #6b5535;color:#bfbaa9;font-size:.59rem;line-height:1.35;text-align:center}
.gkq-game.paused .gkq-question-panel,.gkq-game.paused .gkq-choices,.gkq-game.paused .gkq-progress{opacity:.42}
.gkq-game.complete .gkq-title{color:#84d6bd;text-shadow:2px 3px 0 #315e51,0 0 24px #6fceb266}
@keyframes gkq-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@keyframes gkq-pulse{to{box-shadow:inset 0 0 0 3px #193b40,0 0 0 5px #dfaa49,0 9px 19px #dfaa4977}}
@media(prefers-reduced-motion:reduce){.gkq-choice,.gkq-summary span:last-child::after{transition:none}.gkq-choice.wrong,.gkq-choice.hinted{animation:none}}
@media(max-width:720px){
  .game-shell:has(.gkq-game) .game-status{align-items:flex-start;flex-direction:column;gap:7px}.game-shell:has(.gkq-game) .game-status strong{max-width:none}
  .gkq-title{font-size:2.08rem}.gkq-cabinet{gap:8px;padding:10px 9px;background-position:center}.gkq-summary{margin-inline:3px}.gkq-summary span{padding:7px 2px}.gkq-summary small{font-size:.38rem}.gkq-summary strong{font-size:.73rem}
  .gkq-question-panel{min-height:128px;padding:18px 34px}.gkq-category{font-size:.55rem}.gkq-category::before,.gkq-category::after{width:30px;margin-inline:8px}.gkq-question{font-size:clamp(1.22rem,5.5vw,1.85rem)}.gkq-lives{right:10px;top:9px}
  .gkq-choices{gap:8px}.gkq-choice{min-height:60px;grid-template-columns:35px 1fr;padding:7px 9px}.gkq-choice>span{width:31px;height:38px;font-size:1.25rem}.gkq-choice strong{font-size:.82rem}.gkq-choice i{display:none}.gkq-progress{gap:39px}.gkq-progress span{width:26px}.gkq-progress span+span::before{width:43px}.gkq-actions button{min-height:46px}.gkq-prompt{font-size:.52rem}
}
@media(max-width:430px){
  .gkq-title{font-size:1.86rem}.gkq-summary small{font-size:.32rem}.gkq-summary strong{font-size:.62rem}.gkq-question-panel{min-height:116px;padding:16px 16px}.gkq-category{font-size:.49rem}.gkq-category::before,.gkq-category::after{width:20px;margin-inline:6px}.gkq-question{font-size:1.18rem}.gkq-lives{position:static;justify-content:center}
  .gkq-choices{grid-template-columns:1fr}.gkq-choice{min-height:50px}.gkq-choice strong{font-size:.8rem}.gkq-progress{gap:25px}.gkq-progress span{width:24px}.gkq-progress span+span::before{width:28px}.gkq-prompt{display:none}
}