.rules-listen{max-width:760px;margin:0 auto 24px;text-align:center}.rules-play{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:60px;padding:6px 18px;font-size:14px;font-weight:600;color:var(--ink);border-radius:12px}.rules-play-disc{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f0efed);box-shadow:inset 0 1px 2px #fff,0 2px 6px #0000000a;color:var(--ink)}.rules-play-disc svg{width:22px;height:22px;fill:currentColor;stroke:none}.rules-play:disabled{cursor:default}.rules-listen p{font-size:12px;color:var(--muted);margin-top:6px;min-height:0}.rules-listen p:empty{display:none}.rules-page .rules-back{background:linear-gradient(180deg,#ffffff,#f5f4f2);color:var(--ink);border:1px solid var(--line);box-shadow:inset 0 1px 1px #fff;text-shadow:none}.rules-page .rules-back:hover{background:#efeeeb;color:var(--ink)}@media(max-width:400px){.rules-play{font-size:13px;padding-inline:8px;gap:10px}}@media print{.rules-listen{display:none}}