:root{color-scheme:dark;--bg:#090d16;--panel:#131b29;--muted:#aeb7c6;--gold:#e4ba77;--red:#e74447}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:#f5f4f0;font-family:Arial,'Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{height:86px;display:flex;align-items:center;gap:30px;padding:0 4.5%;position:sticky;top:0;z-index:10;background:#090d16f5;border-bottom:1px solid #ffffff16}.brand{font-size:37px;font-weight:900;letter-spacing:-3px;color:var(--red);display:flex;align-items:center;gap:13px}.brand span{max-width:95px;letter-spacing:2px;font-size:9px;line-height:1.5;color:white}nav{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:13px}nav a:hover{color:var(--gold)}header button,.arrow{border:1px solid #ffffff30;background:transparent;color:white;min-height:44px;min-width:44px;border-radius:50%}#searchToggle{font-size:30px}#menu{display:none;border-radius:6px;padding:0 12px}.hero{min-height:590px;position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:55px 5% 80px;gap:35px;background:radial-gradient(ellipse at 80% 30%,#65303255,transparent 65%),linear-gradient(120deg,#111c2c,#090d16);overflow:hidden}.hero:after{content:'';height:80px;background:linear-gradient(transparent,var(--bg));position:absolute;bottom:0;left:0;right:0;pointer-events:none}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2.5px;color:var(--gold)}.hero h1{font-size:clamp(34px,4.7vw,67px);line-height:1.3;letter-spacing:-2px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{line-height:1.85;color:#ced3dd;font-size:14px}.meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.pill{border:1px solid #e4ba7760;color:var(--gold);padding:6px 10px;font-size:11px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:5px;font-size:13px;font-weight:bold;background:#ffffff16;color:white;border:1px solid #ffffff20}.primary{background:var(--red);border-color:var(--red)}.hero-art{position:relative;padding:12px 0 30px}.hero-art img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#06080d;box-shadow:0 25px 65px #0009;border:1px solid #ffffff20;border-radius:8px}.hero-art .art-caption{position:absolute;bottom:0;left:15px;font-size:11px;color:var(--muted)}.episode-big{font-size:90px;font-weight:900;color:#ffffff0d;position:absolute;right:8px;bottom:-25px;pointer-events:none}.body{padding:0 4.5%}section{margin-bottom:65px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-head h2{font-size:24px;margin:9px 0 0}.section-head h3{font-size:18px;margin:0}.section-head a,.section-head>span{font-size:12px;color:var(--muted)}.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 15px;scrollbar-color:#394356 transparent}.episode{flex:0 0 calc((100% - 40px)/3);min-width:240px;text-align:left;scroll-snap-align:start;color:white;background:var(--panel);border:1px solid #ffffff12;border-radius:8px;overflow:hidden;padding:0}.episode:hover,.card:hover{border-color:var(--gold)}.episode-image{position:relative;background:#06080d}.episode img{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;opacity:.7}.episode-image strong{position:absolute;bottom:12px;left:18px;font-size:36px;text-shadow:0 2px 9px #000}.episode-info{padding:16px;display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.searchbar{background:var(--panel);padding:18px;display:flex;align-items:center;gap:15px;border:1px solid #ffffff12;border-radius:7px}.searchbar label{font-size:12px;color:var(--muted)}input{flex:1;min-width:0;background:transparent;border:0;border-bottom:1px solid #5d6573;color:white;padding:13px 3px}select{background:#171f2d;border:1px solid #4c5666;color:white;padding:12px;border-radius:4px;max-width:100%}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 28px}.chips button{background:transparent;border:1px solid #3c4655;border-radius:30px;color:#d2d8e2;padding:10px 17px;min-height:44px;font-size:12px}.chips button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#111827}.card{flex:0 0 285px;max-width:85vw;scroll-snap-align:start;border:1px solid #ffffff12;background:var(--panel);padding:0;border-radius:7px;overflow:hidden;text-align:left;color:white}.card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#05070a}.card-body{padding:15px}.card h3{font-size:14px;line-height:1.6;margin:10px 0;min-height:46px;overflow-wrap:anywhere}.card p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.card .label{font-size:10px;letter-spacing:1px;color:var(--gold)}.card .detail-link{display:block;color:#eee;margin-top:16px;font-size:12px}.subtle{font-size:11px;color:var(--muted);line-height:1.8}.archive{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:45px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.archive h2,.join h2{font-size:34px;line-height:1.5;letter-spacing:-1px}.archive p,.join p{font-size:14px;line-height:1.9;color:var(--muted)}.archive label{font-size:12px;margin-right:12px}.archive-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff15;padding:20px 0;gap:10px}.archive-row button{border:0;background:none;color:white;text-align:left;padding:8px;font-size:15px}.archive-row small{color:var(--muted);font-size:11px}.join{text-align:center;padding:15px 0 40px}.join h2{margin:14px 0}.join .subtle{font-size:11px;margin-top:24px}footer{padding:35px 4.5%;border-top:1px solid #ffffff15;display:flex;align-items:center;gap:24px;flex-wrap:wrap}footer p,footer a:not(.brand),footer>span{font-size:10px;color:var(--muted)}footer>span{margin-left:auto;font-size:9px;letter-spacing:1px}dialog{background:#131b29;color:white;border:1px solid #566174;border-radius:12px;width:min(740px,94vw);max-height:90dvh;padding:0;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}#close{position:sticky;top:12px;float:right;z-index:2;border:0;border-radius:50%;background:#080d18;color:white;width:44px;height:44px;font-size:26px;margin:12px 12px -56px 0}#detailBody>img{width:100%;max-height:340px;object-fit:contain;background:#05070b}.modal-copy{padding:28px}.modal-copy h2{font-size:24px;line-height:1.5;overflow-wrap:anywhere}.modal-copy p{line-height:1.9;font-size:14px;white-space:pre-line;overflow-wrap:anywhere}.modal-copy dt{color:var(--gold);font-size:11px;margin-top:16px}.modal-copy dd{margin:5px 0;font-size:13px;line-height:1.7}#empty{padding:25px;line-height:1.8}#reset{display:block;margin-top:15px;padding:12px} @media(min-width:1440px){.body,header,footer{padding-left:max(4.5%,calc((100vw - 1400px)/2));padding-right:max(4.5%,calc((100vw - 1400px)/2))}}@media(max-width:900px){header{gap:16px}nav{gap:15px}.hero{grid-template-columns:1fr 1fr;gap:20px}.searchbar{flex-wrap:wrap}.searchbar label{width:100%}}@media(max-width:700px){header{height:72px;gap:12px}.brand{font-size:31px}.brand span{font-size:8px;max-width:85px}#searchToggle{margin-left:auto}#menu{display:block;font-size:11px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#101827;padding:20px;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:15px}.hero{display:flex;flex-direction:column-reverse;padding:24px 5% 50px;gap:12px;align-items:stretch}.hero-art{padding:0 0 23px}.hero h1{font-size:37px;letter-spacing:-1.5px;margin:18px 0}.hero p{font-size:13px}.hero-art img{max-height:240px}.hero-art .art-caption{font-size:9px;bottom:2px}.episode-big{font-size:65px;bottom:-12px}.body{padding:0 5%}section{margin-bottom:45px}.section-head h2{font-size:21px}.section-head a{font-size:10px}.episode{flex-basis:78%;min-width:220px}.searchbar{padding:13px;gap:10px}.searchbar input{width:100%;flex:auto}.searchbar select{width:100%}.chips{gap:7px}.chips button{font-size:11px;padding:9px 12px}.archive{grid-template-columns:1fr;gap:20px;padding:30px 0}.archive h2,.join h2{font-size:28px}.card{flex-basis:255px}.modal-copy{padding:20px}.modal-copy h2{font-size:21px}footer{gap:15px}footer>span{width:100%;margin:0}.actions .button{font-size:12px;padding:12px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.site-navigation{width:100%;max-width:1100px;margin:16px auto;text-align:left}.site-navigation summary{cursor:pointer}.site-navigation ul{list-style:none;padding:12px 0;display:flex;flex-wrap:wrap;gap:16px}.site-navigation a{font-size:14px}.site-navigation .mobile-nav-panel{display:none}@media(max-width:700px){.site-navigation .nav-links{display:none}.site-navigation .mobile-nav-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
