/* Latest completed catalogue visual layer; scoped to the 720 x 1280 Toy entry. */
/* Discussion prototype. The original entry, native bridges and saves are untouched. */
#entry-frame [data-catalogue-prototype]{--book-gold:#edc47c;--book-line:#bf975880;--book-ink:#f0eee7;--book-muted:#a9b5bd}
/* The skip label leaves with the same mist progress as the cover wash. */
#entry-frame [data-aganau-cover][data-view="cover"]>.cover-fire-skip{opacity:calc(1 - var(--intro-reveal));filter:blur(calc(6px * var(--intro-reveal)))}
/* The unavailable part shares the catalogue's quiet, neutral locked state. */
#entry-frame [data-catalogue-prototype]>#parts .part.upcoming{background:rgba(10,17,29,.3);border-color:#b8b8b840;box-shadow:none;cursor:default}
#entry-frame [data-catalogue-prototype]>#parts .upcoming .part-index{color:#b8b8b8;opacity:.6}
#entry-frame [data-catalogue-prototype]>#parts .upcoming .part-info{opacity:.6}
#entry-frame [data-catalogue-prototype]>#parts .upcoming .part-info strong{color:#d0d0d0}
#entry-frame [data-catalogue-prototype]>#parts .upcoming .part-info>.part-route{color:#b8b8b8}
/* Keep the shared illustration continuous while the directory settles in. */
#entry-frame #entry[data-catalogue-prototype][data-view="chapters"]>.scene{opacity:.09;filter:none!important;object-position:50% 52%;animation:catalogue-scene-dim 760ms cubic-bezier(.16,.7,.28,1) backwards}
#entry-frame #entry[data-catalogue-prototype][data-view="chapters"]>.shade{background:linear-gradient(180deg,rgba(2,9,13,.2),transparent 48%,rgba(2,7,11,.1) 65%,rgba(2,7,11,.9))}
#entry-frame [data-catalogue-prototype]>#chapters{isolation:isolate}
#entry-frame [data-catalogue-prototype][data-view="chapters"]>#chapters::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#080f15a8,#080f15c9 45%,#080f15ed);animation:catalogue-backdrop-in 760ms cubic-bezier(.16,.7,.28,1) backwards}
@keyframes catalogue-scene-dim{from{opacity:1}to{opacity:.09}}
@keyframes catalogue-backdrop-in{from{opacity:0}to{opacity:1}}
#entry-frame [data-catalogue-prototype] .chapters-header{background:#08111beF;box-shadow:none}
/* Animate the header frame too, so its separator shares the content reveal. */
#entry-frame [data-catalogue-prototype][data-view="chapters"]>#chapters .chapters-header,
#entry-frame [data-catalogue-prototype][data-view="chapters"]>#chapters .chapter-scroll{animation:parts-mist-reveal 760ms cubic-bezier(.16,.7,.28,1) backwards}
#entry-frame [data-catalogue-prototype][data-view="chapters"]>#chapters .chapter-topline{animation:none;opacity:1;transform:none;filter:none}
#entry-frame [data-catalogue-prototype]>#chapters .chapter-topline{justify-content:space-between}
#entry-frame [data-catalogue-prototype]>#chapters .chapter-heading{flex:0 0 auto;margin:0;text-align:right}
#entry-frame .chapter-signature{flex:0 1 auto;width:clamp(110px,273.6px,220px);min-width:0;min-height:44px;aspect-ratio:8265/2009;padding:0;border:0;background:transparent var(--download-chapter-signature, url("entry/assets/signature-header.svg")) center/contain no-repeat;font-size:0;color:transparent;transition:filter .18s,transform .18s}
#entry-frame .chapter-signature:active{transform:scale(.97);filter:brightness(1.15)}
#entry-frame .chapter-signature:focus-visible{outline:none;filter:drop-shadow(0 0 5px #ffdb5080)}
#entry-frame .chapter-signature:disabled{opacity:.5;cursor:default}
#entry-frame [data-catalogue-prototype] .chapter-scroll{padding:18px clamp(12px,21.6px,24px) max(18px,env(safe-area-inset-bottom));scrollbar-width:none}
#entry-frame [data-catalogue-prototype] .chapter-scroll::-webkit-scrollbar{display:none}
#entry-frame .catalogue-stack{max-width:720px;margin:0 auto}
#entry-frame .bookmark-card{position:relative;display:block;overflow:hidden;width:100%;height:auto;aspect-ratio:3.15/1;padding:20px 22px;text-align:left;border:1px solid var(--book-line);border-left:4px solid var(--book-gold);background:#0b1b27;color:var(--book-ink);isolation:isolate}
#entry-frame .bookmark-art{position:absolute;top:0;right:0;width:100%;height:100%;z-index:-1;object-fit:cover;object-position:var(--bookmark-position,50% 50%);pointer-events:none}
#entry-frame .row-current{display:inline-block;border:1px solid #d5ae6680;color:var(--book-gold);font-size:12px;line-height:1.5;letter-spacing:.08em;padding:2px 9px;font-weight:400;white-space:nowrap}
#entry-frame .bookmark-number{position:absolute;left:var(--bookmark-number-left,18px);right:var(--bookmark-number-right,auto);top:var(--bookmark-number-top,50%);transform:translateY(-50%);font:italic clamp(80px,136.8px,126px)/1 Georgia,serif;color:var(--bookmark-number-color,#e9dfc8);opacity:var(--bookmark-number-opacity,.36);pointer-events:none}
#entry-frame .bookmark-card{cursor:default}
#entry-frame .book-progress{position:relative;margin:29px 10px;height:1px}
#entry-frame .book-progress-track{position:relative;height:1px;background:#d2aa644d}
#entry-frame .book-progress-fill{position:absolute;top:0;right:auto;bottom:0;left:0;inset:0 auto 0 0;width:var(--story-progress,0%);background:var(--book-gold);transition:width .65s cubic-bezier(.2,.7,.3,1)}
#entry-frame .book-progress-diamond{position:absolute;left:var(--story-progress,0%);top:50%;width:8px;height:8px;background:#09202b;border:1.5px solid var(--book-gold);box-shadow:0 0 0 4px #07131c;transform:translate(-50%,-50%) rotate(45deg);transition:left .65s cubic-bezier(.2,.7,.3,1)}
#entry-frame [data-catalogue-prototype] #chapter-list{display:block;max-width:none;border:1px solid var(--book-line);background:linear-gradient(115deg,#102532a6,#071722c9);box-shadow:none}
#entry-frame .chapter-row{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(70px,108.8px,88px);padding:0;color:var(--book-ink);touch-action:pan-y;cursor:ew-resize}
#entry-frame .row-text-clip{position:relative;z-index:2;width:100%;min-height:inherit;clip-path:polygon(0 0,calc(78% - var(--swipe-reveal,0%) - 3px) 0,calc(68% - var(--swipe-reveal,0%) - 3px) 100%,0 100%);transition:clip-path .28s cubic-bezier(.2,.7,.3,1);pointer-events:none}
#entry-frame .row-content{position:relative;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:clamp(16px,21.6px,22px);width:74%;min-height:inherit;padding:12px 14px;transform:translateX(var(--text-shift,0px));opacity:var(--content-opacity,1);transition:transform .28s cubic-bezier(.2,.7,.3,1),opacity .28s cubic-bezier(.2,.7,.3,1);pointer-events:none}
#entry-frame .row-art{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:0;overflow:hidden;background:#142936;clip-path:polygon(calc(78% - var(--swipe-reveal,0%)) 0,100% 0,100% 100%,calc(68% - var(--swipe-reveal,0%)) 100%);transition:clip-path .28s cubic-bezier(.2,.7,.3,1);pointer-events:none}
#entry-frame .row-art img{position:absolute;left:0;top:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;transition:left .28s cubic-bezier(.2,.7,.3,1),top .28s cubic-bezier(.2,.7,.3,1),width .28s cubic-bezier(.2,.7,.3,1),height .28s cubic-bezier(.2,.7,.3,1)}
#entry-frame .row-slash{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:3;width:100%;height:100%;transform:translateX(calc(0% - var(--swipe-reveal,0%)));transition:transform .28s cubic-bezier(.2,.7,.3,1);pointer-events:none}
#entry-frame .row-slash path{fill:none;stroke:#edc47c8c;stroke-width:1}
#entry-frame .chapter-row.is-dragging .row-text-clip,
#entry-frame .chapter-row.is-dragging .row-content,
#entry-frame .chapter-row.is-dragging .row-art,
#entry-frame .chapter-row.is-dragging .row-art img,
#entry-frame .chapter-row.is-dragging .row-slash,
#entry-frame .chapter-row.is-dragging .row-heading,
#entry-frame .chapter-row.is-dragging .row-progress,
#entry-frame .chapter-row.is-dragging .row-number{transition:none}
#entry-frame .chapter-row.is-entering{pointer-events:none}
#entry-frame .chapter-row:focus{outline:none}
#entry-frame .chapter-row:focus-visible .row-heading h3{text-decoration:underline;text-decoration-color:#edc47c;text-decoration-thickness:1px;text-underline-offset:.2em}
#entry-frame .chapter-row:not(:last-child)::after{content:"";position:absolute;z-index:4;bottom:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,#caa15b60,#caa15b35)}
#entry-frame .chapter-row.is-current{background:linear-gradient(100deg,#29405160,#20334040);box-shadow:inset 0 0 0 1px #e5b4656b}
#entry-frame .chapter-row.is-current::before{content:"";position:absolute;z-index:5;top:0;bottom:0;left:-1px;width:4px;background:linear-gradient(#ffe4ab,#e6b663 65%,#f5d999)}
#entry-frame .row-info{min-width:0}
#entry-frame .row-number{min-width:1.3em;font:italic clamp(30px,56.16px,43px)/1 Georgia,serif;color:var(--book-gold)}
#entry-frame .row-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#entry-frame .row-heading h3{font-size:clamp(18px,28.8px,25px);line-height:1.35;font-weight:400;letter-spacing:.03em;margin:0;overflow-wrap:anywhere}
#entry-frame .row-current{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;font-size:14px;line-height:1.4;padding:1px 8px;text-align:center}
#entry-frame .row-progress{font:12px/1.5 system-ui,sans-serif;color:var(--book-muted);letter-spacing:.04em;margin:5px 0 0}
#entry-frame .chapter-row.is-locked,
#entry-frame .bookmark-card.is-locked{filter:grayscale(1);opacity:.55;cursor:default}
#entry-frame .chapter-row.is-locked .row-slash path{stroke:#aab4b875}
#entry-frame .chapter-row.is-unread .row-number{color:#c9ab76}
#entry-frame .chapter-row.is-unread .row-progress{color:#748894}
#entry-frame .catalogue-preview-tools{position:absolute;z-index:14;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:5px;padding:10px 8px max(10px,env(safe-area-inset-bottom));background:#08131bed;border-top:1px solid #c9a56826;font:10px/1.4 system-ui,sans-serif;color:#aab5bc}
#entry-frame .catalogue-preview-tools button{border:1px solid #ba995246;background:transparent;padding:7px 8px;min-height:34px;border-radius:0;color:#b6bdbe;font:inherit;white-space:nowrap}
#entry-frame .catalogue-preview-tools button[aria-pressed="true"]{color:#f4d08c;border-color:#d4ae6c8c;background:#c9a05212}
#entry-frame .catalogue-preview-tools>span{color:#7f919b;letter-spacing:.03em;margin-right:3px}
#entry-frame [data-catalogue-prototype]:not([data-view="chapters"]) .catalogue-preview-tools{display:none}
#entry-frame .chapter-visual-preview{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:24;background:#051018}
#entry-frame .chapter-visual-preview[hidden],
#entry-frame .bookmark-art[hidden]{display:none!important}
#entry-frame .chapter-visual-image{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:contain}
#entry-frame .chapter-visual-preview header{position:absolute;top:0;left:0;right:0;padding:22px 64px 34px 22px;background:linear-gradient(#051018f5,#051018a6,transparent)}
#entry-frame .chapter-visual-preview h3{font-size:20px;font-weight:400;letter-spacing:.06em;color:#e9d7b2;line-height:1.4;margin:0}
#entry-frame .chapter-visual-preview header button{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;background:transparent;color:#eac47e;font:30px/1 Arial,sans-serif}
@media (prefers-reduced-motion:reduce){
#entry-frame .book-progress-diamond,
#entry-frame .book-progress-fill,
#entry-frame .bookmark-art,
#entry-frame .row-art,
#entry-frame .row-art img,
#entry-frame .row-text-clip,
#entry-frame .row-content,
#entry-frame .row-slash,
#entry-frame .row-heading,
#entry-frame .row-progress,
#entry-frame .row-number{transition:none}
}
@media (prefers-reduced-motion:reduce){
#entry-frame #entry[data-catalogue-prototype][data-view="chapters"]>.scene{animation:none;opacity:.09!important}
#entry-frame [data-catalogue-prototype][data-view="chapters"]>#chapters::after{animation:none;opacity:1}
#entry-frame [data-catalogue-prototype][data-view="chapters"]>#chapters .chapters-header,
#entry-frame [data-catalogue-prototype][data-view="chapters"]>#chapters .chapter-scroll{animation:none;opacity:1;transform:none;filter:none}
}

