:root{--paper: #f7f6f3;--paper-dim: #ebe8e2;--ink: #0b0b0c;--ink-soft: #2a2a2a;--tone: #c4c0b8;--crimson: #b01030;--gutter: clamp(1rem, 4vw, 2.5rem);--panel-border: 3px solid var(--ink);--font-display: "Dela Gothic One", Impact, sans-serif;--font-chapter: "RocknRoll One", "Dela Gothic One", sans-serif;--font-sfx: "Rampart One", "Dela Gothic One", cursive;--font-body: "Newsreader", Georgia, "Times New Roman", serif;--font-mono: "Share Tech Mono", ui-monospace, monospace;--nav-h: 3.5rem;--ease-ink: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100%;font-family:var(--font-body);font-size:1.05rem;line-height:1.65;color:var(--ink);background:radial-gradient(circle at 1px 1px,rgba(11,11,12,.08) 1px,transparent 0) 0 0 / 8px 8px,var(--paper);-webkit-font-smoothing:antialiased}body:before{content:"";pointer-events:none;position:fixed;inset:0;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{min-height:100vh}a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:.2em}a:hover{color:var(--crimson)}img{max-width:100%;display:block}button,.btn{font:inherit;cursor:pointer}::selection{background:var(--ink);color:var(--paper)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-nav{position:sticky;top:0;z-index:50;display:flex;flex-direction:column;gap:.35rem;padding:.55rem var(--gutter) .5rem;background:#f7f6f3f0;border-bottom:2px solid var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-nav__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem 1rem}.site-nav__brand{font-family:var(--font-display);font-size:.95rem;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.site-nav__links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem 1rem;list-style:none;margin:0;padding:0}.site-nav__links a{font-family:var(--font-mono);font-size:.72rem;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;opacity:.75}.site-nav__links a[aria-current=page],.site-nav__links a:hover{opacity:1;color:var(--crimson)}.site-nav__chapter{color:var(--tone);margin-right:.35rem}.page-outlet{flex:1;perspective:1400px}.page-turn{transform-style:preserve-3d;transform-origin:left center;min-height:calc(100vh - var(--nav-h))}.chapter{max-width:1100px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) var(--gutter) 4rem}.chapter--cover{max-width:none;padding:0}.chapter-header{margin-bottom:2rem;border-bottom:3px solid var(--ink);padding-bottom:1rem}.chapter-header__meta{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.chapter-header__title{font-family:var(--font-chapter);font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.05;margin:.35rem 0 0;letter-spacing:.01em}.pull-quote{font-family:var(--font-chapter);font-size:clamp(1.35rem,3.2vw,1.85rem);line-height:1.25;margin:0 0 1.5rem;padding:1rem 1.15rem;border-left:6px solid var(--crimson);background:linear-gradient(90deg,rgba(176,16,48,.08),transparent 70%);max-width:38rem}.status-strip{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0 0 1.75rem;padding:.85rem 1rem;border:2px dashed var(--ink);background:radial-gradient(circle at 1px 1px,rgba(11,11,12,.1) 1px,transparent 0) 0 0 / 5px 5px,var(--paper-dim);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em}.status-strip strong{font-family:var(--font-sfx);font-weight:400;color:var(--crimson);letter-spacing:.02em;margin-right:.35rem}.presence-note{margin:0;font-family:var(--font-body);font-style:italic;font-size:.88rem;line-height:1.4;color:var(--ink-soft)}.presence-note--bar{font-size:.8rem;padding-top:.15rem;border-top:1px dashed var(--tone);opacity:.9}.presence-note--late{color:var(--crimson);font-style:normal;font-family:var(--font-chapter);font-size:.82rem}.presence-note--inline{margin-top:.75rem;padding-top:.65rem;border-top:1px dashed var(--tone);font-size:.85rem}.sfx-field{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.sfx-tag{position:absolute;font-family:var(--font-sfx);font-size:clamp(1.4rem,4vw,2.4rem);color:var(--crimson);line-height:1;-webkit-user-select:none;user-select:none;text-shadow:2px 2px 0 rgba(11,11,12,.08)}.chapter{position:relative}.live-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.85rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:2px solid var(--ink);padding:.45rem .75rem;background:var(--ink);color:var(--paper);transition:transform .25s var(--ease-ink),background .2s}.live-link:hover{color:var(--paper);background:var(--crimson);border-color:var(--crimson);transform:translateY(-2px)}.live-link:after{content:"↗"}.panel-grid{display:grid;gap:1rem}.panel-grid--2{grid-template-columns:1fr}@media(min-width:820px){.panel-grid--2{grid-template-columns:1fr 1fr}}.manga-panel{border:var(--panel-border);background:var(--paper);padding:1.25rem 1.35rem;position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .45s var(--ease-ink)}.manga-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 1px 1px,rgba(11,11,12,.12) 1px,transparent 0) 0 0 / 6px 6px;opacity:.35}.manga-panel>*{position:relative;z-index:1}@media(hover:hover)and (pointer:fine){.manga-panel--tilt:hover{transform:perspective(900px) rotateX(2deg) rotateY(-3deg) translateZ(0)}}.manga-panel h3,.manga-panel h2{font-family:var(--font-chapter);font-size:1.35rem;margin:0 0 .65rem;line-height:1.15}.manga-panel p{margin:0 0 .75rem}.manga-panel p:last-child{margin-bottom:0}.manga-panel__meta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem;opacity:.7}.next-chapter{margin-top:3rem;padding-top:1.25rem;border-top:2px solid var(--ink);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center}.next-chapter a{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:.15rem}.next-chapter a:hover{border-color:var(--crimson)}.next-chapter__page{font-family:var(--font-mono);font-size:.75rem;opacity:.55}.hanko{display:inline-flex;align-items:center;justify-content:center;min-width:3.2rem;height:3.2rem;padding:0 .4rem;border:3px solid var(--crimson);border-radius:50%;color:var(--crimson);font-family:var(--font-display);font-size:.72rem;letter-spacing:.04em;transform:rotate(-12deg);background:#b010300f;line-height:1}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.35rem;border:3px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:transform .25s var(--ease-ink),background .2s,color .2s}.btn:hover{color:var(--paper);background:var(--crimson);border-color:var(--crimson);transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost:hover{color:var(--paper)}.stack-stamps{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.stack-stamps span{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;border:1.5px solid var(--ink);padding:.25rem .5rem;background:var(--paper-dim)}@media(max-width:640px){.site-nav{align-items:stretch;padding:.65rem var(--gutter)}.site-nav__links{justify-content:flex-start;width:100%;gap:.5rem .85rem}.cover__spine{display:none}.cover__content{padding-left:clamp(1.5rem,5vw,3rem)}.cover__watermark{font-size:clamp(6rem,40vw,12rem);right:-8%}}.cover{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;overflow:hidden;background:var(--ink);color:var(--paper)}.cover__canvas,.cover__fallback{position:absolute;inset:0;z-index:0}.cover__fallback{background:repeating-conic-gradient(from 0deg,#111 0deg 8deg,#0b0b0c 8deg 16deg),radial-gradient(circle at 20% 30%,rgba(200,200,200,.12),transparent 45%),var(--ink);overflow:hidden}.cover__fallback-panel{position:absolute;border:3px solid rgba(250,250,250,.55);background:radial-gradient(circle at 1px 1px,rgba(250,250,250,.22) 1px,transparent 0) 0 0 / 7px 7px,#fafafa0a;box-shadow:0 20px 60px #00000073}.cover__fallback-panel--a{width:min(42vw,280px);height:min(55vw,360px);top:12%;left:8%;transform:perspective(900px) rotateY(18deg) rotateX(6deg);animation:float-a 7s ease-in-out infinite}.cover__fallback-panel--b{width:min(36vw,240px);height:min(48vw,300px);top:28%;right:10%;transform:perspective(900px) rotateY(-22deg) rotateX(-4deg);animation:float-b 8s ease-in-out infinite}.cover__fallback-panel--c{width:min(28vw,180px);height:min(38vw,240px);bottom:14%;left:38%;transform:perspective(900px) rotateY(8deg) rotateX(10deg);animation:float-c 6.5s ease-in-out infinite}.cover__speed{position:absolute;inset:-10%;background:repeating-linear-gradient(105deg,transparent 0 14px,rgba(250,250,250,.07) 14px 15px);mix-blend-mode:screen;animation:speed-sweep 1.4s var(--ease-ink) both;pointer-events:none}@keyframes float-a{50%{transform:perspective(900px) rotateY(18deg) rotateX(6deg) translateY(-12px)}}@keyframes float-b{50%{transform:perspective(900px) rotateY(-22deg) rotateX(-4deg) translateY(14px)}}@keyframes float-c{50%{transform:perspective(900px) rotateY(8deg) rotateX(10deg) translateY(-8px)}}@keyframes speed-sweep{0%{opacity:0;transform:scale(1.15) translate(-6%)}to{opacity:1;transform:scale(1) translate(0)}}.cover__content{position:relative;z-index:3;width:min(860px,100%);padding:clamp(1.5rem,5vw,3rem);padding-left:clamp(3.5rem,8vw,5.5rem);text-align:left}.cover__wash{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,#070708d1,#07070859 48%,#070708b3),radial-gradient(ellipse at 70% 30%,rgba(176,16,48,.22),transparent 55%)}.cover__slash{position:absolute;z-index:1;width:140%;height:2px;left:-20%;top:42%;background:linear-gradient(90deg,transparent,rgba(176,16,48,.85),transparent);transform:rotate(-8deg);pointer-events:none}.cover__watermark{position:absolute;right:-4%;bottom:-6%;z-index:1;margin:0;font-family:var(--font-display);font-size:clamp(8rem,28vw,22rem);line-height:.8;color:#fafafa09;letter-spacing:-.04em;pointer-events:none;-webkit-user-select:none;user-select:none}.cover__frame{position:absolute;inset:clamp(.75rem,2vw,1.25rem);z-index:2;border:2px solid rgba(250,250,250,.28);pointer-events:none;box-shadow:inset 0 0 0 1px #b0103047}.cover__spine{position:absolute;left:clamp(1.1rem,2.5vw,1.8rem);top:clamp(1.1rem,2.5vw,1.8rem);bottom:clamp(1.1rem,2.5vw,1.8rem);z-index:3;width:2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem 0;border-right:2px solid rgba(176,16,48,.85);pointer-events:none}.cover__spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#fafafaa6}.cover__stamp{position:absolute;top:clamp(1.6rem,4vw,2.5rem);right:clamp(1.6rem,5vw,3rem);z-index:3;width:4.6rem;height:4.6rem;display:grid;place-items:center;text-align:center;border:3px solid var(--crimson);border-radius:50%;color:var(--crimson);font-family:var(--font-sfx);font-size:.78rem;line-height:1.05;background:#0b0b0c73;pointer-events:none}.cover__volume{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;opacity:.75;margin-bottom:.75rem}.cover__brand{font-family:var(--font-display);font-size:clamp(3.4rem,14vw,7.6rem);line-height:.86;margin:0;letter-spacing:-.025em;text-shadow:0 12px 40px rgba(0,0,0,.55);display:flex;flex-direction:column}.cover__brand-line--accent{color:var(--crimson)}.cover__hook{font-family:var(--font-chapter);font-size:clamp(1.3rem,3.6vw,2.05rem);margin:1.35rem 0 .8rem;color:var(--paper);max-width:16ch}.cover__line{max-width:32rem;margin:0 0 1.75rem;font-size:clamp(1rem,2.2vw,1.12rem);opacity:.9}.cover__toc{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}.cover__toc a{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#fafafac7;border:1.5px solid rgba(250,250,250,.28);padding:.4rem .65rem;background:#0b0b0c59;transition:border-color .2s,color .2s,transform .2s}.cover__toc a:hover{color:var(--paper);border-color:var(--crimson);transform:translateY(-2px)}.cover__toc span{color:var(--crimson)}.cover__side-panels{position:absolute;right:clamp(1.5rem,4vw,3rem);bottom:clamp(1.5rem,4vw,3rem);z-index:3;display:flex;flex-direction:column;gap:.65rem;pointer-events:none}.cover__mini-panel{width:min(34vw,150px);padding:.7rem .8rem;border:2px solid rgba(250,250,250,.4);background:radial-gradient(circle at 1px 1px,rgba(250,250,250,.16) 1px,transparent 0) 0 0 / 5px 5px,#0b0b0c8c;font-family:var(--font-chapter);font-size:.95rem;line-height:1.2;transform:perspective(700px) rotateY(-12deg)}.cover__mini-panel span{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin-bottom:.2rem}.cover__mini-panel--a{transform:perspective(700px) rotateY(-14deg) rotate(-2deg)}.cover__mini-panel--b{transform:perspective(700px) rotateY(-10deg) rotate(2deg);margin-left:1.25rem}.cover .btn{border-color:var(--paper)}.cover .btn--ghost{color:var(--paper);background:transparent}.cover .btn--ghost:hover{background:var(--crimson);border-color:var(--crimson);color:var(--paper)}.volume-list{display:flex;flex-direction:column;gap:.85rem}.volume-row{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;border:var(--panel-border);padding:1.1rem 1.25rem;text-decoration:none;background:var(--paper);transition:transform .35s var(--ease-ink),background .2s;position:relative;overflow:hidden}.volume-row:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--ink);transition:width .4s var(--ease-ink)}.volume-row:hover{color:inherit}.volume-row:hover:after{width:100%}@media(hover:hover)and (pointer:fine){.volume-row:hover{transform:perspective(900px) rotateY(-4deg) translate(6px);background:var(--paper-dim)}}.volume-row__num{font-family:var(--font-mono);font-size:.75rem;opacity:.55}.volume-row__title{font-family:var(--font-chapter);font-size:clamp(1.35rem,3vw,1.85rem);margin:0;line-height:1.1}.volume-row__live{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--crimson);margin-top:.35rem}.volume-row__tag{margin:.35rem 0 0;opacity:.75;font-size:.95rem}.volume-row__right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.volume-row__page{font-family:var(--font-mono);font-size:.7rem;opacity:.5}.battle-hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.battle-hero h1{font-family:var(--font-chapter);font-size:clamp(2.4rem,7vw,4rem);margin:.25rem 0;line-height:1}.battle-hero__tag{font-size:1.15rem;margin:0;max-width:28rem}.skill-groups{display:grid;gap:1rem}@media(min-width:820px){.skill-groups{grid-template-columns:1fr 1fr}}.achievement-row{display:flex;gap:1rem;align-items:center;border-bottom:1.5px solid var(--tone);padding:.85rem 0}.achievement-row:last-child{border-bottom:none}.achievement-row p{margin:0}.side-quests{list-style:none;margin:0;padding:0}.side-quests li{border-left:3px solid var(--ink);padding:.55rem 0 .55rem .9rem;margin-bottom:.5rem}.chapter--contact{max-width:720px}.chapter--contact .chapter-header__title{font-size:clamp(1.7rem,4.5vw,2.4rem)}.chapter--contact .manga-panel{padding:1rem 1.1rem;font-size:.92rem;line-height:1.55}.chapter--contact .manga-panel h3{font-size:1.05rem;margin-bottom:.45rem}.contact-grid{display:grid;gap:.85rem}@media(min-width:700px){.contact-grid{grid-template-columns:1.1fr .9fr}}.contact-links{display:flex;flex-direction:column;gap:.45rem;margin:.85rem 0 0}.contact-links a{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.03em;text-decoration:none;border-bottom:1.5px solid var(--tone);width:fit-content;padding:.2rem 0}.contact-links a span{display:block;font-family:var(--font-sfx);font-size:.72rem;color:var(--crimson);letter-spacing:.04em;margin-bottom:.1rem}.contact-links a:hover{border-color:var(--crimson)}.fun-panel{font-style:italic;font-size:.88rem}.contact-day{margin-top:.75rem;padding-top:.65rem;border-top:1px dashed var(--tone)}.app-waiting{visibility:hidden;pointer-events:none}.app-ready{visibility:visible}.opening{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#050506;color:var(--paper);cursor:pointer;overflow:hidden}.opening__panel-grid{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.55rem;padding:.55rem}.opening__panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(.9rem,3vw,1.4rem);border:3px solid #f3f1ec;background:radial-gradient(circle at 1px 1px,rgba(250,250,250,.14) 1px,transparent 0) 0 0 / 6px 6px,#111114;box-shadow:inset 0 0 0 1px #b0103040;overflow:hidden}.opening__panel--tl{border-radius:4px 0 0}.opening__panel--tr{border-radius:0 4px 0 0;background:radial-gradient(circle at 1px 1px,rgba(250,250,250,.14) 1px,transparent 0) 0 0 / 6px 6px,#161018}.opening__panel--bl{border-radius:0 0 0 4px;background:radial-gradient(circle at 1px 1px,rgba(250,250,250,.14) 1px,transparent 0) 0 0 / 6px 6px,#101416}.opening__panel--br{border-radius:0 0 4px}.opening__panel-num{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--crimson)}.opening__panel-word{font-family:var(--font-display);font-size:clamp(2rem,8vw,4.2rem);line-height:.9;letter-spacing:-.02em;align-self:flex-end}.opening__center{position:relative;z-index:2;text-align:center;padding:1.25rem 1.5rem;background:#050506b8;border:2px solid rgba(250,250,250,.35);box-shadow:0 0 0 1px #b0103066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.opening__meta{margin:0 0 .55rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.opening__name{margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,10vw,5rem);line-height:.88;letter-spacing:-.03em;display:flex;flex-direction:column}.opening__name span{color:var(--crimson)}.opening__skip{margin:.9rem 0 0;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;opacity:.45}@media(max-width:640px){.volume-row{grid-template-columns:1fr}.volume-row__right{flex-direction:row;align-items:center;justify-content:space-between}.cover__fallback-panel--c,.cover__side-panels{display:none}.cover__stamp{width:3.8rem;height:3.8rem;font-size:.65rem}.opening__panel-grid{gap:.4rem;padding:.4rem}}