@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.reader-layout{display:flex;flex-direction:column;height:calc(100vh - var(--header-h) + var(--header-shift));height:calc(100svh - var(--header-h) + var(--header-shift));margin-top:calc(-1 * var(--header-shift));transition:height .22s ease,margin-top .22s ease}.reader-toolbar{display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:40px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;font-size:.82rem;color:var(--text-muted);overflow-x:auto}.reader-breadcrumb{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.reader-breadcrumb a{color:var(--text-muted)}.reader-breadcrumb .sep{color:var(--border)}.reader-breadcrumb .current{color:var(--text)}.reader-toolbar-spacer{flex:1}.view-toggle{display:flex;gap:2px;background:var(--surface-raised);border-radius:4px;padding:2px}.view-btn{padding:.25rem .6rem;border-radius:3px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.78rem;transition:all .1s;white-space:nowrap}.view-btn.active{background:var(--accent-dim);color:var(--accent)}.reader-main{display:flex;flex:1;overflow:hidden}.toc-rail{width:var(--toc-w);background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.toc-rail.collapsed{width:0;overflow:hidden}.toc-section-label{padding:.5rem .75rem .3rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700;border-top:1px solid var(--border-subtle);margin-top:.25rem}.toc-section-label:first-child{border-top:none;margin-top:0}.toc-item{display:flex;flex-direction:column;gap:0;padding:.4rem .5rem .5rem;border-left:3px solid transparent;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-decoration:none;color:var(--text-dim);font-size:.75rem;transition:all .1s;line-height:1.3}.toc-item:hover{background:var(--surface-raised);color:var(--text);text-decoration:none}.toc-item.active{border-left-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.toc-thumb{width:100%;height:auto;display:block;border-radius:2px;border:1px solid var(--border-subtle);margin-bottom:.35rem;opacity:.82}.toc-item:hover .toc-thumb,.toc-item.active .toc-thumb{opacity:1}.toc-item-title{font-weight:500;font-size:.72rem}.toc-item-meta{font-size:.65rem;color:var(--text-muted);display:flex;gap:.4rem;align-items:center;margin-top:.15rem}.toc-item-meta{font-size:.68rem;color:var(--text-muted);display:flex;gap:.4rem;align-items:center}.toc-toggle{width:100%;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-muted);font-size:.75rem;text-align:left;cursor:pointer;border-top:1px solid var(--border);display:flex;align-items:center;gap:.4rem;margin-top:auto}.toc-toggle:hover{color:var(--text)}.text-pane{flex:1;overflow-y:auto;padding:2rem 2.5rem 4rem;scroll-behavior:smooth;min-width:0}.article-header{margin-bottom:2rem}.article-type-badge{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem}.article-title{font-family:var(--font-body);font-size:1.8rem;font-weight:700;line-height:1.2;color:var(--text);margin-bottom:.75rem}.article-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.article-rating{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;color:#6fcf6f;background:#1a3a1a;padding:.25rem .65rem;border-radius:4px}.article-rating-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#4caf4c;font-weight:400}.article-games{display:flex;gap:.4rem;flex-wrap:wrap}.article-game-tag{font-size:.72rem;padding:.15rem .5rem;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);text-decoration:none;transition:all .1s}.article-game-tag:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.article-body{font-family:var(--font-body);font-size:1rem;line-height:1.75;color:var(--text);max-width:65ch}.article-body h1{font-size:1.5rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--text)}.article-body h2{font-size:1.2rem;font-weight:700;margin:1.5rem 0 .5rem;color:var(--text)}.article-body h3{font-size:1rem;font-weight:700;margin:1rem 0 .4rem;color:var(--text)}.article-body p{margin-bottom:1rem}.article-body blockquote{border-left:3px solid var(--accent);padding:.5rem 1rem;margin:1.25rem 0;color:var(--text-dim);font-style:italic;background:var(--surface);border-radius:0 var(--radius) var(--radius) 0}.article-body ul,.article-body ol{padding-left:1.5rem;margin-bottom:1rem}.article-body li{margin-bottom:.3rem}.article-body strong{font-weight:700;color:var(--text)}.article-body em{font-style:italic}.article-body code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-raised);padding:.1em .3em;border-radius:3px}.article-body hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.article-body .article-image{margin:1.5rem 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-subtle)}.article-body .article-image img{width:100%;display:block;border-radius:0}.article-body .article-image figcaption{padding:.5rem .75rem;font-size:.88rem;color:var(--text-muted);font-style:italic;font-family:var(--font-ui);background:var(--surface);line-height:1.4}.page-anchor{display:block;height:0;overflow:hidden}.article-nav{display:flex;flex-direction:column;gap:.6rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--border)}.article-nav-prev{display:inline-flex;align-items:baseline;gap:.45rem;font-size:.82rem;color:var(--text-muted);padding:.3rem .5rem;border-radius:var(--radius);align-self:flex-start;max-width:100%}.article-nav-prev:hover{color:var(--accent);text-decoration:none;background:var(--surface)}.article-nav-prev .nav-arrow{color:var(--accent);flex-shrink:0}.article-nav-prev .nav-label-prev{text-transform:uppercase;letter-spacing:.06em;font-size:.66rem;color:var(--text-muted)}.article-nav-prev .nav-title-prev{color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.continue-card{display:flex;align-items:center;gap:1rem;max-width:560px;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .15s,background .15s,transform .15s}.continue-card:hover{border-color:var(--accent);background:var(--surface-raised);text-decoration:none;transform:translateY(-2px)}.continue-thumb{width:76px;height:auto;border-radius:3px;flex-shrink:0;border:1px solid var(--border-subtle);display:block}.continue-body{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.continue-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted)}.continue-title{font-size:1rem;font-weight:600;color:var(--text);line-height:1.3}.continue-card:hover .continue-title{color:var(--accent-hover)}.continue-meta{font-size:.75rem;color:var(--text-muted);display:flex;gap:.4rem;align-items:center}.continue-arrow{font-size:1.4rem;color:var(--accent);flex-shrink:0;transition:transform .15s}.continue-card:hover .continue-arrow{transform:translate(3px)}.article-nav-end{padding:.75rem 1rem;max-width:560px;font-size:.82rem;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);text-align:center}.scan-pane{width:50%;background:var(--scan-bg);border-left:1px solid var(--border);overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.scan-strip-head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;padding:.55rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;font-size:.78rem;position:sticky;top:0;z-index:5}.scan-strip-section{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--accent);background:var(--accent-dim);border-radius:3px;padding:.1rem .4rem;flex-shrink:0}.scan-strip-title{font-weight:600;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.scan-strip-meta{display:flex;gap:.5rem;align-items:center;color:var(--text-muted);font-size:.72rem;flex-shrink:0}.scan-strip-pos{color:var(--text-dim);font-size:.7rem;border-left:1px solid var(--border);padding-left:.5rem}.scan-strip-thumbs{display:flex;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0;scrollbar-width:thin}.scan-thumb{position:relative;flex-shrink:0;width:44px;padding:0;border:2px solid transparent;border-radius:3px;background:transparent;cursor:pointer;opacity:.78;transition:opacity .1s,border-color .1s}.scan-thumb img{width:100%;height:auto;display:block;border-radius:2px}.scan-thumb:hover{opacity:1;border-color:var(--border)}.scan-thumb.active{opacity:1;border-color:var(--accent)}.scan-thumb-num{position:absolute;right:2px;bottom:2px;font-size:.6rem;font-weight:700;color:#fff;background:#000000b8;border-radius:2px;padding:0 3px;line-height:1.4}.scan-pages{flex:1;overflow-y:auto;scroll-behavior:smooth}.scan-page{position:relative;width:100%;line-height:0;border-bottom:1px solid var(--border-subtle)}.scan-page img{width:100%;height:auto;display:block}.scan-page.active-page img{outline:2px solid var(--accent-dim)}.scan-no-pages{padding:3rem 2rem;text-align:center;color:var(--text-muted);font-size:.88rem;line-height:1.6}.scan-no-pages code{font-family:var(--font-mono);font-size:.85em;background:var(--surface);padding:.1em .3em;border-radius:3px}.scan-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:900px;margin:0 auto;padding:1.5rem 1rem 3rem;font-size:.85rem}.scan-nav a{color:var(--accent)}.scan-nav .prev,.scan-nav .next{max-width:45%}.scan-nav .next{text-align:right}.reader-main[data-mode=side] .text-pane{flex:1 1 0;max-width:820px}.reader-main[data-mode=side] .scan-pane{flex:1 1 0;width:auto;min-width:0}.reader-main[data-mode=text] .scan-pane{display:none}.reader-main[data-mode=text] .text-pane{flex:1}.reader-main[data-mode=text] .text-pane>article{max-width:960px;margin:0 auto}.reader-main[data-mode=text] .article-body{max-width:none}.reader-main[data-mode=scan] .text-pane{display:none}.reader-main[data-mode=scan] .scan-pane{width:auto;flex:1 1 0;min-width:0;border-left:none}.reader-main[data-mode=scan] .scan-page{max-width:900px;margin:0 auto}.toc-drawer-btn{display:none;align-items:center;gap:.35rem;padding:.3rem .65rem;border:1px solid var(--border);border-radius:4px;background:var(--surface-raised);color:var(--text);font-size:.8rem;cursor:pointer;flex-shrink:0;transition:border-color .1s}.toc-drawer-btn:hover{border-color:var(--accent);color:var(--accent)}.toc-drawer-btn .toc-drawer-icon{font-size:.95rem;line-height:1}.toc-backdrop{display:none;position:fixed;top:calc(var(--header-h) - var(--header-shift));left:0;right:0;bottom:0;z-index:120;background:#0000008c}@media (max-width: 900px){:root{--toc-w: 0px}.toc-rail{position:fixed;top:calc(var(--header-h) - var(--header-shift));bottom:0;left:0;z-index:130;width:min(320px,85vw);box-shadow:6px 0 28px #0000008c;transform:translate(-102%);transition:transform .22s ease}body.toc-open .toc-rail{transform:translate(0)}body.toc-open .toc-backdrop{display:block}.toc-drawer-btn{display:inline-flex}.reader-breadcrumb,.view-btn[data-mode=side]{display:none}.reader-main[data-mode=side] .view-btn[data-mode=text]{background:var(--accent-dim);color:var(--accent)}.reader-main[data-mode=side] .scan-pane{display:none}.reader-main[data-mode=side] .text-pane{flex:1}.scan-pane{width:100%;border-left:none}}