.card-library-page{--card-library-field-size:max(100vw,1800px) auto;--card-library-field-top:clamp(640px,92svh,920px);background:linear-gradient(180deg,rgba(7,18,34,.18),rgba(13,29,49,.42) 34%,rgba(8,20,38,.82)),var(--color-midnight)}.card-library-page:before{inset:0 0 auto;height:clamp(700px,100svh,980px);background:radial-gradient(circle at 18% 18%,rgba(232,200,120,.1),transparent 20rem),radial-gradient(circle at 82% 12%,rgba(158,183,216,.12),transparent 22rem),linear-gradient(180deg,rgba(7,18,34,.24),rgba(13,29,49,.58) 42%,rgba(8,20,38,.72)),url(/assets/backgrounds/tarot-table-clean-desktop.webp) top /max(100vw,1350px) auto no-repeat;-webkit-mask-image:linear-gradient(180deg,#000,#000 58%,rgba(0,0,0,.72) 76%,transparent);mask-image:linear-gradient(180deg,#000,#000 58%,rgba(0,0,0,.72) 76%,transparent)}.card-library-page:after,.card-library-page:before{position:absolute;z-index:0;pointer-events:none;content:""}.card-library-page:after{top:var(--card-library-field-top);right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(8,20,38,0),rgba(8,20,38,.28) 12%,rgba(8,20,38,.2) 62%,rgba(8,20,38,.52)),url(/assets/backgrounds/celestial-lower-field.webp) bottom /var(--card-library-field-size) no-repeat,url(/assets/backgrounds/celestial-lower-field.webp) top /var(--card-library-field-size) repeat-y}.card-library-page>*{position:relative;z-index:1}.library-cta h2{margin:0 0 10px;color:var(--color-ivory);font-family:var(--font-serif-cn);font-weight:520;line-height:1.24}.library-cta p{margin:0;color:rgba(244,234,212,.76)}.library-card:hover{border-color:rgba(232,200,120,.58);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.suit-panel h3{margin:0 0 10px;color:var(--color-ivory);font-family:var(--font-serif-cn);font-size:26px;font-weight:520;line-height:1.22}.suit-panel p{margin:0;color:rgba(244,234,212,.78);line-height:1.7}.library-card:focus-visible{outline:2px solid rgba(232,200,120,.82);outline-offset:4px;box-shadow:var(--shadow-glow)}.library-cta{margin-top:28px;margin-inline:auto;padding:clamp(22px,4vw,38px)}.library-cta,.library-toolbar{width:min(1180px,calc(100% - 40px))}.library-toolbar{position:sticky;top:8px;z-index:4;display:grid;grid-template-columns:minmax(190px,.32fr) minmax(280px,1fr);margin:0 auto 26px;padding:14px 16px;gap:12px 18px;border:1px solid rgba(232,200,120,.28);border-radius:8px;background:linear-gradient(135deg,rgba(232,200,120,.045),transparent 42%),rgba(3,9,20,.9);box-shadow:0 18px 52px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.library-search-copy{align-self:center}.library-search-copy h2{margin:0;color:var(--color-ivory);font-family:var(--font-serif-cn);font-size:20px;font-weight:520;line-height:1.3}.library-search-copy p{margin:3px 0 0;color:rgba(158,183,216,.76);font-size:12px;line-height:1.45}.library-search-field{position:relative;min-width:0}.library-search-field input{width:100%;height:52px;padding:0 76px 0 46px;border:1px solid rgba(232,200,120,.32);border-radius:8px;outline:none;color:var(--color-ivory);background:rgba(7,17,31,.78);box-shadow:inset 0 1px 0 rgba(244,234,212,.035);font:inherit;font-size:16px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.library-search-field input::-moz-placeholder{color:rgba(158,183,216,.58)}.library-search-field input::placeholder{color:rgba(158,183,216,.58)}.library-search-field input::-webkit-search-cancel-button{display:none}.library-search-field input:hover{border-color:rgba(232,200,120,.48)}.library-search-field input:focus-visible{border-color:rgba(232,200,120,.76);background:rgba(7,17,31,.94);box-shadow:var(--shadow-glow)}.library-search-field__icon{position:absolute;top:50%;left:16px;z-index:1;display:grid;width:20px;height:20px;place-items:center;color:rgba(232,200,120,.72);pointer-events:none;transform:translateY(-50%)}.library-search-field__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.6}.library-search-clear{position:absolute;top:50%;right:8px;min-height:36px;padding:0 10px;border:0;border-radius:6px;color:rgba(244,234,212,.72);background:transparent;cursor:pointer;font-size:13px;transform:translateY(-50%)}.library-search-clear:hover{color:var(--color-soft-gold);background:rgba(232,200,120,.08)}.library-filter-row{display:flex;grid-column:1/-1;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.library-filter-row::-webkit-scrollbar{display:none}.library-filter-row button{display:inline-flex;min-height:38px;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid rgba(232,200,120,.18);border-radius:8px;color:rgba(244,234,212,.86);background:rgba(7,17,31,.5);cursor:pointer;font-size:13px;transition:border-color .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease}.library-filter-row button small{color:rgba(158,183,216,.64);font-size:11px}.library-filter-row button:hover{border-color:rgba(232,200,120,.5);color:var(--color-soft-gold)}.library-filter-row button.is-active{border-color:rgba(232,200,120,.62);color:var(--color-soft-gold);background:rgba(232,200,120,.11);box-shadow:0 0 18px rgba(232,200,120,.08)}.library-filter-row button.is-active small{color:rgba(232,200,120,.74)}.library-search-announcement{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);white-space:nowrap}.library-empty button:focus-visible,.library-filter-row button:focus-visible,.library-search-clear:focus-visible{outline:2px solid rgba(232,200,120,.82);outline-offset:2px}.library-results{width:min(1180px,calc(100% - 40px));margin:42px auto 0}.library-results__heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.library-results__heading h2{margin:3px 0 0;color:var(--color-ivory);font-family:var(--font-serif-cn);font-size:clamp(27px,3.2vw,42px);font-weight:520;line-height:1.2;overflow-wrap:anywhere}.library-results__heading>p{margin:0 0 4px;flex:0 0 auto;color:rgba(158,183,216,.82);font-size:14px}.library-results__grid{width:100%}.library-card small.library-card__group{color:rgba(232,200,120,.74);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.library-empty{display:grid;min-height:300px;place-items:center;align-content:center;padding:42px 24px;border:1px solid rgba(232,200,120,.22);border-radius:8px;background:radial-gradient(circle at 50% 12%,rgba(232,200,120,.08),transparent 16rem),rgba(7,17,31,.5);text-align:center}.library-empty>span{color:var(--color-soft-gold);font-family:var(--font-display);font-size:36px;line-height:1}.library-empty h3{margin:12px 0 6px;color:var(--color-ivory);font-family:var(--font-serif-cn);font-size:24px;font-weight:520}.library-empty p{max-width:520px;margin:0;color:rgba(244,234,212,.72)}.library-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.library-empty button{min-height:42px;padding:0 14px;border:1px solid rgba(232,200,120,.34);border-radius:8px;color:var(--color-soft-gold);background:rgba(232,200,120,.08);cursor:pointer}.library-empty button:hover{border-color:rgba(232,200,120,.62);background:rgba(232,200,120,.13)}.card-library-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.card-library-grid,.suit-section{width:min(1180px,calc(100% - 40px));margin-inline:auto}.suit-section{margin-top:54px;scroll-margin-top:92px}.suit-overview-grid{display:grid;width:min(1180px,calc(100% - 40px));margin-inline:auto;gap:18px}.suit-panel{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);gap:18px;padding:24px;align-items:start;scroll-margin-top:92px}.suit-card-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.suit-card-grid a{display:grid;gap:6px;min-width:0;padding:8px;border:1px solid rgba(232,200,120,.18);border-radius:8px;background:rgba(3,9,20,.28);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.suit-card-grid a:hover{border-color:rgba(232,200,120,.52);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.suit-card-grid img{width:100%;aspect-ratio:2/3;border-radius:6px;-o-object-fit:cover;object-fit:cover}.suit-card-grid span{overflow:hidden;color:rgba(244,234,212,.86);font-family:var(--font-serif-cn);font-size:13px;line-height:1.28;text-overflow:ellipsis;white-space:nowrap}.library-card{display:grid;gap:8px;padding:10px;border:1px solid rgba(232,200,120,.22);border-radius:8px;background:rgba(7,17,31,.62);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.library-card img{width:100%;aspect-ratio:2/3;border-radius:7px;-o-object-fit:cover;object-fit:cover}.library-card span{color:var(--color-ivory);font-family:var(--font-serif-cn);font-size:17px;line-height:1.24}.library-card small{color:rgba(158,183,216,.78);font-size:12px;line-height:1.5}@media (max-width:700px){.card-library-page{--card-library-field-size:auto clamp(860px,112svh,1080px);--card-library-field-top:clamp(760px,106svh,1120px);background:linear-gradient(180deg,rgba(7,18,34,.16),rgba(13,29,49,.38) 38%,rgba(8,20,38,.82)),var(--color-midnight)}.card-library-page:before{height:clamp(820px,108svh,1120px);background:radial-gradient(circle at 18% 18%,rgba(232,200,120,.1),transparent 16rem),radial-gradient(circle at 82% 12%,rgba(158,183,216,.12),transparent 18rem),linear-gradient(180deg,rgba(7,18,34,.22),rgba(13,29,49,.58) 42%,rgba(8,20,38,.76)),url(/assets/backgrounds/tarot-table-clean-mobile.webp) top /auto max(100svh,900px) no-repeat;-webkit-mask-image:linear-gradient(180deg,#000,#000 64%,rgba(0,0,0,.72) 82%,transparent);mask-image:linear-gradient(180deg,#000,#000 64%,rgba(0,0,0,.72) 82%,transparent)}.card-library-grid,.library-cta{width:min(100% - 32px,1180px)}.card-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-toolbar{top:6px;grid-template-columns:1fr;width:min(100% - 32px,1180px);margin-bottom:20px;padding:12px;gap:10px}.library-search-copy{display:flex;align-items:baseline;gap:10px}.library-search-copy h2{flex:0 0 auto;font-size:18px}.library-search-copy p{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.library-search-field input{height:48px}.library-filter-row{grid-column:auto}.library-filter-row button{min-height:44px;padding:0 12px}.library-results{width:min(100% - 32px,1180px);margin-top:34px}.library-results__heading{display:grid;gap:4px;margin-bottom:18px}.library-results__heading>p{margin:0}.library-empty{min-height:260px;padding:34px 18px}.suit-section{margin-top:38px}.suit-panel{grid-template-columns:1fr;padding:20px}.suit-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suit-card-grid a{grid-template-columns:44px minmax(0,1fr);align-items:center}.suit-card-grid img{width:44px}.suit-card-grid span{white-space:normal}}