: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(1200px 600px at 50% -10%, #16203a 0%, var(--bg) 55%);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 48px #080c1c8c}.ground-awake{box-shadow:inset 0 0 36px #28385a40}.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)}.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{animation:none}}.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}.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-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;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #080c1c80}.replay-svg{width:100%;height:100%;display:block}.replay-scrub{background:color-mix(in srgb, var(--panel) 55%, transparent);pointer-events:none;border-radius:999px;gap:.4rem;padding:.25rem .5rem;display:flex;position:absolute;bottom:.55rem;left:50%;transform:translate(-50%)}.replay-dot{background:color-mix(in srgb, var(--muted) 45%, transparent);border-radius:50%;width:.42rem;height:.42rem;transition:background .25s,transform .25s}.replay-dot-done{background:color-mix(in srgb, var(--whisper) 55%, transparent)}.replay-dot-on{background:var(--ok);transform:scale(1.25)}.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}}