.power-page [hidden] { display:none !important; }
.power-game { margin:40px 0; padding:clamp(20px,5vw,40px); border:1px solid var(--line); border-radius:18px; background:var(--panel); }
.power-game h2 { margin:10px 0; font-size:clamp(24px,4vw,36px); line-height:1.15; }
.power-game p:not(.section-number) { line-height:1.6; }
.power-game h2:focus { outline:none; }
.power-game .cta { border:0; cursor:pointer; }
.power-game progress { width:100%; accent-color:#87962a; }
.power-heading { display:flex; align-items:center; gap:16px; margin:20px 0; }
.power-icon { width:58px; height:58px; flex:0 0 58px; display:grid; place-items:center; border-radius:50%; background:var(--yellow); color:#202923; }
.power-icon svg { width:38px; height:38px; }
.power-options { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }
.power-options button { flex:1 1 220px; min-height:48px; padding:14px; border:1px solid var(--line); border-radius:10px; background:var(--paper); color:var(--ink); font:inherit; text-align:left; cursor:pointer; }
.power-options button:disabled { cursor:default; opacity:.65; }
.power-options button.power-picked { opacity:1; border:2px solid #87962a; }
.power-feedback { padding:14px 16px; border-left:3px solid #87962a; background:var(--paper); }
.power-game textarea { display:block; width:100%; box-sizing:border-box; margin:8px 0; padding:10px; font:inherit; background:var(--paper); color:var(--ink); }
.power-game :is(button,a):focus-visible { outline:3px solid var(--ink); outline-offset:4px; }
.power-guide { scroll-margin-top:24px; }
.power-guide .guide-grid { margin-top:24px; }
.power-feedback:empty { padding:0; border:0; margin:0; }
.power-recap { list-style:none; padding:0; margin:22px 0; border-top:1px solid var(--line); }
.power-recap li { display:grid; grid-template-columns:6em 1fr; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }
.power-recap time { font-variant-numeric:tabular-nums; font-weight:700; }