.extra-page{color:var(--color-ink)}.extra-introduction{padding-top:clamp(2rem,4vw,3rem)}.extra-content{width:min(calc(100% - 3rem), var(--content-ultrawide));padding-block:var(--space-8) var(--space-24);gap:clamp(2rem,4vw,4rem);margin-inline:auto;display:grid}.extra-section{min-width:0;scroll-margin-top:7rem}.extra-section h2{margin:0 0 var(--space-8);padding-bottom:var(--space-4);border-bottom:var(--rule-width) solid var(--rule-color);font-family:var(--font-family-serif);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.4}.extra-movies__group+.extra-movies__group{margin-top:var(--space-6)}.extra-movies__group>summary{min-height:2.75rem;padding-block:var(--space-2);border-bottom:var(--rule-width) solid var(--rule-color)}.extra-movies__group>summary h3{font-size:var(--text-lg);margin:0;display:inline-block}.extra-movies__group>.extra-movies{margin-top:var(--space-6)}.extra-movies{gap:var(--space-8) var(--space-6);display:grid}.extra-movies figure{min-width:0;margin:0}.extra-movie{display:block;position:relative}.extra-movie img,.extra-movies iframe{aspect-ratio:16/9;background:var(--color-pale-sky);border:0;width:100%;height:auto;display:block}.extra-movie__play{aspect-ratio:1;border:.15rem solid var(--color-white);background:var(--color-deep);border-radius:50%;width:3.5rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.extra-movie__play:before{border-block:.55rem solid #0000;border-inline-start:.9rem solid var(--color-white);content:"";position:absolute;top:50%;left:50%;translate:-35% -50%}.extra-movie:is(:hover,:focus-visible) .extra-movie__play{border-color:var(--color-deep);background:var(--color-white)}.extra-movie:is(:hover,:focus-visible) .extra-movie__play:before{border-inline-start-color:var(--color-deep)}.extra-movies figcaption{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;align-items:baseline;font-weight:700;line-height:1.6;display:flex}.extra-status{padding:0 var(--space-2);border:var(--rule-width) solid var(--rule-color);font-size:var(--text-sm);white-space:nowrap}.extra-movie-note{gap:var(--space-2) var(--space-6);margin-top:var(--space-8);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.extra-movie-note p{margin:0}.extra-page a{text-underline-offset:.25em}.extra-kits{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.extra-kit{background:var(--color-paper);min-width:0;box-shadow:0 .75rem 1.6rem #0a3daa24}.extra-previews{min-width:0;padding:var(--space-4);background:var(--color-pale-sky);align-items:center;display:flex}.extra-previews img{width:100%;height:auto;display:block}.extra-previews{aspect-ratio:16/9}.extra-previews--icons{align-content:center;gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.extra-previews--icons img{border-radius:.5rem}.extra-kit__body{padding:clamp(1rem,2vw,2rem)}.extra-kit h3,.extra-manga h3{font-size:var(--text-lg);margin:0;line-height:1.6}.extra-kit p,.extra-manga p{max-width:var(--body-measure);margin:var(--paragraph-space) 0 0;line-height:1.85}.extra-size,.extra-terms{color:var(--notice-color)}.extra-action{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);min-height:3rem;margin-top:var(--space-6);padding-block:var(--space-2);border-bottom:var(--rule-width) solid var(--rule-color);flex-wrap:wrap;font-weight:700;display:flex}.extra-action span{font-size:var(--text-sm);white-space:nowrap}.extra-terms{margin-top:var(--space-6);font-size:var(--text-sm)}@media not all and (min-width:68.75rem){.extra-content{width:min(calc(100% - 2rem), var(--content-default))}}@media (min-width:64rem){.extra-movies{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.extra-movies{grid-template-columns:repeat(3,minmax(0,1fr))}}.extra-manga h3 a{font-family:var(--font-family-serif)}.extra-shelf{justify-content:center;gap:var(--space-4) .75rem;margin:var(--space-6) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.extra-shelf li{flex:0 0 clamp(6.5rem,33.3333% - .5rem,9rem);min-width:0}.extra-shelf a{color:inherit;text-decoration:none;display:block}.extra-shelf img{border:.35rem solid var(--color-white);width:100%;height:auto;display:block;box-shadow:0 .9rem 1.5rem #00000038}.extra-shelf a span{font-size:var(--text-xs);text-align:center;text-wrap:balance;text-underline-offset:.25em;margin:.6rem 0 .9rem;font-weight:800;line-height:1.5;text-decoration:underline;display:block}.extra-shelf__soon>div{aspect-ratio:480/682;color:#42607e;font-size:var(--text-xs);text-align:center;background:repeating-linear-gradient(-45deg,#388df814 0 8px,#0000 8px 16px);border:2px dashed #8fb3de;align-content:center;gap:.35rem;padding-inline:.25rem;font-weight:800;display:grid}@media (min-width:64rem){.extra-shelf{background:var(--color-white);border-bottom:0;flex-wrap:nowrap;justify-content:normal;align-items:stretch;gap:.7rem;height:clamp(19rem,28vw,24rem);padding:1.1rem 1.6rem;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 .9rem 1.8rem #0a285024}.extra-shelf li{background:var(--color-white);width:auto;min-width:0;box-shadow:none;border:3px solid #1b1b1b;flex:1 1 0;transition:flex-grow .45s;position:relative;overflow:hidden}.extra-shelf li>:is(a,div){margin:0;position:absolute;inset:0}.extra-shelf img{object-fit:cover;object-position:50% 0;height:100%;box-shadow:none;filter:grayscale()contrast(1.05);border:0;transition:filter .45s}.extra-shelf a span{color:#1b1b1b;background:var(--color-white);font-size:var(--text-sm);opacity:0;border:2px solid #1b1b1b;margin:0;padding:.45rem .6rem .5rem;text-decoration-color:#1b1b1b73;transition:opacity .3s;position:absolute;bottom:.7rem;left:.7rem;right:.7rem}.extra-shelf__soon>div{aspect-ratio:auto;color:#3a3a3a;background:radial-gradient(circle,#00000029 .09rem,#0000 .11rem) 0 0/.42rem .42rem;border-width:0;padding-inline:.5rem}.extra-shelf__soon{box-shadow:none;border:2px dashed #1b1b1b}.extra-shelf li:is(:hover,:focus-within),.extra-shelf:not(:has(li:hover,li:focus-within)) li:first-child{flex-grow:3.2}.extra-shelf li:is(:hover,:focus-within) img,.extra-shelf:not(:has(li:hover,li:focus-within)) li:first-child img{filter:none}.extra-shelf li:is(:hover,:focus-within) a span,.extra-shelf:not(:has(li:hover,li:focus-within)) li:first-child a span{opacity:1}}@media (prefers-reduced-motion:reduce){.extra-shelf li,.extra-shelf img,.extra-shelf a span{transition:none}}@media not all and (min-width:64rem){.extra-content{padding-bottom:3rem}}