:root{--paper:#f6f7f9;--ink:#1a1c28;--magenta:#e4007f;--magenta-text:#c8006e;--sky:#bfe6f5;--grey:#5c6070;--line:#d5d8e0;--font-display:"Dela Gothic One", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-body:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--gutter:clamp(1rem, 4vw, 2rem);--measure:38em}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-feature-settings:"palt";margin:0;font-size:1.0625rem;line-height:1.9}img{max-width:100%;height:auto}a{color:var(--magenta-text);text-underline-offset:.2em}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--sky)}.wrap{width:min(100% - var(--gutter) * 2, 68rem);margin-inline:auto}.skip-link{left:var(--gutter);background:var(--ink);color:#fff;z-index:10;padding:.5rem 1rem;position:absolute;top:-4rem}.skip-link:focus{top:.5rem}.ad-note{background:var(--ink);color:#fff;padding:.4rem 0;font-size:.8125rem;line-height:1.5}.ad-note .wrap{display:block}.site-header{padding:1.25rem 0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;display:flex}.site-name{font-family:var(--font-display);color:var(--ink);font-size:1.75rem;line-height:1.2;text-decoration:none}.site-name:hover{color:var(--magenta-text)}.site-nav{flex-wrap:wrap;gap:1.5rem;display:flex}.site-nav a{color:var(--ink);border-bottom:3px solid #0000;padding-block:.25rem;font-weight:700;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{border-bottom-color:var(--magenta)}.hero{padding-block:.5rem 3.5rem;overflow-x:clip}.page{--slant:56px;--overlap:40px;grid-template-columns:1.35fr 1fr;min-height:30rem;display:grid}.panel-lead{background:var(--ink);color:#fff;padding:clamp(1.5rem,4vw,3rem);padding-right:calc(clamp(1.5rem, 4vw, 3rem) + var(--slant));clip-path:polygon(0 0, 100% 0, calc(100% - var(--slant)) 100%, 0 100%);background-image:radial-gradient(circle,#e4007f8c 1.5px,#0000 1.7px);background-position:0 0;background-size:11px 11px;background-color:var(--ink);flex-direction:column;justify-content:center;display:flex}.panel-lead h1{font-family:var(--font-display);background:var(--ink);align-self:flex-start;margin:0 0 1.25rem;padding:.15em .3em;font-size:clamp(2rem,5.2vw,3.6rem);font-weight:400;line-height:1.3}.panel-lead p{background:var(--ink);align-self:flex-start;max-width:24em;margin:0;padding:.5rem .75rem}.panel-stack{margin-left:calc(var(--overlap) * -1);clip-path:polygon(var(--slant) 0, 100% 0, 100% 100%, 0 100%);flex-direction:column;gap:12px;display:flex}.panel-pick{color:var(--ink);flex:1;align-items:stretch;gap:1rem;padding:1rem 1.25rem 1rem 1.75rem;line-height:1.6;text-decoration:none;display:flex}.panel-pick:first-child{background:var(--magenta);color:#fff;padding-left:calc(var(--slant) + .5rem)}.panel-pick:nth-child(2){background:var(--sky);padding-left:calc(var(--slant) * .5 + .75rem)}.panel-pick:nth-child(3){background:#fff;padding-left:1.25rem}.panel-pick:hover{color:inherit;filter:brightness(.94)}.panel-pick:first-child:hover{filter:brightness(.88)}.panel-pick .vtitle{writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:.08em;white-space:nowrap;align-self:center;font-size:1.5rem;line-height:1.2}.panel-pick .pick-body{align-self:center;font-size:.9375rem}.panel-pick .pick-genre{margin-bottom:.25rem;font-weight:700;display:block}.panel-pick .pick-more{text-underline-offset:.25em;margin-top:.5rem;font-weight:700;text-decoration:underline;display:block}@media (prefers-reduced-motion:no-preference){.panel-pick{animation:.6s cubic-bezier(.2,.7,.2,1) backwards panel-in}.panel-pick:nth-child(2){animation-delay:.12s}.panel-pick:nth-child(3){animation-delay:.24s}}@keyframes panel-in{0%{opacity:0;transform:translate(3rem)}to{opacity:1;transform:none}}.section{padding-block:2.5rem}.section>.wrap>h2,.section-title{font-family:var(--font-display);margin:0 0 1.25rem;font-size:1.75rem;font-weight:400;line-height:1.4}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-head a{font-weight:700}.tag{border:2px solid var(--ink);color:var(--ink);white-space:nowrap;background:#fff;padding:.1rem .6rem;font-size:.8125rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-block}a.tag:hover{background:var(--ink);color:#fff}.review-list{border-top:4px solid var(--ink);margin:0;padding:0;list-style:none}.review-list li{border-bottom:1px solid var(--line)}.review-list a.row{color:var(--ink);grid-template-columns:7.5rem 1fr auto;align-items:baseline;gap:.25rem 1.5rem;padding:1.25rem .25rem;text-decoration:none;display:grid}.review-list a.row:hover{background:#fff}.review-list .row-title{font-size:1.125rem;font-weight:700;line-height:1.6}.review-list a.row:hover .row-title{color:var(--magenta-text);text-underline-offset:.2em;text-decoration:underline}.review-list .row-lead{color:var(--grey);grid-column:2;font-size:.9375rem;line-height:1.7}.review-list time{color:var(--grey);white-space:nowrap;font-size:.875rem}.genre-list{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.genre-list .tag{padding:.4rem 1.1rem;font-size:1rem}.rank-list{counter-reset:rank;border-top:4px solid var(--ink);margin:0;padding:0;list-style:none}.rank-list li{counter-increment:rank;border-bottom:1px solid var(--line)}.rank-list a.row{color:var(--ink);grid-template-columns:4.5rem 1fr;align-items:center;gap:0 1.25rem;padding:1.25rem .25rem;text-decoration:none;display:grid}.rank-list a.row:before{content:counter(rank);font-family:var(--font-display);text-align:center;color:var(--ink);grid-row:1/span 2;font-size:3rem;line-height:1}.rank-list li:first-child a.row:before{color:var(--magenta)}.rank-list a.row:hover{background:#fff}.rank-list .rank-title{font-size:1.1875rem;font-weight:700}.rank-list a.row:hover .rank-title{color:var(--magenta-text);text-underline-offset:.2em;text-decoration:underline}.rank-list .rank-lead{color:var(--grey);grid-column:2;margin-top:.25rem;font-size:.9375rem;line-height:1.7}.article-head{border-bottom:4px solid var(--ink);padding-block:1.5rem 2rem}.breadcrumb{color:var(--grey);margin:0 0 1rem;font-size:.875rem}.breadcrumb a{color:var(--grey)}.article-head h1{font-family:var(--font-display);margin:.75rem 0 1rem;font-size:clamp(1.75rem,4.6vw,3rem);font-weight:400;line-height:1.35}.article-head .article-lead{max-width:var(--measure);margin:0;font-size:1.125rem}.article-layout{grid-template-columns:minmax(0, var(--measure)) 17rem;justify-content:space-between;gap:3rem;padding-block:2.5rem 3rem;display:grid}.prose h2{font-family:var(--font-display);border-left:8px solid var(--magenta);margin:2.75rem 0 1rem;padding-left:.75rem;font-size:1.5rem;font-weight:400;line-height:1.5}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 1.25em}.prose ul{margin:0 0 1.25em;padding-left:1.4em}.prose li{margin-bottom:.4em}.spec{border:3px solid var(--ink);background:#fff;margin:0;font-size:.9375rem;line-height:1.7}.spec div{border-bottom:1px solid var(--line);grid-template-columns:5.5rem 1fr;display:grid}.spec div:last-child{border-bottom:0}.spec dt{background:var(--sky);padding:.6rem .75rem;font-weight:700}.spec dd{margin:0;padding:.6rem .75rem}.aside-sticky{align-self:start;gap:1.5rem;display:grid;position:sticky;top:1rem}.cta-box{border:3px solid var(--ink);background:#fff;padding:1.25rem}.cta-box h2,.cta-box h3{font-family:var(--font-display);margin:0 0 .75rem;font-size:1.125rem;font-weight:400;line-height:1.5}.cta-box .cta-note{color:var(--grey);margin:.75rem 0 0;font-size:.8125rem;line-height:1.6}.store-links{gap:.6rem;display:grid}.store-links a{background:var(--ink);color:#fff;text-align:center;border:3px solid var(--ink);padding:.7rem 1rem;font-weight:700;line-height:1.5;text-decoration:none;display:block}.store-links a:first-child{background:var(--magenta-text);border-color:var(--magenta-text)}.store-links a:hover{color:var(--ink);border-color:var(--ink);background:#fff}.cta-inline{margin-top:2.5rem}.cta-inline .store-links{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.next-reads{border-top:4px solid var(--ink)}.plain{max-width:var(--measure);padding-block:2rem 4rem}.plain h1{font-family:var(--font-display);margin:0 0 1.5rem;font-size:2.25rem;font-weight:400;line-height:1.4}.plain h2{font-family:var(--font-display);margin:2.5rem 0 .75rem;font-size:1.375rem;font-weight:400}.site-footer{background:var(--ink);color:#fff;margin-top:2rem;padding-block:2.5rem;font-size:.9375rem;line-height:1.8}.site-footer a{color:#fff}.site-footer a:hover{color:var(--sky)}.site-footer .footer-name{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.25rem}.site-footer p{max-width:44em;margin:0 0 .75rem}@media (width<=52rem){.page{grid-template-columns:1fr;min-height:0}.panel-lead{clip-path:none;min-height:20rem;padding-right:clamp(1.5rem,4vw,3rem)}.panel-stack{clip-path:none;margin-top:12px;margin-left:0}.panel-pick:nth-child(n){padding-left:1.25rem}.article-layout{grid-template-columns:1fr;gap:2rem}.aside-sticky{position:static}.review-list a.row{grid-template-columns:1fr auto}.review-list .row-lead{grid-column:1/-1}.review-list .tag{grid-column:1;justify-self:start}.review-list time{grid-area:1/2}.review-list .row-title{grid-column:1/-1}}.empty-note{max-width:var(--measure);color:var(--grey);margin:0}.panel-empty{pointer-events:none}