/* Power Play — chapter-specific additions only.
   Shared tokens, layout and components come from lessons/shared/class8-maths.css (loaded first). */
.dm-guess{margin:14px 0;padding:12px 16px;border-radius:10px;background:rgba(255,214,107,.12);border:1.5px dashed var(--dm-hl)}
.dm-guess-tag{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--dm-hl)}
.dm-guess p{margin:4px 0}

/* ---- Power Play visual components (visuals.js) ---- */
.pp-track{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;margin:12px 0}
.pp-track-box{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;background:rgba(0,0,0,.05);font-family:var(--serif);font-weight:600}
.dm-explain .pp-track-box{background:rgba(255,255,255,.08)}
.pp-track-op{display:inline-flex;align-items:center;gap:4px;padding:0 8px;font-size:13px;font-weight:700;color:#B5551E}
.dm-explain .pp-track-op{color:#FFB877}
.pp-track-arrow{font-size:15px}

.pp-tree{width:100%;height:auto;max-width:520px;display:block;margin:14px auto;color:var(--dm-ink)}
.dm-explain .pp-tree{color:var(--dm-cream)}

.pp-cascade{display:grid;gap:8px;margin:12px 0;max-width:420px}
.pp-cascade-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 12px;border-radius:8px;background:rgba(0,0,0,.05)}
.dm-explain .pp-cascade-row{background:rgba(255,255,255,.08)}
.pp-cascade-label{font-size:14px;color:var(--dm-ink-soft)}
.dm-explain .pp-cascade-label{color:var(--dm-soft)}
.pp-cascade-op{font-weight:700;color:#B5551E}
.dm-explain .pp-cascade-op{color:#FFB877}
.pp-cascade-total{font-family:var(--serif);font-weight:700;font-size:18px}

.pp-powerline{max-width:340px;width:100%;height:auto;display:block;margin:14px auto;color:var(--dm-ink)}
.dm-explain .pp-powerline{color:var(--dm-cream)}

.pp-ratio-line{position:relative;height:56px;margin:28px 10px 18px}
.pp-ratio-track{position:absolute;left:0;right:0;top:8px;height:3px;background:currentColor;opacity:.4;border-radius:2px}
.pp-ratio-mark{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}
.pp-ratio-dot{width:11px;height:11px;border-radius:50%;background:#D0483C;border:2px solid currentColor;display:block;margin-top:3px}
.pp-ratio-label{font-size:12px;white-space:nowrap;margin-top:4px}

.pp-slots{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:12px 0}
.pp-slot{display:grid;justify-items:center;gap:2px;padding:8px 10px;min-width:46px;border-radius:8px;background:rgba(0,0,0,.05);border:1.5px solid currentColor}
.dm-explain .pp-slot{background:rgba(255,255,255,.08)}
.pp-slot-count{font-family:var(--serif);font-weight:700;font-size:17px}
.pp-slot-label{font-size:10px;color:var(--dm-ink-soft)}
.dm-explain .pp-slot-label{color:var(--dm-soft)}
.pp-slot-sep{font-weight:700;opacity:.7}

@media (max-width:600px){
  .pp-track-box{padding:5px 9px}
}