:root { --wt-accent: #00dc8c; }
.blackclover-app .brand-name { color: var(--wt-accent); }
.bc-landing-art img { width:100%; height:100%; object-fit:cover; object-position:center; mask-image:linear-gradient(90deg,transparent,#000 20%); }
.bc-landing-art { overflow:hidden; border-radius:14px; }
.bc-join-media img { object-fit:cover; border-radius:10px; }
.wt-section { padding:clamp(18px,3vw,36px); }
.wt-section h1 { margin-block:12px 24px; }
.wt-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:28px; }
.wt-card { display:block; overflow:hidden; border:1px solid #00dc8c40; border-radius:14px; background:#071e18; color:#e8f5ef; text-decoration:none; transition:border-color .2s,transform .2s; }
.wt-card:hover { transform:translateY(-3px); border-color:var(--wt-accent); }
.wt-cover { display:block; width:100%; aspect-ratio:3/4; height:auto; object-fit:cover; border-radius:12px; }
.wt-no-cover { background:linear-gradient(145deg,#11382b,#091612); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:24px; text-align:center; padding:24px; color:#95eac3; }
.wt-no-cover i { font-size:3rem; }
.wt-card-copy { padding:20px; }
.wt-card-copy h3 { font-size:1.25rem; margin:8px 0; }
.wt-meta { display:flex; flex-wrap:wrap; gap:12px; font-size:.875rem; color:#a5c9b9; margin:14px 0; }
.wt-rating { color:#89f3bd; font-size:1.125rem; }
.wt-empty { padding:32px 18px; text-align:center; color:#abc8bb; grid-column:1/-1; }
.wt-empty>i { font-size:2rem; color:var(--wt-accent); margin-bottom:16px; }
.wt-empty h2,.wt-empty h3 { color:#e8f5ef; }
.wt-filters { display:flex; align-items:end; flex-wrap:wrap; gap:16px; }
.wt-filters label:first-child { flex:1 1 240px; }
.wt-filters label,.wt-edit label { display:flex; flex-direction:column; gap:8px; font-size:.9375rem; }
.wt-filters input,.wt-filters select,.wt-edit input:not([type=checkbox]),.wt-edit select,.wt-edit textarea { width:100%; box-sizing:border-box; background:#0b211b; color:#edf8f2; border:1px solid #436657; padding:12px; border-radius:8px; font:inherit; }
.wt-edit textarea { resize:vertical; }
.wt-edit { display:grid; gap:20px; max-width:1050px; }
.wt-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.wt-checkbox.wt-checkbox { flex-direction:row; align-items:center; gap:8px; min-height:44px; }
.wt-checkbox input { width:18px; height:18px; accent-color:var(--wt-accent); }
.wt-detail { display:grid; grid-template-columns:260px minmax(0,1fr); gap:36px; margin-block:28px; }
.wt-review { border-top:1px solid #00dc8c40; padding-block:28px; }
.wt-prose { white-space:pre-wrap; overflow-wrap:anywhere; font-size:1rem; line-height:1.85; }
.wt-spoilers { border:1px solid #436657; border-radius:12px; padding:20px; }
.wt-spoilers summary { cursor:pointer; color:#89f3bd; }
.wt-spoilers .wt-prose { padding-top:24px; }
.wt-pagination { display:flex; justify-content:center; align-items:center; gap:20px; margin-top:28px; }
.wt-admin-list { margin-block:24px; }
.wt-admin-list>a { display:flex; gap:20px; justify-content:space-between; flex-wrap:wrap; padding:18px; border-bottom:1px solid #436657; }
.wt-error { border:1px solid #f59696; padding:16px; color:#ffbcbc; }
.wt-edit small { font-size:.875rem; }
.wt-edit button { justify-self:start; }
.bc-spotlight .wt-card { display:grid; grid-template-columns:110px 1fr; border:0; background:transparent; }
.bc-spotlight .wt-card-copy { padding:12px; }
:is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #89f3bd; outline-offset:4px; }
@media(max-width:900px) { .wt-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .wt-grid,.wt-form-grid,.wt-detail { grid-template-columns:1fr; } .wt-detail>.wt-cover { max-width:260px; margin:auto; } .wt-filters>* { width:100%; } .wt-admin-list>a { flex-direction:column; gap:8px; } .bc-spotlight .wt-card { grid-template-columns:90px 1fr; } }
@media(prefers-reduced-motion:reduce) { .wt-card { transition:none; } .wt-card:hover { transform:none; } }