@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400;1,700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Caveat:wght@400;500&display=swap";:root{--paper: #f8f1e3;--paper-soft: #f0e6d2;--paper-deep: #e6dcc0;--ink: #322619;--ink-soft: #5c4d3a;--ink-faint: #8e7e68;--rule: #ddc9a8;--rule-soft: #ebe2cd;--accent: #c97d7d;--accent-soft: #e5b0b0;--rose: var(--accent);--sage: #8fa386;--butter: #e5c97a;--slate: #5c6e78;--measure: 34rem;--measure-wide: 42rem;--family-gouache: #c4a268;--family-watercolor: #8aa5b3;--family-pen-and-ink: #b89880;--family-woodblock: #4a5a4f;--family-pastel: #b8a8b9;--family-engraving: #7a6a52;--font-display: "Libre Baskerville", "Baskerville", "Iowan Old Style", Georgia, serif;--font-body: "Lora", "Charter", "Iowan Old Style", Georgia, serif;--font-aside: "Caveat", "Brush Script MT", cursive}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--paper);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.20 0 0 0 0 0.15 0 0 0 0 0.10 0 0 0 0.045 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:240px 240px;color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--rule);transition:text-decoration-color .15s ease}a:hover{text-decoration-color:var(--accent)}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.005em;color:var(--ink)}h1{font-style:italic;font-size:3rem;line-height:1.22;margin:0 0 1rem}h2{font-style:italic;font-size:1.6rem;line-height:1.3;margin:2.5rem 0 .75rem}h3{font-style:italic;font-weight:700;font-size:1.18rem;line-height:1.35;color:var(--accent);margin:1.75rem 0 .5rem}p,ul,ol{max-width:var(--measure);text-wrap:pretty}p{margin:0 0 1rem;color:var(--ink-soft)}ul,ol{padding-left:1.25rem;color:var(--ink-soft)}li{margin-bottom:.4rem}em{color:var(--ink-soft)}strong{color:var(--ink)}.dropcap:first-letter{font-family:var(--font-display);font-style:italic;float:left;font-size:4em;line-height:.86;font-weight:400;margin-right:.08em;margin-top:.05em;color:var(--accent)}body.lorylo-app{background:var(--paper);min-height:100dvh}.app-shell{max-width:64rem;margin:0 auto;padding:1rem 1.25rem 4rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--rule);margin-bottom:2rem}.app-header .brand{font-family:var(--font-display);font-style:italic;font-size:1.45rem;font-weight:400;text-decoration:none;letter-spacing:.005em;color:var(--ink)}.app-header .brand .brand-dot{color:var(--accent)}.app-header .back,.app-header .settings{color:var(--ink-soft);text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem}.app-header .back:hover,.app-header .settings:hover{color:var(--accent)}.home-intro{margin-bottom:2.5rem;max-width:var(--measure-wide)}.home-intro .kicker{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .5rem}.home-intro h1{font-size:2.25rem;margin:0 0 .5rem}.home-intro .sub{color:var(--ink-soft);margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.75rem 1.5rem;margin-top:1rem}.story-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);padding:.75rem .75rem 1rem;background-color:var(--paper);background-image:linear-gradient(135deg,var(--card-color, transparent) 0%,transparent 62%);background-blend-mode:multiply;border-radius:2px;transition:transform .2s ease;isolation:isolate}.story-card:before{content:"";position:absolute;inset:0;background:var(--paper);opacity:.86;border-radius:inherit;z-index:-1;pointer-events:none}.story-card:hover{transform:translateY(-2px)}.story-card .cover{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--paper-deep);margin-bottom:.85rem;box-shadow:inset 0 0 0 4px #f8f1e3f2,inset 0 0 16px 5px #f8f1e3d9,inset 0 0 36px 10px #f8f1e373,0 8px 24px -16px #32261933}.story-card .cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(.98)}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1.25rem;text-align:center}.cover-placeholder .cover-title{font-family:var(--font-display);font-style:italic;font-size:1.4rem;line-height:1.2;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.15)}.cover-placeholder.large .cover-title{font-size:2rem}.bedtime-mark{position:absolute;top:.6rem;right:.6rem;background:#f8f1e3eb;color:var(--ink);width:1.75rem;height:1.75rem;border-radius:999px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);z-index:1}.card-meta .card-title{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.2rem;margin:0 0 .3rem;line-height:1.25;color:var(--ink)}.card-meta .card-tradition{font-size:.85rem;font-style:italic;color:var(--ink-soft);margin:0 0 .5rem}.card-meta .card-tags{font-size:.78rem;color:var(--ink-faint);margin:0;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;letter-spacing:.04em}.card-meta .dot{color:var(--ink-faint);opacity:.6}.card-meta .lang{font-variant:small-caps;letter-spacing:.06em}.series-chip{display:inline-block;padding:.25rem .85rem .3rem;font-family:var(--font-body);font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--ink);background:color-mix(in srgb,var(--card-color, var(--rule)) 38%,var(--paper));clip-path:polygon(2% 12%,8% 0%,22% 6%,38% 0%,55% 8%,72% 1%,88% 7%,98% 0%,100% 22%,96% 42%,100% 62%,97% 82%,100% 100%,84% 96%,66% 100%,48% 94%,30% 100%,14% 95%,0% 100%,3% 78%,0% 56%,4% 36%,0% 18%);transform:rotate(-.8deg);margin:0 .35rem .1rem 0;white-space:nowrap}.story-page{max-width:var(--measure-wide)}.breadcrumb{display:inline-block;font-size:.9rem;color:var(--ink-soft);text-decoration:none;margin-bottom:1.5rem}.breadcrumb:hover{color:var(--accent)}.info-card{display:grid;grid-template-columns:240px 1fr;gap:2rem}@media(max-width:640px){.info-card{grid-template-columns:1fr}}.info-cover{position:relative;overflow:hidden;aspect-ratio:4 / 5;background:var(--paper-deep);box-shadow:inset 0 0 0 6px #f8f1e3f2,inset 0 0 24px 8px #f8f1e3d9,inset 0 0 60px 18px #f8f1e38c,0 12px 32px -16px #32261938}.info-cover img{width:100%;height:100%;object-fit:cover;display:block}.info-tradition{font-size:.85rem;letter-spacing:.04em;font-style:italic;color:var(--ink-soft);text-transform:lowercase;margin:0 0 .4rem}.info-title{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:2.4rem;margin:0 0 .6rem;line-height:1.2;color:var(--ink)}.info-tags{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-size:.85rem;color:var(--ink-faint);margin:0 0 1.5rem}.info-tags .dot{opacity:.6}.bedtime-tag{display:inline-flex;align-items:center;gap:.3rem;color:var(--ink-soft)}.info-summary{font-size:1.05rem;color:var(--ink);margin-bottom:1.5rem}.warnings{border-left:2px solid var(--rule);padding-left:1rem;margin-bottom:1.5rem}.warnings-label{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);display:block;margin-bottom:.4rem}.warnings ul{list-style:none;padding:0;margin:0;display:flex;gap:.4rem;flex-wrap:wrap}.warnings li{font-size:.85rem;background:var(--paper-soft);color:var(--ink-soft);padding:.15rem .6rem;border-radius:999px;margin:0}.info-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;max-width:28rem}.info-controls label{display:flex;flex-direction:column;gap:.3rem}.info-controls span{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.info-controls select{padding:.5rem .7rem;border:1px solid var(--rule);background:var(--paper);font-family:inherit;font-size:.95rem;border-radius:.2rem;color:var(--ink)}.info-controls select:disabled{color:var(--ink-soft);cursor:not-allowed}.play-btn{display:inline-block;padding:.85rem 1.75rem;background:var(--ink);color:var(--paper);text-decoration:none;font-family:var(--font-body);font-size:.95rem;letter-spacing:.04em;border-radius:999px;margin-bottom:1.5rem;transition:background .15s ease}.play-btn:hover{background:var(--accent)}.conv-guide{margin-bottom:1.5rem;border-top:1px solid var(--rule);padding-top:1rem}.conv-guide summary{cursor:pointer;font-style:italic;color:var(--ink-soft);font-size:.95rem}.conv-guide p{margin-top:.75rem;color:var(--ink-soft)}.cover-credit{font-size:.75rem;color:var(--ink-faint);font-style:italic;margin:1rem 0 0}.play-page{max-width:var(--measure-wide)}.play-stage{margin-top:2rem;padding:3rem 2rem;border:1px dashed var(--rule);border-radius:.5rem;text-align:left;background:var(--paper-soft)}.play-stage--loading{border-style:solid;padding:0;overflow:hidden;aspect-ratio:4 / 5;max-width:20rem}.play-skeleton{width:100%;height:100%;background:var(--paper-deep);animation:skeleton-pulse 1.6s ease-in-out infinite;filter:blur(0)}@keyframes skeleton-pulse{0%,to{opacity:.5;filter:blur(0px)}50%{opacity:1;filter:blur(2px)}}.play-stage .kicker{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .75rem}.play-stage h1{font-size:1.75rem;margin:0 0 1.5rem}.play-explainer{color:var(--ink-soft);max-width:var(--measure)}.settings-page{max-width:var(--measure-wide)}.setting-list{margin-top:2rem}.setting-list dt{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin-top:1.25rem}.setting-list dd{margin:.3rem 0 0;color:var(--ink);font-size:1rem}.not-found{padding:3rem 0;color:var(--ink-soft)}.player{position:fixed;inset:0;background:#0a0907;display:flex;align-items:center;justify-content:center;z-index:50;overflow:hidden}.player-stage{--frame-aspect: .8;position:relative;aspect-ratio:var(--frame-aspect);width:min(100vw,calc(100dvh * var(--frame-aspect)));max-height:100dvh;overflow:hidden}.player-image{width:100%;height:100%;display:block;object-fit:cover}.hotspot-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.hotspot-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hotspot{fill:#f7f2e800;stroke:#f7f2e800;stroke-width:.005;vector-effect:non-scaling-stroke;transition:fill .3s ease,stroke .3s ease}.hotspot-layer.is-active .hotspot{stroke:#f7f2e8f2;stroke-width:6;stroke-dasharray:14 9;stroke-linecap:round;animation:hotspot-pulse 2.2s ease-in-out infinite;transition:stroke .2s ease,stroke-width .2s ease,stroke-dasharray .2s ease}.hotspot-layer.is-active .hotspot.is-hovered{stroke:#f7f2e8;stroke-width:9;stroke-dasharray:0;animation:none}.hotspot-tap{position:absolute;cursor:pointer;pointer-events:none;-webkit-tap-highlight-color:transparent}.hotspot-layer.is-active .hotspot-tap{pointer-events:auto}.hotspot-tap-circle{border-radius:50%}.hotspot-tap-rect{border-radius:6px}.hotspot-frost{position:absolute;inset:0;border-radius:inherit;background:#f7f2e800;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0;pointer-events:none;transition:backdrop-filter .22s ease,-webkit-backdrop-filter .22s ease,opacity .22s ease,background .22s ease}.hotspot-tap.is-hovered .hotspot-frost{opacity:1;background:#f7f2e814;backdrop-filter:blur(5px) saturate(1.05);-webkit-backdrop-filter:blur(5px) saturate(1.05)}@keyframes hotspot-pulse{0%,to{opacity:.55}50%{opacity:1}}.player-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:1rem;padding:max(.85rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) 1.5rem max(1rem,env(safe-area-inset-left));color:#f7f2e8eb;font-size:.9rem;background:linear-gradient(to bottom,rgba(10,9,7,.55) 0%,rgba(10,9,7,.25) 60%,transparent 100%);z-index:3;pointer-events:none}.player-topbar>*{pointer-events:auto}.player-topbar-left,.player-topbar-right{flex:1;display:flex;align-items:center;gap:.6rem}.player-topbar-left{justify-content:flex-start}.player-topbar-right{justify-content:flex-end}.player-topbar-center{flex-shrink:0}.player-exit{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;padding:.35rem .5rem;border-radius:.25rem;transition:background .15s ease}.player-exit:hover{background:#f7f2e81f}.player-progress{font-variant:small-caps;letter-spacing:.08em;font-size:.8rem;color:#f7f2e8bf}.player-text-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;background:#0a090773;color:#f7f2e8d9;border:1px solid rgba(247,242,232,.2);border-radius:50%;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .15s ease,border-color .15s ease}.player-text-toggle:hover{color:#f7f2e8;border-color:#f7f2e880}.player-text-toggle.text-mode-hidden{color:#f7f2e88c}.player-nav{position:absolute;top:0;bottom:0;width:22%;min-width:4rem;max-width:9rem;border:none;cursor:pointer;color:transparent;background:transparent;display:flex;align-items:center;padding:0 1rem;z-index:1;transition:color .25s ease,background .25s ease;-webkit-tap-highlight-color:transparent}.player-nav-prev{left:0;justify-content:flex-start}.player-nav-next{right:0;justify-content:flex-end}.player-nav:hover{color:#f7f2e8fa}.player-nav-prev:hover{background:linear-gradient(to right,rgba(10,9,7,.5),transparent 80%)}.player-nav-next:hover{background:linear-gradient(to left,rgba(10,9,7,.5),transparent 80%)}.player-nav:active{transform:scale(.96)}.player-nav svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.player-narration-overlay{position:absolute;bottom:0;left:0;right:0;padding:4rem max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));background:linear-gradient(to top,rgba(10,9,7,.82) 0%,rgba(10,9,7,.5) 55%,transparent 100%);color:#f7f2e8f7;pointer-events:none;z-index:3}.player-narration{font-size:1.1rem;line-height:1.5;margin:0;max-width:44rem;text-align:left;color:inherit;text-shadow:0 1px 4px rgba(0,0,0,.55)}.player-narration-line{margin:0;color:inherit}.player-narration-line+.player-narration-line{margin-top:.45rem}@media(min-width:720px){.player-narration{font-size:1.25rem}}.player-narration-overlay.text-mode-compact{padding:1.5rem max(1.25rem,env(safe-area-inset-right)) max(.8rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));background:linear-gradient(to top,rgba(10,9,7,.85) 0%,rgba(10,9,7,.55) 60%,transparent 100%);overflow:hidden;container-type:inline-size}.player-narration-overlay.text-mode-compact .player-narration{font-size:.95rem;white-space:nowrap;max-width:none;display:inline-block;will-change:transform;animation:narration-scroll var(--narration-duration, 12s) linear forwards;animation-play-state:paused}.player-narration-overlay.text-mode-compact.is-playing .player-narration{animation-play-state:running}@media(min-width:720px){.player-narration-overlay.text-mode-compact .player-narration{font-size:1.05rem}}@keyframes narration-scroll{0%{transform:translate(0)}to{transform:translate(min(0px,calc(100cqw - 100%)))}}@media(prefers-reduced-motion:reduce){.player-narration-overlay.text-mode-compact .player-narration{animation:none;overflow:hidden;text-overflow:ellipsis;display:block}}.player-drawer-backdrop{position:fixed;inset:0;background:#0a090700;pointer-events:none;transition:background .25s ease;z-index:60}.player-drawer-backdrop.is-open{background:#0a09078c;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.player-drawer{position:fixed;top:0;right:0;bottom:0;width:min(360px,92vw);background:#14110df5;color:#f7f2e8f2;border-left:1px solid rgba(247,242,232,.08);transform:translate(100%);transition:transform .28s cubic-bezier(.2,.7,.3,1);z-index:61;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right)}.player-drawer.is-open{transform:translate(0)}.player-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.5rem 1rem;border-bottom:1px solid rgba(247,242,232,.08)}.player-drawer-head h2{margin:0;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.6rem;color:#f7f2e8f2;line-height:1}.player-drawer-close{background:none;border:1px solid rgba(247,242,232,.18);color:#f7f2e8d9;width:2.1rem;height:2.1rem;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.player-drawer-close:hover{color:#f7f2e8;border-color:#f7f2e873}.player-drawer-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.player-drawer-vol{display:flex;flex-direction:column;gap:.5rem}.player-drawer-vol-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.95rem;color:#f7f2e8eb;font-family:var(--font-body)}.player-drawer-vol-value{font-variant:small-caps;letter-spacing:.06em;font-size:.78rem;color:#f7f2e88c;font-family:var(--font-body)}.player-drawer-vol input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#f7f2e829;border-radius:999px;outline:none;cursor:pointer}.player-drawer-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid rgba(247,242,232,.95);cursor:grab;box-shadow:0 1px 6px #00000059;transition:transform .12s ease}.player-drawer-vol input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.player-drawer-vol input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid rgba(247,242,232,.95);cursor:grab;box-shadow:0 1px 6px #00000059}.player-drawer-section{display:flex;flex-direction:column;gap:.5rem}.player-drawer-section-label{font-size:.95rem;color:#f7f2e8eb;font-family:var(--font-body)}.player-drawer-segmented{display:flex;gap:0;background:#f7f2e814;border-radius:999px;padding:3px}.player-drawer-seg{flex:1;background:none;border:0;padding:.55rem .6rem;color:#f7f2e8a6;font-family:var(--font-body);font-size:.85rem;cursor:pointer;border-radius:999px;transition:background .15s,color .15s}.player-drawer-seg:hover{color:#f7f2e8f2}.player-drawer-seg.is-active{background:#f7f2e8f2;color:var(--ink);font-weight:500}.player-drawer-pills{display:flex;flex-wrap:wrap;gap:.45rem}.player-drawer-pill{background:transparent;color:#f7f2e8c7;border:1px solid rgba(247,242,232,.22);padding:.4rem .85rem;border-radius:999px;font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.player-drawer-pill:hover{color:#f7f2e8;border-color:#f7f2e873}.player-drawer-pill.is-active{background:var(--accent);color:var(--paper);border-color:var(--accent)}.player-drawer-exit{margin-top:.75rem;background:transparent;color:#f7f2e8d9;border:1px solid rgba(247,242,232,.22);padding:.7rem 1rem;border-radius:999px;cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-style:italic;transition:border-color .15s,color .15s,background .15s}.player-drawer-exit:hover{color:#f7f2e8;border-color:var(--accent);background:#c97d7d1a}.player-drawer-hint{margin:.5rem 0 0;font-size:.8rem;color:#f7f2e88c;line-height:1.55;font-style:italic}.player-fadeout{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;z-index:110;transition:opacity 2.5s cubic-bezier(.4,0,.6,1)}.player-fadeout.is-active{opacity:1;pointer-events:auto}.player-sleep-countdown{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .75rem .32rem .65rem;background:#0a090773;color:#f7f2e8e0;border:1px solid rgba(247,242,232,.2);border-radius:999px;font-family:var(--font-body);font-size:.78rem;font-variant:small-caps;letter-spacing:.06em;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.player-sleep-countdown svg{opacity:.85}.ambient-stop{justify-self:end;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#0a09078c;color:#f7f2e8eb;border:1px solid rgba(247,242,232,.25);border-radius:999px;font-family:inherit;font-size:.8rem;cursor:pointer;max-width:14rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ambient-stop:hover{color:var(--accent-soft);border-color:var(--accent-soft)}.ambient-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent-soft);flex-shrink:0;animation:ambient-blink 1.4s ease-in-out infinite}@keyframes ambient-blink{0%,to{opacity:.4}50%{opacity:1}}.card-overlay-root{position:fixed;inset:0;background:#2a21188c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:overlay-fade .22s ease-out}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.card-overlay-stack{position:relative;width:min(92vw,28rem);margin-bottom:max(1rem,env(safe-area-inset-bottom))}.character-card{background:var(--paper);border-radius:.75rem;padding:1.75rem 1.5rem 1.5rem;box-shadow:0 24px 60px -10px #2a211866;transform-origin:center bottom;animation:card-rise .3s cubic-bezier(.2,.7,.3,1);max-height:70vh;overflow-y:auto}.character-card.is-top{position:relative;z-index:2}.character-card:not(.is-top){position:absolute;inset:0;pointer-events:none;z-index:1}@keyframes card-rise{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}.card-close{position:absolute;top:.5rem;right:.65rem;background:none;border:none;font-size:1.6rem;line-height:1;color:var(--ink-soft);cursor:pointer;padding:.25rem .5rem}.card-close:hover{color:var(--accent)}.card-portrait{width:7rem;height:7rem;margin:0 auto 1rem;border-radius:50%;overflow:hidden;background:var(--paper-deep);box-shadow:0 4px 12px -4px #2a211840}.card-portrait img{width:100%;height:100%;object-fit:cover;display:block}.card-portrait-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--family-pen-and-ink),var(--family-engraving));color:#ffffffeb;font-family:Charter,serif;font-style:italic;font-size:3rem}.card-name{font-size:1.5rem;margin:0 0 .6rem;text-align:center}.card-lore{font-size:.95rem;color:var(--ink-soft);margin:0 0 1.25rem;text-align:center;max-width:none}.card-relationships{display:flex;flex-direction:column;gap:.85rem}.rel-section{margin:0}.rel-section-label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .4rem;font-weight:600}.rel-section ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.rel-section li{margin:0}.rel-link{background:var(--paper-soft);border:1px solid var(--rule);color:var(--ink);padding:.3rem .75rem;border-radius:999px;font-family:inherit;font-size:.9rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.rel-link:hover{border-color:var(--accent-soft);background:var(--paper);color:var(--accent)}