/* ===========================================================================
   EAD aluno — Jogos diários (dg-*), Questionário (squiz/sq-*) e Conteúdos (stu-*)
   Tema forest do aluno · mobile-first
   =========================================================================== */

/* ---------------- Conteúdos: progresso + continuar + grade ---------------- */
.stu-progress-card { display:flex; align-items:center; gap:18px; padding:16px 18px; border-radius:14px; background:linear-gradient(150deg,var(--forest-soft),var(--forest-deep)); border:1px solid var(--line); margin-bottom:12px; }
.stu-progress-card b { font:600 30px var(--serif); color:#fff; white-space:nowrap; }
.stu-progress-card b i { font-style:normal; font-size:18px; color:var(--muted); }
.stu-progress-card span { display:block; font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); }
.stu-progress-bar { flex:1; height:8px; border-radius:999px; background:rgba(255,255,255,.12); overflow:hidden; }
.stu-progress-bar i { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--orange),var(--orange-soft)); transition:width .6s cubic-bezier(.2,.8,.2,1); }
.stu-continue { display:flex; align-items:center; gap:16px; width:100%; text-align:left; padding:12px; margin-bottom:20px; border-radius:16px; border:1px solid rgba(231,154,103,.4); background:linear-gradient(120deg,rgba(188,100,43,.18),rgba(255,255,255,.03)); color:var(--cream); cursor:pointer; transition:transform .16s, border-color .2s; }
.stu-continue:active { transform:scale(.99); }
.stu-continue:hover { border-color:var(--orange-soft); }
.stu-continue-thumb { position:relative; width:132px; aspect-ratio:16/9; flex:none; border-radius:10px; overflow:hidden; background:var(--forest-deep); }
.stu-continue-thumb img, .stu-continue-thumb video, .stu-continue-thumb iframe { width:100%; height:100%; object-fit:cover; border:0; }
.stu-continue small { display:block; font-size:10px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:var(--orange-soft); }
.stu-continue b { display:block; margin:5px 0 4px; font:600 20px/1.1 var(--serif); color:#fff; }
.stu-continue span { font-size:12px; color:var(--muted); }
.stu-alldone { padding:16px 18px; border-radius:14px; border:1px solid rgba(95,193,135,.35); background:rgba(95,193,135,.1); color:#bfeccf; font-size:14px; margin-bottom:20px; }
.stu-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:14px; }
.stu-card { display:flex; flex-direction:column; text-align:left; padding:0; border-radius:14px; overflow:hidden; border:1px solid var(--line); background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); color:var(--cream); cursor:pointer; transition:transform .16s, border-color .2s; }
.stu-card:hover { transform:translateY(-3px); border-color:rgba(231,154,103,.5); }
.stu-card-thumb { position:relative; aspect-ratio:16/9; background:var(--forest-deep); }
.stu-card-thumb img, .stu-card-thumb video, .stu-card-thumb iframe { width:100%; height:100%; object-fit:cover; border:0; display:block; }
.stu-card-thumb .ead-play { position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:22px; background:rgba(0,25,20,.25); }
.stu-card-thumb .ead-ph, .stu-card-thumb .ead-novid { position:absolute; inset:0; display:grid; place-items:center; color:#9fb7ac; font-size:11px; text-align:center; padding:10px; }
.stu-done-badge { position:absolute; top:8px; right:8px; width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:#2f7d4f; color:#fff; font-size:13px; font-weight:700; }
.stu-card.is-done { opacity:.88; }
.stu-card-body { display:flex; flex-direction:column; gap:4px; padding:12px 14px 13px; }
.stu-card-body small { font-size:9.5px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; color:var(--orange-soft); }
.stu-card-body b { font:600 17px/1.15 var(--serif); color:#fff; }
.stu-card-meta { display:flex; align-items:center; gap:10px; margin-top:6px; font-size:11px; color:var(--muted); }
.stu-card-meta .q-ok { color:#8fd8ab; }
.stu-card-cta { margin-left:auto; color:var(--orange-soft); font-weight:700; }

/* CTA do questionário no player */
.stu-quiz-cta { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; text-align:left; margin-top:18px; padding:14px 16px; border-radius:13px; border:1px solid rgba(231,154,103,.42); background:linear-gradient(120deg,rgba(188,100,43,.2),rgba(255,255,255,.03)); color:var(--cream); cursor:pointer; }
.stu-quiz-cta small { display:block; font-size:10px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; color:var(--orange-soft); }
.stu-quiz-cta b { display:block; margin-top:3px; font:600 16px var(--serif); color:#fff; }
.stu-quiz-cta > span { width:38px; height:38px; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--orange); color:#fff; font-size:15px; }
.stu-quiz-cta.done { border-color:rgba(95,193,135,.4); background:rgba(95,193,135,.08); }
.stu-quiz-cta.done > span { background:#2f7d4f; }

/* ---------------- Questionário (runtime) ---------------- */
.squiz { max-width:640px; margin:0 auto; }
.squiz-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.squiz-top small { font-size:11px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.squiz-dots { display:flex; gap:5px; }
.squiz-dots i, .dg-dots i { width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.18); }
.squiz-dots i.cur, .dg-dots i.cur { background:var(--orange-soft); transform:scale(1.2); }
.squiz-dots i.ok { background:#5fc187; }
.squiz-dots i.bad { background:#e0654f; }
.dg-dots { display:flex; gap:5px; }
.dg-dots i.done { background:#5fc187; }
.squiz-prog { height:5px; border-radius:999px; background:rgba(255,255,255,.12); overflow:hidden; margin:12px 0 22px; }
.squiz-prog i { display:block; height:100%; background:linear-gradient(90deg,var(--orange),var(--orange-soft)); transition:width .35s ease; }
.squiz-q { margin:0 0 4px; font:600 clamp(24px,5vw,32px)/1.1 var(--serif); color:#fff; letter-spacing:-.5px; }
.squiz-type { margin:0 0 18px; font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); }
.sq-opt { display:block; width:100%; text-align:left; padding:15px 17px; margin-bottom:9px; border-radius:13px; border:1px solid var(--line); background:rgba(255,255,255,.05); color:var(--cream); font-size:15px; cursor:pointer; transition:border-color .15s, background .15s, transform .1s; }
.sq-opt:hover:not(:disabled) { border-color:var(--orange-soft); }
.sq-opt:active:not(:disabled) { transform:scale(.99); }
.sq-opt.right { border-color:#5fc187; background:rgba(95,193,135,.16); color:#d9f4e4; }
.sq-opt.wrong { border-color:#e0654f; background:rgba(224,101,79,.16); color:#f6cfc6; }
.sq-tf { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sq-short { display:flex; gap:10px; }
.sq-short .ead-input { flex:1; background:rgba(255,255,255,.06); border-color:var(--line); color:#fff; }
.sq-picked, .sq-pool { display:flex; flex-wrap:wrap; gap:8px; min-height:44px; padding:10px; border-radius:12px; }
.sq-picked { border:1.5px dashed rgba(231,154,103,.45); margin-bottom:10px; }
.sq-pool { border:1px solid var(--line); background:rgba(255,255,255,.03); }
.sq-chip { padding:9px 14px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.06); color:var(--cream); font-size:13.5px; cursor:pointer; }
.sq-chip.on { border-color:rgba(231,154,103,.55); background:rgba(188,100,43,.22); color:#fff; }
.sq-chip.sel { border-color:var(--orange-soft); box-shadow:0 0 0 2px rgba(231,154,103,.3); }
.sq-chip.dim { opacity:.35; }
.sq-hint { font-size:12px; color:var(--muted); align-self:center; }
.sq-match { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sq-match > div { display:flex; flex-direction:column; gap:8px; }
.sq-match .sq-chip { text-align:left; }
.sq-order-actions { display:flex; align-items:center; gap:10px; margin-top:12px; flex-wrap:wrap; }
.sq-feed { margin-top:16px; padding:15px 17px; border-radius:13px; display:flex; flex-direction:column; gap:7px; animation:sqIn .25s ease; }
.sq-feed.ok { border:1px solid rgba(95,193,135,.4); background:rgba(95,193,135,.1); }
.sq-feed.bad { border:1px solid rgba(224,101,79,.4); background:rgba(224,101,79,.1); }
.sq-feed b { font:600 17px var(--serif); color:#fff; }
.sq-feed span { font-size:13px; color:var(--muted); line-height:1.5; }
.sq-feed .btn { align-self:flex-start; margin-top:4px; }
@keyframes sqIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
.squiz-result { max-width:560px; margin:0 auto; text-align:center; padding-top:8px; }
.sq-ring { width:132px; height:132px; margin:0 auto 16px; border-radius:50%; display:grid; place-content:center; border:4px solid #5fc187; background:rgba(95,193,135,.08); }
.sq-ring.mid { border-color:#e0a94a; background:rgba(224,169,74,.08); }
.sq-ring.low { border-color:#e0654f; background:rgba(224,101,79,.08); }
.sq-ring b { font:600 38px var(--serif); color:#fff; line-height:1; }
.sq-ring small { font-size:11px; color:var(--muted); }
.squiz-result h2 { margin:0 0 6px; font:600 30px var(--serif); color:#fff; }
.squiz-result > p { margin:0 0 18px; color:var(--muted); font-size:14px; }
.sq-review { display:flex; flex-direction:column; gap:7px; text-align:left; }
.sq-rev { display:flex; gap:10px; align-items:center; padding:10px 13px; border-radius:11px; border:1px solid var(--line); background:rgba(255,255,255,.04); }
.sq-rev span { width:22px; height:22px; flex:none; display:grid; place-items:center; border-radius:50%; font-size:11px; font-weight:700; }
.sq-rev.ok span { background:rgba(95,193,135,.2); color:#8fd8ab; }
.sq-rev.bad span { background:rgba(224,101,79,.2); color:#eb8a78; }
.sq-rev b { font-size:13.5px; color:var(--cream); font-weight:600; }

/* ---------------- Jogos diários (dg-*) ---------------- */
.dg-hero { display:flex; align-items:stretch; justify-content:space-between; gap:16px; padding:24px; margin-bottom:16px; border-radius:18px; border:1px solid var(--line); overflow:hidden; position:relative; background:radial-gradient(circle at 84% 8%,rgba(231,154,103,.25),transparent 30%),linear-gradient(135deg,#0b4c41,#002d27); }
.dg-hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px); background-size:100% 26px; transform:rotate(-4deg) scale(1.3); pointer-events:none; }
.dg-hero > * { position:relative; }
.dg-hero-main h2 { margin:6px 0 6px; font:600 clamp(28px,5vw,38px)/1 var(--serif); color:#fff; letter-spacing:-.8px; }
.dg-hero-main p { margin:0; max-width:480px; color:var(--muted); font-size:13.5px; line-height:1.6; }
.dg-hero-pts { flex:none; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-width:132px; padding:14px 18px; border-radius:14px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); }
.dg-hero-pts b { font:600 40px/1 var(--serif); color:#fff; }
.dg-hero-pts small { font-size:9.5px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; color:var(--muted); }
.dg-hero-pts span { margin-top:6px; font-size:10.5px; color:var(--orange-soft); font-weight:700; }
.dg-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin-bottom:16px; }
.dg-card { position:relative; display:flex; flex-direction:column; gap:6px; min-height:180px; padding:18px; text-align:left; border-radius:16px; border:1px solid var(--line); background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.02)); color:var(--cream); cursor:pointer; transition:transform .16s, border-color .2s, background .2s; }
.dg-card:hover:not(:disabled) { transform:translateY(-3px); border-color:rgba(231,154,103,.55); }
.dg-card:disabled { cursor:default; }
.dg-card.played { border-color:rgba(95,193,135,.35); background:rgba(95,193,135,.05); }
.dg-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.dg-card-top i { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:var(--orange); color:#fff; font:600 22px var(--serif); font-style:normal; }
.dg-card.played .dg-card-top i { background:#2f7d4f; }
.dg-tag { font-size:9.5px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:var(--orange-soft); }
.dg-card h3 { margin:0; font:600 21px/1.05 var(--serif); color:#fff; letter-spacing:-.3px; }
.dg-card p { margin:0; flex:1; font-size:12.5px; line-height:1.5; color:var(--muted); }
.dg-card footer { display:flex; align-items:center; justify-content:space-between; margin-top:8px; }
.dg-card footer b { font-size:12px; color:var(--orange-soft); }
.dg-chip { font-size:10px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; padding:4px 10px; border-radius:999px; }
.dg-chip.ok { background:rgba(231,154,103,.18); color:var(--orange-soft); }
.dg-chip.warn { background:rgba(224,169,74,.18); color:#e0b266; }
.dg-chip.done { background:rgba(95,193,135,.18); color:#8fd8ab; }
.dg-two { display:grid; grid-template-columns:1.2fr 1fr; gap:12px; }
.dg-panel { padding:18px; border-radius:16px; border:1px solid var(--line); background:rgba(255,255,255,.04); }
.dg-panel h3 { margin:6px 0 6px; font:600 20px var(--serif); color:#fff; }
.dg-panel p { margin:0; font-size:12.5px; color:var(--muted); line-height:1.55; }
.dg-benefit { background:linear-gradient(135deg,rgba(188,100,43,.16),rgba(255,255,255,.02)); border-color:rgba(231,154,103,.35); }
.dg-ben-row { display:flex; flex-direction:column; gap:2px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.dg-ben-row:last-child { border-bottom:0; }
.dg-ben-row b { color:#fff; font-size:14px; }
.dg-ben-row span { color:var(--muted); font-size:12px; }

/* ranking */
.dg-rank { display:flex; flex-direction:column; }
.dg-rank-row { display:flex; align-items:center; gap:11px; padding:10px 8px; border-bottom:1px solid rgba(255,255,255,.07); border-radius:8px; }
.dg-rank-row:last-child { border-bottom:0; }
.dg-rank-row.me { background:rgba(231,154,103,.1); border:1px solid rgba(231,154,103,.35); }
.dg-rank-row .pos { width:22px; text-align:center; font:600 14px var(--serif); color:var(--muted); }
.dg-rank-row .av { width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:11px; background:rgba(231,154,103,.16); color:var(--orange-soft); font:600 15px var(--serif); }
.dg-rank-row .who { flex:1; min-width:0; }
.dg-rank-row .who b { display:block; font-size:13.5px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dg-rank-row .who span { font-size:11px; color:var(--muted); }
.dg-rank-row .pts { font:600 18px var(--serif); color:#fff; }
.dg-rank-row .pts small { font-size:10px; color:var(--muted); margin-left:2px; }
.dg-podium { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; align-items:end; margin-bottom:14px; }
.dg-pod { display:flex; flex-direction:column; align-items:center; gap:6px; padding:16px 8px 14px; border-radius:16px; border:1px solid var(--line); background:rgba(255,255,255,.05); }
.dg-pod.p1 { padding-top:26px; border-color:rgba(231,154,103,.55); background:linear-gradient(160deg,rgba(188,100,43,.22),rgba(255,255,255,.03)); }
.dg-pod.me { box-shadow:0 0 0 2px rgba(231,154,103,.35); }
.dg-pod.empty { visibility:hidden; }
.dg-pod-pos { font-size:11px; font-weight:700; letter-spacing:1px; color:var(--orange-soft); }
.dg-pod-av { width:52px; height:52px; display:grid; place-items:center; border-radius:16px; background:rgba(231,154,103,.18); color:var(--orange-soft); font:600 24px var(--serif); }
.dg-pod.p1 .dg-pod-av { width:64px; height:64px; font-size:30px; background:var(--orange); color:#fff; }
.dg-pod b { color:#fff; font-size:14px; }
.dg-pod small { color:var(--muted); font-size:12px; }

/* palco do jogo */
.dg-stage { max-width:560px; margin:0 auto; }
.dg-stage-bar { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.dg-exit { width:36px; height:36px; flex:none; border-radius:50%; border:1px solid var(--line); background:rgba(255,255,255,.06); color:var(--cream); font-size:14px; cursor:pointer; }
.dg-stage-title { flex:1; min-width:0; }
.dg-stage-title small { display:block; font-size:9.5px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; color:var(--orange-soft); }
.dg-stage-title b { display:block; font:600 18px/1.1 var(--serif); color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dg-stage-body { display:flex; flex-direction:column; gap:16px; }
.dg-hint { margin:14px 0 0; text-align:center; font-size:12px; color:var(--muted); line-height:1.5; }
.dg-listen { display:flex; align-items:center; gap:14px; width:100%; text-align:left; padding:14px 16px; border-radius:14px; border:1px solid rgba(231,154,103,.45); background:linear-gradient(120deg,rgba(188,100,43,.2),rgba(255,255,255,.03)); color:var(--cream); cursor:pointer; transition:opacity .2s; }
.dg-listen-ic { width:44px; height:44px; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--orange); color:#fff; font-size:16px; }
.dg-listen-tx b { display:block; font:600 16px var(--serif); color:#fff; }
.dg-listen-tx small { font-size:11.5px; color:var(--muted); }
.dg-listen.used { opacity:.55; border-color:var(--line); background:rgba(255,255,255,.04); }
.dg-listen.used .dg-listen-ic { background:rgba(255,255,255,.14); }
.dg-tuner { display:flex; flex-direction:column; align-items:center; gap:6px; padding:22px 18px 18px; border-radius:16px; border:1px solid var(--line); background:rgba(255,255,255,.04); }
.dg-tuner > b { font:600 56px/1 var(--serif); color:#fff; letter-spacing:-1px; }
.dg-tuner > b small { font-size:18px; color:var(--orange-soft); margin-left:4px; }
.dg-tuner-sub { font-size:11px; color:var(--muted); }
.dg-wave { display:flex; align-items:flex-end; gap:3px; height:34px; margin-bottom:8px; }
.dg-wave i { width:4px; border-radius:2px; background:var(--orange-soft); opacity:.7; height:30%; animation:dgWave 1s ease-in-out infinite alternate; }
@keyframes dgWave { from { height:18%; opacity:.4; } to { height:100%; opacity:.95; } }
.dg-range { width:100%; margin-top:14px; -webkit-appearance:none; appearance:none; height:10px; border-radius:999px; background:linear-gradient(90deg,#1c5a4c,var(--orange)); outline:0; }
.dg-range::-webkit-slider-thumb { -webkit-appearance:none; width:34px; height:34px; border-radius:50%; background:#fff; border:5px solid var(--orange); box-shadow:0 4px 14px rgba(0,0,0,.4); cursor:pointer; }
.dg-range::-moz-range-thumb { width:26px; height:26px; border-radius:50%; background:#fff; border:5px solid var(--orange); cursor:pointer; }
.dg-range-rail { display:flex; justify-content:space-between; width:100%; margin-top:8px; font-size:10px; letter-spacing:.6px; text-transform:uppercase; color:var(--muted); }
.dg-next { margin-top:2px; }
.dg-holdwrap { display:grid; place-items:center; padding:10px 0 2px; }
.dg-hold { position:relative; width:190px; height:190px; border-radius:50%; border:0; background:rgba(255,255,255,.05); color:var(--cream); cursor:pointer; display:grid; place-content:center; gap:3px; touch-action:none; -webkit-user-select:none; user-select:none; }
.dg-hold svg { position:absolute; inset:0; width:100%; height:100%; transform:rotate(-90deg); }
.dg-hold circle { fill:none; stroke-width:7; }
.dg-hold .track { stroke:rgba(255,255,255,.12); }
.dg-hold .fill { stroke:var(--orange); stroke-linecap:round; stroke-dasharray:339.3; stroke-dashoffset:339.3; transition:stroke-dashoffset .05s linear; }
.dg-hold b { font:600 40px/1 var(--serif); color:#fff; }
.dg-hold b small { font-size:15px; color:var(--orange-soft); margin-left:3px; }
.dg-hold span { font-size:11px; color:var(--muted); }
.dg-hold.holding { background:rgba(188,100,43,.14); }
.dg-question { margin:0; font:600 clamp(21px,4.5vw,27px)/1.15 var(--serif); color:#fff; text-align:center; }
.dg-ab { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.dg-ab-card { display:flex; flex-direction:column; align-items:center; gap:8px; padding:26px 14px; border-radius:16px; border:1px solid var(--line); background:rgba(255,255,255,.05); color:var(--cream); cursor:pointer; transition:border-color .15s, background .15s, transform .12s; }
.dg-ab-card:active { transform:scale(.98); }
.dg-ab-card b { font:600 34px var(--serif); color:#fff; }
.dg-ab-card small { font-size:11px; color:var(--muted); text-align:center; }
.dg-ab-play { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:rgba(231,154,103,.2); color:var(--orange-soft); font-size:14px; }
.dg-ab-card.selected { border-color:var(--orange-soft); background:rgba(188,100,43,.18); box-shadow:0 0 0 2px rgba(231,154,103,.3); }
.dg-ab-card.selected .dg-ab-play { background:var(--orange); color:#fff; }

/* resultado */
.dg-result { max-width:520px; margin:0 auto; text-align:center; padding-top:6px; }
.dg-ring { width:140px; height:140px; margin:14px auto 16px; border-radius:50%; display:grid; place-content:center; border:5px solid var(--orange); background:rgba(188,100,43,.1); animation:dgPop .4s cubic-bezier(.2,1.4,.4,1); }
@keyframes dgPop { from { transform:scale(.6); opacity:0; } to { transform:scale(1); opacity:1; } }
.dg-ring b { font:600 44px var(--serif); color:#fff; line-height:1; }
.dg-ring small { font-size:11px; color:var(--muted); }
.dg-result h2 { margin:0 0 6px; font:600 28px var(--serif); color:#fff; }
.dg-result > p { margin:0 0 16px; color:var(--muted); font-size:14px; }
.dg-result-actions { display:flex; gap:10px; justify-content:center; margin-top:18px; flex-wrap:wrap; }
.dg-res-table { display:flex; flex-direction:column; gap:5px; text-align:left; }
.dg-res-row { display:grid; grid-template-columns:32px 1fr 1fr 1fr; gap:8px; padding:9px 12px; border-radius:9px; background:rgba(255,255,255,.04); font-size:12.5px; color:var(--cream); }
.dg-res-row:first-child { background:transparent; color:var(--muted); font-size:10.5px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; }

/* ---------------- mobile ---------------- */
@media (max-width:700px) {
  .dg-hero { flex-direction:column; padding:20px 18px; }
  .dg-hero-pts { flex-direction:row; justify-content:space-between; width:100%; min-width:0; padding:12px 16px; }
  .dg-hero-pts b { font-size:30px; }
  .dg-two { grid-template-columns:1fr; }
  .dg-stage-bar { position:sticky; top:0; z-index:5; padding:10px 0; background:linear-gradient(var(--forest) 78%,transparent); }
  .dg-hold { width:170px; height:170px; }
  .dg-tuner > b { font-size:46px; }
  .dg-range::-webkit-slider-thumb { width:40px; height:40px; }
  .stu-continue { flex-direction:column; align-items:stretch; }
  .stu-continue-thumb { width:100%; }
  .stu-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .stu-card-body b { font-size:15px; }
  .sq-match { grid-template-columns:1fr; }
  .sq-short { flex-direction:column; }
  .dg-podium { gap:7px; }
  .dg-pod-av { width:44px; height:44px; font-size:19px; }
}
@media (max-width:430px) {
  .stu-grid { grid-template-columns:1fr; }
}