@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
:root{--ink:#15203B;--muted:#56627F;--bg:#F3F7FF;--paper:#fff;--red:#FF3B5C;--deep:#0A1A4A;--coin:#FFC83A;--line:#cfdaee;--pix:'DotGothic16','MS Gothic',monospace;--sans:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Yu Gothic UI','Meiryo',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font:16px/1.8 var(--sans);background:var(--bg);background-image:radial-gradient(#D5E0F3 1px,transparent 1px);background-size:22px 22px}a{color:#1b63d6}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:var(--ink)}button:not(:disabled),select{cursor:pointer}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #1b63d6;outline-offset:4px}.skip{position:absolute;z-index:100;left:12px;top:-80px;background:#fff;padding:10px}.skip:focus{top:8px}.site-header{background:#fff;border-bottom:2px solid var(--ink)}.header-inner{max-width:1080px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px}.brand{font-family:var(--pix);color:var(--ink);text-decoration:none;font-size:1.1rem}.header-link{font-size:.84rem;font-weight:700;color:var(--ink)}main{max-width:1080px;margin:auto;padding:24px 24px 72px}.breadcrumb{font-size:.78rem;color:var(--muted);margin-bottom:28px}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.breadcrumb li+li:before{content:'›';margin-right:8px}.eyebrow{font:700 .8rem/1.5 var(--sans);letter-spacing:.12em;margin:0 0 12px;color:var(--muted)}.eyebrow .chip{margin-right:10px}.chip{display:inline-block;font-size:.72rem;line-height:1.7;font-weight:800;border:1.5px solid var(--ink);border-radius:5px;padding:1px 8px;background:var(--coin);color:var(--ink);vertical-align:middle}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(1.65rem,4.5vw,2.8rem);line-height:1.5;margin:0 0 12px;letter-spacing:.01em}h2{font-size:1.4rem;line-height:1.5}h3{font-size:1.05rem;line-height:1.6}.pix{font-family:var(--pix)}.lead{font-size:1rem;max-width:680px;color:var(--muted)}.shelf-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:center;padding:26px 0 40px}.shelf-note{background:var(--deep);border:3px solid #fff;outline:3px solid var(--deep);border-radius:8px;padding:20px 22px;color:#fff;transform:rotate(1deg);font-family:var(--pix);line-height:1.9}.shelf-note b{display:block;color:var(--coin);font-size:1.1rem;margin-bottom:6px}.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-card{display:flex;flex-direction:column;background:#fff;border:2px solid var(--ink);border-radius:14px;box-shadow:4px 5px 0 var(--ink);overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}.work-card:hover{transform:translateY(-4px);box-shadow:5px 9px 0 var(--ink)}.card-art{background:#e8eef8;border-bottom:2px solid var(--ink);padding:15px 19px 0}.card-art img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;object-position:center bottom;background:#fff;border:1px solid #d7ddea}.card-body{display:flex;flex:1;flex-direction:column;padding:18px}.card-meta{font-size:.74rem;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card-body h2{font-size:1.1rem;line-height:1.7;margin:12px 0 6px}.card-body p{font-size:.83rem;color:var(--muted);margin:0 0 20px}.card-cta{display:block;margin-top:auto;font:1rem var(--pix);font-weight:600;border-top:1px dashed var(--line);padding-top:13px;color:#ce2442}.shelf-footer{margin-top:40px;text-align:center;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:2px solid var(--ink);border-radius:9px;padding:10px 17px;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;font-size:.9rem;line-height:1.5;box-shadow:0 3px 0 var(--ink)}.btn.primary{background:var(--red);color:#fff}.btn:hover{filter:brightness(.97)}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.intro{max-width:800px;margin:auto;text-align:center;padding-bottom:32px}.intro .lead{margin:16px auto}.meta{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.8rem}.intro-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin-top:24px}.reading-tip{font-size:.79rem;color:var(--muted);margin:18px 0 0}.reader-toolbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border:2px solid var(--ink);border-radius:10px;box-shadow:0 3px 0 var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;margin:0 auto 28px;max-width:820px}.toolbar-title{font-size:.76rem;font-weight:700;white-space:nowrap}.toolbar-controls{display:flex;align-items:center;gap:10px}.page-select-label{font-size:.76rem;color:var(--muted);display:flex;align-items:center;gap:6px}.page-select-label select{min-height:36px;border:1px solid var(--line);border-radius:6px;padding:3px 7px;background:#fff;color:var(--ink)}.toolbar-link{font-size:.78rem;font-weight:700;white-space:nowrap}.reader-pages{max-width:820px;margin:auto}.chapter{margin:32px 0 16px;padding:10px 16px;border-left:5px solid var(--red);font-size:1rem;background:#fff}.manga-page{margin:0 0 24px;scroll-margin-top:82px}.page-image-link{display:block;background:#fff;line-height:0;border:1px solid #c7d1e3;box-shadow:0 2px 7px #15203b10;cursor:zoom-in}.page-image-link img{display:block;width:100%;height:auto}.manga-page figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 3px;color:var(--muted);font-size:.74rem}.zoom-hint{color:#1b63d6}.read-end{max-width:820px;margin:42px auto;background:#fff;border:2px solid var(--ink);border-radius:13px;box-shadow:4px 4px 0 var(--ink);padding:28px}.read-end h2{margin-top:0}.read-end p{font-size:.9rem}.source-list{padding-left:20px;font-size:.86rem}.source-list li{margin:8px 0}.source-list time{display:block;font-size:.75rem;color:var(--muted)}.related-game{margin-top:24px;padding-top:20px;border-top:1px dashed var(--line)}.related-game p{color:var(--muted);margin:8px 0 14px}.read-next{max-width:820px;margin:48px auto 0}.next-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.next-card{display:flex;gap:16px;align-items:center;border:2px solid var(--ink);border-radius:10px;padding:14px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.next-card img{width:64px;height:86px;object-fit:contain;background:#eef2f9;border:1px solid var(--line)}.next-card small{display:block;font-size:.72rem;color:var(--muted)}.next-card b{display:block;font-size:.88rem;line-height:1.6}.site-footer{border-top:1px solid var(--line);text-align:center;font-size:.74rem;color:var(--muted);padding:22px;background:#fff}.site-footer a{color:var(--ink)}.zoom-dialog{position:fixed;inset:12px;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;padding:0;border:2px solid var(--ink);border-radius:12px;background:#eef2f9;overflow:hidden;color:var(--ink)}.zoom-dialog::backdrop{background:#0a1a4ade}.zoom-dialog[open]{display:flex;flex-direction:column}.zoom-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:10px 14px;border-bottom:1px solid var(--line)}.zoom-toolbar h2{font-size:.86rem;line-height:1.5;margin:0}.zoom-actions{display:flex;gap:8px;align-items:center}.zoom-actions button{min-width:40px;min-height:40px;background:#fff;border:1px solid var(--ink);border-radius:7px;padding:5px 10px;font-size:.9rem}.zoom-viewport{flex:1;overflow:auto;overscroll-behavior:contain;touch-action:auto;cursor:grab}.zoom-viewport.dragging{cursor:grabbing;user-select:none}.zoom-canvas{width:max-content;min-width:100%;padding:18px;text-align:center;line-height:0}.zoom-canvas img{max-width:none;height:auto;vertical-align:top;background:#fff;user-select:none;-webkit-user-drag:none}.zoom-help{flex:none;margin:0;padding:5px 12px;background:#fff;font-size:.7rem;color:var(--muted);text-align:center}.js-only{display:none}.js .js-only{display:flex}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.manga-page{scroll-margin-top:0}
@media(max-width:760px){.shelf-hero{grid-template-columns:1fr;gap:18px;padding-top:12px}.shelf-note{transform:none}.works{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card-body{padding:14px}.card-art{padding:10px 12px 0}.card-body h2{font-size:.95rem}.card-body p{font-size:.78rem}.reader-toolbar{gap:8px;padding:7px 10px}.toolbar-title{font-size:.68rem}.page-select-label{font-size:.7rem}.intro{padding:0 4px 26px}}
@media(max-width:520px){main{padding:18px 12px 48px}.header-inner{padding:12px 14px;gap:8px}.brand{font-size:.85rem}.header-link{font-size:.7rem}.breadcrumb{margin-bottom:20px}.shelf-hero{padding-bottom:28px}.shelf-note{font-size:.86rem;padding:16px 18px}.works{grid-template-columns:1fr;max-width:360px;margin:auto;gap:24px}.card-art{padding:16px 36px 0}.card-body{padding:18px}.card-body h2{font-size:1.08rem}.card-body p{font-size:.84rem}.intro h1{font-size:1.7rem;line-height:1.6}.intro .lead{font-size:.9rem}.reader-toolbar{border-radius:7px;margin-bottom:18px}.toolbar-title{max-width:31%;overflow:hidden;text-overflow:ellipsis}.toolbar-link{font-size:.7rem}.toolbar-controls{gap:7px}.page-select-label span{display:none}.page-select-label select{font-size:.79rem}.manga-page{margin-left:-8px;margin-right:-8px;margin-bottom:18px}.manga-page figcaption{padding:7px 7px;font-size:.68rem}.chapter{font-size:.9rem;padding:9px 10px;margin-top:24px}.read-end{padding:20px 18px;margin-top:28px}.next-links{grid-template-columns:1fr}.read-next{margin-top:32px}.zoom-dialog{inset:4px;width:calc(100vw - 8px);height:calc(100dvh - 8px);border-radius:8px}.zoom-toolbar{padding:8px;gap:6px}.zoom-toolbar h2{font-size:.72rem}.zoom-actions{gap:5px}.zoom-actions button{min-width:36px;min-height:40px;padding:5px 8px}.zoom-canvas{padding:8px}.zoom-help{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Direct reading and original article links have separate targets. */
.work-card[hidden]{display:none}.card-art{text-decoration:none}.card-body h2 a{color:inherit;text-decoration:none}.card-actions{margin-top:auto}.card-cta{text-decoration:none}.card-note-link{display:inline-block;margin-top:10px;font-size:.78rem}.shelf-filter{margin:0 0 28px}.shelf-filter>p{font-size:.85rem;color:var(--muted)}.shelf-filter label{display:block;max-width:620px;font-size:.8rem;font-weight:700}.shelf-filter input{display:block;width:100%;min-height:46px;margin-top:7px;border:1px solid #8593ae;border-radius:7px;padding:10px 12px;background:#fff;color:var(--ink);font:16px var(--sans)}.shelf-filter input:focus-visible{outline:3px solid #1b63d6;outline-offset:3px}.shelf-count{font-weight:700}.work-card:hover{transform:none;box-shadow:4px 5px 0 var(--ink)}#published-articles{scroll-margin-top:90px}
.js .shelf-filter .js-only{display:block}
.card-art{display:block}

.card-post-link{display:inline-block;margin-top:10px;font-size:.78rem}#related-posts{scroll-margin-top:90px}

/* Keep context below the comic and offer compact paths to related work. */
.manga-story p{margin:12px 0;font-size:.9rem;line-height:1.9}.story-topics{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:16px 0 22px}.story-topics li{padding:2px 8px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:.72rem;background:var(--bg)}.story-links{margin-top:22px;padding-top:16px;border-top:1px dashed var(--line)}.story-links h3{margin:0 0 8px}.story-links ul{padding-left:20px;margin:0;font-size:.86rem}.story-links li{margin:7px 0}