html:has(body.toons-reader){overflow:hidden;height:100%;max-width:100%;--reader-chrome-top: 0px;--reader-chrome-size: clamp(2rem, 1.75rem + .6vw, 2.5rem)}body.toons-reader{min-height:100dvh;height:100dvh;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);color:var(--text);overflow:hidden;user-select:none}.reader{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.75rem 1.5rem .75rem;width:100%;max-width:100%;box-sizing:border-box;position:relative;z-index:1;overflow:hidden}.toons-back{position:fixed;top:var(--reader-chrome-top);left:1.25rem;z-index:50;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:0;--nav-logo-h: var(--reader-chrome-size);transition:opacity .2s var(--transition),filter .2s var(--transition)}.toons-back:hover{opacity:.92;filter:brightness(1.08)}.toons-back:focus-visible{outline:2px solid var(--red-smile);outline-offset:3px}.toons-back-logo,.toons-back .nav-logo-img{display:block;height:var(--nav-logo-h, 40px);width:var(--nav-logo-h, 40px);object-fit:contain;border:1px solid var(--red-smile);padding:4px;box-sizing:border-box;background:var(--bg-dark)}.title-bar{text-align:center}.title-bar .section-tag{margin-bottom:6px}.title-bar h1{font-family:Playfair Display,serif;font-size:clamp(1.35rem,4.5vw,2rem);font-weight:900;line-height:.95;letter-spacing:0;color:var(--text)}.toon-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:60;background:color-mix(in srgb,var(--text) 8%,transparent);pointer-events:none}.toon-progress-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,color-mix(in srgb,var(--red-smile) 55%,transparent),var(--red-smile));box-shadow:0 0 8px color-mix(in srgb,var(--red-smile) 55%,transparent);transition:transform .45s var(--transition);will-change:transform}@media(prefers-reduced-motion:reduce){.toon-progress-fill{transition:none}}.toon-top-controls{position:fixed;top:var(--reader-chrome-top);right:1.5rem;z-index:51;display:flex;align-items:center;box-sizing:border-box;height:var(--reader-chrome-size);gap:.35rem;padding:0;border-radius:6px;isolation:isolate}@keyframes toon-menu-ring-flash{0%,to{opacity:0}50%{opacity:1}}@keyframes toon-menu-btn-flash{0%,to{border-color:var(--border);color:var(--silver)}50%{border-color:var(--red-smile);color:var(--red-smile)}}.toon-top-controls.is-highlight-pulse{position:fixed}.toon-top-controls.is-highlight-pulse:before{content:"";position:absolute;inset:-4px;border-radius:8px;border:2px solid var(--red-smile);background:color-mix(in srgb,var(--red-smile) 20%,transparent);pointer-events:none;z-index:-1;animation:toon-menu-ring-flash .48s ease-in-out 3}.toon-top-controls.is-highlight-pulse .toon-fs-btn{animation:toon-menu-btn-flash .48s ease-in-out 3;transition:none}@media(prefers-reduced-motion:reduce){.toon-top-controls.is-highlight-pulse:before{animation:none;opacity:1}.toon-top-controls.is-highlight-pulse .toon-fs-btn{animation:none;border-color:var(--red-smile);color:var(--red-smile)}}.toon-fs-btn{font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--silver);background:var(--bg-card);border:1px solid var(--border);padding:.45rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:1.9rem;min-height:1.9rem;transition:color .2s var(--transition),border-color .2s var(--transition),background .2s var(--transition)}.toon-fs-btn:hover{color:var(--text);border-color:var(--border-light)}.toon-fs-btn.is-active,.toon-like-btn.is-liked{border-color:var(--red-smile);color:var(--red-smile)}.toon-like-btn:disabled{cursor:default;opacity:1}.toon-like-btn:disabled.is-liked,.toon-like-btn:disabled.is-liked:hover{border-color:var(--red-smile);color:var(--red-smile)}.toon-like-btn.is-pending{opacity:1}.toon-like-btn.has-stats{gap:.25rem;line-height:1}.toon-like-btn .toon-like-count{font-size:.6rem;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums}.toon-fs-btn .toon-fs-sound-waves{display:none}.toon-fs-btn.is-active .toon-fs-sound-waves{display:inline}.toon-fs-btn:focus-visible{outline:2px solid var(--red-smile);outline-offset:2px}.toon-fs-btn svg{width:14px;height:14px;flex-shrink:0}.toon-fs-btn .toon-fs-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}body.toons-reader:before{content:"";position:fixed;top:0;left:0;right:0;width:100%;height:var(--reader-chrome-size);z-index:48;pointer-events:none;background:color-mix(in srgb,var(--bg-dark) 80%,transparent);flex:none;align-self:stretch;margin:0}body.toons-reader>.page-breadcrumb{position:fixed;top:var(--reader-chrome-top);height:var(--reader-chrome-size);display:flex;align-items:center;line-height:var(--reader-chrome-size);left:5.5rem;z-index:50;max-width:min(48vw,26rem);margin:0}body.toons-reader>.page-breadcrumb ol,body.toons-reader>.page-breadcrumb li{align-items:center;height:100%;line-height:inherit}@media(max-width:768px){body.toons-reader>.page-breadcrumb{left:4.25rem;right:10.75rem;max-width:none;overflow:hidden;white-space:nowrap}body.toons-reader>.page-breadcrumb ol{flex-wrap:nowrap;align-items:center;min-width:0;max-width:100%}body.toons-reader>.page-breadcrumb li:first-child,body.toons-reader>.page-breadcrumb li:last-child{display:none}body.toons-reader>.page-breadcrumb li:first-child+li:before{content:none}body.toons-reader>.page-breadcrumb li:nth-last-child(2){min-width:0;flex-shrink:1;max-width:100%;overflow:hidden}body.toons-reader>.page-breadcrumb li:nth-last-child(2) a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}body.is-fullscreen:before,body.is-fullscreen .toons-back,body.is-fullscreen>.page-breadcrumb,body.is-fullscreen .controls,body.is-fullscreen .page-nav-btn,body.is-fullscreen .hint{display:none!important}body.is-fullscreen .title-bar{margin:0}body.is-fullscreen .title-bar .section-tag{font-size:8px;letter-spacing:3px;margin-bottom:4px}body.is-fullscreen .title-bar h1{font-size:clamp(1.1rem,2.8vw,1.65rem)}body.is-fullscreen .reader{min-height:100dvh;padding:.5rem;justify-content:center;gap:.5rem}.book-scene{perspective:2200px;width:var(--book-width);height:var(--book-height);max-width:100%;position:relative;flex-shrink:0}.book{width:100%;height:100%;position:relative;transform-style:preserve-3d}.book-shadow{position:absolute;bottom:-18px;left:5%;width:90%;height:30px;background:radial-gradient(ellipse,rgba(0,0,0,.55) 0%,transparent 70%);filter:blur(8px);pointer-events:none}.spread{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;position:relative;border-radius:2px 6px 6px 2px;border:1px solid var(--border);box-shadow:0 2px 4px #0000004d,0 12px 40px #0000008c}.page-slot{position:relative;overflow:hidden;background:var(--page-bg)}.page-slot[data-page-num]:after{content:attr(data-page-num);position:absolute;left:0;bottom:0;z-index:33;font-family:VT323,monospace;font-size:clamp(11px,1.5vh,16px);line-height:1;letter-spacing:.08em;color:var(--text);background:var(--bg-dark);padding:.25em .55em .2em;border-radius:0 3px 0 0;pointer-events:none;user-select:none}.page-slot.right{border-radius:0 4px 4px 0;box-shadow:inset -8px 0 16px #0000000f}.page-slot.left{border-radius:4px 0 0 4px;box-shadow:inset 8px 0 16px #0000000f}.page-slot img{width:100%;height:100%;object-fit:contain;display:block;background:var(--page-bg);-webkit-user-drag:none}.page-slot.blank{background:linear-gradient(135deg,#f0ebe3,#e8e2d8)}.page-slot.blank:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(0,0,0,.015) 28px,rgba(0,0,0,.015) 29px)}.spine{position:absolute;top:0;left:50%;transform:translate(-50%);width:14px;height:100%;background:linear-gradient(90deg,var(--bg-dark) 0%,var(--spine) 30%,#4a3f32 50%,var(--spine) 70%,var(--bg-dark) 100%);z-index:10;box-shadow:-2px 0 6px #0006,2px 0 6px #0006;pointer-events:none}.spine-glow{position:absolute;top:0;left:calc(50% - 20px);width:40px;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.12) 50%,transparent);z-index:9;pointer-events:none}.page-slot.is-captions-pending>img:not(.cover-texture-img),.flip-face.is-captions-pending>img:not(.cover-texture-img){opacity:0}.flip-page{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;transform-origin:left center;z-index:40;pointer-events:none}.flip-page.from-right{right:0;transform-origin:left center}.flip-page.from-left{left:0;transform-origin:right center}.flip-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:var(--page-bg);isolation:isolate}.flip-face img{width:100%;height:100%;object-fit:contain;background:var(--page-bg)}.flip-face.back{transform:rotateY(180deg)}.flip-face.inside-cover{background:linear-gradient(135deg,var(--cover) 0%,var(--bg-dark) 100%)}.flip-page.from-right .flip-face.front{border-radius:0 4px 4px 0;box-shadow:-4px 0 12px #00000026}.flip-page.from-left .flip-face.front{border-radius:4px 0 0 4px;box-shadow:4px 0 12px #00000026}.flip-page.flipping.from-right{animation:flip-right .7s var(--transition) forwards}.flip-page.flipping.from-left{animation:flip-left .7s var(--transition) forwards}@keyframes flip-right{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flip-left{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.nav-zone{position:absolute;top:0;width:50%;height:100%;z-index:30;cursor:pointer}.nav-zone.prev{left:0}.nav-zone.next{right:0}.nav-zone:hover:after{content:"";position:absolute;inset:0;background:#ffffff08;transition:background .2s var(--transition)}@media(prefers-reduced-motion:reduce){.flip-page.flipping.from-right,.flip-page.flipping.from-left{animation-duration:.01ms}}.controls{display:flex;align-items:center;gap:1.5rem}.reader-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-family:Inter,sans-serif;transition:background .2s var(--transition),border-color .2s var(--transition),color .2s var(--transition)}.reader-btn:hover:not(:disabled){border-color:var(--red-smile);color:var(--red-smile)}.reader-btn:focus-visible{outline:2px solid var(--red-smile);outline-offset:2px}.reader-btn:disabled{opacity:.25;cursor:default}.page-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:32;opacity:.9;background:color-mix(in srgb,var(--bg-dark) 72%,transparent);border-color:var(--red-smile);color:var(--red-smile);transition:background .18s var(--transition),border-color .18s var(--transition),color .18s var(--transition),opacity .18s var(--transition)}.page-nav-btn:hover:not(:disabled),.page-nav-btn:focus-visible:not(:disabled),.page-nav-btn:active:not(:disabled){opacity:1;background:var(--red-smile);border-color:var(--text);color:var(--text)}.page-nav-btn.prev{left:-22px}.page-nav-btn.next{right:-22px}.page-indicator{font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.15em;min-width:6.5rem;text-align:center;color:var(--silver)}.hint{font-family:Inter,sans-serif;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--silver);opacity:.7}.page-slot.inside-cover{background:linear-gradient(135deg,var(--cover) 0%,var(--bg-dark) 100%)}.page-slot.inside-cover.has-cover-texture,.flip-face.inside-cover.has-cover-texture{background:var(--cover, var(--bg-dark))}img.cover-texture-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:brightness(1.35) contrast(1.08)}.page-slot.inside-cover.has-cover-texture .front-cover-instructions,.flip-face.inside-cover.has-cover-texture .front-cover-instructions{background:linear-gradient(to bottom,color-mix(in srgb,var(--bg-dark) 35%,transparent) 0%,transparent 38%,color-mix(in srgb,var(--bg-dark) 40%,transparent) 100%)}.page-slot.inside-cover.has-cover-texture .back-cover-link,.flip-face.inside-cover.has-cover-texture .back-cover-link{z-index:32}.front-cover-instructions{--front-cover-col: min(22rem, 88%);position:absolute;inset:0;z-index:32;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.4rem;padding:1.05rem 1rem 1.1rem;text-align:center;color:var(--silver);font-family:Inter,sans-serif;overflow:hidden;box-sizing:border-box;max-width:100%}.front-cover-title{font-family:Playfair Display,serif;font-size:clamp(1.45rem,4vw,1.95rem);font-weight:900;line-height:.95;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0;flex-shrink:0;width:100%;max-width:var(--front-cover-col)}.front-cover-subtitle{font-family:Inter,sans-serif;font-size:clamp(.7rem,.64rem + .2vw,.82rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red-smile);margin:.05rem 0 0;flex-shrink:0;width:100%;max-width:var(--front-cover-col)}.front-cover-instructions img.front-cover-logo{width:44px;height:auto;object-fit:initial;opacity:.92;margin:.1rem 0 0;flex-shrink:0}.front-cover-story{display:flex;flex-direction:column;align-items:stretch;flex:1 1 auto;min-height:0;width:100%;max-width:var(--front-cover-col);text-align:left;align-self:center;padding-top:.45rem;box-sizing:border-box}.front-cover-separator{flex-shrink:0;width:100%;max-width:var(--front-cover-col);height:0;margin:.75rem 0;border:none;border-top:1px solid var(--border-light);opacity:.95}.front-cover-manual{display:flex;flex-direction:column;align-items:center;gap:.55rem;flex-shrink:0;width:100%;max-width:var(--front-cover-col);padding-top:.25rem}.front-cover-brand{margin:0;flex-shrink:0;width:100%;text-align:center}.front-cover-brand-line{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;margin:0;font-family:Inter,sans-serif;font-weight:800;font-size:clamp(.95rem,.88rem + .35vw,1.15rem);letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.front-cover-brand-word{line-height:1}.front-cover-brand-info{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;padding:0;border:1px solid var(--border-light);border-radius:50%;background:transparent;color:var(--silver);cursor:pointer;flex-shrink:0;transition:color .2s var(--transition),border-color .2s var(--transition),background .2s var(--transition)}.front-cover-brand-info svg{width:.8rem;height:.8rem}.front-cover-brand-info:hover{color:var(--text);border-color:var(--silver);background:color-mix(in srgb,var(--text) 8%,transparent)}.front-cover-brand-info:focus-visible{outline:2px solid var(--red-smile);outline-offset:2px}.front-cover-brand-build{display:block;margin:.2rem 0 0;font-family:Inter,ui-monospace,monospace;font-weight:500;font-size:clamp(.55rem,.52rem + .1vw,.62rem);letter-spacing:.06em;line-height:1.2;text-transform:none;color:var(--silver);opacity:.85}.front-cover-brand-by{display:block;margin:.25rem 0 0;font-family:Inter,sans-serif;font-weight:600;font-size:clamp(.7rem,.66rem + .16vw,.8rem);letter-spacing:.12em;text-transform:uppercase;color:var(--silver)}a.sound-prompt__btn{display:block;text-decoration:none;text-align:center;box-sizing:border-box}.sound-prompt__panel strong{color:var(--text);font-weight:600}.front-cover-howto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;width:100%;max-width:var(--front-cover-col);margin:.25rem 0 0;padding:.35rem 0 .15rem;flex-shrink:0;box-sizing:border-box}.front-cover-howto-icons{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.85rem 1.25rem;width:100%}.front-cover-howto-caption{margin:0;max-width:18rem;font-family:Inter,sans-serif;font-size:clamp(.78rem,.72rem + .22vw,.9rem);font-weight:400;line-height:1.35;letter-spacing:.02em;text-align:center;text-wrap:pretty;color:var(--text-muted)}.front-cover-howto-svg{display:block;height:clamp(2.75rem,2.4rem + 1.2vw,3.5rem);width:auto;flex-shrink:0;overflow:visible}.front-cover-howto-keys{height:clamp(2.5rem,2.2rem + 1vw,3.15rem)}.front-cover-howto-click{height:clamp(3rem,2.6rem + 1.2vw,3.75rem)}.front-cover-howto-bounce{animation:front-cover-howto-bounce 1.6s ease-in-out infinite}.front-cover-howto-chevron-trail{animation:front-cover-howto-trail 1.6s ease-in-out infinite}@keyframes front-cover-howto-bounce{0%,to{transform:translateY(-5px)}55%{transform:translateY(7px)}}@keyframes front-cover-howto-trail{0%,to{opacity:.15}55%{opacity:.7}}@media(prefers-reduced-motion:reduce){.front-cover-howto-bounce,.front-cover-howto-chevron-trail,.scroll-howto{animation:none}.front-cover-howto-chevron-trail{opacity:.45}}.front-cover-howto-key{fill:color-mix(in srgb,var(--bg-card) 70%,transparent);stroke:var(--border-light)}.front-cover-howto-key.is-active{fill:color-mix(in srgb,var(--red-smile) 18%,var(--bg-card));stroke:var(--red-smile)}.front-cover-howto-key-glyph{stroke:var(--silver);fill:none}.front-cover-howto-key-glyph.is-active{stroke:var(--text)}.front-cover-howto-page{stroke:var(--border-light);fill:color-mix(in srgb,var(--bg-card) 55%,transparent)}.front-cover-howto-zone{stroke:none}.front-cover-howto-zone--prev{fill:color-mix(in srgb,var(--text) 4%,transparent)}.front-cover-howto-zone--next{fill:color-mix(in srgb,var(--red-smile) 22%,transparent)}.front-cover-howto-pointer{fill:var(--text);stroke:var(--bg-dark)}.front-cover-howto-click-dot{fill:var(--red-smile);stroke:none}.front-cover-synopsis{margin:0;width:100%;flex:1 1 auto;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:.1rem .45rem .35rem 0;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent;font-family:Inter,sans-serif;font-size:clamp(1rem,1rem + .22vw,1.3rem);font-weight:400;line-height:1.45;letter-spacing:.01em;text-align:left;text-wrap:pretty;color:color-mix(in srgb,var(--text) 82%,transparent);white-space:pre-line;overflow-wrap:break-word;box-sizing:border-box}.front-cover-synopsis::-webkit-scrollbar{width:5px}.front-cover-synopsis::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.front-cover-synopsis::-webkit-scrollbar-track{background:transparent}.front-cover-sound-btn.is-enabled{border-color:var(--red-smile);color:var(--red-smile)}.front-cover-sound-btn .front-cover-sound-waves{display:none}.front-cover-sound-btn.is-enabled .front-cover-sound-waves{display:inline}.front-cover-sound-btn{font-size:clamp(.8rem,.72rem + .2vw,.9rem);padding:.6rem 1rem;margin-top:.35rem;gap:.55rem;min-width:0}.front-cover-sound-btn span{line-height:1.2}.front-cover-sound-note{font-family:Inter,sans-serif;font-size:clamp(.8rem,.72rem + .2vw,.9rem);letter-spacing:.03em;text-align:center;color:var(--silver);opacity:.8;max-width:16rem}.sound-prompt{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sound-prompt[hidden]{display:none!important}.sound-prompt__panel{width:min(100%,380px);background:var(--bg-card);border:1px solid var(--border-light);padding:1.75rem 1.5rem 1.4rem;text-align:center;box-shadow:0 24px 60px #0000008c}.sound-prompt__icon{width:40px;height:40px;margin:0 auto 1rem;color:var(--red-smile)}.sound-prompt__panel h2{font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text);margin:0 0 .75rem}.sound-prompt__panel p{font-family:Inter,sans-serif;font-size:.85rem;font-weight:300;line-height:1.55;letter-spacing:.02em;color:var(--text-muted);margin:0 0 1.35rem}.sound-prompt__actions{display:flex;flex-direction:column;gap:.55rem}.sound-prompt__btn{font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--silver);padding:.7rem 1rem;transition:color .2s var(--transition),border-color .2s var(--transition),background .2s var(--transition)}.sound-prompt__btn:hover{color:var(--text);border-color:var(--border-light)}.sound-prompt__btn:focus-visible{outline:2px solid var(--red-smile);outline-offset:2px}.sound-prompt__btn--primary{background:var(--red-smile);border-color:var(--red-smile);color:var(--text)}.sound-prompt__btn--primary:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.vertical-strip{display:none;width:var(--strip-width, min(98vw, 720px));margin:0 auto;flex-direction:column;gap:0;padding:0}@media(min-width:1024px){.vertical-strip{width:var(--strip-width, min(92vw, 900px))}}.vertical-strip .vertical-strip-pages{display:flex;flex-direction:column;gap:0;width:100%}body.view-vertical .vertical-strip{display:flex}body.view-vertical .book-scene,body.view-vertical .controls{display:none!important}html:has(body.toons-reader.view-vertical){overflow-x:hidden!important;overflow-y:visible!important;height:auto!important;min-height:100%;-webkit-overflow-scrolling:touch}body.view-vertical.toons-reader{height:auto!important;min-height:100%;max-width:100%;overflow-x:hidden!important;overflow-y:visible!important;justify-content:flex-start;align-items:center;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;position:relative!important;top:auto!important;width:auto!important}html:has(body.toons-reader.dialog-open){overflow:hidden!important}body.toons-reader.dialog-open,body.view-vertical.toons-reader.dialog-open{overflow:hidden!important;overscroll-behavior:none}body.view-vertical .reader{justify-content:flex-start;overflow:visible!important;min-height:auto;height:auto!important;width:100%;padding-top:2.25rem;padding-bottom:1rem;touch-action:pan-y}body.view-vertical .vertical-page{border:none}body.view-vertical .vertical-page,body.view-vertical .vertical-page img,body.view-vertical .jax-word-layer,body.view-vertical .jax-word{touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.view-vertical .jax-word[role=button]:after{content:"";position:absolute;inset:-.65em;min-width:2.75rem;min-height:2.75rem;margin:auto}body.view-vertical.is-fullscreen .reader{padding-top:1.75rem}.vertical-page{position:relative;width:100%;background:var(--page-bg, var(--bg-card));border:none;overflow:hidden}.vertical-page>img{display:block;width:100%;height:auto;vertical-align:top;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.vertical-page.page-slot{position:relative;width:100%;aspect-ratio:var(--plate-aspect, 1008 / 1792);height:auto;min-height:0;flex:none;overflow:visible}.vertical-page.page-slot>img{position:absolute;inset:0;width:100%;height:100%!important;max-height:none;object-fit:contain}#viewModeBtn.is-active{border-color:var(--red-smile);color:var(--red-smile)}.jax-word-layer,.jax-word,.jax-word-text{font-family:Bangers,cursive;font-weight:400;text-transform:uppercase}.jax-word{transform:var(--jax-transform)}.jax-word--sfx{transition:transform .18s cubic-bezier(.16,1,.3,1);transform-origin:center}.jax-word--sfx:hover{transform:var(--jax-transform) scale(1.22)}.jax-word.is-speaking{transform:var(--jax-transform) scale(1.18);filter:drop-shadow(0 0 .5em color-mix(in srgb,var(--red-smile) 85%,transparent));animation:jax-word-speaking 1.1s ease-in-out infinite;z-index:1}@keyframes jax-word-speaking{0%,to{filter:drop-shadow(0 0 .35em color-mix(in srgb,var(--red-smile) 70%,transparent))}50%{filter:drop-shadow(0 0 .85em color-mix(in srgb,var(--red-smile) 95%,transparent))}}@media(prefers-reduced-motion:reduce){.jax-word.is-speaking{animation:none}}.jax-word--bubble{display:inline-block;position:absolute;width:max-content;max-width:inherit}.jax-word--bubble .jax-bubble-svg{position:absolute;z-index:0;overflow:visible;pointer-events:none;left:-.35em;top:-.3em;width:calc(100% + .7em);height:calc(100% + .6em)}.jax-word--bubble[data-tail^=bottom] .jax-bubble-svg{height:calc(100% + 1.15em)}.jax-word--bubble[data-tail^=top] .jax-bubble-svg{top:-.85em;height:calc(100% + 1.15em)}.jax-word--bubble[data-tail=left] .jax-bubble-svg{left:-.95em;width:calc(100% + 1.3em)}.jax-word--bubble[data-tail=right] .jax-bubble-svg{width:calc(100% + 1.3em)}.jax-word--thought .jax-bubble-svg{left:-.35em;top:-.3em;width:calc(100% + .7em);height:calc(100% + .6em)}.jax-word--bubble .jax-word-text{position:relative;z-index:1;display:block;white-space:pre-line;line-height:1.2}.jax-word--ai .jax-word-text{font-family:VT323,monospace;font-weight:400;text-transform:uppercase;letter-spacing:.03em;text-align:center}.jax-word--credit,.jax-word--credit .jax-word-text{font-family:Bangers,cursive!important;font-weight:400!important;text-transform:none!important;letter-spacing:.06em!important;line-height:1.35!important;color:var(--jax-word-color, color-mix(in srgb, var(--text) 72%, transparent));text-shadow:var(--jax-word-shadow, 0 1px 2px color-mix(in srgb, var(--bg-dark) 55%, transparent));opacity:1}.back-cover-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--silver);text-decoration:none;transition:color .2s var(--transition)}.back-cover-link:hover{color:var(--red-smile)}.back-cover-nav{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1.25rem;text-align:center;font-family:Inter,sans-serif}.back-cover-series{font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red-smile)}.back-cover-current{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--silver);margin-bottom:.35rem}.back-cover-next{display:inline-flex;align-items:center;gap:.4rem;max-width:15rem;padding:.6rem .9rem;border:1px solid var(--red-smile);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--text);text-decoration:none;transition:background .2s var(--transition),color .2s var(--transition)}.back-cover-next:hover{background:var(--red-smile);color:var(--text)}.back-cover-next.is-soon{border-style:dashed;border-color:var(--border-light);color:var(--silver)}.back-cover-prev,.back-cover-all{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--silver);text-decoration:none;transition:color .2s var(--transition)}.back-cover-prev:hover,.back-cover-all:hover{color:var(--red-smile)}.back-cover-all{margin-top:.35rem;opacity:.75}.page-slot.inside-cover.blank:after{display:none}body.single-page .spread{grid-template-columns:1fr;border-radius:4px}body.single-page .page-slot.left,body.single-page .spine,body.single-page .spine-glow{display:none!important}body.single-page .page-slot.right{border-radius:4px;box-shadow:none}body.single-page .page-slot img{object-fit:contain}body.single-page .nav-zone{width:42%}body.single-page .flip-page{width:100%}body.single-page .flip-page.from-right,body.single-page .flip-page.from-left{left:0;right:0;transform-origin:center center}body.single-page .flip-page.flipping.from-right{animation:single-next .35s var(--transition) forwards}body.single-page .flip-page.flipping.from-left{animation:single-prev .35s var(--transition) forwards}@keyframes single-next{0%{transform:translate(0);opacity:1}to{transform:translate(-18%);opacity:0}}@keyframes single-prev{0%{transform:translate(0);opacity:1}to{transform:translate(18%);opacity:0}}@media(max-width:768px){.toons-back,.toon-top-controls,body.toons-reader>.page-breadcrumb{top:var(--reader-chrome-top)!important}.page-slot[data-page-num]:after{left:0;bottom:0;font-size:11px}.reader{padding:2rem 1.25rem .75rem;gap:.7rem}.toon-progress{top:auto;bottom:0;height:auto;padding-bottom:env(safe-area-inset-bottom,0px);background:none}.toon-progress:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:color-mix(in srgb,var(--text) 8%,transparent)}.toon-progress .toon-progress-fill{height:4px}.spread,.vertical-page{border:none}.toons-back{top:var(--reader-chrome-top);left:1rem}.controls{gap:1rem}.reader-btn{width:40px;height:40px}.page-nav-btn.prev{left:-20px}.page-nav-btn.next{right:-20px}.front-cover-instructions{gap:.85rem;padding:1rem}.front-cover-howto-icons{gap:1rem 1.4rem}.front-cover-howto-svg{height:clamp(3rem,2.6rem + 1.4vw,3.75rem)}.front-cover-howto-caption{font-size:clamp(.82rem,.76rem + .25vw,.95rem)}.front-cover-brand-line{font-size:clamp(1rem,.92rem + .35vw,1.2rem)}.title-bar .section-tag,.title-bar h1{display:none}.toon-top-controls{top:var(--reader-chrome-top);right:1rem;max-width:calc(100vw - 2rem);flex-wrap:nowrap;justify-content:flex-end}.toon-top-controls .toon-fs-btn{box-sizing:border-box;height:var(--reader-chrome-size);min-height:var(--reader-chrome-size);padding-top:0;padding-bottom:0}}.sound-prompt-dialog{position:relative;z-index:240}.sound-prompt-enter,.sound-prompt-leave{transition:opacity .2s var(--transition)}.sound-prompt-enter-from,.sound-prompt-leave-to{opacity:0}.sound-prompt-enter-to,.sound-prompt-leave-from{opacity:1}.autoread-band{position:fixed;top:calc(var(--autoread-band-end, .9) * 100dvh);left:0;right:0;height:0;z-index:34;pointer-events:none}.autoread-band-mark{--autoread-band-inset: calc(min(var(--strip-width, min(98vw, 720px)), 100vw - 112px)/2 + 8px) ;position:absolute;top:-1.5px;width:56px;height:3px;border-radius:2px;opacity:.95;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--red-smile) 75%,transparent))}.autoread-band-mark:after{content:"";position:absolute;top:-2px;width:7px;height:7px;border-radius:50%;background:var(--red-smile)}.autoread-band-mark:first-child{right:calc(50% + var(--autoread-band-inset));background:linear-gradient(to left,var(--red-smile) 35%,transparent)}.autoread-band-mark:first-child:after{right:-2px}.autoread-band-mark:last-child{left:calc(50% + var(--autoread-band-inset));background:linear-gradient(to right,var(--red-smile) 35%,transparent)}.autoread-band-mark:last-child:after{left:-2px}.scroll-howto{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;align-items:center;gap:.85rem;box-sizing:border-box;width:min(24rem,calc(100vw - 1.5rem));padding:.95rem 2.2rem 1rem 1.1rem;border:2px solid var(--red-smile);border-radius:12px;background:var(--bg-card);color:var(--text);transform:translate(-50%);box-shadow:0 0 0 1px color-mix(in srgb,var(--red-smile) 40%,transparent),0 18px 44px #000000b3,0 0 26px color-mix(in srgb,var(--red-smile) 35%,transparent);animation:scroll-howto-in .32s ease-out both}@keyframes scroll-howto-in{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.scroll-howto-arrow{flex:0 0 auto;display:block;width:1.9rem;height:2.6rem;overflow:visible;transform:scaleY(-1)}.scroll-howto-arrow-glyph{stroke:var(--red-smile);fill:none;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--red-smile) 70%,transparent))}.scroll-howto-text{min-width:0}.scroll-howto-label{margin:0 0 .3rem;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--red-smile)}.scroll-howto-body{margin:0;font-size:.92rem;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none}.scroll-howto-close{position:absolute;top:.35rem;right:.4rem;width:1.6rem;height:1.6rem;padding:0;border:0;background:transparent;color:var(--silver);font-size:1.15rem;line-height:1;cursor:pointer}.scroll-howto-close:hover,.scroll-howto-close:focus-visible{color:var(--text)}.scroll-howto-close:focus-visible{outline:2px solid var(--red-smile);outline-offset:1px}.cover-guide-dialog{position:relative;z-index:220}.cover-guide-backdrop{position:fixed;inset:0;z-index:0;background:color-mix(in srgb,var(--bg-dark) 78%,transparent);backdrop-filter:blur(6px)}.cover-guide-center{position:fixed;inset:0;z-index:1;display:flex;align-items:flex-start;justify-content:center;padding:max(.5rem,env(safe-area-inset-top,0px)) .75rem max(.5rem,env(safe-area-inset-bottom,0px));box-sizing:border-box}.cover-guide-panel{width:min(22rem,100%);margin:auto;max-height:min(92dvh,720px);max-height:min(92svh,720px);display:flex;flex-direction:column;min-height:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 20px 50px color-mix(in srgb,var(--bg-dark) 70%,transparent);overflow:hidden;position:relative}.cover-guide-toolbar{position:absolute;top:.65rem;right:.65rem;z-index:2}.cover-guide-close{flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--bg-card) 88%,transparent);color:var(--silver);font-size:1.35rem;line-height:1;cursor:pointer}.cover-guide-close:hover{color:var(--text);border-color:var(--border-light)}.cover-guide-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1rem 1rem .75rem;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.front-cover-instructions--modal{position:relative;inset:auto;z-index:auto;display:block;padding:0 .25rem .75rem;overflow:visible;max-width:none;width:100%;height:auto;max-height:none;--front-cover-col: 100%;text-align:left;color:var(--silver);box-sizing:border-box}.front-cover-instructions--modal .front-cover-title{padding-right:2.5rem;text-align:left;max-width:none;margin-bottom:.15rem}.front-cover-instructions--modal .front-cover-subtitle{text-align:left;max-width:none;margin-bottom:.15rem}.front-cover-instructions--modal .front-cover-story{display:block;flex:none;min-height:0;max-height:none;max-width:none;width:100%;padding-top:.35rem}.front-cover-instructions--modal .front-cover-synopsis{display:block;flex:none;overflow:visible;max-height:none;min-height:0;padding:.1rem 0 .25rem;font-size:clamp(.88rem,.82rem + .35vw,1rem);line-height:1.5}.front-cover-instructions--modal .front-cover-separator{max-width:none;width:100%;margin:.65rem 0}.front-cover-instructions--modal .front-cover-manual,.front-cover-instructions--modal .front-cover-howto{max-width:none;width:100%}.front-cover-instructions--modal .front-cover-manual{display:flex;flex-direction:column;align-items:stretch;flex:none;flex-shrink:0;gap:.55rem;padding-top:.15rem;padding-bottom:.25rem}.front-cover-instructions--modal .front-cover-brand{text-align:left;flex-shrink:0}.front-cover-instructions--modal .front-cover-brand-line{justify-content:flex-start;font-size:clamp(1rem,.94rem + .3vw,1.15rem)}.front-cover-instructions--modal .front-cover-howto{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.front-cover-instructions--modal .front-cover-howto-icons{justify-content:flex-start}.front-cover-instructions--modal .front-cover-howto-caption{text-align:left;max-width:none}.cover-guide-footer{flex-shrink:0;padding:.75rem 1rem max(.85rem,env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg-card)}.cover-guide-cta{display:block;width:100%;margin:0;padding:.75rem 1rem;border:none;border-radius:8px;background:var(--red-smile);color:var(--text);font-family:Inter,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:filter .15s var(--transition)}.cover-guide-cta:hover{filter:brightness(1.08)}.cover-guide-enter,.cover-guide-leave{transition:opacity .2s var(--transition)}.cover-guide-enter-from,.cover-guide-leave-to{opacity:0}.cover-guide-enter-to,.cover-guide-leave-from{opacity:1}.cover-guide-panel-enter-from{opacity:0;transform:translateY(12px) scale(.98)}.cover-guide-panel-leave-to{opacity:0;transform:translateY(8px) scale(.99)}.cover-guide-panel-enter-from,.cover-guide-panel-leave-to{transition:opacity .2s var(--transition),transform .22s var(--transition)}@media(max-width:420px){.cover-guide-toolbar-btn .toon-fs-label{display:none}.cover-guide-panel{max-height:94dvh;max-height:94svh;border-radius:10px}.cover-guide-scroll{padding:.85rem .85rem .65rem}.front-cover-instructions--modal .front-cover-howto-svg{height:clamp(2.6rem,2.3rem + 2vw,3.25rem)}.front-cover-instructions--modal .front-cover-synopsis{font-size:.9rem;line-height:1.48}}@media(pointer:coarse){.cover-guide-center{padding:0;align-items:stretch;justify-content:stretch;overflow:hidden}.cover-guide-panel{width:100%;height:100%;max-height:none;margin:0;border:0;border-radius:0;overflow:hidden}.cover-guide-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-top:max(1rem,calc(env(safe-area-inset-top,0px) + .5rem))}.cover-guide-toolbar{top:max(.65rem,calc(env(safe-area-inset-top,0px) + .35rem))}}.toon-lang-switcher{display:flex;align-items:center}.toon-lang-dropdown{position:relative}.toon-lang-toggle{min-width:2.4rem;gap:.2rem;padding:.45rem .4rem;font-size:.7rem;letter-spacing:.08em}.toon-lang-toggle-label{font-family:Inter,sans-serif;font-weight:700;text-transform:uppercase;line-height:1}.toon-lang-chevron{width:9px;height:9px;flex-shrink:0;opacity:.75;transition:transform .18s var(--transition)}.toon-lang-dropdown.is-open .toon-lang-toggle{border-color:var(--red-smile);color:var(--red-smile)}.toon-lang-dropdown.is-open .toon-lang-chevron{transform:rotate(180deg);opacity:1}.toon-lang-menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:60;display:flex;flex-direction:column;min-width:100%;background:var(--bg-card);border:1px solid var(--border-light);box-shadow:0 12px 28px color-mix(in srgb,var(--bg-dark) 70%,transparent)}.toon-lang-menu[hidden]{display:none!important}.toon-lang-option{font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--silver);background:transparent;border:none;border-bottom:1px solid var(--border);padding:.55rem .75rem;cursor:pointer;text-align:center;transition:color .15s var(--transition),background .15s var(--transition)}.toon-lang-option:last-child{border-bottom:none}.toon-lang-option:hover{color:var(--text);background:var(--bg)}.toon-lang-option.is-active{color:var(--red-smile)}.toon-lang-option:focus-visible{outline:2px solid var(--red-smile);outline-offset:-2px}body.toons-reader #app{min-height:100dvh}.reader-fallback{max-width:46rem;margin:0 auto;padding:6rem 1.5rem 3rem;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:300;line-height:1.75}.reader-fallback-tag{font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--red-smile);font-weight:700;margin-bottom:1rem}.reader-fallback h1{font-family:Playfair Display,serif;font-size:clamp(2rem,7vw,3.5rem);line-height:.95;color:var(--text);margin-bottom:.5rem}.reader-fallback-sub{color:var(--silver);letter-spacing:2px;text-transform:uppercase;font-size:.75rem;margin-bottom:1.5rem}.reader-fallback p+p{margin-top:1rem}.reader-fallback p a{color:var(--text-muted);text-decoration:none;border-bottom:1px solid var(--border)}.reader-fallback p a:hover{color:var(--red-smile);border-color:var(--red-smile)}.reader-fallback .page-breadcrumb{margin-bottom:1.5rem}
