.story-card-art{flex-direction:column;justify-content:center;gap:12px}.story-art-stack{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:8px;isolation:isolate}.story-art-stack>img{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0;margin:0;border-radius:0}.story-art-stack>.story-colored[hidden]{display:none!important}.story-art-stack .story-colored{opacity:0;transition:opacity .4s ease;pointer-events:none}.story-art-stack:focus-visible{outline:3px solid #ef8c58;outline-offset:4px}.story-card:has(:focus-visible) .story-colored,.story-art-stack:focus-visible .story-colored,.is-color>.story-art-stack .story-colored{opacity:1}.color-toggle{border:1px solid #b9cbbb;background:#fffdf5;color:#294f45;border-radius:20px;padding:9px 12px;font:11px Arial,sans-serif;cursor:pointer;min-height:36px}.color-toggle[aria-pressed=true]{background:#244f49;color:white}.color-toggle:disabled{cursor:default;opacity:.6}.featured-art{max-width:200px;height:300px;margin:15px auto}#dragon-hero .color-toggle{margin-bottom:15px}@media(hover:hover){.story-card:hover .story-colored,.story-art-stack:hover .story-colored{opacity:1}}@media(prefers-reduced-motion:reduce){.story-art-stack .story-colored{transition:none}}@media print{.color-toggle{display:none!important}}