.sky-game{--sky-neon:#66f1e6;--sky-tint:#d5efed}.sky-game[data-tier=gold]{--sky-neon:#e6b957;--sky-tint:#f3e5c5}.sky-game[data-tier=crystal]{--sky-neon:#b899ee;--sky-tint:#e9def6}.sky-game .sky-field{border-color:color-mix(in srgb,var(--sky-neon) 55%,#183442);box-shadow:0 0 0 1px #9dfce54a,0 0 24px color-mix(in srgb,var(--sky-neon) 25%,transparent),0 13px 30px #112d3e2e}.sky-upgrade-status{display:flex;flex-direction:column;gap:4px;padding:10px 12px;margin:10px 0;border:1px solid color-mix(in srgb,var(--sky-neon) 40%,#d2dfe2);background:linear-gradient(125deg,var(--sky-tint),#f2f7ee);border-radius:11px}.sky-upgrade-status small{font-size:10px;color:#4e656a}.sky-upgrade-status b{font-size:11px;letter-spacing:.02em;color:#29454c}.sky-game .sky-hud b{text-shadow:0 0 9px var(--sky-neon),0 2px 3px #00151f}.sky-game .sky-word span.collected{box-shadow:0 0 9px color-mix(in srgb,var(--sky-neon) 30%,transparent)}@media(max-width:600px){.sky-upgrade-status{padding:8px 11px;margin:7px 0}.sky-upgrade-status b{font-size:10px}}@media(prefers-reduced-motion:reduce){.sky-game .sky-field{box-shadow:0 0 0 1px var(--sky-neon)}.sky-game .sky-hud b{text-shadow:0 1px 2px #00151f}}
@media(max-width:680px){.sky-game .sky-upgrade-status{grid-column:1/-1;min-width:0;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:6px 8px;margin:4px 0}.sky-game .sky-upgrade-status small{font-size:9px}.sky-game .sky-upgrade-status b{font-size:10px}}
.sky-game .sky-modifier-status{display:flex;flex-direction:column;gap:4px;margin:7px 0;font-size:10px;line-height:1.5;min-width:0}.sky-game .sky-penalty{padding:6px 8px;border-radius:8px;border:1px solid #ecc5a1;background:#fff1de;color:#8c491d}.sky-game .sky-treasure-hint{padding:6px 8px;border-radius:8px;border:1px solid #ded4a8;background:#fff9dd;color:#72571f}@media(max-width:680px){.sky-game .sky-modifier-status{grid-column:1/-1;font-size:9px;margin:4px 0}.sky-game .sky-penalty,.sky-game .sky-treasure-hint{padding:4px 7px}}
.sky-word span.hinted:not(.collected){border-color:#f1c663;background:#fff3c9;color:#735018;box-shadow:0 0 12px #ffd76b55}.sky-transition-banner{position:absolute;z-index:4;top:15%;left:50%;transform:translateX(-50%);width:min(92%,340px);padding:12px 16px;border:1px solid #8cf1da80;border-radius:18px;background:#071d32e8;color:#efffff;text-align:center;box-shadow:0 8px 28px #00131c60;animation:sky-flythrough .24s ease-out}.sky-transition-banner>b{display:block;font-size:clamp(15px,3.7vw,21px)}.sky-transition-banner>span{display:block;margin-top:3px;font-size:12px;color:#a2eedc}.sky-transition-banner .eco-auto-stage-controls{display:flex;justify-content:center;gap:8px;margin-top:8px}.sky-transition-banner .eco-auto-stage-controls button{min-height:36px;padding:5px 11px;font-size:11px;color:#e8fff8;background:#164f60;border:1px solid #a2eedc55;border-radius:9px}@keyframes sky-flythrough{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}@media(prefers-reduced-motion:reduce){.sky-transition-banner{animation:none}}
.game-modal .sky-game .sky-quiz>h3.sky-question-title{position:relative;color:#124e4b;font-size:clamp(30px,3vw,40px);font-weight:950;line-height:1.18;letter-spacing:-.04em;overflow-wrap:anywhere;animation:sky-question-glow 3s ease-in-out infinite;text-shadow:0 1px #fff,0 0 9px #6af3d775;padding-right:10px;isolation:isolate}
.sky-question-title::after{content:'✦';position:absolute;right:0;top:-4px;font-size:16px;color:#b27516;text-shadow:0 0 8px #ffcf55;pointer-events:none;animation:sky-question-sparkle 2.8s ease-in-out infinite}
@keyframes sky-question-glow{50%{text-shadow:0 1px #fff,0 0 14px #36d3bc99,0 0 2px #fff}}
@keyframes sky-question-sparkle{50%{opacity:.4;transform:scale(.7) rotate(35deg)}}
.sky-equipment-hud{position:absolute;z-index:3;top:54px;right:7px;max-width:min(92%,285px);display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px;pointer-events:none}
.sky-equipment-hud:empty{display:none}.sky-equipment-hud>span{padding:4px 7px;border:1px solid var(--effect-color);border-radius:7px;background:#071b2eef;color:var(--effect-color);font-size:12px;font-weight:800;line-height:1.3;box-shadow:inset 0 0 10px #ffffff0d}
.sky-equipment-hud>span[data-effect=reverse]{border-style:dashed;background:#492708f2;color:#ffe1b5}
.sky-equipment-hud .sky-pickup-toast{width:100%;text-align:right;color:#fff3c7;font-size:14px;text-shadow:0 1px 3px #000,0 0 8px #164b58;padding:4px;background:#061e32cf;border-radius:6px}
.sky-game[data-reverse=true] .sky-field{border-color:#ffb266}.sky-game .sky-overlay .sky-loot-guide{font-size:12px;line-height:1.65;max-width:340px;margin:10px 0 0}
.sky-game[data-status=paused] .sky-question-title,.sky-game[data-status=paused] .sky-question-title::after{animation-play-state:paused}
@media(max-width:1000px){
 .game-modal .sky-game .sky-layout{grid-template-rows:62px minmax(0,1fr) 44px}
 .game-modal .sky-game .sky-quiz>h3.sky-question-title{font-size:clamp(26px,4.7vw,34px);line-height:1.08;padding-left:5px;margin:0}
 .game-modal .sky-game .sky-quiz>h3.sky-question-title[data-long=true]{font-size:24px}
 .game-modal .sky-game .sky-modifier-status{top:116px;left:6px;right:auto;max-width:65%}
}
@media(min-width:681px) and (max-width:1000px) and (max-height:500px){
 .game-modal .sky-game .sky-quiz>h3.sky-question-title{font-size:28px}
 .game-modal .sky-game .sky-modifier-status{left:auto;right:8px;top:110px;max-width:270px}
 .sky-equipment-hud{top:48px;max-width:92%}.sky-equipment-hud>span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.game-modal .sky-game .sky-question-title,.sky-question-title::after{animation:none!important}.game-modal .sky-game .sky-quiz>h3.sky-question-title{text-shadow:none}.sky-question-title::after{opacity:.75}}

/* Keep the meaning explanation inside the question so responsive layouts measure it. */
html[data-eco-theme] .game-modal .sky-game .sky-question-title .sky-question-description {
 display:block!important;margin:8px 0 0!important;padding:7px 2px 0!important;
 border-top:1px solid #b6eeef38;font-size:15px!important;line-height:1.5!important;
 font-weight:500!important;letter-spacing:0!important;color:#d8eef3!important;
 -webkit-text-fill-color:currentColor!important;text-shadow:none!important;
 white-space:normal!important;word-break:keep-all;overflow-wrap:anywhere;
 max-width:100%;text-align:center;animation:none!important;
}
@media(max-width:680px),(max-height:550px){
 html[data-eco-theme] .game-modal .sky-game .sky-question-title .sky-question-description {
  margin-top:5px!important;padding-top:5px!important;font-size:13px!important;line-height:1.4!important;
 }
}