.limbo-story{width:100%;max-width:none;height:100svh;margin:0 auto;padding:clamp(.75rem,2svh,1.5rem) clamp(1rem,2.5vw,2.5rem);background:#11100e;color:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.limbo-story__heading{max-width:76rem;margin:0 auto clamp(.55rem,1.4svh,1rem);text-align:center}
.limbo-story__heading .kicker{color:#d1ad62}
.limbo-story__heading h2{margin:.25rem 0;font-size:clamp(1.7rem,3.2vw,3.3rem);line-height:1.03}
.limbo-story__player{width:100%;height:100%;min-height:0;max-width:none;margin:auto;box-shadow:0 2rem 6rem #0009;background:#000;display:grid;grid-template-columns:minmax(0,3fr) minmax(22rem,2fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
.limbo-story__visual{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;min-height:0;aspect-ratio:auto;overflow:hidden;background:#090909;isolation:isolate}
.limbo-story__backdrop{display:none}
.limbo-story__art{position:relative;display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;image-rendering:auto;transform-origin:center;animation:limbo-zoom 14s ease-in-out infinite alternate;animation-play-state:paused;z-index:1}
.limbo-story.is-playing .limbo-story__art{animation-play-state:running}
.limbo-story__rain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background-image:repeating-linear-gradient(105deg,transparent 0 12px,#fff7 13px 14px,transparent 15px 31px);background-size:260% 260%;mix-blend-mode:screen}
.limbo-story.is-playing .limbo-story__rain{animation:limbo-rain .55s linear infinite,limbo-rain-fade 4s ease-out both}
.limbo-story__shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#0000 62%,#0005);pointer-events:none}
.limbo-story__paper{position:relative;z-index:3;margin:0;width:100%;height:100%;min-height:0;padding:clamp(.8rem,1.8vw,1.25rem);background:#fff;color:#080808;border-inline-start:1px solid #d8d8d8;display:flex;flex-direction:column;justify-content:space-between;gap:.7rem}
.limbo-story__text{margin:0;max-width:72ch;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;font-family:Arial,"Noto Sans",Tahoma,sans-serif;font-size:clamp(.95rem,1.55vw,1.25rem);font-weight:600;line-height:1.45;white-space:pre-wrap;scrollbar-width:thin}
[dir="rtl"] .limbo-story__text{text-align:right;font-family:Tahoma,"Noto Sans Arabic",Arial,sans-serif}
.limbo-story__caret{display:inline-block;width:.1em;height:1.1em;margin-inline-start:.12em;background:#111;vertical-align:-.16em;animation:limbo-caret .7s steps(1) infinite}
.limbo-story__controls{display:flex;align-items:center;gap:1rem;border-top:1px solid #ddd;padding-top:1rem;flex:0 0 auto}
.limbo-story__play{display:none}
.limbo-story__play:hover,.limbo-story__play:focus-visible{background:#8b672a;outline:3px solid #d8b56b;outline-offset:2px}
.limbo-story__progress{flex:1;height:.35rem;accent-color:#9a722e;cursor:pointer}
.limbo-story__time{min-width:6.7rem;text-align:end;font:600 .82rem/1 Arial,sans-serif;color:#333}
.limbo-story__actions{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;margin:clamp(.55rem,1.2svh,.9rem) auto 0}
.limbo-story__action{display:inline-flex;align-items:center;justify-content:center;min-width:12rem;padding:.85rem 1.35rem;border:1px solid #d1ad62;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font:700 .8rem/1.1 Arial,sans-serif;transition:background-color .2s ease,color .2s ease}
.limbo-story__action--comment{background:transparent;color:#fff}
.limbo-story__action--support{background:#d1ad62;color:#11100e}
.limbo-story__action:hover,.limbo-story__action:focus-visible{background:#fff;color:#11100e;outline:2px solid #fff;outline-offset:3px}
.limbo-story__action span[lang]{display:none}
html[lang="en"] .limbo-story__action span[lang="en"],html[lang="fa"] .limbo-story__action span[lang="fa"],html[lang="es"] .limbo-story__action span[lang="es"]{display:inline}
@keyframes limbo-zoom{from{transform:scale(.985)}to{transform:scale(1)}}
@keyframes limbo-rain{from{background-position:0 -120%}to{background-position:-12% 130%}}
@keyframes limbo-rain-fade{0%{opacity:.12}65%{opacity:.06}100%{opacity:0}}
@keyframes limbo-caret{50%{opacity:0}}
@media(max-width:768px){.limbo-story{height:auto;min-height:0;padding:1rem 0;display:block;overflow:visible}.limbo-story__heading{padding:0 .75rem;margin-bottom:.65rem}.limbo-story__heading h2{font-size:1.8rem}.limbo-story__player{width:100%;height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;overflow:visible}.limbo-story__visual{height:auto;aspect-ratio:3/2}.limbo-story__art{width:100%;height:100%;max-width:100%;max-height:none;animation-name:limbo-zoom-mobile}.limbo-story__paper{width:100%;height:17rem;min-height:0;padding:1rem;border-inline-start:0;border-top:1px solid #d8d8d8}.limbo-story__text{font-size:1rem;line-height:1.5}.limbo-story__controls{flex-wrap:wrap;gap:.65rem}.limbo-story__progress{order:3;flex-basis:100%}.limbo-story__actions{padding:0 1rem}.limbo-story__action{flex:1 1 9rem;min-width:0}@keyframes limbo-zoom-mobile{from{transform:scale(.985)}to{transform:scale(1)}}}
@media(prefers-reduced-motion:reduce){.limbo-story__art,.limbo-story__rain,.limbo-story__caret{animation:none}}