/* Status announcements do not reserve a visible footer below the chapter list. */
#entry-frame #chapter-status{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;background:none}

/* Small previews reveal only when decoded; status never blocks navigation or swipes. */
#entry-frame .bookmark-art:not([data-art-state="ready"]),
#entry-frame .row-art img:not([data-art-state="ready"]){opacity:0}
#entry-frame .catalogue-art-status{position:absolute;right:24px;top:76px;z-index:8;padding:4px 8px;background:#0b1b27e8;display:flex;align-items:center;gap:10px;font:12px/1.5 system-ui,sans-serif;color:var(--book-muted)}
#entry-frame .catalogue-art-status[hidden],#entry-frame .catalogue-art-status button[hidden]{display:none!important}
#entry-frame .catalogue-art-status button{font:inherit;color:var(--book-gold);padding:3px 8px;border:1px solid var(--book-line);background:#0b1b27;cursor:pointer}

/* Only the exposed artwork is a button; normal vertical page scrolling stays native. */
#entry-frame .chapter-row{cursor:default}
#entry-frame button.row-art{padding:0;border:0;border-radius:0;pointer-events:auto;cursor:pointer;touch-action:pan-y}
#entry-frame button.row-art:disabled{cursor:default}
#entry-frame button.row-art:focus-visible{outline:2px solid var(--book-gold);outline-offset:-3px}
#entry-frame button.row-art img{pointer-events:none}
#entry-frame .row-enter-hint{position:absolute;right:4%;top:50%;transform:translateY(-50%);font-size:18px;line-height:1.5;color:var(--book-gold);white-space:nowrap;pointer-events:none}
#entry-frame .row-art[data-art-state="ready"] .row-enter-hint,
#entry-frame .chapter-row.is-entering .row-enter-hint{display:none}