.container-md{background-color:#1d1f1d}.fanart-page{padding:1.5rem 1rem}.fanart-page h2{color:gold;margin-bottom:1.25rem}.fanart-tag-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.fanart-tag-btn{background:0 0;border:1px solid rgba(255,215,0,.3);border-radius:999px;color:#c8a84b;font-size:.8rem;padding:.25rem .85rem;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.fanart-tag-btn:hover{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.55);color:gold}.fanart-tag-btn.active{background:gold;border-color:gold;color:#1d1f1d;font-weight:600}.fanart-sort-bar{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.25rem}.fanart-sort-btn{background:0 0;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#777;font-size:.75rem;padding:.2rem .7rem;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.fanart-sort-btn:hover{border-color:rgba(255,215,0,.35);color:#c8a84b;text-decoration:none}.fanart-sort-btn.active{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.4);color:gold}.fanart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;max-width:1100px;margin:0 auto}.fanart-card{background:rgba(255,215,0,.03);border:1px solid rgba(255,215,0,.15);border-radius:8px;overflow:hidden;position:relative;transition:border-color .15s}.fanart-card:hover{border-color:rgba(255,215,0,.35)}.fanart-img-wrap{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center}.fanart-img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;transition:transform .2s}.fanart-card:hover .fanart-img{transform:scale(1.03)}.fanart-draft-badge{position:absolute;top:.5rem;left:.5rem;background:rgba(0,0,0,.65);color:#aaa;font-size:.65rem;padding:.15rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.fanart-card-body{padding:.6rem .75rem .5rem}.fanart-card-title{display:block;font-size:.88rem;color:#ddd;margin-bottom:.3rem}.fanart-card-artists{display:flex;flex-wrap:wrap;gap:.35rem}.fanart-artist-link{font-size:.78rem;color:#c8a84b;text-decoration:none}.fanart-artist-link:hover{color:gold;text-decoration:none}.fanart-chapter-link{display:block;font-size:.75rem;color:#666;text-decoration:none;margin-top:.2rem}.fanart-chapter-link:hover{color:#c8a84b;text-decoration:none}.fanart-edit-btn{position:absolute;top:.5rem;right:.5rem;background:rgba(0,0,0,.6);color:#aaa;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;text-decoration:none;transition:color .15s}.fanart-edit-btn:hover{color:gold;text-decoration:none}.fanart-empty{color:#666;margin-top:2rem}.fanart-admin-preview{display:block;width:300px;height:300px;object-fit:contain;background:#f0f0f0;border-radius:6px;border:1px solid #e0e0e0}.fanart-list-thumb{width:300px;height:300px;flex-shrink:0;margin-right:.75rem;border-radius:4px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.fanart-list-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}.fanart-pagination{display:flex;justify-content:center;gap:.4rem;margin:2rem 0 1rem;flex-wrap:wrap}.fanart-page-btn{background:0 0;border:1px solid rgba(255,215,0,.3);border-radius:6px;color:#c8a84b;font-size:.85rem;padding:.3rem .75rem;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.fanart-page-btn:hover{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.55);color:gold}.fanart-page-btn.active{background:gold;border-color:gold;color:#1d1f1d;font-weight:600}.fanart-card-open{cursor:pointer}.fanart-card-open:focus-visible{outline:rgba(255,215,0,.55) solid 2px;outline-offset:2px}.fanart-modal-content{background:#111;border:1px solid rgba(255,215,0,.15);border-radius:10px;overflow:hidden}.fanart-modal-header{display:flex;justify-content:flex-end;padding:.6rem .75rem 0}.fanart-carousel-img-wrap{height:65vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.fanart-carousel-img{max-width:100%;max-height:65vh;width:auto;height:auto;display:block}.fanart-carousel-info{height:4rem;padding:.75rem 1rem;text-align:center;border-top:1px solid rgba(255,215,0,.08);overflow:hidden}.fanart-carousel-title{margin:0 0 .35rem;font-size:.95rem;color:#ddd}.fanart-carousel-artists{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}@media (max-width:576px){.fanart-carousel-img-wrap{height:55vh}.fanart-carousel-img{max-height:55vh}}