.scroll-inventory{margin:0 0 28px}.scroll-intro{color:var(--muted);font-size:12px;margin:0 0 14px}.scroll-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.scroll-item{display:flex;align-items:center;gap:12px;padding:15px;min-width:0}.scroll-item>div{min-width:0}.scroll-item h3{font-size:13px;color:var(--gold)}.scroll-item strong{display:block;font-size:22px;font-variant-numeric:tabular-nums}.scroll-item p{font-size:11px;color:var(--muted)}.scroll-art{display:block;flex-shrink:0;width:57px;height:76px;border:2px ridge #bd995d;border-radius:5px;background-image:url('../assets/skills/scroll-atlas.png');background-size:400% 100%;background-position:calc(var(--scroll-index)*100%/3) 0;background-repeat:no-repeat}.result-scrolls{margin:14px 0;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;color:var(--gold);font-size:13px}.result-scrolls .scroll-art{width:30px;height:40px}.skill-slot small{font-size:10px;color:var(--gold)}
@media(max-width:1000px){.scroll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.scroll-item{padding:10px;gap:8px}.scroll-art{width:42px;height:56px}.scroll-item h3{font-size:11px}.scroll-item strong{font-size:19px}.scroll-item p{font-size:10px}.scroll-intro{font-size:11px}}