:root{color:#12131a;font-synthesis:none;--ink:#12131a;--paper:#fff8df;--yellow:#f7df67;--red:#ed3d2f;--blue:#1687d9;--cream:#fff1bb;background:#f7df67;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 15%, #ffffffb8 0 2px, transparent 2.5px) 0 0 / 14px 14px, linear-gradient(135deg, #ffd84d, var(--yellow) 42%, #efb42a);min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,a{font:inherit}button:focus-visible,a:focus-visible,[tabindex="-1"]:focus-visible{outline-offset:3px;box-shadow:0 0 0 6px var(--blue);outline:3px solid #fff}.reader{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));grid-template-rows:auto 1fr auto;gap:14px;display:grid}.reader-header{justify-content:space-between;align-items:center;gap:16px;width:min(1320px,100%);margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:-.05em;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:950;text-decoration:none;display:inline-flex;transform:skew(-5deg)}.brand strong{color:var(--red)}.reader-status{text-align:right;align-items:center;gap:12px;margin:0;font-size:.78rem;font-weight:800;display:flex}.reader-status b{color:#fff;background:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--red);padding:6px 9px}.book-shell{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;width:min(1420px,100%);margin:auto;display:grid;position:relative}.page-stage{filter:drop-shadow(0 18px 22px #12131a40);touch-action:pan-y;grid-area:1/2/2/3;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.comic-page{background:var(--paper);border:4px solid var(--ink);isolation:isolate;grid-template-rows:minmax(250px,49%) 1fr;min-width:0;min-height:min(700px,100dvh - 190px);display:grid;position:relative;overflow:hidden}.comic-page:before{content:"";z-index:3;pointer-events:none;mix-blend-mode:multiply;opacity:.38;background:radial-gradient(circle,#12131a1f 0 1px,#0000 1.4px) 0 0/8px 8px;position:absolute;inset:0}.comic-visual{background:linear-gradient(135deg, var(--blue), var(--yellow) 58%, var(--red));border-bottom:4px solid var(--ink);min-height:0;position:relative;overflow:hidden}.comic-visual img{object-fit:cover;width:100%;height:100%;display:block}.comic-visual.image-missing img{display:none}.comic-visual.image-missing:after{content:"ARTWORK LOADING";color:#fff;background:var(--ink);letter-spacing:.08em;white-space:nowrap;border:3px solid #fff;padding:10px 14px;font-weight:950;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-5deg)}.speed-lines{background:repeating-conic-gradient(from 0deg, transparent 0 8deg, #ffffff38 8deg 9deg);opacity:.35;pointer-events:none;position:absolute;inset:-60%}.metric-burst{color:#fff;background:var(--red);border:3px solid var(--ink);max-width:72%;box-shadow:5px 5px 0 var(--ink);text-align:right;margin:0;padding:9px 12px;font-size:clamp(.82rem,2vw,1rem);font-weight:950;line-height:1.15;position:absolute;bottom:10px;right:12px;transform:rotate(-2deg)}.comic-copy{z-index:4;background:linear-gradient(120deg, transparent 0 88%, #1687d917 88%), var(--paper);padding:clamp(18px,3vw,34px);position:relative}.chapter-kicker{color:var(--red);letter-spacing:.08em;margin:0 0 8px;font-size:.7rem;font-weight:950}.chapter-kicker span{color:#fff;background:var(--ink);margin-right:8px;padding:3px 6px;display:inline-block;transform:skew(-7deg)}h1{letter-spacing:-.065em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(1.8rem,5.5vw,4.4rem);font-weight:1000;line-height:.98}.chapter-summary{max-width:62ch;margin:14px 0;font-size:clamp(1rem,1.5vw,1.16rem);font-weight:650;line-height:1.7}blockquote{border:3px solid var(--ink);background:#fff;border-radius:18px;max-width:54ch;margin:14px 0;padding:11px 14px;font-size:.92rem;font-weight:850;line-height:1.5;position:relative}blockquote:before,blockquote:after{content:"";border:12px solid #0000;border-top-color:var(--ink);width:0;height:0;position:absolute;bottom:-24px;left:28px}blockquote:after{border-width:9px;border-top-color:#fff;bottom:-15px;left:31px}.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.chapter-list li{padding-left:16px;font-size:.82rem;font-weight:750;line-height:1.4;position:relative}.chapter-list li:before{content:"◆";color:var(--blue);font-size:.7em;position:absolute;top:.3em;left:0}.contact-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(520px,100%);margin-top:20px;display:grid}.contact-links a{color:#fff;background:var(--blue);border:3px solid var(--ink);min-height:44px;box-shadow:4px 4px 0 var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:.82rem;font-weight:900;text-decoration:none;display:inline-flex}.page-number{z-index:5;opacity:.45;font-size:.7rem;font-weight:950;position:absolute;bottom:5px;right:8px}.page-control{color:#fff;background:var(--ink);border:3px solid var(--ink);width:44px;height:56px;box-shadow:4px 4px 0 var(--red);cursor:pointer;grid-row:1;padding:0;font-size:2.2rem;font-weight:900;line-height:1}.page-control--previous{grid-column:1}.page-control--next{grid-column:3}.page-control:hover:not(:disabled){color:var(--yellow);transform:translateY(-2px)}.page-control:disabled{opacity:.28;cursor:not-allowed;box-shadow:none}.timeline{scrollbar-width:thin;grid-area:2/1/3/4;align-items:flex-start;width:min(1120px,100%);min-width:0;margin:0 auto;padding:6px 3px 10px;display:flex;overflow-x:auto}.timeline button{color:#12131aa6;cursor:pointer;text-align:center;background:0 0;border:0;flex:1 0 112px;min-width:112px;min-height:54px;padding:15px 7px 0;position:relative}.timeline button:before{content:"";background:#12131a47;height:3px;position:absolute;top:6px;left:0;right:0}.timeline-dot{z-index:1;background:var(--yellow);border:3px solid var(--ink);border-radius:50%;width:15px;height:15px;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline strong,.timeline small{display:block}.timeline strong{font-size:.76rem}.timeline small{white-space:nowrap;margin-top:1px;font-size:.59rem}.timeline button.is-complete:before,.timeline button.is-active:before,.timeline button.is-complete .timeline-dot{background:var(--red)}.timeline button.is-active{color:var(--ink)}.timeline button.is-active .timeline-dot{background:var(--blue);width:20px;height:20px;top:-2px;box-shadow:0 0 0 4px #fff}.reader-hint{opacity:.65;text-align:center;margin:-5px auto 0;font-size:.68rem;font-weight:800}@media (width>=900px){.page-stage:not(.is-spread) .comic-page{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);height:min(700px,100dvh - 190px);min-height:600px}.page-stage:not(.is-spread) .comic-visual{border-right:4px solid var(--ink);border-bottom:0}.page-stage:not(.is-spread) .comic-copy{align-content:center}.page-stage.is-spread{grid-template-columns:repeat(2,minmax(0,1fr))}.page-stage.is-spread .comic-page:first-child{border-right-width:2px}.page-stage.is-spread .comic-page:last-child{border-left-width:2px}.page-stage.is-spread .comic-page:first-child:after{content:"";z-index:8;pointer-events:none;background:linear-gradient(90deg,#12131a1f,#0000 45%,#12131a1f);width:24px;position:absolute;top:0;bottom:0;right:-12px}.comic-page:not(:only-child) h1{font-size:clamp(1.7rem,3.2vw,3.1rem)}.comic-page:not(:only-child) .chapter-summary{font-size:.95rem}.timeline button{padding-top:20px}.timeline strong{font-size:.9rem;font-weight:950}.timeline small{font-size:.7rem;font-weight:750}}@media (width<=899px){.reader{gap:10px;min-height:100svh}.reader-status #chapter-name{display:none}.book-shell{grid-template-columns:44px minmax(0,1fr) 44px}.page-stage{grid-area:2/1/3/4}.page-control{z-index:20;grid-row:1;height:44px;position:static;transform:none}.page-control--previous{grid-column:1;justify-self:start}.page-control--next{grid-column:3;justify-self:end}.comic-page{min-height:calc(100dvh - 195px)}.timeline{grid-area:1/2/2/3;align-self:center;width:100%;padding:6px 3px 4px;scroll-padding-inline:50%}.timeline button{flex-basis:76px;min-width:76px;min-height:50px;padding-top:20px}.reader-hint{padding-inline:54px}}@media (width<=520px){.comic-page{grid-template-rows:minmax(220px,42dvh) 1fr}.chapter-list{grid-template-columns:1fr}h1{font-size:clamp(2rem,10vw,3rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}