.story-library-intro{max-width:34rem;color:var(--text-secondary);font-family:var(--font-heading);letter-spacing:.08em;text-align:center;margin:-.75rem auto 1rem;font-size:.9rem}.stories-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(2rem,4vw,3.5rem) clamp(1.25rem,3vw,2.5rem);max-width:1100px;margin:0 auto;padding:2rem 0 4rem;display:grid}.story-card{--story-book-depth:28px;--story-book-bottom:11px;--story-cover-width:205px;--story-cover-height:300px;--cover-dark:#171313;--cover-mid:#3a2521;--cover-accent:#c8aa6e;--uv-a:#d28746;--uv-b:#6c7da3;--uv-x:50%;--uv-y:42%;--uv-delay:0s;min-width:0;color:inherit;perspective:1100px;align-content:start;justify-items:center;gap:1.35rem;display:grid}.story-card__book{width:calc(var(--story-cover-width) + var(--story-book-depth));height:calc(var(--story-cover-height) + var(--story-book-bottom));transform-origin:0;filter:drop-shadow(22px 24px 20px #00000094);transition:transform .35s,filter .35s;position:relative;transform:rotateY(-9deg)rotateX(2deg)}.story-card__book:before{content:"";z-index:0;top:var(--story-book-bottom);width:calc(var(--story-cover-width) + var(--story-book-depth));height:var(--story-cover-height);background:linear-gradient(180deg, #ffffff12, transparent 18%, #00000061), linear-gradient(90deg, var(--cover-mid), var(--cover-dark) 72%, var(--cover-mid));border:1px solid #bb8e4a70;border-radius:4px 10px 10px 5px;position:absolute;left:0;box-shadow:4px 7px #2d1b0ff5,9px 14px 18px #0000007a}.story-card__book:after{content:"";z-index:2;top:calc(var(--story-cover-height) - 5px);width:19px;height:calc(var(--story-book-bottom) + 6px);transform-origin:0 0;background:linear-gradient(90deg, #080707, var(--cover-mid) 55%, var(--cover-dark));border-radius:0 0 3px 6px;position:absolute;left:-8px;transform:skew(32deg);box-shadow:inset 0 -1px #dbbe7e3d,inset 0 -4px 4px #00000047}.story-card__cover{width:var(--story-cover-width);height:var(--story-cover-height);z-index:3;background:linear-gradient(90deg, #ffffff0a, transparent 13%, transparent 84%, #0000005c), radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--cover-accent) 17%, transparent), transparent 31%), linear-gradient(145deg, var(--cover-mid), var(--cover-dark) 64%);color:#d8bc7e;text-align:center;border:1px solid #d6b87594;border-radius:3px 8px 8px 3px;flex-direction:column;justify-content:center;align-items:center;padding:1.4rem 1.15rem;display:flex;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 7px #0908083d,inset 0 0 0 8px #c8aa6e38,inset 0 0 32px #0000008a}.story-card__cover:before,.story-card__cover:after{content:"";z-index:1;background:linear-gradient(90deg,#0000,#d8bc7ebf,#0000);height:1px;position:absolute;left:20%;right:20%}.story-card__cover:before{top:28%}.story-card__cover:after{bottom:25%}.story-card__cover-art{z-index:0;background:radial-gradient(ellipse at 22% 18%, color-mix(in srgb, var(--uv-a) 33%, transparent), transparent 38%), radial-gradient(ellipse at 78% 77%, color-mix(in srgb, var(--uv-b) 28%, transparent), transparent 42%), repeating-linear-gradient(118deg, transparent 0 12px, #ffffff05 13px, transparent 14px 28px), linear-gradient(150deg, color-mix(in srgb, var(--cover-mid) 78%, #000), var(--cover-dark));opacity:.82;border-radius:2px 6px 6px 2px;position:absolute;inset:9px}.story-card__cover-art:after{content:"";background:linear-gradient(90deg,#ffffff09,#0000 22% 78%,#00000047),linear-gradient(#08070714,#0807077a);position:absolute;inset:0}.story-card__uv{z-index:1;background:radial-gradient(circle at var(--uv-x) var(--uv-y), var(--uv-a), transparent 23%), radial-gradient(circle at calc(100% - var(--uv-x)) calc(100% - var(--uv-y)), var(--uv-b), transparent 31%);mix-blend-mode:screen;opacity:.12;filter:saturate(.85)blur(.2px);animation:cover-uv-breathe 12s ease-in-out var(--uv-delay) infinite alternate;pointer-events:none;border-radius:2px 6px 6px 2px;transition:opacity .35s,filter .35s;position:absolute;inset:10px;overflow:hidden}.story-card__uv:after{content:"";animation:cover-uv-sweep 14s ease-in-out var(--uv-delay) infinite;background:linear-gradient(110deg,#0000 35%,#fff6d26b 48%,#0000 60%);position:absolute;inset:-35%;transform:translate(-58%)rotate(5deg)}.story-card:hover .story-card__uv,.story-card.is-uv-active .story-card__uv,.story-card:focus-visible .story-card__uv{opacity:.34;filter:saturate(1.35)brightness(1.2);animation-duration:2.4s}.story-card:hover .story-card__uv:after,.story-card.is-uv-active .story-card__uv:after,.story-card:focus-visible .story-card__uv:after{animation-duration:2.1s}@keyframes cover-uv-breathe{0%{transform:scale(.98)rotate(-1deg)}55%{transform:scale(1.035)rotate(1.2deg)}to{transform:scale(1.01)rotate(-.4deg)}}@keyframes cover-uv-sweep{0%,30%{opacity:0;transform:translate(-58%)rotate(5deg)}48%{opacity:.7}68%,to{opacity:0;transform:translate(58%)rotate(5deg)}}.story-card__cover strong{z-index:1;max-width:9em;font-family:var(--font-heading);letter-spacing:.12em;text-shadow:0 2px 8px #000;font-size:clamp(1.25rem,4vw,1.65rem);font-weight:400;line-height:1.35;position:relative}.story-card__title-char{color:#0000;background:linear-gradient(108deg, var(--char-color) 0 34%, #f5e3b7 48%, var(--uv-a) 59%, var(--char-color) 76% 100%);-webkit-text-fill-color:transparent;animation:title-color-flow 11s linear var(--char-delay,0s) infinite;background-position:100%;background-size:280% 100%;-webkit-background-clip:text;background-clip:text;transition:filter .3s,transform .3s;display:inline-block}.story-card:hover .story-card__title-char,.story-card.is-uv-active .story-card__title-char,.story-card:focus-visible .story-card__title-char{filter:saturate(1.45) brightness(1.22) drop-shadow(0 0 7px var(--char-color));animation-duration:1.9s;transform:translateY(-1px)}@keyframes title-color-flow{0%{background-position:100%}to{background-position:-180%}}.story-card__cover>span:last-child{color:#e0d6c2ad;letter-spacing:.06em;max-width:calc(100% - 2rem);font-size:.68rem;position:absolute;bottom:1.2rem}.story-card__crest{z-index:2;border:1px solid color-mix(in srgb, var(--cover-accent) 75%, transparent);place-items:center;width:2rem;height:2rem;font-size:.75rem;display:grid;position:absolute;top:1.45rem;transform:rotate(45deg)}.story-card__volume{letter-spacing:.18em;opacity:.7;z-index:2;font-size:.58rem;position:absolute;top:4.35rem}.story-card__spine{inset:2px auto var(--story-book-bottom) -8px;z-index:4;background:linear-gradient(90deg, #080707, var(--cover-mid) 55%, #090808);border-radius:5px 0 0 5px;width:16px;position:absolute;box-shadow:inset -1px 0 #dbbe7e47}.story-card__pages{z-index:1;background:#c8bb99;border:1px solid #887653;border-radius:0 8px 8px 1px;position:absolute;inset:7px 3px 4px 10px;overflow:hidden;box-shadow:3px 4px #76623f,7px 8px #3d2b19,12px 14px 22px #0000008f}.story-card__pages:before,.story-card__pages:after{content:"";background-color:#d5c8a5;position:absolute}.story-card__pages:before{top:1px;right:0;bottom:calc(var(--story-book-bottom) - 2px);width:var(--story-book-depth);clip-path:polygon(7% 0,100% 1.2%,100% 98%,0 100%);background:linear-gradient(90deg,#61492761,#0000 20% 78%,#563e225c),repeating-linear-gradient(#e1d7bb 0 2px,#b3a17b 3px,#d8ccaa 4px);border-left:1px solid #644d2a80;box-shadow:inset 5px 0 8px #49331b33}.story-card__pages:after{left:1px;right:calc(var(--story-book-depth) - 1px);height:var(--story-book-bottom);clip-path:polygon(0 8%,100% 0,98% 100%,1% 100%);background:linear-gradient(90deg,#523b1f52,#0000 12% 88%,#523b1f57),repeating-linear-gradient(#dcd0b0 0 2px,#aa9872 3px,#d5c8a5 4px);border-top:1px solid #6d542e73;bottom:0;box-shadow:inset 0 4px 7px #50391e2e}.story-card__meta{text-align:center;width:min(100%,260px)}.story-card__era{color:var(--text-secondary);letter-spacing:.09em;font-size:.7rem}.story-card__title{color:var(--accent);margin:.25rem 0 .4rem;font-size:1.25rem;font-weight:400}.story-card__summary{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.65;display:-webkit-box;overflow:hidden}.story-card:hover .story-card__book,.story-card:focus-visible .story-card__book{filter:drop-shadow(17px 30px 24px #000000a8);transform:rotateY(-3deg)rotateX(0)translateY(-8px)}.story-card:focus-visible{outline-offset:8px}@media (width<=600px){.story-library-intro{margin-bottom:0;font-size:.82rem}.stories-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem .9rem;padding-top:1.5rem}.story-card{--story-cover-width:110px;--story-cover-height:180px;gap:1rem}.story-card__book{filter:drop-shadow(13px 17px 14px #0000008f)}.story-card__cover{padding:1rem .7rem}.story-card__cover strong{font-size:clamp(1rem,5vw,1.25rem)}.story-card__crest{width:1.5rem;height:1.5rem;top:1rem}.story-card__volume{font-size:.5rem;top:3.2rem}.story-card__cover>span:last-child{font-size:.58rem;bottom:.85rem}.story-card__summary{display:none}.story-card__title{font-size:1.05rem}.story-card__era{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.story-card__book{transition:none}.story-card__uv,.story-card__uv:after,.story-card__title-char{animation:none}}