.db-page,.auth-page{padding-top:18px}
.db-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;flex-wrap:wrap}
.db-meta{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:12px}
.meta-box,.stat-box,.rules-box{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.03)}
.meta-box span,.stat-box span{display:block;font-size:12px;opacity:.72;margin-bottom:6px}
.meta-box strong,.stat-box strong{font-size:20px}
.db-search{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-top:18px}.db-search .grow{flex:1 1 320px}
.db-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:22px;align-items:start}
.db-list-card,.db-detail-card{padding:22px}
.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.section-head h2{margin:0}
.db-list{display:flex;flex-direction:column;gap:10px}
.db-entry,.drop-entry{display:flex;gap:12px;align-items:center;text-decoration:none;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:14px;padding:10px 12px;transition:.18s ease}
.db-entry:hover,.drop-entry:hover,.db-entry.is-active{transform:translateY(-1px);border-color:rgba(255,215,120,.45);background:rgba(255,215,120,.08)}
.db-entry-thumb,.db-detail-thumb,.drop-thumb{display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.db-entry-thumb{width:52px;height:52px;flex:0 0 52px}.db-entry-thumb img,.drop-thumb img{max-width:100%;max-height:100%;image-rendering:auto}
.db-entry-copy,.drop-copy{display:flex;flex-direction:column;min-width:0}.db-entry-copy strong,.drop-copy strong{line-height:1.2}.db-entry-copy small,.drop-copy small{opacity:.72;margin-top:4px}
.db-detail-head{display:flex;gap:16px;align-items:center;margin-bottom:18px}.db-detail-head h2{margin:4px 0 6px}.db-detail-head p{margin:0;opacity:.72}.db-detail-thumb{width:88px;height:88px;flex:0 0 88px}.db-detail-thumb img{max-width:100%;max-height:100%}
.db-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.db-stat-grid--compact{grid-template-columns:repeat(6,minmax(0,1fr))}
.detail-block{margin-top:18px}.detail-block h3{margin:0 0 12px}.detail-block pre{white-space:pre-wrap;word-break:break-word;border-radius:14px;padding:14px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}
.drop-list{display:flex;flex-direction:column;gap:10px}.drop-thumb{width:44px;height:44px;flex:0 0 44px}.drop-list--compact .drop-entry{padding:12px 14px}
.empty-state{border:1px dashed rgba(255,255,255,.12);border-radius:16px;padding:18px;background:rgba(255,255,255,.02)}.muted{opacity:.72}
.form-alert{border-radius:16px;padding:14px 16px;margin-top:18px}.form-alert strong{display:block;margin-bottom:6px}.form-alert ul{margin:8px 0 0 18px;padding:0}.form-alert--error{border:1px solid rgba(255,96,96,.35);background:rgba(255,96,96,.08)}.form-alert--success{border:1px solid rgba(96,208,128,.35);background:rgba(96,208,128,.08)}
@media (max-width: 1024px){.db-layout{grid-template-columns:1fr}.db-stat-grid,.db-stat-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.db-meta{grid-template-columns:1fr}.db-search{display:grid}.db-stat-grid,.db-stat-grid--compact{grid-template-columns:1fr}.db-detail-head{align-items:flex-start}}