/* Two hand-drawn pancake choices, shared by the novel previews and indexes. */
.novel-flavors{margin:4px auto 24px;max-width:360px;color:var(--cafe-ink,#714936);text-align:center}
.novel-flavors__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.novel-flavors__choice{appearance:none;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:8px 4px 12px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;box-shadow:none}
.novel-flavors__choice img{display:block;width:96px;height:96px;object-fit:contain;image-rendering:pixelated;transition:transform .15s steps(2,end)}
.novel-flavors__choice span{font-size:1rem;line-height:1.5}
.novel-flavors__choice small{font-size:.75rem;line-height:1.5;color:var(--cafe-muted,#856557)}
.novel-flavors__choice[aria-pressed="true"],.novel-flavors__choice[aria-current="page"]{border-bottom-color:#c8798e}
.novel-flavors__choice[data-flavor="chocolate"][aria-pressed="true"],.novel-flavors__choice[data-flavor="chocolate"][aria-current="page"]{border-bottom-color:#79533e}
.novel-flavors__choice:hover img{transform:translateY(-3px)}
.novel-flavors__choice:focus-visible{outline:2px dashed #9d6875;outline-offset:4px}
.novel-flavors__status{min-height:1.6em;margin:8px 0 0;font-size:.8rem;line-height:1.6}
.novel-flavors__status:empty{min-height:0;margin:0}
.novel-age-dialog{width:min(360px,calc(100% - 36px));max-height:calc(100dvh - 36px);padding:26px 22px;border:2px solid #ad856b;border-radius:0;background:#fff5e7;color:#664631;font-family:var(--cafe-font,serif);box-shadow:6px 6px 0 #49332c55}
.novel-age-dialog::backdrop{background:#30252b99}
.novel-age-dialog h2{margin:0 0 14px;font:inherit;font-size:1.35rem;color:inherit}
.novel-age-dialog p{margin:0 0 18px;font-size:.95rem;line-height:1.85}
.novel-age-dialog__buttons{display:grid;gap:12px}
.novel-age-dialog button{min-height:46px;padding:9px 12px;border:1px solid #b28b70;border-radius:0;background:#f4dfc6;color:#664631;font:inherit;cursor:pointer}
.novel-age-dialog button[data-age-confirm]{background:#79533e;color:#fff6e8;border-color:#79533e}
.novel-age-dialog button:focus-visible{outline:3px solid #c8798e;outline-offset:3px}
@media(max-width:420px){.novel-flavors{max-width:300px}.novel-flavors__choices{gap:20px}.novel-flavors__choice img{width:80px;height:80px}}
@media(prefers-reduced-motion:reduce){.novel-flavors__choice img{transition:none}}

/* Keep the choices legible on the original dark chocolate pancake theme. */
html[data-cafe="choco"] .novel-flavors__choice[aria-current="page"],html[data-cafe="choco"] .novel-flavors__choice[aria-pressed="true"]{border-bottom-color:var(--cafe-accent)}
html[data-cafe="choco"] .novel-flavors__choice:focus-visible{outline-color:var(--cafe-accent)}