.artist-hitbox{position:absolute;top:110px;right:15%;width:24%;height:280px;background:transparent;border:0;box-shadow:none}.artist-hitbox:hover{background:transparent;outline:2px dashed #d4e45988;outline-offset:6px}.touch-active{translate:0 -3px}#subcategories:not(:empty){animation:slide .2s ease-out}#conversation dt{font-size:13px;text-transform:uppercase;color:var(--purple);margin-top:9px}#conversation dd{margin:3px 0 12px;font-size:16px;overflow-wrap:anywhere}@media(max-width:680px){.artist-hitbox{right:2%;top:215px;width:38%;height:120px}#subcategories{scrollbar-width:thin}}
#categories{padding:10px 10px 14px;border-bottom:8px solid #29251b;background:#29251b55;box-shadow:0 4px 0 #1119;gap:9px;align-items:stretch}
#categories button{border-radius:2px;border-top:5px solid #514934;box-shadow:2px 3px 0 #17160fcc;transform:rotate(-1deg)}
#categories button:nth-child(even){transform:rotate(1deg)}
.resource-signs{position:absolute;left:9%;bottom:24px;max-width:47%;display:flex;gap:10px;z-index:1}
.resource-signs button{font-family:'Barlow Condensed',Impact,sans-serif;font-size:18px;background:#e0c892;border-top:5px solid #514934;padding:8px 12px}
.footer-resources{width:100%;display:grid;grid-template-columns:1fr 1.5fr;gap:24px;padding-bottom:22px;border-bottom:1px dashed #777b61}
.footer-resources h2{font-size:24px;color:var(--paper)}
.footer-resources a,.resource-links a{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 0;line-height:1.45;text-underline-offset:4px}
.footer-resources a:hover,.resource-links a:hover{color:#9e68c4}
#resources-dialog{width:min(720px,94vw);padding-top:55px}
#resources-title{font-size:36px;margin-bottom:20px}
.resource-links a{border-bottom:1px dashed #aaa185;font-size:16px}
@media(max-width:1000px){.resource-signs{left:7%;max-width:46%}}
@media(max-width:680px){
 #subcategories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:4px;padding-bottom:10px}
 #subcategories button{width:100%;max-width:none;min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;padding:5px 4px;font-size:10px;line-height:1.1}
 #categories{bottom:155px;left:6%;right:6%;max-width:none;padding:7px 7px 11px;gap:7px}
 #categories button{font-size:17px;padding:8px 10px}
 .resource-signs{left:6%;right:6%;bottom:84px;max-width:none;gap:8px}
 .resource-signs button{flex:1;min-width:0;font-size:16px;line-height:1.15;min-height:52px;padding:6px}
 .footer-resources{grid-template-columns:1fr;gap:20px}
}