/* Literature · Goal Rush vocabulary arcade. Uses the atlas palette; the pitch and boost are the only sporty pieces. */
.lit-cover{background:linear-gradient(135deg,#ece2c9 0%,#ece2c9 62%,#dfe6cf 62%);}
.lit-seal{background:#9fbf8a;}
.lit-word-list strong small{font:600 12px 'DM Sans',sans-serif;color:#8c7454;}
.lit-word-list span{text-align:right;}.lit-word-list em{font-style:normal;color:#526945;font-weight:600;}
.arena{max-width:900px;}
.arena-hud{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:end;margin:20px 0 12px;}
.arena-hud small{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#67553f;}
.arena-hud strong{font:800 30px/1.1 Bitter,serif;color:#382b45;}
.arena-hud div>span{display:block;font-size:12px;color:#67553f;}
.arena-hud>div:last-child{text-align:right;}
.boost-bar{height:16px;border:2px solid #382b45;background:#efe6d2;margin-top:6px;overflow:hidden;}
.boost-bar span{display:block;height:100%;background:#d69b28;transition:width .35s ease;}
.supersonic .boost-bar span{background:linear-gradient(90deg,#d69b28,#e0632e,#d69b28);background-size:200% 100%;animation:lit-flare 1s linear infinite;}
.supersonic .arena-hud small{color:#b04a1f;}
@keyframes lit-flare{to{background-position:-200% 0;}}
.arena-pitch{position:relative;height:46px;margin:8px 0;border:2px solid #382b45;background:repeating-linear-gradient(90deg,#5f7a50 0 40px,#56704a 40px 80px);}
.arena-pitch::after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px solid #ffffff88;}
.arena-pitch .goal{position:absolute;top:8px;bottom:8px;width:10px;border:2px solid #fffaf0;background:#fffaf033;}
.arena-pitch .goal:first-child{left:-2px;border-left:0;}.arena-pitch .goal:last-child{right:-2px;border-right:0;}
.arena-pitch .ball{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fffaf0;border:2px solid #382b45;box-shadow:0 0 0 3px #ffffff44;transition:left .5s ease;}
.arena-pitch .ball.scored{animation:lit-shot .6s ease;}
@keyframes lit-shot{50%{transform:scale(1.35);box-shadow:0 0 0 8px #efc15788;}}
.combo-keys{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:10px 0 18px;}
.combo-keys span{height:34px;display:grid;place-items:end center;padding-bottom:4px;font-size:10px;font-weight:800;color:#8c7454;background:#fffaf0;border:1px solid #927953;border-radius:0 0 4px 4px;transition:background .2s;}
.combo-keys span.lit{background:#efc157;color:#382b45;border-color:#382b45;}
.supersonic .combo-keys span.lit{background:#e0832e;color:#fffaf0;}
.arena-shot h2{overflow-wrap:anywhere;}.arena-shot h2.arena-word{font-size:clamp(34px,6vw,52px);text-align:center;}
.arena-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;}
.arena-choices button{display:flex;align-items:center;gap:14px;min-height:68px;text-align:left;white-space:normal;line-height:1.35;font-size:19px;}
.arena-choices.long button{font-size:15px;}
.arena-choices b{border:1px solid #b39b79;display:grid;place-items:center;width:28px;height:28px;flex:none;font-size:12px;}
.arena-choices button:disabled{opacity:.55;cursor:default;}
.arena-choices button.right{opacity:1;background:#526945;color:#fffaf0;border-color:#382b45;}
.arena-choices button.wrong{opacity:1;background:#9f6834;color:#fffaf0;}
.arena-choices button.right b,.arena-choices button.wrong b{border-color:#fffaf0;}
.arena-feedback .primary{margin-top:8px;}
.arena-feedback.correct .panel-kicker{color:#526945;}
.arena-result h3{font:750 22px Bitter,serif;margin-top:24px;}
@media(max-width:650px){.arena-hud{gap:12px;}.arena-hud strong{font-size:22px;}.arena-choices{grid-template-columns:1fr;gap:9px;}.arena-choices button{min-height:56px;font-size:17px;}.arena-choices.long button{font-size:14px;}.combo-keys span{height:26px;}.lit-word-list span{text-align:left;}}
@media(prefers-reduced-motion:reduce){.boost-bar span,.arena-pitch .ball{transition:none;}.supersonic .boost-bar span,.arena-pitch .ball.scored{animation:none;}}

.lit-word-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px;}
.lit-word-options p{margin:0;flex:1 1 240px;}
#lit-extra-words{min-height:48px;}
#lit-extra-words[aria-checked="false"]{background:#526945;color:#fffaf0;}