html{scrollbar-gutter:stable}html.modal-open,html.modal-open body{overflow:hidden;overscroll-behavior:none}.bar nav{display:flex;gap:16px}.bar{position:relative}.eyebrow-note{font:11px/1.9 monospace;color:#8be1ef;margin:25px 0}.intro-note{max-width:850px;font-size:15px;line-height:2;color:#b3c8d8}.stats{display:flex;gap:24px;flex-wrap:wrap;font:11px/1.8 monospace;color:#b3d1e3;margin:28px 0 36px}.category-grid,.projects-grid,.series-grid,.episodes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}.category-card,.project-card,.series-card,.episode-card{min-width:0}.category-card h3,.project-card h3,.series-card h3{font-size:clamp(25px,2.6vw,38px);line-height:1.45;margin:20px 0 12px}.category-card .visual,.series-card .visual{position:relative}.category-card .visual img,.series-card .visual img{object-fit:contain}.sub-label{font:11px/1.8 monospace;color:#b3d1e3;letter-spacing:1px}.count-badge{position:absolute;right:12px;bottom:10px;background:#09131ee8;padding:5px 9px;font:10px monospace;color:#fff}.category-card .cta,.series-card .cta{border:1px solid #8be1ef;padding:10px 16px;min-height:44px}.film-trigger{display:block;position:relative;box-sizing:border-box;width:100%;border:1px solid #b3d1e344;background:#081019;color:inherit;padding:0;aspect-ratio:16/9;overflow:hidden;cursor:pointer}.film-trigger.portrait{aspect-ratio:auto;height:390px}.film-trigger img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s cubic-bezier(.22,1,.36,1)}.duration-badge{position:absolute;right:12px;bottom:10px;background:#09131ee8;padding:5px 8px;font:11px monospace;pointer-events:none}.genre{font:11px/1.9 monospace;letter-spacing:.7px;color:#8be1ef}.project-summary,.episode-summary{font-size:14px;line-height:1.95;color:#bdcddb;margin:12px 0 16px}.production-info{display:grid;grid-template-columns:78px minmax(0,1fr);gap:7px 14px;border-top:1px solid #b3d1e333;padding:14px 0 0}.production-info dt,.production-info dd{font-size:12px;line-height:1.9;margin:0}.production-info dt{color:#8be1ef;font-family:inherit;letter-spacing:0}.production-info dd{color:#a8bece}.more-info{border-bottom:1px solid #b3d1e344;margin-top:13px;font-size:12px;color:#b3c8d8;line-height:1.9}.more-info summary{min-height:44px;cursor:pointer;padding:10px 0;color:#b3d1e3;font:11px/2 monospace;letter-spacing:.6px}.more-info p{margin:5px 0 14px;overflow-wrap:anywhere}.more-info label{display:block;margin:14px 0}.more-info select{display:block;max-width:100%;min-height:44px;background:#102332;border:1px solid #b3d1e366;color:#eef6ff;padding:8px;font:inherit}.project-card:only-child{grid-column:1/-1;width:100%;max-width:900px}.episode-card h3{font-size:25px;line-height:1.5;margin:18px 0 12px}.episode-meta{font:11px/1.9 monospace;color:#b3d1e3}.series-card:only-child{max-width:850px;grid-column:1/-1}.series-card a{display:block}.detail-visual{margin:28px 0 0;max-height:620px}.series-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;padding:36px 0}.series-intro p{font-size:16px;line-height:2;color:#bdcddb}.section-head{align-items:center}.fixture-banner{background:#ffac80;color:#09131e;padding:14px;font-weight:bold}.film-modal{width:min(1120px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 24px);padding:18px;border:1px solid #b3d1e3;background:#09131e;color:#eef6ff;overflow:auto;overscroll-behavior:contain}.film-modal.is-portrait{width:min(620px,calc(100vw - 28px))}.film-modal:not([open]){display:none}.film-modal::backdrop{background:#03080ef0}.modal-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.modal-bar h2{font-size:19px;line-height:1.6;margin:0;min-width:0;overflow-wrap:anywhere}.modal-bar button{flex-shrink:0;min-height:44px;padding:8px 14px;border:1px solid #8be1ef;background:transparent;color:#8be1ef;font:13px/1.7 sans-serif;cursor:pointer}#modal-screen{background:#04080c;display:flex;align-items:center;justify-content:center;min-height:80px}#modal-player{max-width:100%;display:flex;justify-content:center;align-items:center}#modal-player video{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 240px);object-fit:contain}#modal-status{font-size:12px;line-height:1.8;color:#b3d1e3;margin:10px 0 4px;min-height:0}#modal-status:empty{display:none}#manual-play,#retry-video{display:block;margin:12px auto;min-height:48px;padding:10px 22px;border:1px solid #8be1ef;background:#b3d1e3;color:#09131e;font-size:14px;cursor:pointer}#manual-play[hidden],#retry-video[hidden]{display:none!important}.modal-note{font-size:10px;line-height:1.7;color:#9eb6c9;text-align:center;margin:9px 0 0}button:focus-visible,summary:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #8be1ef;outline-offset:4px}button:focus:not(:focus-visible){outline:none}.record-empty{padding:24px;border:1px solid #b3d1e333;color:#b3c8d8;grid-column:1/-1}.return-links{gap:12px 28px}.no-project-route{font-size:12px;color:#b3c8d8}.broadcast-section>p{max-width:920px}@media(hover:hover){.film-trigger:hover img{transform:scale(1.018)}.category-card a:hover .cta,.series-card a:hover .cta{background:#b3d1e3;color:#09131e}}@media(max-width:700px){.bar nav{gap:14px}.category-grid,.projects-grid,.series-grid,.episodes-grid{grid-template-columns:1fr;gap:34px}.category-card h3,.project-card h3,.series-card h3{font-size:26px}.film-trigger.portrait{height:350px}.series-intro{grid-template-columns:1fr;gap:12px;padding:25px 0}.series-intro p{font-size:15px}.film-modal,.film-modal.is-portrait{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:12px}.modal-bar{gap:10px}.modal-bar h2{font-size:15px}.modal-bar button{min-width:66px;padding:8px}.modal-note{font-size:9px}#modal-player video{max-height:calc(100dvh - 230px)}.stats{gap:12px}.production-info{grid-template-columns:70px minmax(0,1fr);gap:7px 10px}.return-links{display:flex}.projects-grid .project-card:only-child{max-width:none}.detail-head h1{font-size:42px}.more-info select{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.film-trigger:hover img{transform:none}}

.focus-guard{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}

.modal-audio{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 0}.modal-audio button{min-height:44px;min-width:100px;padding:8px 12px;border:1px solid #8be1ef;background:transparent;color:#8be1ef;font:12px/1.7 sans-serif;cursor:pointer}.modal-audio label{font-size:12px;color:#b3d1e3}.modal-audio input{width:140px;max-width:35vw;min-height:44px;accent-color:#8be1ef}.modal-audio input:focus-visible{outline:3px solid #8be1ef;outline-offset:3px}@media(max-width:700px){.modal-audio{gap:8px}.modal-audio button{min-width:88px;padding:8px}.modal-audio input{width:110px}}

/* Final independent preview adjustments: scoped card imagery and text-only credits. */
.category-card[data-category-id="3"] .visual{overflow:hidden}
.category-card[data-category-id="3"] .visual img{object-fit:cover;object-position:center;transform:scale(1.02)}
.category-card[data-category-id="4"] .visual img,.category-card[data-category-id="6"] .visual img,.series-card[data-series-id="pirates"] .visual img,.series-card[data-series-id="heisei"] .visual img{object-fit:cover;object-position:center}
.broadcast-list{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:0}
.broadcast-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;padding:21px 0;border-top:1px solid #8be1ef40;break-inside:avoid}
.broadcast-number{font:12px/2 monospace;color:#8be1ef}.broadcast-station{font:11px/1.8 sans-serif;letter-spacing:1px;color:#b3d1e3}.broadcast-list p{font-size:clamp(16px,1.6vw,22px);line-height:1.7;margin:5px 0 0;overflow-wrap:anywhere;color:#eef6ff}
@media(max-width:700px){.broadcast-list li{grid-template-columns:26px minmax(0,1fr);gap:12px;padding:18px 0}.broadcast-section h2{overflow-wrap:anywhere}}
@media(hover:hover){.film-trigger:hover{border-color:#8be1ef}.film-trigger:hover img{filter:brightness(1.04)}}

/* Additional independent refinement: compact broadcast credits and series introductions. */
.broadcast-credits .broadcast-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin-top:22px}
.broadcast-credits .broadcast-list li{grid-template-columns:22px minmax(0,1fr);gap:12px;padding:13px 0}
.broadcast-credits .broadcast-list p{font-size:15px;line-height:1.7;margin:3px 0 0}
.broadcast-credits .broadcast-station{font-size:10px;line-height:1.6}
.broadcast-credits .broadcast-number{font-size:10px;color:#8daabf}
.broadcast-credits h2{font-size:clamp(22px,2.2vw,30px)}
.series-profile{scroll-margin-top:24px}
.series-profile h3{font-size:clamp(28px,3.4vw,48px);line-height:1.13;overflow-wrap:anywhere;margin:24px 0 10px}
.series-profile .series-jp{font-size:17px;color:#b3d1e3;margin:0}
.series-profile .series-intro{grid-template-columns:1fr;gap:18px;padding:27px 0}
.series-profile .series-intro p{font-size:14px;line-height:1.95;margin:8px 0 0}
.series-profile .episodes-link{display:inline-flex;align-items:center;min-height:44px}
.episodes-head{margin-bottom:28px}.episodes-head h1{margin-bottom:0}
.episodes-section>.section-head{margin-bottom:18px}
@media(max-width:700px){.broadcast-credits .broadcast-list{grid-template-columns:1fr}.broadcast-credits .broadcast-list p{font-size:14px}.broadcast-credits .broadcast-list li{padding:12px 0}.series-profile h3{font-size:30px}.series-profile .series-intro{gap:16px;padding:24px 0}.episodes-head h1{font-size:46px}}

/* Native image links retain existing card dimensions. */
.series-image-link{display:block;cursor:pointer}.series-image-link:focus-visible{outline:3px solid #8be1ef;outline-offset:4px}@media(hover:hover){.series-image-link:hover .visual{box-shadow:inset 0 0 0 1px #8be1ef}.series-image-link:hover img{filter:brightness(1.035)}}

/* Focus source contains a bright bottom edge: crop inside its unchanged button. */
.project-card[data-project-id="project-v05"] .film-trigger{border-bottom-color:transparent}
.project-card[data-project-id="project-v05"] .film-trigger img{object-fit:cover;object-position:center;transform:scale(1.025)}
@media(hover:hover){.project-card[data-project-id="project-v05"] .film-trigger:hover img{transform:scale(1.035)}}
/* Mobile credits only: 12px -> 9.5px vertical padding (20.8% reduction). */
@media(max-width:700px){.broadcast-credits .broadcast-list li{padding-top:9.5px;padding-bottom:9.5px}}

/* Formal episode titles: balanced mobile wrapping, unchanged type size. */
@media(max-width:700px){.episode-card h3{text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;line-break:strict}}