:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--panel:#121a2e;--text:#e8eefc;--muted:#8b9bb8;--ok:#6dcea8;--line:#24304a;--whisper:#c5d0e8;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(900px 480px at 70% -5%, #1a2848 0%, transparent 55%), radial-gradient(700px 420px at 20% 0%, #121c34 0%, transparent 50%), var(--bg);min-height:100dvh}.app{max-width:42rem;min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;gap:1rem;margin:0 auto;display:flex}.header{flex-direction:column;gap:.45rem;display:flex}.place{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem}.whisper{letter-spacing:.01em;color:var(--whisper);max-width:28ch;margin:0;font-size:clamp(1.15rem,4.4vw,1.45rem);font-weight:500;line-height:1.35}.ground{border:1px solid var(--line);aspect-ratio:16/10;background:#0b1020;border-radius:1rem;width:100%;position:relative;overflow:hidden}.ground-sleeping{box-shadow:inset 0 0 56px #060a18a6}.ground-awake{box-shadow:inset 0 0 40px #5a46282e,inset 0 0 28px #28385a33}.ground-light-dawn{box-shadow:inset 0 -28px 48px #c8784638,inset 0 0 40px #281e3c59}.ground-light-dusk{box-shadow:inset 0 -32px 52px #c8502847,inset 0 0 36px #3c14284d}.app-light-dusk{background:radial-gradient(900px 480px at 75% -5%, #3a2038 0%, transparent 55%), radial-gradient(700px 420px at 15% 0%, #2a1828 0%, transparent 50%), var(--bg)}.app-light-dawn{background:radial-gradient(900px 480px at 25% -5%, #3a2848 0%, transparent 55%), radial-gradient(700px 420px at 70% 0%, #2a2038 0%, transparent 50%), var(--bg)}.star-a{animation:5.2s ease-in-out infinite star-twinkle}.star-b{animation:7.1s ease-in-out 1.4s infinite star-twinkle}.star-c{animation:4.4s ease-in-out .7s infinite star-twinkle}.place-mist-night{transform-origin:180px 155px;animation:14s ease-in-out infinite mist-drift}.place-mist-day{transform-origin:180px 155px;opacity:.7;animation:18s ease-in-out infinite mist-drift}.place-mist-wind{transform-origin:180px 155px;animation:7s ease-in-out infinite mist-wind}.cloud-a{animation:42s linear infinite cloud-drift}.cloud-b{animation:56s linear infinite reverse cloud-drift}.place-clouds-wind .cloud-a{animation:18s linear infinite cloud-drift-fast}.place-clouds-wind .cloud-b{animation:24s linear infinite reverse cloud-drift-fast}.place-clouds-night .cloud-a{animation:36s linear infinite cloud-drift}.place-clouds-night .cloud-b{animation:48s linear infinite reverse cloud-drift}.dust-a{animation:9s ease-in-out infinite dust-float}.dust-b{animation:11s ease-in-out 2s infinite dust-float}.dust-c{animation:8s ease-in-out 1s infinite dust-float}.place-dust-wind .dust-a{animation:5s ease-in-out infinite dust-wind}.place-dust-wind .dust-b{animation:6.5s ease-in-out 1s infinite dust-wind}.place-dust-wind .dust-c{animation:4.5s ease-in-out .5s infinite dust-wind}.place-scrub-wind .scrub-a{transform-origin:0 0;animation:3.2s ease-in-out infinite scrub-lean}.place-scrub-wind .scrub-b{transform-origin:0 0;animation:2.7s ease-in-out .35s infinite scrub-lean}.place-scrub-wind .scrub-c{transform-origin:0 0;animation:3.5s ease-in-out .15s infinite scrub-lean}.place-scrub-wind .scrub-d{transform-origin:0 0;animation:2.9s ease-in-out .55s infinite scrub-lean}.place-scrub-wind .scrub-e{transform-origin:0 0;animation:3.1s ease-in-out .25s infinite scrub-lean}.rain-streak{animation:.85s linear infinite rain-fall}.rain-a{animation-duration:.78s}.rain-b{animation-duration:.92s}.rain-c{animation-duration:.84s}.place-rain-storm .rain-streak{animation-duration:.55s}.place-rain-storm .rain-a{animation-duration:.48s}.place-rain-storm .rain-b{animation-duration:.62s}.place-rain-storm .rain-c{animation-duration:.54s}.place-lightning{pointer-events:none;animation:7.5s ease-in-out infinite lightning-flash}.place-wet-sheen{animation:5.5s ease-in-out infinite sheen-breathe}.wind-a{animation:2.4s linear infinite wind-streak}.wind-b{animation:3.1s linear .4s infinite wind-streak}.wind-c{animation:2.7s linear .9s infinite wind-streak}@keyframes star-twinkle{0%,to{opacity:.35}40%{opacity:.95}70%{opacity:.5}}@keyframes mist-drift{0%,to{opacity:.9;transform:translate(0)translateY(0)}50%{opacity:1;transform:translate(6px)translateY(-2px)}}@keyframes mist-wind{0%,to{opacity:.75;transform:translate(-10px)translateY(0)}50%{opacity:1;transform:translate(18px)translateY(-3px)}}@keyframes cloud-drift{0%{transform:translate(0)}50%{transform:translate(12px)}to{transform:translate(0)}}@keyframes cloud-drift-fast{0%{transform:translate(-8px)}50%{transform:translate(22px)}to{transform:translate(-8px)}}@keyframes dust-float{0%,to{opacity:.25;transform:translate(0)}50%{opacity:.55;transform:translate(4px,-10px)}}@keyframes dust-wind{0%,to{opacity:.2;transform:translate(0)}50%{opacity:.55;transform:translate(16px,-6px)}}@keyframes scrub-lean{0%,to{transform:rotate(0)translate(0)}40%{transform:rotate(9deg)translate(1.5px)}70%{transform:rotate(4deg)translate(.5px)}}@keyframes rain-fall{0%{opacity:0;transform:translateY(-18px)}12%{opacity:.85}to{opacity:0;transform:translate(10px,110px)}}@keyframes lightning-flash{0%,88%,to{opacity:0}89%{opacity:.22}90%{opacity:.02}91.5%{opacity:.35}93%{opacity:0}}@keyframes sheen-breathe{0%,to{opacity:.7}50%{opacity:1}}@keyframes wind-streak{0%{opacity:0;transform:translate(-8px)}18%{opacity:.85}70%{opacity:.55}to{opacity:0;transform:translate(28px)}}.ground-svg{width:100%;height:100%;display:block}.rest-tag{border:1px solid color-mix(in srgb, var(--line) 80%, #4a5a78);background:color-mix(in srgb, var(--panel) 75%, transparent);color:var(--muted);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;border-radius:999px;margin:0;padding:.2rem .55rem;font-size:.68rem;position:absolute;top:.65rem;left:.75rem}.rest-tag-awake{border-color:color-mix(in srgb, var(--ok) 45%, var(--line));color:var(--ok)}.rest-tag-dawn{border-color:color-mix(in srgb, #d89870 50%, var(--line));color:#e8b890}.rest-tag-dusk{border-color:color-mix(in srgb, #e07040 45%, var(--line));color:#e89868}.place-horizon-dawn{animation:6s ease-in-out infinite horizon-breathe}.place-horizon-dusk{animation:5.2s ease-in-out infinite horizon-breathe}.place-dawn-glow,.place-dusk-glow{animation:7s ease-in-out infinite edge-glow}@keyframes horizon-breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes edge-glow{0%,to{opacity:.9}50%{opacity:1}}.tide{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 70%, transparent);font-variant-numeric:tabular-nums;border-radius:.85rem;flex-wrap:wrap;align-items:baseline;gap:.45rem .75rem;margin:0;padding:.55rem .85rem;display:flex}.tide-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.tide-clock{color:var(--whisper);letter-spacing:.02em;font-size:1.05rem;font-weight:550}.tide-awake{border-color:color-mix(in srgb, var(--ok) 35%, var(--line))}.tide-awake .tide-clock{color:var(--ok)}.creature-sleeping{opacity:.88}.creature-sleeping .creature-bob{animation:4.8s ease-in-out infinite breath-sleep}.creature-awake .creature-bob{animation:2.4s ease-in-out infinite breath-awake}.creature-awake .bubble{animation:.55s ease-out both bubble-in}@keyframes breath-sleep{0%,to{transform:translateY(0)}50%{transform:translateY(1.2px)}}@keyframes breath-awake{0%,to{transform:translateY(0)}50%{transform:translateY(-2.4px)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.creature-sleeping .creature-bob,.creature-awake .creature-bob,.creature-awake .bubble,.star-a,.star-b,.star-c,.place-mist-night,.place-mist-day,.place-mist-wind,.cloud-a,.cloud-b,.dust-a,.dust-b,.dust-c,.place-scrub-wind .scrub-a,.place-scrub-wind .scrub-b,.place-scrub-wind .scrub-c,.place-scrub-wind .scrub-d,.place-scrub-wind .scrub-e,.rain-streak,.place-lightning,.place-wet-sheen,.wind-a,.wind-b,.wind-c,.place-horizon-dawn,.place-horizon-dusk,.place-dawn-glow,.place-dusk-glow{animation:none}.place-rain{opacity:.35}.place-lightning{opacity:0}.place-wind{opacity:.55}}.panel{background:color-mix(in srgb, var(--panel) 92%, black);border:1px solid var(--line);border-radius:1rem;padding:1rem 1.1rem}.status{margin:0;font-size:1.02rem}.status.muted{color:var(--muted)}.mark-list{flex-direction:column;gap:.45rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.mark-list li{flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;font-size:.92rem;display:flex}.mark-kind{color:var(--text)}.mark-by{color:var(--muted);font-size:.82rem}.creature-card h2{margin:0;font-size:1.15rem;font-weight:650}.creature-card .kind{color:var(--muted);text-transform:lowercase;margin:.15rem 0 .65rem;font-size:.9rem}.creature-card .purpose,.creature-card .said{margin:.4rem 0 0;font-size:.98rem}.creature-card .label{min-width:3.2rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:.35rem;font-size:.75rem;display:inline-block}.chronicle-replay{flex-direction:column;gap:.75rem;padding-bottom:1.05rem;display:flex}.replay-head{flex-direction:column;gap:.3rem;display:flex}.replay-head-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.chronicle-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:600}.chronicle-lede{color:var(--whisper);margin:0;font-size:.98rem}.replay-episode-tag{letter-spacing:.14em;text-transform:uppercase;color:#d4b896;background:#3a2a188c;border:1px solid #c4a88273;border-radius:999px;align-self:flex-start;margin:.15rem 0 0;padding:.18rem .55rem;font-size:.68rem;font-weight:600}.replay-all{appearance:none;border:1px solid color-mix(in srgb, var(--line) 80%, #4a5a78);background:color-mix(in srgb, var(--panel) 70%, transparent);color:var(--whisper);font:inherit;letter-spacing:.06em;text-transform:lowercase;cursor:pointer;border-radius:999px;flex-shrink:0;padding:.28rem .6rem;font-size:.72rem}.replay-all:hover,.replay-all:focus-visible{border-color:color-mix(in srgb, #c4a882 55%, var(--line));color:#e8dcc8;outline:none}.chronicle-focused{border-color:color-mix(in srgb, #c4a882 35%, var(--line));box-shadow:0 0 0 1px #c4a8822e}.replay-stage{border:1px solid color-mix(in srgb, var(--line) 80%, #3a4a68);aspect-ratio:16/10;background:#0b1020;border-radius:.85rem;width:100%;transition:opacity .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #080c1c80}.replay-stage-focused{border-color:#7f7975;box-shadow:inset 0 0 40px #080c1c80,inset 0 0 28px #b4783c1f}.replay-svg{width:100%;height:100%;display:block}.replay-scrub{background:color-mix(in srgb, var(--panel) 70%, transparent);pointer-events:auto;z-index:2;border-radius:999px;gap:.45rem;padding:.32rem .55rem;display:flex;position:absolute;bottom:.55rem;left:50%;transform:translate(-50%)}.replay-dot{appearance:none;background:color-mix(in srgb, var(--muted) 45%, transparent);cursor:pointer;border:none;border-radius:50%;width:.55rem;height:.55rem;padding:0;transition:background .25s,transform .25s,box-shadow .25s;box-shadow:0 0 0 .35rem #0000}.replay-dot:hover,.replay-dot:focus-visible{background:color-mix(in srgb, var(--whisper) 75%, transparent);outline:none;transform:scale(1.2)}.replay-dot-done{background:color-mix(in srgb, var(--whisper) 55%, transparent)}.replay-dot-on{background:var(--ok);transform:scale(1.3)}.replay-dot-focus{background:#d4b896;box-shadow:0 0 0 .2rem #c4a88266}.replay-caption{opacity:.35;min-height:4.2rem;transition:opacity .45s}.replay-caption-on{opacity:1}.replay-title{color:var(--text);margin:0;font-size:1.02rem;font-weight:600}.replay-title-wait{color:var(--muted);letter-spacing:.2em;font-weight:500}.replay-body{color:color-mix(in srgb, var(--text) 82%, var(--muted));-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.35rem 0 0;font-size:.9rem;line-height:1.45;display:-webkit-box;overflow:hidden}.replay-bob{animation:4.2s ease-in-out infinite breath-sleep}@media (prefers-reduced-motion:reduce){.replay-bob{animation:none}.replay-stage{transition:none}.replay-caption{opacity:1;transition:none}}@media (width<=380px){.whisper{max-width:none}.replay-body{-webkit-line-clamp:4}}