.rp-bar { grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; border-radius:24px; }
.rp-bar button { position:relative; min-width:0; min-height:48px; color:var(--gold,#e0b157); }
.rp-bar button svg { width:24px; height:24px; }
.rp-bar button span { overflow-wrap:anywhere; }
.rp-bar button:focus-visible { outline:2px solid var(--gold,#e0b157); outline-offset:-5px; }
.export-card { position:fixed; left:-10000px; top:0; width:1080px; pointer-events:none; }
.export-card svg { display:block; width:1080px; height:2700px; }
.reading-dock { position:fixed; left:50%; transform:translateX(-50%); z-index:8; width:max-content; max-width:calc(100vw - 24px); }
.reading-dock[hidden],.reading-dock-tools[hidden]{display:none}
.reading-dock-row { display:flex; justify-content:center; align-items:center; gap:10px; }
.reading-dock-row .btn { min-height:48px; min-width:0; padding:12px 16px; gap:10px; font-size:.84rem; background:var(--surface-2,#211b2b); color:var(--paper,#f3ede3); border-color:var(--gold,#e0b157); box-shadow:0 3px 18px #0007; }
.reading-dock-row small { flex:none; font-size:.7rem; color:var(--gold,#e0b157); }
.reading-dock-menu { display:grid; place-items:center; flex:none; width:48px; height:48px; padding:0; border:1px solid var(--gold,#e0b157); border-radius:50%; background:var(--surface-2,#211b2b); color:var(--gold,#e0b157); }
.reading-dock-tools { position:absolute; bottom:calc(100% + 12px); left:0; background:var(--surface-2,#211b2b); }
.reading-dock-tools button>span{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.draw-question-actions{display:grid;gap:14px}
.draw-question-actions .btn{width:100%}
.draw-question{margin:18px 0;padding:16px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);overflow-wrap:anywhere}
.draw-question small{color:var(--gold,#e0b157)}
.draw-question p{margin:8px 0 0;white-space:pre-wrap}
.fan-places.twenty-one{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;max-width:min(650px,calc(43.75dvh + 30px))}
.sheet:has(.fan-places.twenty-one) .fan{min-height:140px}
.sheet:has(.fan-places.twenty-one) .fan-wrap{gap:8px}
.sheet:has(.fan-places.twenty-one) .fan-places{max-width:min(650px,calc(35dvh + 30px))}
.sheet:has(.fan-places.twenty-one) .fan-tip{margin:0;font-size:.75rem}
.foli-tableau{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:18px 0}
.foli-tableau figure{margin:0;min-width:0}
.foli-tableau svg{display:block;width:100%;height:auto}
.zodiac-original{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto;border-radius:0}
.opening-reading{margin:24px 0;overflow-wrap:anywhere;line-height:1.7}
.opening-reading p{margin:16px 0}
.foli-tableau figcaption{font-size:.7rem;line-height:1.35;overflow-wrap:anywhere;margin-top:6px}
@media print{.reading-dock{display:none}}
@media(max-width:600px){.rp-bar button>span{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rp-bar button{min-height:52px}}