/* Shared presentation for readings and collections. No changes to draw/chat state. */
#app .practice-chat-direct{position:relative;isolation:isolate;overflow:visible;line-height:1.5}
#app .practice-chat-direct::before{content:'';position:absolute;inset:-2px;border:1px solid #ffe0a6;border-radius:inherit;pointer-events:none;box-shadow:0 0 9px #f1c08388,inset 0 0 8px #d49be455;animation:am-reading-border 3.8s ease-in-out infinite}
.practice-chat-label{position:relative;z-index:1;display:block}
.practice-chat-stars{position:absolute;inset:0;pointer-events:none;color:#ffe8b8}
.practice-chat-stars i{position:absolute;display:block;font-style:normal;font-size:12px;line-height:1;text-shadow:0 0 5px #ffda9b;animation:am-reading-star 3.6s ease-in-out infinite}
.practice-chat-stars i:nth-child(1){left:8%;top:-6px}
.practice-chat-stars i:nth-child(2){left:44%;top:-5px;font-size:9px;animation-delay:-1.3s}
.practice-chat-stars i:nth-child(3){right:9%;top:-6px;animation-delay:-2.1s}
.practice-chat-stars i:nth-child(4){left:18%;bottom:-5px;font-size:10px;animation-delay:-1.8s}
.practice-chat-stars i:nth-child(5){right:31%;bottom:-6px;animation-delay:-.6s}
.practice-chat-stars i:nth-child(6){right:-4px;top:48%;font-size:9px;animation-delay:-2.8s}
@keyframes am-reading-border{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes am-reading-star{0%,100%{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.12)}}
/* Natural-height title/keyword pairs: no empty fixed-height tracks. */
#app .practice-library-card .practice-card-heading{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;grid-template-rows:none;gap:2px;height:auto;min-height:0;margin:0 0 9px;padding:0}
#app .practice-library-card .practice-card-heading h3,#app .practice-library-card .practice-card-heading p{height:auto;min-height:0;margin:0}
#app .ru-library-rune h3{margin:4px 0 2px;min-height:0}
#app .ru-library-rune p{margin:0}
/* Same compact mode controls as Tarot and Oracle, with a rune icon. */
#app .ru-world .ru-compact-modes{display:flex;grid-template-columns:none;width:fit-content;max-width:100%;gap:4px;margin:0 auto 20px;padding:6px}
#app .ru-world .ru-compact-modes button{min-width:82px;min-height:0;padding:9px 14px;gap:5px}
#app .ru-world .ru-compact-modes svg{width:35px;height:30px}
#app .ru-world .ru-compact-modes span{font-size:11px}
/* Keep only the stone and its glow, with no rectangular button surface. */
#app .ru-world .rune-draw-button,#app .ru-world .rune-draw-button:hover,#app .ru-world .rune-draw-button:active{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0;filter:none;transform:none}
#app .ru-world .rune-draw-button::before,#app .ru-world .rune-draw-button::after{content:none!important}
#app .ru-world .rune-draw-button:focus-visible{outline:2px solid #f7d493;outline-offset:8px;border-radius:45%}
@media(prefers-reduced-motion:reduce){#app .practice-chat-direct::before,.practice-chat-stars i{animation:none;opacity:.8;transform:none}}