:root { color-scheme:dark; --bg:#272a31; --line:rgba(255,255,255,.14); --text:#f6f7fb; --muted:#bec3ce; --orange:#ff7a18; --pink:#ff4d8d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
.site-shell { width:min(1380px,calc(100% - 28px)); margin:auto; }
.banner { position:relative; height:295px; overflow:hidden; border-radius:0 0 14px 14px; background:#111; }
.banner-home { display:block; width:100%; height:100%; color:inherit; text-decoration:none; }
.banner img { width:100%; height:100%; display:block; object-fit:cover; }
.banner::after { display:none; }
.banner-copy { display:none; }
.banner-copy span { color:#ff8bb4; font-size:.8rem; font-weight:850; letter-spacing:.16em; }
.banner-copy h1 { margin:5px 0; font-size:clamp(2.3rem,5vw,4.5rem); }
.section-heading { min-height:62px; padding:0 28px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:#2b2e35; font-size:.9rem; }
.section-heading a { color:#c8cbd4; }
.dmca-content { max-width:1120px; margin:0 auto; padding:48px 28px 70px; font-size:1.02rem; line-height:1.7; }
.dmca-hero { margin:0 0 38px; overflow:hidden; border:1px solid rgba(174,109,255,.42); border-radius:14px; background:#110b1e; box-shadow:0 18px 48px rgba(39,12,75,.28); }
.dmca-hero img { width:100%; height:auto; display:block; }
.dmca-content>header { padding-bottom:28px; border-bottom:1px solid var(--line); }
.eyebrow { margin:0; color:var(--pink); font-size:.78rem; font-weight:900; letter-spacing:.16em; }
.dmca-content h1 { margin:6px 0 12px; font-size:clamp(2.2rem,5vw,4rem); line-height:1.05; }
.dmca-content h2 { margin:0 0 12px; font-size:1.3rem; }
.dmca-content section { margin-top:32px; }
.disclaimer { padding:26px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(20,22,27,.38); }
.disclaimer h2 { color:#ffb31a; font-size:1.55rem; text-transform:uppercase; }
.disclaimer strong { color:#ff8a34; }
.disclaimer ol { padding-left:22px; }
.cooperation-note { margin:22px 0 0; color:#ff8a34; text-align:center; font-size:1.08rem; font-weight:800; }
.dmca-content ol { margin:0; padding-left:24px; color:#e4e6ec; }
.dmca-content li { padding:6px 0 6px 8px; }
.contact-card { padding:24px; display:grid; grid-template-columns:190px 1fr; align-items:center; gap:26px; border:1px solid rgba(116,203,62,.35); border-radius:14px; background:linear-gradient(135deg,rgba(66,112,41,.22),rgba(37,40,47,.88)); }
.dmca-contact-badge { width:190px; max-width:100%; display:block; border-radius:12px; transition:transform .22s ease,filter .22s ease; }
.dmca-contact-badge img { width:100%; height:auto; display:block; }
.dmca-contact-badge:hover,.dmca-contact-badge:focus-visible { transform:translateY(-2px); filter:drop-shadow(0 9px 18px rgba(98,190,50,.24)); }
.contact-card a { color:#62bfff; font-size:clamp(1.05rem,3vw,1.45rem); text-decoration:underline; }
.contact-card p,.legal-note p,.dmca-content>header p { color:var(--muted); }
.legal-note { padding:22px; border-left:4px solid var(--orange); background:rgba(21,23,28,.4); }
.legal-note a { color:#65bdff; text-decoration:underline; }
.footer { min-height:92px; padding:18px max(20px,calc((100% - 1330px)/2)); display:flex; align-items:center; justify-content:space-between; gap:20px; color:#aeb3c0; background:#30333a; }
.footer>a { width:44px; height:34px; display:grid; place-items:center; border-radius:6px; color:#555b67; background:#fff; }
@media(max-width:650px) { .site-shell { width:100%; } .banner { height:210px; border-radius:0; } .section-heading { padding:0 16px; } .dmca-content { padding:34px 16px 50px; } .dmca-hero { margin-bottom:28px; border-radius:10px; } .contact-card { grid-template-columns:1fr; } .footer { flex-direction:column; text-align:center; } }

/* EmiruPlay banner: keep the complete artwork visible at every viewport size. */
.banner { background:#0c0d13; }
.banner img { object-fit:cover; transform:none; }

@media (max-width:720px) {
  .banner { height:auto !important; min-height:0 !important; aspect-ratio:1380 / 295; border-radius:0; }
  .banner img { width:100%; height:100% !important; min-height:0 !important; object-fit:contain; transform:none; }
}
