:root{color-scheme:dark;font-family:Inter,system-ui,Segoe UI,sans-serif;background:#10131b;color:#edf0f7}
*{box-sizing:border-box}body{margin:0;background:#10131b}.wrap{max-width:1100px;margin:36px auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{font-size:30px}h2{margin-top:0}
.panel{background:#1b2130;border:1px solid #30394d;border-radius:14px;padding:20px;margin:20px 0}
input{background:#0f1420;color:#fff;border:1px solid #45516a;border-radius:8px;padding:11px;margin:5px;min-width:220px}
button,.button{background:#725cff;color:#fff;border:0;border-radius:8px;padding:11px 15px;cursor:pointer;text-decoration:none;font-weight:650}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px;margin-top:16px}
.card{background:#111827;border:1px solid #364158;border-radius:10px;padding:10px;text-align:center}
.card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px}.muted{color:#aab4c8;font-size:13px}
#status{min-height:1.4em;color:#b9c7e8}.admin-row{display:flex;gap:12px;align-items:center;margin:10px 0;padding:10px;background:#111827;border-radius:8px}
.admin-row img{width:48px;height:64px;object-fit:cover}.overlay-body{background:transparent;overflow:hidden}
.reveal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;animation:appear .45s ease-out}
.hidden{display:none}.reveal-title{font-size:30px;font-weight:800;text-shadow:0 2px 8px #000;margin-bottom:12px}
.reveal-card{width:280px;padding:12px;background:linear-gradient(145deg,#31265d,#131a2b);border:2px solid #b8a6ff;border-radius:18px;box-shadow:0 0 35px #8c6cff88}
.reveal-card img{width:100%;max-height:370px;object-fit:contain;border-radius:10px}.reveal-card div{font-size:22px;font-weight:800;padding:10px}
@keyframes appear{from{opacity:0;transform:translate(-50%,-45%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}