/* V0.9: avoid GPU-heavy backdrop blur over the animated homepage */
.menu-backdrop{background:rgba(0,9,4,.52);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.menu-window{width:min(1080px,96vw);max-height:85dvh;box-shadow:0 20px 65px #000b,0 0 35px #1d9b4933;contain:layout paint}
.menu-window:after{display:none}.menu-top{position:relative;z-index:2}
.volumes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:start}
.volume{appearance:none;background:none;border:0;padding:0;cursor:pointer;color:#e4f7e9;text-align:center;min-width:0;font-family:Georgia,serif}
.volume-cover{height:auto;aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 5px;background:linear-gradient(130deg,#286b3e,#071c10 60%,#041009);border:1px solid #74b98b;border-left:7px ridge #407a53;box-shadow:6px 8px 13px #0008,inset 0 0 25px #7ef6a31c;transform:perspective(400px) rotateY(-8deg);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.volume-cover:after{content:'';position:absolute;inset:7px;border:1px solid #b4e9c14a;pointer-events:none}
.volume-cover small{font:700 10px Arial;color:#a2dcb4}.volume-cover strong{font-size:clamp(24px,3vw,42px);font-weight:normal;text-shadow:0 0 16px #54f48b}.volume-cover em{font:700 11px Georgia;font-style:normal}
.volume-name{display:block;margin-top:14px;font-size:clamp(11px,1vw,14px);line-height:1.4}.volume-state{display:block;font:11px Arial;margin-top:7px;color:#7de2a1}
.volume:not(.locked):hover .volume-cover,.volume:not(.locked):focus-visible .volume-cover{transform:perspective(400px) rotateY(0) translateY(-9px);box-shadow:0 0 24px #30d66c66,8px 12px 15px #0009}
.volume.locked{cursor:not-allowed;opacity:.55}.volume.locked .volume-cover{filter:grayscale(.85)}.volume.locked .volume-state{color:#b5bdb5}
.menu-back{border:0;background:none;color:#8df4b2;cursor:pointer;margin:0 0 16px;font:13px Arial}.menu-back:hover{text-decoration:underline}
.chapter-list{max-height:43vh;overflow-y:auto;scrollbar-color:#4d9868 #07190e;padding-right:10px}.chapter-entry{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid #426e4a65;padding:13px 4px;transition:background .2s}.chapter-entry:hover{background:#1d583022}.chapter-no{color:#68b982;font:12px Arial}.chapter-name{font:16px Georgia}.chapter-status{font:10px Arial;letter-spacing:.08em;color:#8da898}.chapter-status.planned{color:#b5dba0}
.reader-link{display:inline-block;color:#c6ffda;text-decoration:none;border:1px solid #4ba56b;padding:11px 16px;margin:8px;border-radius:4px}.reader-link:hover{background:#12522b}.patch-art{text-align:center;font-size:75px;color:#8deab0;padding:40px 0;text-shadow:0 0 35px #2cdb6d}
.page-veil{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;pointer-events:none;background:radial-gradient(circle,#154b29,#020905 70%);color:#c7f5d6;opacity:0;transition:opacity .55s}.page-veil.show{opacity:1;pointer-events:auto}.veil-glyph{font-size:64px;text-shadow:0 0 40px #6aff9c;animation:veilPulse 1.1s ease-in-out infinite alternate}.page-veil span{font:11px Arial;letter-spacing:.35em}@keyframes veilPulse{to{transform:scale(1.2);opacity:.6}}
@media(max-width:850px){.volumes{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:25px}}@media(max-width:520px){.volumes{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-entry{grid-template-columns:25px 1fr;gap:7px}.chapter-status{grid-column:2}.menu-window{max-height:90dvh}}@media(prefers-reduced-motion:reduce){.veil-glyph{animation:none}.page-veil{transition:none}}