.library-intro{padding:22px 26px;border:1px solid #e4bd7033;background:linear-gradient(120deg,#e4bd7010,transparent);border-radius:12px;margin-bottom:24px}.library-intro b{font-size:20px}.library-intro p{font-size:12px;color:#aaa0b5;line-height:1.7;max-width:700px}.library-intro a{font-size:11px;color:var(--gold)}.library-tools{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr auto;gap:10px}.library-tools input,.library-tools select{min-width:0;width:100%;padding:12px;border-radius:8px;border:1px solid #ffffff15;background:#1d1923;color:#ded5e6;font:inherit;font-size:12px}#library-count{font-size:12px;color:#a99ab4;margin:20px 0}#library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.library-card{border:1px solid #ffffff0d;border-top:2px solid #8e8b99;border-radius:10px;padding:20px;background:linear-gradient(145deg,#24202c,#19161f);min-width:0}.library-card>div{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#92849f}.library-card h2{font-size:21px;line-height:1.25;margin:18px 0 12px;overflow-wrap:anywhere}.library-card p{font-size:10px;color:#a395ae;overflow-wrap:anywhere}.library-card>b{font-size:10px;color:#d0bfdc}.library-card[data-rarity="4"]{border-top-color:#a27ce8}.library-card[data-rarity="5"]{border-top-color:#dd76cf}.library-card[data-rarity="6"]{border-top-color:#e8776d}.library-card[data-rarity="7"]{border-top-color:#e4bd70}#library-more{margin:25px auto;display:block}#library-more[hidden]{display:none}@media(max-width:1000px){.library-tools{grid-template-columns:1fr 1fr}.library-tools input{grid-column:1/-1}#library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){#library-grid{grid-template-columns:1fr 1fr;gap:9px}.library-card{padding:14px}.library-card h2{font-size:18px}.library-intro{padding:18px}}

.collection-library-link{display:inline-block;margin:0 0 18px;color:var(--gold);font-size:12px;padding:8px 0}
/* Generic mobile header nav rules must not constrain the detail grid. */
nav.library-detail-navigation{height:auto;min-height:0;order:initial;justify-content:normal}
.library-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.library-tools #library-query{grid-column:span 2}.library-tools #library-reset{order:10;min-height:44px}.library-tools select{min-height:44px}.library-playable-toggle{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:44px;min-width:0;border:1px solid #ffffff15;border-radius:8px;background:#1d1923;color:#ded5e6;font-size:12px;line-height:1.5;cursor:pointer}.library-tools .library-playable-toggle input{width:17px;height:17px;flex:0 0 17px;padding:0;accent-color:var(--gold)}.library-tools :is(input,select,button):focus-visible{outline:2px solid var(--gold);outline-offset:3px}.library-card .library-art-missing{display:flex;align-items:center;justify-content:center;text-align:center;height:125px;margin:12px 0;border:1px dashed #ffffff12;border-radius:8px;background:#ffffff02;color:#9686a1;font-size:10px;line-height:1.6;padding:12px}.library-playable-badge{display:block;width:fit-content;margin-top:12px;padding:5px 8px;border-radius:5px;background:#9cc5b010;color:#aacfb9;font-size:9px;line-height:1.5}#library-count{line-height:1.7}@media(max-width:1000px){.library-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.library-tools #library-query{grid-column:1/-1}}@media(max-width:480px){.library-tools{grid-template-columns:minmax(0,1fr)}.library-tools #library-query{grid-column:auto}.library-card .library-art-missing{padding:8px;font-size:9px}}

.library-card h2 a{display:block;color:inherit}.library-card h2 a:hover{color:var(--gold)}
.library-card h2 a{scroll-margin-block:110px 90px}
.library-ownership-note{margin:-8px 0 20px;padding:12px 14px;border:1px solid #ffffff0c;border-radius:8px;background:#ffffff03;font-size:11px;line-height:1.7;color:#afa0bb}.library-ownership-note[hidden]{display:none}
.library-tools{grid-template-columns:minmax(0,1fr) auto}.library-tools #library-query{grid-column:auto}.library-tools #library-reset{order:0}.library-extra-filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}.library-extra-filters[hidden],#library-filter-toggle[hidden]{display:none}.library-extra-filters>*{min-width:0}#library-filter-toggle{min-height:44px;text-align:left;white-space:normal;line-height:1.5;color:var(--gold)}@media(max-width:1000px){.library-extra-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.library-tools{grid-template-columns:minmax(0,1fr) auto}.library-tools #library-query{grid-column:1/-1}.library-extra-filters{padding:12px;border:1px solid #ffffff10;border-radius:10px;background:#ffffff02;grid-template-columns:minmax(0,1fr)}.library-tools #library-reset{padding-inline:15px}}
.library-detail{padding:32px;border:1px solid #ffffff12;border-radius:16px;background:radial-gradient(ellipse at top right,#d9b66d12,transparent),#1c1922}
.library-detail h1{font-size:clamp(30px,5vw,52px);overflow-wrap:anywhere;margin:18px 0 30px}
.library-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}
.library-detail dl>div{padding:18px;background:#121016;border-radius:9px;min-width:0}
.library-detail dt{font-size:11px;color:#9d8fac}.library-detail dd{margin:9px 0 0;font-size:16px;overflow-wrap:anywhere}
.library-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
.library-link-label{display:block;font-size:11px;color:#aa9bb5;margin-bottom:8px}
#skin-direct-link{width:100%;padding:12px;background:#111015;color:#baadca;border:1px solid #ffffff15;border-radius:8px}
.library-detail h2{margin-top:30px;font-size:24px}
.library-detail-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;margin:0 0 20px;align-items:stretch}.library-detail-navigation>a,.library-navigation-edge{padding:16px;border:1px solid #ffffff12;border-radius:10px;background:#1d1923;min-width:0}.library-detail-navigation>a:hover{border-color:#d9b66d66;background:#d9b66d0a}.library-detail-navigation>a>small{display:block;color:#a998b6;font-size:10px;margin-bottom:8px}.library-detail-navigation>a>span{display:block;overflow-wrap:anywhere;color:#e0d4e9;font-size:13px;line-height:1.5}.library-detail-navigation>a:last-child{text-align:right}.library-detail-navigation>div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px}.library-detail-navigation>div>b{color:var(--gold);font-size:17px;font-variant-numeric:tabular-nums}.library-detail-navigation>div>span{font-size:10px;color:#a998b6}.library-detail-navigation>div>a{font-size:11px;color:var(--gold);padding:5px}.library-navigation-edge{display:flex;align-items:center;justify-content:center;color:#8c7c99;font-size:11px}.library-detail-navigation a:focus-visible,.library-card h2 a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(max-width:600px){.library-detail-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library-detail-navigation>div{grid-column:1/-1;grid-row:1;flex-direction:row;flex-wrap:wrap;gap:10px;padding:5px}.library-detail-navigation>a,.library-navigation-edge{padding:12px}.library-detail-navigation>a>span{font-size:11px}}
.library-variants{display:grid;gap:10px}.library-variants a{padding:15px;border:1px solid #ffffff15;border-radius:8px;color:var(--gold)}.library-variants small{color:#9788a4;margin-left:10px}
@media(max-width:600px){.library-detail{padding:20px}.library-detail dl{grid-template-columns:1fr}.library-detail-actions .btn{width:100%}}

.library-case-links{margin:28px 0;padding:24px 0;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}
.library-case-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.library-case-heading h2{margin:0;font-size:24px}
.library-case-heading>span{font-size:11px;color:#c4b2d0;background:#ffffff06;padding:8px 12px;border-radius:6px}
.library-case-links>p{font-size:12px;line-height:1.7;color:#a99bb6}
.library-case-grid{display:grid;gap:12px;margin-top:18px}
.library-case-link{display:flex;align-items:center;gap:18px;background:#141119;border:1px solid #ffffff12;border-radius:12px;padding:14px 18px}
.library-case-link:hover{border-color:var(--accent)}
.library-case-art{width:96px;flex-shrink:0}
.library-case-link h3{font-size:25px;margin:5px 0 8px}
.library-case-link small{font-size:9px;color:#a595b1}
.library-case-link strong{font-size:14px;color:var(--accent)}
.library-case-chance{margin-left:auto;font-size:22px;color:var(--accent);text-align:right}
.library-case-chance small{display:block;margin-top:6px}
@media(max-width:560px){.library-case-link{padding:12px;gap:10px}.library-case-art{width:64px}.library-case-link h3{font-size:20px}.library-case-chance{font-size:17px}.library-case-heading h2{font-size:21px}}

/* Library surfaces share the catalog's dark panels and restrained gold accents. */
.library-intro{border-color:#d8b57525;border-radius:14px;background:linear-gradient(110deg,#d8b5750c,#17151c);padding:23px 26px;box-shadow:inset 0 1px #ffffff03}
.library-intro>b{color:#ead2aa;font-size:21px;line-height:1.5}.library-intro p{color:#aea2b9;line-height:1.85}.library-intro a{display:inline-block;min-height:30px;padding:5px 0;text-underline-offset:4px}.library-intro a:hover{text-decoration:underline}
.library-tools{padding:16px;gap:12px;border:1px solid #ffffff10;background:linear-gradient(145deg,#1c1922,#15131a);border-radius:14px}
.library-tools input,.library-tools select{min-height:46px;border-color:#ffffff12;background:#100f15;border-radius:9px;color:#e5dce9;font-size:11px}
.library-tools #library-query{font-size:13px;padding-inline:15px}.library-tools input::placeholder{color:#9a8ba6}
.library-tools #library-reset{padding:10px 18px;border:1px solid #ffffff12;background:#ffffff04;border-radius:9px;color:#c6b8d0;font-size:11px}
.library-extra-filters{gap:10px;padding-top:12px;border-top:1px solid #ffffff09}
.library-playable-toggle{background:#100f15;border-color:#ffffff12;color:#cbbdd6;font-size:11px;border-radius:9px}
.library-tools .library-playable-toggle input{min-height:17px}
#library-filter-toggle{background:#d6b0750e;border:1px solid #d6b07535;border-radius:9px;color:#e7c893;padding:11px 13px;font-size:11px}
#library-count{font-size:11px;padding:0 2px 16px;margin:22px 0 18px;border-bottom:1px solid #ffffff0d;font-variant-numeric:tabular-nums;color:#b9acc5;line-height:1.9}
.library-ownership-note{border-left:2px solid #d6b07555;background:#d6b07505;color:#b4a5c0}
#library-grid{gap:16px;align-items:stretch}
.library-card{--library-rarity:#92909f;display:flex;flex-direction:column;border:1px solid #ffffff10;border-top:2px solid var(--library-rarity);border-radius:14px;padding:18px;background:radial-gradient(ellipse at 50% 22%,color-mix(in srgb,var(--library-rarity) 10%,transparent),transparent 65%),linear-gradient(150deg,#201c28,#15131b);box-shadow:0 7px 22px #0002;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.library-card[data-rarity="2"]{--library-rarity:#80b0d9}.library-card[data-rarity="3"]{--library-rarity:#739bff}.library-card[data-rarity="4"]{--library-rarity:#a27ce8}.library-card[data-rarity="5"]{--library-rarity:#dd76cf}.library-card[data-rarity="6"]{--library-rarity:#e8776d}.library-card[data-rarity="7"]{--library-rarity:#e4bd70}
.library-card>div:first-child{align-items:center;gap:10px;min-height:27px;color:#b5a6c2;line-height:1.5}.library-card>div:first-child small{font-size:9px;letter-spacing:.07em;min-width:0;overflow-wrap:anywhere}.library-card>div:first-child>span{flex-shrink:0;padding:4px 6px;border:1px solid #ffffff09;border-radius:5px;background:#0e0c1240;color:#9788a5;font-size:8px;font-variant-numeric:tabular-nums}
.library-card h2{font:600 15px/1.5 Manrope,sans-serif;margin:12px 0 10px;min-height:3em;color:#f0e8f4}
.library-card h2 a{border-radius:3px}.library-card p{margin:0 0 16px;font-size:10px;line-height:1.7;color:#a99ab7}
.library-card>b{margin-top:auto;padding-top:12px;border-top:1px solid #ffffff0b;font-size:10px;letter-spacing:.04em;color:var(--library-rarity)}
.library-card .library-art-missing{width:100%;height:125px;min-height:125px;margin:8px auto 16px;background:#ffffff02;border-color:#ffffff0d;font-size:10px;color:#a999b5}
.library-playable-badge{margin-top:12px;border:1px solid #a9cfb91c;background:#a9cfb908;color:#a9cfb9;padding:5px 8px;font-size:9px;border-radius:6px}
#library-more{min-height:48px;padding:14px 25px;margin:30px auto 16px;border-color:#d9b77b45;background:#d9b77b0b;color:#e7c993;border-radius:10px}
.library-detail{border-color:#d6b07520;background:radial-gradient(ellipse at 75% 0,#d6b0750b,transparent 55%),linear-gradient(155deg,#201c26,#15131b);border-radius:18px;box-shadow:0 12px 38px #0002;padding:32px}
.library-detail h1{max-width:950px;font-size:clamp(32px,4.5vw,58px);line-height:1.08;letter-spacing:.01em;margin:18px 0 25px}
.library-detail>.library-detail-art{object-fit:contain;background:radial-gradient(ellipse,#d9b66d0c,transparent 70%)}
.library-detail dl{gap:1px;border:1px solid #ffffff0c;border-radius:12px;overflow:hidden;background:#ffffff0b}
.library-detail dl>div{border-radius:0;background:#17141d;padding:20px}.library-detail dt{font-size:10px;letter-spacing:.035em;color:#a89ab5}.library-detail dd{font-size:15px;line-height:1.6;color:#e1d6e8;margin-top:8px}
.library-detail-actions .btn{min-height:46px;border-radius:9px;border-color:#d9b77b30;background:#d9b77b0a;color:#dfc494;font-size:11px}
#skin-direct-link{min-height:46px;padding:13px 15px;border-radius:9px;font-size:11px;color:#baadca;background:#100e15;min-width:0}
.library-detail-navigation>a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;border-color:#ffffff10;border-radius:12px;background:linear-gradient(145deg,#211c29,#17141e);min-height:92px}
.library-detail-navigation>a:last-child{align-items:flex-end}.library-detail-navigation>a>span{font-size:12px;color:#d5c8df;line-height:1.6}.library-detail-navigation>a>small{font-size:10px;color:#d1b27e;letter-spacing:.035em}.library-navigation-edge{border-style:dashed;border-color:#ffffff09;background:transparent;color:#8e7f9b;border-radius:12px}.library-detail-navigation>div>b{font-size:21px}
.library-case-heading h2{font-size:27px;letter-spacing:.02em}.library-case-heading>span{border:1px solid #ffffff0d;border-radius:7px;color:#cbbbd7;font-variant-numeric:tabular-nums}.library-case-link{min-width:0;border-color:#ffffff0c;background:linear-gradient(135deg,#ffffff03,transparent),#15121b;border-radius:12px;transition:border-color .2s ease,background .2s ease}.library-case-link>div{min-width:0;flex:1}.library-case-link h3{overflow-wrap:anywhere;line-height:1.15}.library-case-chance{flex-shrink:0;font-variant-numeric:tabular-nums}.library-case-chance small{font-size:8px;color:#a997b7;line-height:1.5}
.library-variants a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;overflow-wrap:anywhere;padding:16px;border-color:#ffffff0e;background:#ffffff02;border-radius:9px;color:#d7be96;font-size:12px;line-height:1.6}.library-variants small{flex-shrink:0;font-size:10px;font-variant-numeric:tabular-nums}
.library-detail :is(a,button,input):focus-visible,.library-detail-navigation a:focus-visible,#library-more:focus-visible{outline:2px solid #edce98;outline-offset:4px}
@media(hover:hover){.library-card:hover,.library-card:focus-within{border-color:color-mix(in srgb,var(--library-rarity) 45%,#ffffff16);box-shadow:0 12px 28px #0004;transform:translateY(-3px)}.library-case-link:hover{background:#d9b77b07}.library-variants a:hover{border-color:#d9b77b45;background:#d9b77b07}.library-tools select:hover{border-color:#d9b77b45}}
@media(max-width:760px){#library-grid{gap:12px}.library-card{padding:15px}.library-card h2{font-size:13px}.library-detail{padding:24px}.library-detail dl>div{padding:17px}}
@media(max-width:600px){.library-intro{padding:18px}.library-intro>b{font-size:18px}.library-intro p{font-size:11px}.library-tools{padding:12px;gap:9px}.library-tools #library-query{font-size:12px}.library-extra-filters{background:#100e1540;padding:12px;border:1px solid #ffffff0b}.library-tools #library-reset{padding-inline:12px}#library-grid{gap:10px}.library-card{padding:13px 11px;border-radius:11px}.library-card h2{font-size:12px;line-height:1.55;margin-top:9px}.library-card>div:first-child{gap:6px}.library-card>div:first-child small{font-size:8px;letter-spacing:0}.library-card>div:first-child>span{font-size:7px;padding:3px}.library-card p{font-size:9px;margin-bottom:13px}.library-card>b{font-size:9px}.library-playable-badge{font-size:8px;padding:5px 6px}.library-detail{padding:20px 16px;border-radius:14px}.library-detail h1{font-size:34px}.library-detail dl>div{padding:16px}.library-detail-navigation>a{min-height:96px}.library-detail-navigation>a>span{font-size:11px}.library-case-heading h2{font-size:23px}.library-case-link{padding:12px;gap:10px}.library-variants a{font-size:11px;gap:8px}.library-variants small{font-size:9px}#library-count{font-size:10px;line-height:1.8}}
@media(max-width:560px){.library-card .library-art-missing{height:95px;min-height:95px}}
@media(max-width:359px){#library-grid{grid-template-columns:minmax(0,1fr)}.library-card{padding:18px}.library-card h2{font-size:15px;min-height:0}.library-detail-navigation>a>span{font-size:10px}.library-case-link{flex-wrap:wrap}.library-case-link .library-case-chance{flex:1 1 100%;text-align:left;padding-left:74px}}
@media(prefers-reduced-motion:reduce){.library-card,.library-case-link{transition:none}.library-card:hover,.library-card:focus-within{transform:none}}
.reduce-motion .library-card,.reduce-motion .library-case-link{transition:none}.reduce-motion .library-card:hover,.reduce-motion .library-card:focus-within{transform:none}