[data-avariels-cinematic-reader]{--avr-column:min(740px,calc(100vw - 72px),max(240px,calc((100dvh - 400px)*1.777)));--avr-paper:#f8f3e8;--avr-ink:#292c27;--avr-edge:#c9c6b4;--avr-green:#31473a;color:var(--avr-ink);font:15px/1.5 Arial,sans-serif;max-width:1180px;margin:0 auto}
[data-avariels-cinematic-reader] *{box-sizing:border-box}
.avr-shell{height:calc(100dvh - 24px);min-height:560px;max-height:1120px;background:var(--avr-paper);border:1px solid var(--avr-edge);border-radius:12px;overflow:hidden;display:grid;grid-template-rows:auto auto auto auto minmax(100px,1fr) auto;box-shadow:0 14px 60px #0002}
.avr-head{width:var(--avr-column);max-width:calc(100% - 48px);justify-self:center;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0}.avr-kicker{font-size:10px;letter-spacing:2px;color:#566451}.avr-head h1{font:normal 25px/1.2 Georgia,serif;margin:5px 0 0}.avr-help{font-size:12px;max-width:320px}.avr-help summary{cursor:pointer;white-space:nowrap}.avr-help p{margin:8px 0}
.avr-act-title{font:normal 20px/1.35 Georgia,serif;color:#40543d;margin:12px 0 2px}.avr-stage{position:relative;margin:0;width:var(--avr-column);max-width:calc(100% - 48px);aspect-ratio:1672 / 941;justify-self:center;background:#151f20;min-height:0;display:flex;align-items:center;justify-content:center}.avr-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.avr-caption{position:absolute;top:0;left:0;right:0;background:linear-gradient(#101c22ed,transparent);color:white;display:flex;justify-content:space-between;gap:12px;padding:10px 18px 30px;font-size:12px;pointer-events:none}
.avr-nav,.avr-toolbar{width:var(--avr-column);max-width:calc(100% - 48px);justify-self:center;display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--avr-edge);flex-wrap:wrap}.avr-nav select{flex:1;min-width:120px;max-width:480px}.avr-nav label{font-size:12px;margin-left:auto;white-space:nowrap}.avr-toolbar{margin-top:24px;margin-bottom:10px;padding:10px 12px;gap:10px;background:#f0ebdf;border:1px solid var(--avr-edge);border-radius:8px}.avr-toolbar audio{height:36px;flex:1;min-width:180px}.avr-toolbar label{font-size:12px;white-space:nowrap}
[data-avariels-cinematic-reader] button,[data-avariels-cinematic-reader] select{font:inherit;color:var(--avr-ink);background:#fff9;border:1px solid #a5ad9a;border-radius:5px;padding:5px 10px;cursor:pointer}.avr-nav button{min-width:95px} [data-avariels-cinematic-reader] button:disabled{opacity:.4;cursor:default}[data-avariels-cinematic-reader] :focus-visible{outline:3px solid #ad6323;outline-offset:3px}.avr-text{-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 18px,#000 90px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,transparent 18px,#000 90px,#000 100%);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;padding:0 0 60px;font:20px/1.85 Georgia,serif;background:linear-gradient(#fff9,#fff3);min-height:0}.avr-prose{width:var(--avr-column);max-width:calc(100% - 16px);margin:0 auto}.avr-text p{margin:25px 0}.avr-intro{padding:22px 0 8px;font:15px/1.6 Arial,sans-serif;color:#596154;min-height:150px}.avr-intro h2{font:normal 24px Georgia,serif;margin:0}.avr-sentence{border-radius:3px;cursor:pointer}.avr-sentence:hover{background:#dce7d7}.avr-active{background:#e0e8d5;box-shadow:none;text-decoration:none}.avr-large-text .avr-text{font-size:24px}.avr-ending{margin-top:36px;font:16px/1.5 Arial,sans-serif}.avr-ending a{color:#315942}.avr-status{margin:0;padding:5px 20px;font-size:11px;color:#53604d;border-top:1px solid var(--avr-edge)}
@media(max-width:600px){.avr-shell{height:calc(100svh - 12px);min-height:480px;border-radius:7px;grid-template-rows:auto auto auto auto minmax(100px,1fr) auto}.avr-head{padding:9px 0;gap:8px}.avr-head h1{font-size:18px}.avr-act-title{font-size:16px;margin-top:10px}.avr-kicker{font-size:8px;letter-spacing:1px}.avr-help{font-size:10px;max-width:110px}.avr-head:has(.avr-help[open]){align-items:start}.avr-head:has(.avr-help[open]) .avr-help{max-width:180px}.avr-nav{gap:6px;padding:6px 0}.avr-nav button{min-width:0;font-size:12px;padding:5px 6px}.avr-nav select{font-size:11px;min-width:90px;width:100px}.avr-nav label{font-size:10px;margin-left:0}.avr-toolbar{margin-top:18px;margin-bottom:8px;padding:8px 6px;gap:6px}.avr-toolbar audio{min-width:160px;width:100px}.avr-toolbar select{padding:3px;font-size:11px}.avr-toolbar label{font-size:10px}.avr-toolbar button{font-size:11px;padding:4px}.avr-text{font-size:18px;line-height:1.75;padding:0 0 50px}.avr-prose{width:var(--avr-column);max-width:calc(100% - 16px);margin:0 auto}.avr-text p{margin:20px 0}.avr-status{font-size:9px;padding:4px 10px}.avr-caption{font-size:10px;padding:6px 10px 26px}.avr-caption span:first-child{max-width:85%}}
@media(prefers-reduced-motion:reduce){[data-avariels-cinematic-reader] *{scroll-behavior:auto!important;transition:none!important}}




.avr-frame-meta{flex-basis:100%;display:flex;justify-content:space-between;font-size:11px;line-height:1.2;color:#53604d}



.avr-nav,.avr-stage,.avr-toolbar{border:1px solid var(--avr-edge);border-radius:8px;background:#f0ebdf}.avr-nav{padding:10px 12px;margin-bottom:12px}.avr-stage{overflow:hidden}.avr-stage img{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);border-radius:4px}@media(max-width:600px){.avr-nav{padding:8px 6px;margin-bottom:10px}}


.avr-stage{border:0;background:transparent;border-radius:8px;overflow:hidden;isolation:isolate;clip-path:inset(0 round 8px)}.avr-stage img{inset:0;width:100%;height:100%;border-radius:8px}

.avr-nav-disclosure{width:var(--avr-column);max-width:calc(100% - 48px);justify-self:center;margin-bottom:12px}.avr-nav-disclosure summary{font:13px/1.6 Arial,sans-serif;color:#3b563e;text-decoration:underline;cursor:pointer;list-style:none;width:fit-content}.avr-nav-disclosure summary::-webkit-details-marker{display:none}.avr-nav-disclosure>.avr-nav{width:100%;max-width:none;margin:8px 0 0}
.avr-reader-tools{width:var(--avr-column);max-width:calc(100% - 48px);justify-self:center;margin-bottom:12px}.avr-tool-links{display:flex;justify-content:flex-end;align-items:center;gap:18px;flex-wrap:wrap}[data-avariels-cinematic-reader] .avr-tool-link{padding:2px 0;border:0;border-radius:0;background:transparent;font:13px/1.6 Arial,sans-serif;color:#3b563e;text-decoration:underline;cursor:pointer}.avr-reader-tools [hidden]{display:none!important}.avr-reader-tools>.avr-nav{width:100%;max-width:none;margin:10px 0 0}.avr-reader-help{margin:10px 0 0;padding:12px 16px;border:1px solid var(--avr-edge);border-radius:8px;background:#f0ebdf;font:14px/1.6 Arial,sans-serif}.avr-reader-help p{margin:0}
.avr-toolbar label{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;background:#f1f3f4}.avr-toolbar label select{height:32px;padding:0 4px;border:0;border-radius:999px;background:transparent}.avr-toolbar>button{height:36px;min-width:44px;padding:0 12px;border:0;border-radius:999px;background:#f1f3f4}@media(max-width:600px){.avr-toolbar label{gap:4px;padding:0 8px}.avr-toolbar>button{min-width:36px;padding:0 8px}}
.avr-toolbar .avr-continuous-option{flex-basis:100%;justify-content:flex-end;height:auto;min-height:26px;padding:0;background:transparent;border-radius:0;font-size:12px}.avr-continuous-option input{accent-color:#3b563e}

/* Compact playback row and matching pill navigation. */
.avr-toolbar{flex-wrap:nowrap;gap:8px}
.avr-toolbar audio{flex:1 1 180px;min-width:140px;width:180px}
.avr-toolbar .avr-continuous-option{flex:0 0 auto;justify-content:center;height:36px;min-height:36px;padding:0 10px;border-radius:999px;background:#f1f3f4;font-size:11px;gap:5px}
.avr-continuous-option input{margin:0;width:14px;height:14px}
.avr-nav button,.avr-nav select{height:36px;border:0!important;border-radius:999px!important;background:#f1f3f4!important;padding:0 14px!important;font-size:12px!important}
@media(max-width:600px){.avr-toolbar{flex-wrap:wrap}.avr-toolbar audio{flex:1 1 100%;width:100%;min-width:0}.avr-toolbar .avr-continuous-option{margin-left:auto;font-size:10px;padding:0 8px}.avr-nav button,.avr-nav select{padding:0 9px!important}}

[data-avariels-cinematic-reader] input[type="checkbox"]{accent-color:#3b563e}

.avr-toolbar .avr-continuous-option{background:transparent;border-radius:0;padding-right:0}

.avr-nav button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.avr-nav-arrow{font:700 19px/1 Arial,sans-serif;color:#31473a}

/* Follow the existing site appearance switch without a second preference. */
html[data-avariel-theme] [data-avariels-cinematic-reader]{--avr-paper:var(--av-paper);--avr-ink:var(--av-ink);--avr-edge:var(--av-line);--avr-green:var(--av-leaf);color-scheme:inherit}
.av-page:has([data-avariels-cinematic-reader])>.av-page-title{display:none}
html[data-avariel-theme] [data-avariels-cinematic-reader] :is(.avr-head h1,.avr-text,.avr-reader-help){color:var(--av-ink)}
html[data-avariel-theme] [data-avariels-cinematic-reader] :is(.avr-nav,.avr-toolbar,.avr-reader-help){background:var(--av-inset);border-color:var(--av-line)}
html[data-avariel-theme] [data-avariels-cinematic-reader] .avr-text{background:var(--av-paper)}
html[data-avariel-theme] [data-avariels-cinematic-reader] :is(.avr-kicker,.avr-intro,.avr-status){color:var(--av-muted)}
html[data-avariel-theme] [data-avariels-cinematic-reader] :is(.avr-act-title,.avr-nav-arrow,.avr-tool-link,.avr-ending a){color:var(--av-leaf)}
html[data-avariel-theme] [data-avariels-cinematic-reader] :is(button,select,.avr-toolbar label){color:var(--av-ink);border-color:var(--av-line);background:var(--ava-field)}
html[data-avariel-theme] [data-avariels-cinematic-reader] .avr-nav :is(button,select){background:var(--ava-field)!important}
html[data-avariel-theme] [data-avariels-cinematic-reader] .avr-tool-link{background:transparent}
html[data-avariel-theme] [data-avariels-cinematic-reader] .avr-toolbar .avr-continuous-option{background:transparent}
html[data-avariel-theme] [data-avariels-cinematic-reader] .avr-toolbar label select{background:transparent}
html[data-avariel-theme] [data-avariels-cinematic-reader] :is(.avr-active,.avr-sentence:hover){background:var(--ava-hover);color:var(--av-ink)}
html[data-avariel-theme] [data-avariels-cinematic-reader] input[type=checkbox]{accent-color:var(--av-leaf)}

/* Give the story a substantial reading pane rather than a leftover strip. */
[data-avariels-cinematic-reader]{--avr-column:min(740px,calc(100vw - 72px))}
.avr-shell{height:auto;min-height:0;max-height:none;grid-template-rows:auto auto auto auto auto auto}
.avr-text{height:clamp(420px,55dvh,620px);min-height:420px}
.avr-intro{min-height:0;padding:100px 0 8px}
.avr-guide{margin:28px auto!important;padding:24px!important;max-width:1072px;border:1px solid var(--av-line,#c9c6b4);border-radius:12px;background:var(--av-paper,#f8f3e8)}
.avr-guide>h2{font:normal 25px/1.3 Georgia,serif;margin:0 0 8px}
.avr-guide>p{margin:0 0 18px;color:var(--av-muted,#596154)}
.avr-guide-group{border-top:1px solid var(--av-line,#c9c6b4);padding:0}
.avr-guide-group summary{cursor:pointer;padding:15px 0;font:600 15px/1.4 Arial,sans-serif;color:var(--av-ink,#292c27)}
.avr-guide-group ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;list-style:none!important;padding:0 0 18px!important;margin:0!important}
.avr-guide-group li{margin:0!important;padding:0!important}
.avr-guide-group li a{display:block;padding:10px 12px;border:1px solid var(--av-line,#c9c6b4);border-radius:7px;background:var(--av-inset,#f0ebdf);color:var(--av-leaf,#31473a);text-decoration:none;line-height:1.4}
.avr-guide-group li a:hover{background:var(--ava-hover,#e0e8d5);text-decoration:underline}
.avr-guide-all{display:inline-block;margin-top:18px;color:var(--av-leaf,#31473a)}
@media(max-width:600px){.avr-shell{height:auto;min-height:0;grid-template-rows:auto auto auto auto auto auto}.avr-text{height:460px;min-height:460px}.avr-guide{padding:18px!important}.avr-guide-group ul{grid-template-columns:1fr}}

/* Use the available reader width while keeping all content aligned. */
[data-avariels-cinematic-reader]{--avr-column:min(1040px,calc(100vw - 96px));max-width:1280px}
@media(max-width:600px){[data-avariels-cinematic-reader]{--avr-column:calc(100vw - 48px)}}

[data-avariels-cinematic-reader] button.avr-image-play{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;border:0;border-radius:8px;background:transparent!important;cursor:pointer;box-shadow:none}
[data-avariels-cinematic-reader] button.avr-image-play:focus-visible{outline:4px solid var(--avr-green);outline-offset:-5px}

/* Keep help and navigation disclosures as unboxed text links in the site theme. */
html[data-avariel-theme] [data-avariels-cinematic-reader] .avr-reader-tools button.avr-tool-link,html[data-avariel-theme] [data-avariels-cinematic-reader] .avr-reader-tools button.avr-tool-link:hover,html[data-avariel-theme] [data-avariels-cinematic-reader] .avr-reader-tools button.avr-tool-link:focus{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:var(--av-leaf,var(--avr-green));border-radius:0}