.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.library-card{min-height:450px;display:flex;flex-direction:column;padding:22px;overflow:hidden;border:1.5px solid var(--ink);border-radius:15px;box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.library-card:hover{transform:translateY(-6px);box-shadow:7px 11px 0 var(--ink)}.library-card.lilac{background:#deebff}.library-card.mint{background:#def4e4}.library-card.butter{background:#fff0bd}.library-card.sky{background:#dcedf8}.library-meta{display:flex;align-items:baseline;justify-content:space-between;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#676374}.library-meta b{color:var(--ink);font-size:26px}.library-card h3{margin:36px 0 9px;font-size:31px;letter-spacing:0}.library-card p{margin:0;min-height:73px;color:#625e6e;font-size:13px;line-height:1.65}.library-images{flex:1;display:flex;align-items:center;justify-content:center;min-height:130px;margin-top:9px}.library-images img{width:41%;aspect-ratio:1;object-fit:contain;background:rgba(255,255,255,.88);border:1px solid rgba(32,32,56,.12);border-radius:9px;box-shadow:2px 3px 0 rgba(32,32,56,.12)}.library-images img+img{margin-left:-15%}.library-images img:nth-child(1){transform:rotate(-7deg) translateY(5px)}.library-images img:nth-child(2){transform:translateY(-8px)}.library-images img:nth-child(3){transform:rotate(7deg) translateY(5px)}.card-link{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(32,32,56,.2);font-size:12px;font-weight:800}.card-link span{font-size:18px}.characters-section{padding-bottom:82px}.character-heading{align-items:center}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.character-card-item{overflow:hidden;border:1.5px solid var(--ink);border-radius:13px;background:#fff;box-shadow:4px 4px 0 var(--ink);transition:transform .2s}.character-card-item:hover{transform:translateY(-5px)}.character-art{position:relative;display:grid;place-items:center;height:265px;overflow:hidden;border-bottom:1.5px solid var(--ink);background-image:radial-gradient(rgba(32,32,56,.12) 1px,transparent 1px);background-size:15px 15px}.character-art:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.65)}.character-art img{position:relative;z-index:1;width:90%;height:94%;object-fit:contain;object-position:center bottom}.art-1{background-color:#deebff}.art-2{background-color:#def4e4}.art-3{background-color:#fff0bd}.art-4{background-color:#dcedf8}.character-info{display:flex;align-items:center;justify-content:space-between;padding:17px}.character-info>span{display:flex;flex-direction:column;gap:5px}.character-info b{font-size:15px}.character-info small{color:#827d8b;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.character-info i{font-style:normal;font-size:18px}.empty-state{grid-column:1/-1;padding:80px 24px;border:1px dashed #aaa4b1;border-radius:14px;text-align:center;color:#777282}.role-links{display:none}
@media(max-width:960px){.library-grid,.character-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.library-grid,.character-grid{grid-template-columns:1fr}.library-card{min-height:410px}.library-images img{width:35%}.character-grid{grid-template-columns:repeat(2,1fr);gap:10px}.character-art{height:190px}.character-info{padding:13px}}@media(max-width:420px){.character-grid{grid-template-columns:1fr}}