:root{color-scheme:dark;--bg:#111612;--text:#f2f3e8;--muted:#a4afa6;--green:#c8ec8a;--line:#ffffff14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:5px}.skip{position:absolute;top:-80px;left:20px;background:var(--green);color:#172416;padding:12px;z-index:100}.skip:focus{top:20px}.header{height:98px;display:flex;align-items:center;gap:56px;padding:0 6vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:19px;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #c8ec8a66;border-radius:9px;color:var(--green);font-size:12px}.nav-link{font-size:14px;color:var(--text)}.family-label{margin-left:auto;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.hero{min-height:600px;position:relative;display:grid;grid-template-columns:1fr 1fr;padding:70px 6vw 76px;gap:50px;overflow:hidden;background:radial-gradient(ellipse at 78% 58%,#29482a42,transparent 55%)}.hero-copy{position:relative;z-index:2;align-self:center;max-width:570px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--green);margin:0 0 22px}.hero h1{font-size:clamp(62px,6.5vw,106px);font-weight:850;line-height:.98;letter-spacing:-6px;margin:0 0 28px;max-width:500px}.hero h1 span{color:var(--green)}.hero-meta{font-size:13px;color:#d7dfd5;letter-spacing:.4px}.hero-meta span{padding:0 12px;color:var(--muted)}.hero-description{color:var(--muted);font-size:16px;line-height:1.7;max-width:350px;margin:23px 0 29px}.primary{border:0;border-radius:7px;padding:17px 26px;background:var(--green);color:#162413;display:flex;align-items:center;gap:12px;font-weight:750;font-size:14px}.primary:hover{background:#d9f7aa}.hero-note{font-size:11px;color:#7e8d80;margin:17px 0 0}.hero-art{position:relative;min-height:450px;align-self:center;border:1px solid #99c87930;border-radius:3px;background:linear-gradient(145deg,#1f322570,#0d140eba);overflow:hidden;box-shadow:0 30px 90px #0004;transform:rotate(3deg)}.halo{position:absolute;inset:12% 8%;border-radius:50%;filter:blur(35px);background:radial-gradient(circle,#81b65b5c,transparent 70%)}.orbit{position:absolute;inset:10%;border:1px solid #afdb8d29;border-radius:50%;transform:rotate(25deg) scaleX(.7)}.orbit-b{transform:rotate(-50deg) scaleX(.7)}.clover{position:absolute;width:160px;height:160px;top:48%;left:50%;transform:translate(-50%,-50%) rotate(-12deg)}.clover i{position:absolute;width:72px;height:92px;left:44px;top:8px;transform-origin:50% 75%;border-radius:60% 60% 35% 35%;background:linear-gradient(160deg,#d0ed8a,#4f80364d);border:1px solid #d1ee9f66}.clover i:nth-child(2){transform:rotate(72deg)}.clover i:nth-child(3){transform:rotate(144deg)}.clover i:nth-child(4){transform:rotate(216deg)}.clover i:nth-child(5){transform:rotate(288deg)}.art-type{position:absolute;bottom:55px;left:35px;font-size:63px;font-weight:900;line-height:.85;letter-spacing:-4px;color:#ecf6da}.art-caption{position:absolute;left:35px;bottom:24px;font-size:8px;letter-spacing:3px;color:#b0c899}.catalog{padding:47px 6vw 90px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:10px}h2{margin:0;font-size:28px;font-weight:600;letter-spacing:-1px}.season-tag{color:var(--muted);font-size:12px;border:1px solid var(--line);padding:9px 13px;border-radius:20px}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:26px}.episode-card{text-align:left;padding:0;background:transparent;border:0;color:inherit;max-width:380px}.episode-art{height:174px;background:radial-gradient(ellipse at 25% 10%,#596944,#26372b 60%,#18241d);border:1px solid #b8d29126;position:relative;overflow:hidden;border-radius:5px;transition:transform .2s}.episode-art::after{content:"BLACK CLOVER";position:absolute;bottom:18px;left:19px;font-size:13px;font-weight:750;letter-spacing:2px;color:#d2dcbf}.episode-number{position:absolute;top:-10px;right:15px;font-size:146px;line-height:1.2;font-weight:900;color:#ffffff0e;letter-spacing:-10px}.card-play{position:absolute;top:18px;left:19px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid #d2e1b866;font-size:11px;color:#eef8e0}.duration{position:absolute;bottom:17px;right:14px;font-size:10px;background:#0005;padding:5px 7px;border-radius:3px;color:#e7ebdf}.episode-card:hover .episode-art{transform:translateY(-4px)}.episode-card h3{font-size:15px;margin:17px 0 6px;font-weight:650}.episode-card p{font-size:11px;margin:0;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;padding:26px 6vw;border-top:1px solid var(--line);color:#8b9a8e;font-size:11px}footer p{margin:0}.catalog-message{color:var(--muted)}dialog{width:min(1080px,94vw);max-width:none;max-height:95dvh;padding:24px;border:1px solid #ffffff20;border-radius:12px;background:#121814;color:var(--text);overflow:auto}dialog::backdrop{background:#050a07e8;backdrop-filter:blur(8px)}.watch-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.watch-header .eyebrow{margin-bottom:8px;font-size:9px}.watch-header h2{font-size:22px}.close{color:var(--text);background:#ffffff0b;border:1px solid #ffffff20;border-radius:50%;width:36px;height:36px}.screen{position:relative;min-height:180px;aspect-ratio:16/9;background:#000;border-radius:5px;overflow:hidden}#player-host,#player-host movi-player{display:block;width:100%;height:100%}#player-host{position:absolute;inset:0}.player-status{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:25px;color:#c7d6c6;font-size:13px;z-index:1;pointer-events:none}.player-status[hidden]{display:none}.watch-hint{font-size:12px;line-height:1.6;color:var(--muted);margin:18px 0 0}.error-message{color:#f2bcac;font-size:13px;line-height:1.6}.retry{border:1px solid #c8ec8a66;border-radius:5px;padding:10px 15px;background:transparent;color:var(--green);margin-top:8px}@media(max-width:750px){.header{height:77px;padding:0 6vw;gap:25px}.brand{font-size:16px}.family-label{display:none}.nav-link{font-size:12px;margin-left:auto}.hero{grid-template-columns:1fr;padding:48px 6vw 45px;gap:38px;min-height:0}.hero h1{font-size:76px;letter-spacing:-4px;max-width:300px}.hero-art{min-height:270px;margin:0 8px 0 4px;transform:rotate(2deg)}.art-type{font-size:48px;bottom:43px;left:24px}.art-caption{left:24px;bottom:19px;font-size:7px}.clover{top:39%;left:67%;transform:translate(-50%,-50%) rotate(-12deg) scale(.85)}.hero-description{font-size:14px;max-width:280px}.hero-meta{font-size:12px}.catalog{padding-top:35px;padding-bottom:60px}.season-tag{font-size:10px}.episode-grid{grid-template-columns:1fr 1fr;gap:18px}.episode-art{height:140px}.episode-art::after{font-size:9px;letter-spacing:1px;left:12px;bottom:15px}.episode-number{font-size:117px}.card-play{left:12px;width:27px;height:27px}.episode-card p{font-size:10px}.duration{right:8px;bottom:14px;font-size:9px}.episode-card h3{font-size:13px}footer{gap:22px;line-height:1.5}dialog{padding:16px;width:96vw}.watch-header h2{font-size:19px}.watch-hint{font-size:11px}}@media(max-width:380px){.episode-grid{grid-template-columns:1fr}.episode-art{height:174px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.episode-art{transition:none}}

/* Touch, landscape and safe-area sizing. */
body.watching{overflow:hidden}
.watch-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
.watch-actions .retry{margin:0}
button,input,select{min-height:44px}
.close{width:44px;height:44px;flex-shrink:0}
[hidden]{display:none!important}
.screen{min-height:0}
dialog{max-height:92vh;max-height:92dvh}
@media(pointer:coarse){.episode-card:hover .episode-art{transform:none}.screen{touch-action:pan-y}}
@media(max-width:750px){dialog{margin:auto;width:100%;max-width:100%;padding:16px max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-radius:10px}.hero h1{font-size:clamp(48px,17vw,76px)}.episode-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.episode-card{max-width:none}.watch-actions .primary{font-size:13px;padding:12px 16px}.header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}
@media(max-height:520px) and (orientation:landscape){dialog{max-height:100vh;max-height:100dvh;width:min(1080px,100vw);padding:8px 12px}.watch-header{margin-bottom:8px}.screen{width:min(100%,calc((100dvh - 160px)*16/9));margin:auto}.watch-hint{display:none}.watch-actions{margin-top:8px}.watch-header h2{font-size:16px}.watch-header .eyebrow{margin-bottom:3px}}