/* ACCESS Practice Lab — Language Game Studio game styles (games-g). */

/* Word Jeopardy: a clue board with flip-open clue cards, confidence-point panels and a Final Clue. No clock anywhere;
   every animation stops under prefers-reduced-motion. Palette: navy board, gold values, teal and coral teams. */
.wj{display:grid;gap:.9rem}
.wj-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.5rem;align-items:stretch}
.wj-team{position:relative;display:grid;gap:.1rem;min-width:0;padding:.5rem .9rem;border-radius:14px;background:#17324d;color:#fff;border:3px solid #17324d}
.wj-team-1{background:#126e6c;border-color:#126e6c}
.wj-scores.is-teams .wj-team-0{background:#8a5a2f;border-color:#8a5a2f}
.wj-team.is-turn{border-color:#f2c15b;box-shadow:0 0 0 3px #f2c15b55}
.wj-tname{font-size:.8rem;font-weight:700;letter-spacing:.02em}
.wj-pts{font-size:1.6rem;line-height:1.1;font-variant-numeric:tabular-nums;color:#f2c15b}
.wj-pop{position:absolute;top:-.7rem;right:-.4rem;padding:.1rem .5rem;border-radius:999px;background:#f2c15b;color:#17324d;font-weight:800;font-size:.9rem;animation:wj-pop 1.1s ease-out both}
.wj-pop.is-down{background:#fff0e8;color:#a54332}
.wj-streak{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:0;align-self:center;justify-self:start;padding:.35rem .8rem;border-radius:999px;background:#f6e9cc;color:#17324d;font-weight:800}
.wj-streak.is-hot{background:#f2c15b;animation:wj-glow 1.2s ease-out}
.wj-mode{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.wj-mode-l{font-weight:800;color:#17324d}
.wj-mode-b{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 .9rem;border-radius:999px;border:2px solid #9aa9b8;background:#fff;color:#17324d;font:inherit;font-weight:700;cursor:pointer}
.wj-mode-b[aria-pressed="true"]{border-color:#17324d;background:#e5f5f1;box-shadow:inset 0 0 0 1px #17324d}
.wj-tip{display:flex;gap:.45rem;align-items:center;margin:0;font-weight:700;color:#14263d}
.wj-board{display:grid;grid-template-columns:repeat(var(--wj-cols,5),minmax(0,1fr));gap:.4rem;padding:.5rem;border-radius:18px;background:#17324d;box-shadow:0 6px 0 #10243b}
.wj-head{display:grid;place-items:center;min-height:3.2rem;padding:.3rem .2rem;border-radius:10px;background:#1fa6a2;color:#10243b;font-weight:800;font-size:clamp(.68rem,1.9vw,.95rem);line-height:1.15;text-align:center;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;min-width:0}
.wj-tile{display:grid;place-items:center;min-height:3.6rem;min-width:44px;padding:.25rem;border-radius:10px;border:3px solid #f2c15b;background:#14263d;color:#f2c15b;font:inherit;font-weight:800;font-size:clamp(.95rem,3.4vw,1.6rem);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:transform .15s,background .15s}
.wj-tile:hover:not(:disabled){transform:translateY(-3px);background:#1c3a58}
.wj-tile:focus-visible,.wj-mode-b:focus-visible,.wj-wager-b:focus-visible{outline:4px solid #f2765a;outline-offset:2px}
.wj-tile.is-done{cursor:default;border-color:#6d7e90;background:#223f5c;color:#d6ecf8;font-size:.8rem}
.wj-tile.is-won{border-color:#1fa6a2}
.wj-tile.is-dd{box-shadow:inset 0 0 0 3px #f2c15b}
.wj-hs{display:none}
.wj-tile-mark{display:grid;justify-items:center;gap:.1rem}
.wj-tile-pts{font-variant-numeric:tabular-nums}
.wj-card,.wj-wager,.wj-why{display:grid;gap:.75rem;padding:clamp(.8rem,2.5vw,1.3rem);border-radius:20px;background:#fff;border:3px solid #17324d;box-shadow:0 6px 0 #17324d}
.wj-card{animation:wj-flip .5s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:50% 0}
.wj-card.is-right{border-color:#167c75;box-shadow:0 6px 0 #167c75}
.wj-card-top{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}
.wj-cat{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#126e6c}
.wj-val,.wj-dd-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .7rem;border-radius:999px;background:#17324d;color:#f2c15b;font-weight:800}
.wj-dd-tag{background:#f2c15b;color:#17324d}
.wj-turn{display:inline-flex;align-items:center;gap:.35rem;margin:0;justify-self:start;padding:.25rem .7rem;border-radius:999px;font-weight:800;color:#fff;background:#8a5a2f}
.wj-turn.wj-team-1{background:#126e6c}
.wj-host{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:center}
.wj-guide{position:relative}
.wj-bubble{display:grid;gap:.5rem;justify-items:start;min-width:0;padding:.8rem 1rem;border-radius:16px;background:#fbf4e2;border:2px solid #17324d}
.wj-bubble h2{margin:0;font-size:clamp(1.1rem,2.7vw,1.4rem);line-height:1.35;color:#14263d}
.wj-bubble p{margin:0}
.wj-bubble h2:focus{outline:none}
.wj-bubble h2:focus-visible{outline:3px solid #f2765a;outline-offset:3px}
.wj-choices{display:grid;gap:.5rem}
.wj-choice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;align-items:center;min-height:52px}
.wj-letter{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#17324d;color:#f2c15b;font-weight:800}
.wj-ans{display:grid;gap:.1rem;min-width:0;overflow-wrap:anywhere}
.wj-choice.is-right{border-color:#167c75;background:#e5f5f1}
.wj-choice.is-right .wj-letter{background:#167c75;color:#fff}
.wj-choice.is-miss{border-color:#a54332;background:#fff0e8;animation:wj-shake .35s}
.wj-choice:disabled{cursor:default;opacity:1;color:#14263d}
.wj-burst{position:absolute;inset:-14px -30px auto -30px;width:calc(100% + 60px);height:auto;pointer-events:none}
.wj-star{transform-box:fill-box;transform-origin:center;animation:wj-twinkle .8s ease-out both;animation-delay:calc(var(--i) * 70ms)}
.wj-wager{background:#10243b;border-color:#f2c15b;box-shadow:0 6px 0 #d99a22;color:#fff;text-align:center;animation:wj-flip .5s ease-out both}
.wj-wager .wj-host{text-align:left}
.wj-wager .wj-bubble{color:#14263d}
.wj-wager .cg-instruction,.wj-wager .fine{color:#f6e9cc;margin:0}
.wj-spot{width:min(240px,70%);height:auto;justify-self:center}
.wj-wagers{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.5rem}
.wj-wager-b{display:grid;gap:.15rem;justify-items:center;min-height:64px;padding:.5rem;border-radius:14px;border:3px solid #f2c15b;background:#17324d;color:#fff;font:inherit;cursor:pointer}
.wj-wager-b strong{font-size:1.5rem;color:#f2c15b;font-variant-numeric:tabular-nums}
.wj-wager-b:hover{background:#1c3a58}
.wj-why{border-color:#126e6c;box-shadow:0 6px 0 #126e6c}
.wj-why-h{display:flex;gap:.45rem;align-items:center;margin:0;font-size:1.15rem;color:#14263d}
.wj-finale{position:relative;display:grid;justify-items:center;gap:.5rem;padding:.8rem;border-radius:16px;background:#f6e9cc;text-align:center}
.wj-finale .wj-burst{inset:0 0 auto 0;width:100%}
.wj-finale-t{margin:0;font-size:1.3rem;font-weight:800;color:#17324d}
.wj-band-68 .wj-card,.wj-band-68 .wj-why{border-width:2px;border-radius:14px;box-shadow:0 3px 0 #17324d}
.wj-band-68 .wj-tile,.wj-band-68 .wj-head{border-radius:6px}
@keyframes wj-flip{from{transform:perspective(900px) rotateX(-70deg) scale(.9);opacity:0}to{transform:none;opacity:1}}
@keyframes wj-pop{0%{transform:translateY(8px) scale(.6);opacity:0}25%{transform:translateY(-4px) scale(1.15);opacity:1}100%{transform:none;opacity:1}}
@keyframes wj-glow{0%{box-shadow:0 0 0 0 #f2c15b}100%{box-shadow:0 0 0 14px #f2c15b00}}
@keyframes wj-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@keyframes wj-twinkle{from{transform:scale(0) rotate(-90deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.wj *,.wj{animation:none!important;transition:none!important}}
@media(max-width:600px){.cg-station.wj{padding:.6rem}.wj-board{gap:.25rem;padding:.3rem;margin-inline:-.2rem}.wj-head{min-height:2.8rem;padding:.2rem 0;font-size:.62rem;letter-spacing:-.02em}.wj-head .wj-hl{display:none}.wj-head .wj-hs{display:inline}.wj-tile{min-height:3.1rem;padding:0;border-width:2px;font-size:.9rem;letter-spacing:-.02em}.wj-host{grid-template-columns:auto minmax(0,1fr);align-items:start}.wj-guide .gs-mascot{width:56px!important}.wj-scores{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr))}.wj-streak{grid-column:1/-1}}