@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#100a1b;--ink:#f4edf9;--muted:#b0a3c1;--violet:#b48afc;--bright:#d2b6ff;--line:#362744;--mono:'Space Mono',monospace;--body:'DM Sans',sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #f4dcff;outline-offset:5px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{height:80px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#100b19;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700;letter-spacing:2px}.brand-mark{width:28px;height:32px;border:2px solid #af80f4;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);display:grid;place-items:center;font-size:17px;color:#d7baff}.brand-slash{color:#59416e;margin:0 4px}.brand-edition,.edition{font:12px var(--mono);letter-spacing:1.2px;color:#c0b0ce}.small-star{font-size:20px;margin-left:22px;color:var(--violet)}.gate{min-height:calc(100svh - 80px);display:grid;grid-template-columns:1.08fr 1fr;max-width:1800px;margin:auto}.cover{position:relative;min-height:790px;isolation:isolate;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(ellipse at 75% 30%,#663ca3 0,#281343 33%,#110a1d 75%)}.cover-art{position:absolute;inset:0;background:linear-gradient(115deg,transparent,#6530b120);background-size:cover;background-position:55% center;z-index:-3}.cover-shade{position:absolute;inset:0;background:linear-gradient(0deg,#100a1bf5 0%,#100a1b2e 62%,#100a1b42),linear-gradient(90deg,#100a1b77,transparent);z-index:-2}.cover-top{display:flex;justify-content:space-between;align-items:center;padding:36px 8%}.eyebrow{font:12px var(--mono);letter-spacing:2px}.outline-tag{font:20px var(--display);border:1px solid #a88bca88;width:38px;height:38px;display:grid;place-items:center;transform:rotate(0deg)}.cover-copy{position:absolute;left:8%;right:4%;bottom:110px}.violet{color:var(--bright)}h1{font-family:var(--display);font-size:clamp(56px,6.1vw,97px);font-weight:800;line-height:.91;letter-spacing:-.5px;margin:20px 0 25px}h1 em{font-style:normal;color:#e1caff}.title-period{color:var(--violet)}.cover-deck{line-height:1.7;font-size:16px;color:#e0d4e9}.cover-credit{font:12px var(--mono);letter-spacing:2px;display:flex;align-items:center;gap:14px;margin-top:30px;color:#c2abde}.fine-rule{width:30px;height:1px;background:#b082f2}.cover-bottom{position:absolute;bottom:30px;left:8%;right:8%;display:flex;justify-content:space-between;font:11px var(--mono);letter-spacing:1.6px;color:#b7a4cc}.gate-room{display:flex;align-items:center;justify-content:center;padding:48px 42px;background:radial-gradient(ellipse at 80% 0,#21113255,transparent 55%)}.gate-inner{width:100%;max-width:398px}.mission-label{font:12px var(--mono);letter-spacing:1.4px;color:var(--violet);display:flex;align-items:center;gap:10px}.mini-diamond{display:inline-block;width:7px;height:7px;border:1px solid #c69cff;transform:rotate(45deg)}.mission-number{margin-left:auto;color:#88739f}h2{font:600 40px/1.08 var(--display);margin:24px 0 16px;letter-spacing:.2px}h2 span{color:#c6b4da}.gate-intro{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 25px}.board-shell{padding:10px;background:#1b1227;border:1px solid #52376c;box-shadow:0 0 32px #8350c50d}.chessboard{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1}.square{border:0;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;cursor:pointer;background:#c6b5d4;color:#140a22}.square.dark{background:#6b507d}.square:hover{box-shadow:inset 0 0 0 3px #e6ccff}.square.selected{background:#ab78e3;box-shadow:inset 0 0 0 3px #f6d7ff}.square.last-move{background:#ba86f6}.piece{font-family:'Segoe UI Symbol','Noto Sans Symbols 2',serif;font-size:clamp(27px,3.2vw,42px);line-height:1}.piece.white{color:#fff4e5;text-shadow:0 2px 1px #1e0d2a,1px 0 #251334,-1px 0 #251334}.piece.black{color:#21122c;filter:drop-shadow(0 1px 0 #bc9ace)}.rank,.file{position:absolute;font:9px var(--mono);opacity:.8}.rank{top:3px;left:4px}.file{bottom:2px;right:4px}.dark .rank,.dark .file{color:#e6d6f3}.board-meta{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:1.2px;color:#b4a3c7;padding-top:13px}.board-meta>span:first-child{display:flex;align-items:center;gap:7px}.white-piece-dot{width:7px;height:7px;background:#f8e9ff;border-radius:50%}.puzzle-status{min-height:44px;margin-top:20px;color:#c1add7;font-size:14px;line-height:1.5}.puzzle-status.success{color:#e1c2ff}.gate-actions{display:flex;justify-content:space-between;margin:3px 0 20px}.text-button{padding:6px 0;border:0;background:none;color:#dac1f8;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#79608f}.text-button.muted{color:#a38bbd}.primary-button{min-height:52px;width:100%;border:1px solid #aa71f2;color:#f8f1ff;background:#7535c2;display:flex;justify-content:center;align-items:center;gap:10px;font:12px var(--mono);letter-spacing:1.8px;cursor:pointer;transition:background .2s,box-shadow .2s}.primary-button:hover:not(:disabled){background:#9451de;box-shadow:0 0 30px #9857dc44}.primary-button:disabled{background:#251a32;border-color:#463052;color:#887394;cursor:not-allowed}.lock-icon{font-size:22px}.gate-footnote{text-align:center;color:#927ea7;font-size:12px;margin:16px 0 0}
@media(min-width:1500px){.gate-inner{max-width:440px}.cover{min-height:900px}.piece{font-size:45px}}@media(max-width:800px){.topbar{height:64px;padding:0 5%}.brand-edition{font-size:10px;letter-spacing:.6px}.edition{display:none}.brand{gap:8px;font-size:15px}.gate{grid-template-columns:1fr}.cover{min-height:610px;border-right:0;border-bottom:1px solid var(--line)}.cover-copy{bottom:80px}.cover-top{padding-top:24px}h1{font-size:76px}.cover-bottom{font-size:10px;bottom:22px}.gate-room{padding:40px 24px 48px}.gate-inner{max-width:420px}.piece{font-size:40px}.gate-footnote{font-size:13px}}@media(max-width:380px){h1{font-size:64px}.cover{min-height:560px}.gate-room{padding:32px 18px}.brand-edition{letter-spacing:0}.piece{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.cover-art{background-image:url('gate-cover.png')}
.reading-bar{height:62px;position:sticky;top:0;z-index:10;background:#130c1ded;backdrop-filter:blur(16px);border-bottom:1px solid #372640;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5%;font:12px var(--mono);letter-spacing:1px}.reading-label{color:#c6a8e2}.reading-bar #chapter-indicator{color:#b492d9;font-size:11px}.reading-track{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#281a35}#reading-progress{height:2px;background:#bb82ff;width:0%;box-shadow:0 0 12px #b477ff}.story-layout{display:grid;grid-template-columns:1fr minmax(0,760px) 1fr;max-width:1500px;margin:auto}.story-margin{font:10px var(--mono);letter-spacing:3px;color:#73528f;display:flex;flex-direction:column;align-items:center;gap:30px;padding-top:100px;position:sticky;top:80px;height:700px}.story-margin span{writing-mode:vertical-rl}.story-margin i{display:block;width:1px;height:100px;background:linear-gradient(#563775,transparent)}.right-margin{opacity:.7}.webtoon{min-width:0;padding-bottom:45px}.chapter-heading{text-align:center;padding:115px 28px 65px}.chapter-heading .eyebrow{font-size:11px;letter-spacing:2px}.chapter-heading h2{font:600 clamp(45px,4.8vw,68px)/1.01 var(--display);letter-spacing:-.4px;margin:28px 0}.chapter-heading h2 em{font-style:normal;color:#d6b1ff}.narration{font:16px/1.9 var(--body);color:#b5a2c6;margin:0}.prologue .chapter-heading{padding-top:88px}.prologue .chapter-heading h2{font-size:clamp(42px,4.3vw,60px)}figure{margin:0}.awakening-panel{position:relative;isolation:isolate;margin:0 20px;border:1px solid #54356b}.awakening-panel img{display:block;width:100%;height:auto}.awakening-panel:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#110a20);z-index:0}.awakening-panel figcaption{position:absolute;bottom:6%;left:8%;right:8%;z-index:1;padding:30px;border:1px solid #c393fc6e;background:linear-gradient(130deg,#25113bed,#160d24d9);box-shadow:0 0 60px #8134c324;display:flex;flex-direction:column;gap:13px}.system-label{font:11px var(--mono);letter-spacing:3px;color:#c4a4e9}.awakening-panel strong{font:700 55px var(--display);letter-spacing:4px}.level-line{font:14px var(--mono);color:#d1b2ef;display:flex;align-items:center;gap:15px}.level-line b{font:600 52px/.9 var(--display);color:#f5e7ff}.awakening-panel figcaption>span:last-child{font-size:14px;color:#bca5d0}.scroll-cue{display:flex;align-items:center;flex-direction:column;gap:24px;padding-top:45px;font:10px var(--mono);letter-spacing:2px;color:#9d7abe}.scroll-cue i{height:75px;width:1px;background:linear-gradient(#a36bde,transparent)}.comic-page{position:relative;background:#08060e;border:1px solid #301b41;box-shadow:0 25px 100px #0004;margin:0 20px}.comic-page img{display:block;width:100%;height:auto}.caption{position:absolute;z-index:1;margin:0;max-width:85%;padding:16px 20px;background:#f6effb;color:#251632;font-size:16px;font-weight:500;line-height:1.5;box-shadow:5px 5px 0 #180c28;border:1px solid #28183c}.caption-one{left:4%;top:2.5%}.caption-two{right:4%;top:26%}.caption-three{left:4%;bottom:3%}.maker-page .caption-one{top:14%}.maker-page .caption-two{top:52%}.maker-page .caption-three{bottom:2%}.detective-page .caption-one{top:2%}.detective-page .caption-two{top:52%}.detective-page .caption-three{left:auto;right:4%;bottom:2%}.arise-page .caption-one{top:13%}.arise-page .caption-two{top:47%}.arise-page .caption-three{bottom:3%;left:auto;right:4%}.caption.dramatic{font:800 80px/.9 var(--display);color:#fff;letter-spacing:3px;transform:rotate(-7deg);background:none;box-shadow:none;border:0;text-shadow:4px 5px 0 #220b36,0 0 30px #b15cff}.interlude{text-align:center;padding:70px 20px 0}.interlude p{font:500 28px/1.4 var(--display);letter-spacing:1px;color:#d5c3e5}.tiny-spark{color:#c48dfc;font-size:25px}.deduction-note{margin:45px auto 0;max-width:390px;text-align:center;padding:25px;border-block:1px solid #5c3674}.deduction-note .eyebrow{color:#d0a1ff;font-size:10px}.deduction-note p{line-height:1.7;font-size:16px;color:#d2c2df}.final-interlude{padding:90px 20px 0}.final-interlude p{font-size:44px;line-height:1.18;margin-bottom:30px}.final-interlude .eyebrow{font-size:11px;letter-spacing:2px}.finale .chapter-heading{padding-top:110px;padding-bottom:45px}.birthday-number{font:800 clamp(140px,22vw,240px)/1 var(--display);color:#cfabff;letter-spacing:-10px;position:relative;display:inline-block;text-shadow:0 0 100px #903bdd6b;margin-top:35px}.birthday-number span{font:50px var(--body);position:absolute;right:-35px;top:25px;color:#ead4ff;letter-spacing:0}.finale .chapter-heading h2{font-size:clamp(64px,7vw,90px);margin-top:20px}.message-wrap{margin:0 40px;scroll-margin-top:100px}.message-arrival{display:flex;align-items:center;justify-content:center;gap:10px;font:10px var(--mono);letter-spacing:1.5px;color:#bc94e2;margin-bottom:22px}.message-glyph{font-size:22px}.birthday-message{background:linear-gradient(145deg,#2b1b3b,#1a1226);border:1px solid #684289;border-radius:3px;box-shadow:0 0 75px #55267d24}.sender{display:flex;align-items:center;gap:14px;padding:24px 28px;border-bottom:1px solid #513565}.sender-avatar{background:#4b296a;border:1px solid #9862c4;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;color:#e4c7fb;font-size:19px}.sender strong{font-size:16px;font-weight:600}.sender div{display:flex;flex-direction:column;gap:5px}.sender div span{font-size:12px;color:#bb9fcf}.heart{margin-left:auto;color:#c996f4;font-size:28px}.message-body{padding:12px 32px 25px;font-size:16px;line-height:1.85;color:#ded1e8}.message-body p{margin:20px 0}.message-body p:first-child{color:#f3e6ff;font-size:20px;font-weight:600}.message-body .signoff{color:#cca5ed;margin-top:30px}.message-footer{font:9px/1.8 var(--mono);letter-spacing:1px;padding:18px 28px;border-top:1px solid #4b315d;color:#a685bf}.message-wrap.arrived .birthday-message{animation:message-arrive .8s ease-out}.message-wrap.arrived .message-arrival{color:#edd4ff}.end-title{text-align:center;font:600 40px var(--display);letter-spacing:4px;margin:70px 0 12px}.end-title span{color:#b478f4}.end-note{text-align:center;font-size:14px;color:#b197c4}.replay-button{max-width:340px;margin:36px auto 0}.final-credit{text-align:center;font:9px/1.8 var(--mono);letter-spacing:1.4px;color:#8e729f;margin:50px 20px 0}.noscript-note{padding:25px;text-align:center;background:#291b38}.story-entered .topbar{display:none}@keyframes message-arrive{from{transform:translateY(22px);filter:brightness(.7)}to{transform:translateY(0);filter:brightness(1)}}
@media(max-width:1050px){.story-layout{grid-template-columns:1fr minmax(0,720px) 1fr}.story-margin{letter-spacing:1px;font-size:9px}.reading-label{font-size:10px}.chapter-heading h2{font-size:60px}}@media(max-width:800px){.story-layout{display:block}.story-margin{display:none}.reading-bar{height:54px;padding:0 20px}.reading-label{display:none}.reading-bar #chapter-indicator{font-size:10px}.reading-bar .text-button{font-size:12px}.webtoon{max-width:680px;margin:auto}.chapter-heading{padding:80px 24px 45px}.chapter-heading h2{font-size:52px}.narration{font-size:16px;line-height:1.8}.narration br{display:none}.prologue .chapter-heading{padding-top:65px}.comic-page,.awakening-panel{margin:0 14px}.awakening-panel figcaption{padding:20px;bottom:4%;left:5%;right:5%}.awakening-panel strong{font-size:42px}.level-line b{font-size:38px}.caption{font-size:14px;padding:10px 12px;line-height:1.45;box-shadow:3px 3px 0 #180c28}.caption.dramatic{font-size:55px}.interlude{padding-top:45px}.interlude p{font-size:28px}.final-interlude p{font-size:42px}.message-wrap{margin:0 20px}.sender{padding:20px}.message-body{padding:5px 22px 18px;font-size:16px}.message-footer{font-size:9px;padding:16px 22px}.finale .chapter-heading{padding-top:90px}.end-title{font-size:34px;letter-spacing:2px}.final-credit{font-size:9px}.replay-button{width:calc(100% - 48px)}.deduction-note{margin-inline:35px}.system-label{font-size:10px}.awakening-panel figcaption>span:last-child{font-size:13px}}@media(max-width:400px){.caption{font-size:13px;padding:8px 10px}.chapter-heading h2{font-size:45px}.message-body{padding-inline:18px}.sender{padding:18px}.message-arrival{font-size:9px;letter-spacing:1px}.message-footer{letter-spacing:.5px}.awakening-panel figcaption{gap:10px}.awakening-panel strong{font-size:35px}.level-line b{font-size:32px}}
.gate-room,.gate-inner,.cover{min-width:0}.chessboard{grid-template-columns:repeat(8,minmax(0,1fr))}.square{min-width:0}
@media(max-width:800px){.cover{min-height:300px}.cover-top{padding:18px 6%}.cover-top .eyebrow{font-size:10px;letter-spacing:1px}.cover-copy{left:6%;right:4%;bottom:23px}.cover-copy>.eyebrow{font-size:10px;letter-spacing:1.2px}.cover h1{font-size:50px;line-height:.91;margin:12px 0 0}.cover-deck,.cover-credit,.cover-bottom{display:none}.cover-art{background-position:center 23%}.cover-shade{background:linear-gradient(90deg,#100a1bad,#100a1b1a),linear-gradient(0deg,#100a1b9e,transparent)}.gate-room{padding-top:26px}.gate-inner h2{font-size:35px;margin-top:18px}.gate-intro{font-size:14px;margin-bottom:18px}.piece{font-size:36px}.caption{font-size:14px}.brand-edition{font-size:10px}.brand{letter-spacing:1px}.brand-slash{margin:0}}
@media(max-width:380px){.cover{min-height:285px}.cover h1{font-size:46px}.piece{font-size:30px}}
/* Bilingual story and reading rhythm */

.language-toggle{flex-shrink:0;min-height:40px;min-width:80px;padding:6px 14px;border:1px solid #76548e;border-radius:4px;background:#241631;color:#ead4ff;font-size:14px;font-family:'Noto Sans Arabic',var(--body);cursor:pointer;letter-spacing:0}.language-toggle:hover{background:#3b2451}.topbar .edition{margin-inline-start:auto;margin-inline-end:25px}.story-prose{max-width:620px;margin:0 auto 48px;padding:0 28px;font-size:18px;line-height:1.95;color:#d9cde3;text-align:start}.story-prose p{margin:0 0 24px}.story-prose q{color:#f6e9ff}.story-prose .terminal-line{font:12px/1.9 var(--mono);padding:20px;border-inline-start:2px solid #bc84ff;background:#20142d;color:#d3b2f1;letter-spacing:1px}.chapter-heading{padding-bottom:32px}.chapter-heading h2{line-height:1.12}.interlude p{font-size:27px}.caption.dramatic{font-size:66px}.chessboard,.board-shell{direction:ltr}.reading-label{flex:1}.reading-bar{gap:18px}.reading-bar #chapter-indicator{white-space:nowrap}.cover h1{font-size:clamp(56px,6.1vw,94px);line-height:.99}.prologue .chapter-heading h2{font-size:clamp(40px,4.3vw,58px)}
html[lang=ar]{--body:'Noto Sans Arabic',Tahoma,sans-serif;--display:'Noto Sans Arabic',Tahoma,sans-serif;--mono:'Noto Sans Arabic',Tahoma,sans-serif}html[lang=ar] body{line-height:1.8}html[lang=ar] .brand{letter-spacing:0}html[lang=ar] .eyebrow,html[lang=ar] .mission-label,html[lang=ar] .reading-bar,html[lang=ar] .primary-button,html[lang=ar] .message-footer,html[lang=ar] .final-credit{letter-spacing:0}html[lang=ar] .cover-copy{left:5%;right:8%;text-align:right}html[lang=ar] .cover h1{font-size:clamp(48px,5.7vw,78px);line-height:1.5;letter-spacing:-1px}html[lang=ar] .cover-copy>.eyebrow{line-height:1.8}html[lang=ar] .cover-deck{line-height:2}html[lang=ar] .gate-inner h2{font-size:32px;line-height:1.65}html[lang=ar] .mission-number{margin-left:0;margin-inline-start:auto}html[lang=ar] .chapter-heading h2{font-size:44px;line-height:1.7;letter-spacing:-.7px}html[lang=ar] .narration{line-height:2.1}html[lang=ar] .story-prose{line-height:2.15}html[lang=ar] .story-prose .terminal-line{font-size:15px;line-height:2;letter-spacing:0}html[lang=ar] .caption{font-size:16px;line-height:1.8;text-align:right}html[lang=ar] .caption.dramatic{font-size:48px;line-height:1.4}html[lang=ar] .awakening-panel strong{font-size:44px;letter-spacing:0}html[lang=ar] .level-line b{font-size:38px}html[lang=ar] .interlude p{font-size:26px;line-height:1.9;letter-spacing:0}html[lang=ar] .message-body{line-height:2.1}html[lang=ar] .heart{margin-left:0;margin-inline-start:auto}html[lang=ar] .end-title{font-size:34px;letter-spacing:0}html[lang=ar] .birthday-number{letter-spacing:-10px;font-family:'Barlow Condensed',sans-serif}html[lang=ar] .piece,html[lang=ar] .file,html[lang=ar] .rank{font-family:'Segoe UI Symbol',serif}html[lang=ar] .story-margin span{letter-spacing:0}
@media(max-width:800px){.topbar .edition{display:none}.topbar{gap:10px}.topbar .language-toggle{margin-inline-start:auto;min-width:65px;padding:5px 9px}.brand-edition{display:none}.brand-slash{display:none}.reading-bar{gap:10px;padding:0 14px}.reading-bar #chapter-indicator{font-size:10px;white-space:normal;line-height:1.4}.reading-bar .language-toggle{min-width:65px;padding:4px 8px}.reading-label{display:none}.cover h1{font-size:48px;line-height:1}.story-prose{font-size:17px;line-height:1.9;padding:0 26px;margin-bottom:32px}.chapter-heading{padding-bottom:20px}.caption.dramatic{font-size:45px}html[lang=ar] .cover h1{font-size:40px;line-height:1.45}html[lang=ar] .cover-copy{bottom:18px}html[lang=ar] .cover-copy>.eyebrow{font-size:10px}html[lang=ar] .chapter-heading h2{font-size:31px;line-height:1.8}html[lang=ar] .gate-inner h2{font-size:27px;line-height:1.65}html[lang=ar] .gate-intro{line-height:1.9}html[lang=ar] .story-prose{font-size:17px}html[lang=ar] .caption{font-size:14px;line-height:1.7;max-width:88%}html[lang=ar] .caption.dramatic{font-size:35px}html[lang=ar] .interlude p{font-size:22px}html[lang=ar] .end-title{font-size:28px}.final-interlude p{font-size:27px;line-height:1.6}}

/* Each illustrated scene gets its own short reading beat. */
.last-move-note{margin:0 0 14px;padding:10px 14px;border-inline-start:2px solid #a97be2;background:#21152e;color:#e2ccef;font-size:14px;line-height:1.6}
.last-move-note bdi{white-space:nowrap;color:#fff0ff;font-weight:600}
.story-sequence{margin-inline:20px}
.story-panel{margin:0 0 28px}
.panel-art{position:relative;aspect-ratio:var(--panel-ratio);overflow:hidden;border:1px solid #513067;background:#0b0712}
.panel-art img{display:block;width:100%;height:auto;position:absolute;inset-inline-start:0;top:var(--panel-offset)}
.story-panel figcaption{max-width:570px;padding:28px 28px 34px;margin:auto;font-size:18px;line-height:1.85;text-align:start;color:#e5dceb}
.story-panel figcaption p{margin:0 0 16px}
.story-panel figcaption p:last-child{margin-bottom:0}
.story-panel .dialogue,.story-prose .dialogue{font-size:22px;font-weight:600;line-height:1.65;color:#e2bcff;border-inline-start:2px solid #b883f9;padding-inline-start:18px;margin-block:22px}
.prologue-after{margin-top:40px}
.story-panel.arrived .panel-art{animation:panel-arrive .75s ease-out both}
.awakening-panel.arrived{animation:panel-arrive .8s ease-out both}
@keyframes panel-arrive{from{transform:translateY(18px);filter:brightness(.78)}to{transform:translateY(0);filter:brightness(1)}}
html[lang=ar] .story-panel figcaption{line-height:2;font-size:18px}
html[lang=ar] .story-panel .dialogue,html[lang=ar] .story-prose .dialogue{line-height:1.9;font-size:21px}
@media(max-width:800px){.story-sequence{margin-inline:14px}.story-panel figcaption{padding:24px 14px 30px;font-size:18px;line-height:1.85}.story-panel .dialogue,.story-prose .dialogue{font-size:21px}.prologue-after{margin-top:30px}.story-prose{font-size:18px}.chapter-heading .eyebrow{font-size:12px;line-height:1.8}.story-panel{margin-bottom:12px}.reading-bar #chapter-indicator{font-size:12px}.reading-bar .text-button{font-size:14px}html[lang=ar] .story-panel figcaption{font-size:18px}html[lang=ar] .story-prose{font-size:18px}}