.game-shell:has(.gq-game){grid-template-columns:minmax(0,1fr);gap:12px}
.game-shell:has(.gq-game) .game-status{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px}
.game-shell:has(.gq-game) .game-status strong{max-width:68%}
.game-shell:has(.gq-game) .game-tools{flex-direction:row;padding:0}
.game-shell:has(.gq-game) .game-tools button{flex:1;padding:12px 8px;text-align:center}
.gq-game{width:min(100%,1140px);display:grid;gap:7px;color:#f3e4bd}
.gq-title{margin:0;color:#f3e4bd;font:900 clamp(2.35rem,5vw,4.1rem)/.9 Georgia,serif;letter-spacing:.018em;text-align:center;text-shadow:2px 3px 0 #653c22,0 0 22px #d18b5555}
.gq-atlas{--time-ratio:1;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-areas:"summary" "route" "question" "choices" "actions" "prompt";gap:10px;padding:14px 25px 12px;border:2px solid #c07b4d;border-radius:4px;background-color:#082f36;background-image:linear-gradient(90deg,#06272ee6,#082f36a8 28%,#082f36a8 72%,#06272ee6),url("/assets/covers/geography-quiz.webp");background-position:center;background-size:cover;box-shadow:inset 0 0 0 5px #061a1d,inset 0 0 0 6px #9a653f,0 6px 0 #031215,0 12px 28px #000b}
.gq-atlas::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 0 35%,#031a206e 73%),repeating-linear-gradient(0deg,transparent 0 74px,#f3e4bd0b 75px),repeating-linear-gradient(90deg,transparent 0 99px,#f3e4bd0a 100px)}
.gq-summary{grid-area:summary;position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);margin-inline:78px;border:1px solid #d18b55;background:#07343bed;box-shadow:0 3px 0 #021619}
.gq-summary span{position:relative;display:grid;gap:2px;padding:8px 5px;text-align:center}.gq-summary span+span{border-left:1px solid #8b6849}
.gq-summary small{display:flex;align-items:center;justify-content:center;gap:4px;color:#e78c58;font:900 .49rem "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.gq-summary small svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gq-summary strong{color:#f3e4bd;font:900 1rem "Barlow Condensed",sans-serif;letter-spacing:.04em}.gq-summary span:nth-child(3) strong{color:#ff8069}.gq-summary span:nth-child(4) strong{color:#8ad6be}
.gq-summary span:last-child::before{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:3px;background:#395455}.gq-summary span:last-child::after{content:"";position:absolute;left:8px;bottom:4px;width:calc((100% - 16px)*var(--time-ratio));height:3px;background:#71c2a8;box-shadow:0 0 7px #71c2a8;transition:width .2s linear}
.gq-route{grid-area:route;position:relative;z-index:2;display:flex;justify-content:center;gap:66px;padding-block:2px 1px}.gq-route::before{content:"EXPEDITION ROUTE";position:absolute;bottom:100%;left:50%;color:#e69a61;font:900 .44rem "Barlow Condensed",sans-serif;letter-spacing:.18em;transform:translateX(-50%)}
.gq-route span{position:relative;width:29px;aspect-ratio:1;display:grid;place-items:center;border:2px solid #dda16f;border-radius:50%;background:#08363d;color:#f3cf9e;font:900 .7rem "Barlow Condensed",sans-serif;box-shadow:0 0 0 3px #061b1e,0 3px 0 #020e10}.gq-route span+span::before{content:"";position:absolute;right:100%;top:50%;width:70px;height:2px;background:#a25a3e;transform:translateY(-50%)}
.gq-route span.active{border-color:#ff7b63;background:#8e3e31;color:#fff0d2;box-shadow:0 0 0 3px #061b1e,0 0 14px #ff725b78}.gq-route span.done{border-color:#71c2a8;background:#71c2a8;color:#062a30}.gq-route span.done::after{content:"\2713"}.gq-route span.done+span::before{background:#71c2a8;box-shadow:0 0 6px #71c2a8}
.gq-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 #b87348;background:#f3e4bdf4;color:#172629;box-shadow:inset 0 0 0 4px #fff1ce,inset 0 0 0 5px #b17349,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%)}
.gq-question-panel::before{content:"FIELD QUESTION";position:absolute;top:0;left:50%;padding:5px 18px;border:1px solid #ad744c;border-top:0;background:#dfb67d;color:#5b3928;font:900 .47rem "Barlow Condensed",sans-serif;letter-spacing:.18em;transform:translateX(-50%)}
.gq-region{color:#0f5961;font:900 .7rem "Barlow Condensed",sans-serif;letter-spacing:.2em;text-transform:uppercase}.gq-region::before,.gq-region::after{content:"";display:inline-block;width:58px;height:1px;margin:0 15px 3px;background:#b5794f}
.gq-question{max-width:770px;margin:0;font:900 clamp(1.45rem,3.1vw,2.45rem)/1.08 Georgia,serif;letter-spacing:-.024em;text-wrap:balance}.gq-lives{position:absolute;right:18px;top:14px;display:flex;gap:5px}.gq-lives span{width:14px;height:12px;background:#836653;opacity:.35;clip-path:polygon(50% 100%,4% 44%,4% 20%,20% 3%,39% 3%,50% 16%,61% 3%,80% 3%,96% 20%,96% 44%)}.gq-lives span.active{background:#e65f51;opacity:1;filter:drop-shadow(0 2px 0 #8d352f)}
.gq-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}.gq-choice{min-height:70px;display:grid;grid-template-columns:48px 1fr 64px;align-items:center;gap:10px;padding:8px 13px;border:2px solid #b6784d;background:#f3e4bdf2;color:#172629;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 #fff0ce,0 4px 0 #6f432b,0 8px 15px #0009;cursor:pointer;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s,opacity .14s}
.gq-choice:hover:not(:disabled),.gq-choice:focus-visible{z-index:3;transform:translateY(-2px);border-color:#0f7c7f;outline:3px solid #82dbc0;outline-offset:2px;background:#fff0cb;box-shadow:inset 0 0 0 3px #fff6df,0 4px 0 #316d69,0 9px 18px #000b}.gq-choice>span{width:43px;height:46px;display:grid;place-items:center;border-right:1px solid #b77d55;color:#0f5961;font:900 1.62rem Georgia,serif}.gq-choice strong{min-width:0;font:800 clamp(.9rem,1.8vw,1.12rem)/1.16 "Barlow Condensed",sans-serif;letter-spacing:.025em;text-align:center;text-transform:uppercase;text-wrap:balance}.gq-choice i{color:#8b6649;font:900 .4rem "Barlow Condensed",sans-serif;letter-spacing:.09em;text-align:right;text-transform:uppercase}
.gq-choice.hinted{border-color:#df9d50;box-shadow:inset 0 0 0 3px #fff0c9,0 0 0 4px #df9d50,0 8px 18px #df9d5055;animation:gq-pulse .68s ease-in-out infinite alternate}.gq-choice.correct{border-color:#337f70;background:#71c2a8;color:#06241f;box-shadow:inset 0 0 0 3px #b8e5d6,0 4px 0 #245b50}.gq-choice.wrong{border-color:#8d352f;background:#e65f51;color:#fff2da;animation:gq-shake .24s linear}.gq-choice.rejected{border-color:#756b5e;background:#a69b85;color:#211b16;box-shadow:none;opacity:.62}.gq-choice:disabled{cursor:default}
.gq-actions{grid-area:actions;position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,240px));justify-content:center;gap:14px}.gq-actions button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d69a62;border-radius:2px;background:#0f5961;color:#f6d4a2;font:900 .75rem "Barlow Condensed",sans-serif;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 3px 0 #021719;cursor:pointer}.gq-actions button:last-child{border-color:#dd7654;background:#a64f36;color:#fff0cc}.gq-actions button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.gq-actions button:hover:not(:disabled),.gq-actions button:focus-visible{outline:3px solid #82dbc0;outline-offset:2px;transform:translateY(-1px)}.gq-actions button:disabled{opacity:.38;cursor:default;transform:none}
.gq-prompt{grid-area:prompt;position:relative;z-index:2;margin:0;padding-top:5px;border-top:1px solid #976447;color:#d9c49e;font-size:.59rem;line-height:1.35;text-align:center}.gq-game.paused .gq-question-panel,.gq-game.paused .gq-choices,.gq-game.paused .gq-route{opacity:.42}.gq-game.complete .gq-title{color:#a9e3cf;text-shadow:2px 3px 0 #36685e,0 0 24px #71c2a866}
@keyframes gq-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes gq-pulse{to{box-shadow:inset 0 0 0 3px #fff0c9,0 0 0 5px #df9d50,0 9px 19px #df9d5077}}@media(prefers-reduced-motion:reduce){.gq-choice,.gq-summary span:last-child::after{transition:none}.gq-choice.wrong,.gq-choice.hinted{animation:none}}
@media(max-width:720px){.game-shell:has(.gq-game) .game-status{align-items:flex-start;flex-direction:column;gap:7px}.game-shell:has(.gq-game) .game-status strong{max-width:none}.gq-title{font-size:2.08rem}.gq-atlas{gap:8px;padding:10px 9px;background-position:center}.gq-summary{margin-inline:3px}.gq-summary span{padding:7px 2px}.gq-summary small{font-size:.37rem}.gq-summary strong{font-size:.73rem}.gq-question-panel{min-height:128px;padding:19px 34px}.gq-question-panel::before{font-size:.38rem;padding:4px 12px}.gq-region{font-size:.55rem}.gq-region::before,.gq-region::after{width:30px;margin-inline:8px}.gq-question{font-size:clamp(1.18rem,5.2vw,1.75rem)}.gq-lives{right:10px;top:9px}.gq-choices{gap:8px}.gq-choice{min-height:60px;grid-template-columns:35px 1fr;padding:7px 9px}.gq-choice>span{width:31px;height:38px;font-size:1.2rem}.gq-choice strong{font-size:.82rem}.gq-choice i{display:none}.gq-route{gap:39px}.gq-route span{width:26px}.gq-route span+span::before{width:43px}.gq-actions button{min-height:46px}.gq-prompt{font-size:.52rem}}
@media(max-width:430px){.gq-title{font-size:1.82rem}.gq-summary small{font-size:.3rem;letter-spacing:.09em}.gq-summary strong{font-size:.62rem}.gq-question-panel{min-height:116px;padding:18px 16px 15px}.gq-region{font-size:.48rem}.gq-region::before,.gq-region::after{width:18px;margin-inline:6px}.gq-question{font-size:1.13rem}.gq-lives{position:static;justify-content:center}.gq-choices{grid-template-columns:1fr}.gq-choice{min-height:52px}.gq-choice strong{font-size:.8rem}.gq-route{gap:25px}.gq-route span{width:24px}.gq-route span+span::before{width:28px}.gq-prompt{display:none}}