@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=Inter:wght@400;600;700&display=swap');
/* Wicked Hentai - gothic */
:root:root{--bg:#0c0609;--bg2:#160a10;--bg3:#211019;--bg4:#341627;--text:#f6eef2;--muted:#c4a9b6;--faint:#8a6878;--line:rgba(255,45,85,.22);--accent:#ff2d55;--accent2:#b46bff;--radius:4px}
body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(1000px 520px at 50% -15%,rgba(155,48,255,.2),transparent 65%),radial-gradient(700px 400px at 0 100%,rgba(255,45,85,.1),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 14px),var(--bg);background-attachment:fixed}
.logo,.logo *{font-family:Cinzel,serif;letter-spacing:.08em}
.logo span{color:var(--accent);text-shadow:0 0 16px rgba(255,45,85,.55)}
.logo::after{content:"変態 3D";font-family:Inter,sans-serif;font-size:.48em;margin-left:.7em;padding:2px 7px;border:1px solid var(--accent2);color:var(--accent2);letter-spacing:.12em;vertical-align:middle}
h1,h2,.section-title,.list-head h1{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.08em}
.top-inner{gap:20px}
.search{order:2;margin:0 auto;max-width:560px;flex:1}
.main-nav{order:3}
.search input{background:var(--bg3);border:1px solid var(--line);border-radius:2px 0 0 2px}
.search button{background:linear-gradient(90deg,var(--accent),#9b30ff);color:#fff;border-radius:0 2px 2px 0}
.main-nav a{padding:6px 14px;text-transform:uppercase;letter-spacing:.06em;font-size:.9em;border-bottom:2px solid transparent}
.main-nav a:hover{color:var(--accent)}
.main-nav a.on{border-bottom-color:var(--accent);color:var(--text);background:none}
.catbar{gap:6px}
.catbar a{border:1px solid var(--line);background:rgba(155,48,255,.07);border-radius:2px;padding:6px 12px}
.catbar a.on,.catbar a:hover{background:linear-gradient(90deg,var(--accent),#9b30ff);color:#fff;border-color:transparent}
.card{transition:transform .2s}
.card:hover{transform:translateY(-3px)}
.thumb{border-radius:4px;overflow:hidden;border:1px solid var(--line);transition:box-shadow .2s,border-color .2s}
.card:hover .thumb{border-color:var(--accent2);box-shadow:0 10px 30px rgba(155,48,255,.35)}
.card h3{font-weight:600}
.card:hover h3{color:var(--accent)}
.dur{background:rgba(12,6,9,.85);border-left:2px solid var(--accent);border-radius:0}
.hd{background:var(--accent2);color:#fff;border-radius:2px;font-weight:700}
.sorts a,.pager a,.pager span{border-radius:2px}
.sorts a.on,.sorts a.on:hover,.pager span.on{background:var(--accent);color:#fff;box-shadow:none}
.chip{border-radius:2px;border:1px solid var(--line)}
.agegate-box{border:1px solid var(--accent2);box-shadow:0 0 60px rgba(155,48,255,.35)}
@media (max-width:820px){.search{flex-basis:100%;max-width:none;order:3}.main-nav{margin-left:auto}.logo::after{display:none}}

/* logo-fix */
.logo span{color:#fff !important;text-shadow:none}
