.skill-library-page{min-height:100vh}.skill-library{width:min(1380px,94vw);margin:0 auto;padding:28px 0 90px}.skill-library-heading{margin-top:18px}.skill-rarity-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px;display:grid}.skill-rarity-nav a{border:1px solid var(--line-strong);color:var(--paper);letter-spacing:.08em;background:#10120e;min-height:58px;padding:12px 14px;font-size:10px;font-weight:900;text-decoration:none}:is(.skill-rarity-nav a:hover,.skill-rarity-nav a:focus-visible){border-color:var(--acid);color:var(--acid)}.skill-rarity-nav small{color:var(--muted);margin-top:5px;font-size:7px;display:block}.skill-library-groups{gap:18px;display:grid}.skill-library-groups>section{content-visibility:auto;contain-intrinsic-size:auto 1200px;border:1px solid var(--line-strong);background:#10110d;padding:20px;scroll-margin-top:88px}.skill-group-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:16px;padding-bottom:14px;display:flex}.skill-group-heading small{color:var(--muted);letter-spacing:.18em;font-size:7px}.skill-group-heading h2{letter-spacing:.12em;margin-top:3px;font-size:18px}.skill-group-heading>span{color:var(--muted);text-align:right;font-size:8px;line-height:1.7}.skill-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.skill-library-card{background:linear-gradient(150deg,#171912,#0d0e0b);border:1px solid #3a3d31;min-height:250px;padding:18px 18px 52px;position:relative;overflow:hidden}.skill-library-card:after{content:"";border:1px solid #d7ff3f1d;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-68px;right:-42px}.skill-library-card>div{justify-content:space-between;gap:12px;display:flex}.skill-library-card>div small,.skill-library-card>div em{color:var(--acid);letter-spacing:.12em;font-size:7px;font-style:normal}.skill-library-card h3{margin:20px 0 5px;font-size:22px}.skill-library-card>b{color:var(--paper);font-size:10px;line-height:1.5}.skill-library-card>p{color:#a9aba1;margin-top:13px;font-size:10px;line-height:1.85}.skill-library-card>footer{border-top:1px solid var(--line);height:auto;color:var(--muted);padding:10px 0 0;font-size:8px;position:absolute;bottom:15px;left:18px;right:18px}.skill-library-card>footer strong{color:var(--paper);float:right}.skill-library-card.rarity-uncommon{border-color:#6e8b6f}.skill-library-card.rarity-rare{border-color:#4d88a9}.skill-library-card.rarity-super{border-color:#9964b6}.skill-library-card.rarity-legendary{background:linear-gradient(150deg,#241b0c,#0d0e0b);border-color:#d49b36}.skill-library-card.rarity-legendary>div small,.skill-library-card.rarity-legendary>div em{color:#ffc65d}@media (max-width:900px){.skill-rarity-nav{grid-template-columns:repeat(3,1fr)}.skill-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.skill-library{width:calc(100% - 28px);padding:20px 0 calc(80px + env(safe-area-inset-bottom))}.skill-rarity-nav{scroll-snap-type:x mandatory;padding-bottom:8px;display:flex;overflow-x:auto}.skill-rarity-nav a{scroll-snap-align:start;flex:0 0 46%;min-height:52px}.skill-library-groups>section{padding:15px 10px}.skill-library-grid{grid-template-columns:1fr}.skill-library-card{min-height:225px}.skill-library-page .main-nav{max-width:48vw;display:flex;overflow-x:auto}.skill-library-page .main-nav button{flex:none}.skill-library-page .identity{display:none}}.skill-library-card{flex-direction:column;min-height:430px;padding:0;display:flex;overflow:hidden}.skill-library-card:after{display:none}.skill-library-card>.skill-art{flex:none;width:100%}.skill-library-copy{flex-direction:column;flex:1;padding:14px 16px 54px;display:flex!important}.skill-library-copy>.effect-tags{justify-content:flex-start;margin-bottom:9px}.skill-library-copy h3{margin:0 0 10px;font-size:22px}.skill-library-copy>.effect-caption{color:var(--muted);letter-spacing:.12em;margin-bottom:3px;font-size:7px}.skill-library-copy>b{color:var(--paper);font-size:11px;line-height:1.6}.skill-library-copy details{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.skill-library-copy summary{cursor:pointer;color:var(--acid);font-size:9px;font-weight:900}.skill-library-copy details p{color:#b6b8ae;margin-top:8px;font-size:10px;line-height:1.8}.skill-library-copy>footer{border-top:1px solid var(--line);height:auto;color:var(--muted);justify-content:space-between;gap:9px;padding:10px 0 0;font-size:8px;display:flex;position:absolute;bottom:15px;left:16px;right:16px}.skill-library-copy>footer span{color:var(--paper)}@media (max-width:600px){.skill-library-card{min-height:430px}.skill-library-copy details[open]{padding-bottom:12px}}
