.storm-atmosphere{isolation:isolate;--storm-reading-portal:radial-gradient(ellipse 38rem 30rem at 50% 46%, transparent 0%, transparent 58%, black 100%)}.storm-edge-guard{pointer-events:none;background:linear-gradient(90deg,#020617 0%,#020617d9 2rem,#0000 5rem),linear-gradient(270deg,#020617 0%,#020617d9 2rem,#0000 5rem)}.storm-sky-cap{pointer-events:none;background:linear-gradient(#020617 0%,#020617bf 35%,#02061759 65%,#0000 100%)}.storm-portal-motion{overflow:visible}.storm-portal-motion[data-storm-motion=active]{animation:5.2s ease-in-out infinite shipRoll}.storm-portal-motion[data-storm-motion=active] .storm-portal-pitch{animation:3.4s ease-in-out -1.1s infinite shipPitch}@media (max-width:768px){.storm-atmosphere{--storm-reading-portal:radial-gradient(ellipse 94vw 52vh at 50% 46%, transparent 0%, transparent 52%, black 100%)}}.storm-vignette{background:radial-gradient(38rem 30rem at 50% 46%,#0000 0% 34%,#02061766 50%,#020617a6 64%,#020617d9 78%,#020617f5 90%,#020617fc 100%)}@media (max-width:768px){.storm-vignette{background:radial-gradient(94vw 52vh at 50% 46%,#0000 0% 30%,#0206178c 52%,#020617cc 68%,#020617f2 88%,#020617fc 100%)}}.storm-edge-effects{-webkit-mask-image:var(--storm-reading-portal);mask-image:var(--storm-reading-portal);-webkit-mask-image:var(--storm-reading-portal)}.storm-sea-blend{pointer-events:none;background:linear-gradient(#0000 0%,#0206170f 22%,#0206172e 38%,#0206175c 54%,#0206178f 68%,#020617c2 82%,#020617eb 94%,#020617 100%);height:58vh}.storm-waves-layer{height:min(38vh,360px)}.storm-water-bed{bottom:0;background:#020617;height:2.5rem;position:absolute;inset-inline:0}.storm-cloud{animation:32s ease-in-out infinite cloudDrift}.storm-cloud-b{animation-duration:38s;animation-delay:-8s}.storm-cloud-c{animation-duration:28s;animation-delay:-14s}.storm-cloud-d{animation-duration:42s;animation-delay:-5s}.storm-cloud-e{animation-duration:35s;animation-delay:-18s}.storm-cloud-f{animation-duration:30s;animation-delay:-10s}.storm-cloud-g{animation-duration:26s;animation-delay:-3s}.storm-cloud-h{animation-duration:44s;animation-delay:-22s}.storm-cloud-i{animation-duration:33s;animation-delay:-12s}.storm-rain-field{inset:0;overflow:visible}.storm-rain-streak{background:linear-gradient(#0000 0%,#bae6fd26 15%,#cbd5e1d9 50%,#94a3b899 85%,#0000 100%);border-radius:9999px;animation:linear infinite rainFall;transform:rotate(12deg)translateZ(0)}.storm-rain-near{box-shadow:0 0 2px #bae6fd66}.storm-wave-track{transform-origin:bottom;transform:translate(0,0)}.storm-wave{transform-origin:bottom;height:100%;display:block}.storm-wave-track-deep{animation:14s linear infinite waveScroll}.storm-wave-track-back{animation:9s linear infinite waveScroll}.storm-wave-track-mid{animation:6s linear infinite reverse waveScroll}.storm-wave-track-front{animation:4s linear infinite waveScroll}.storm-wave-deep{animation:2.8s ease-in-out infinite waveBobDeep}.storm-wave-back{animation:2.2s ease-in-out -.6s infinite waveBobBack}.storm-wave-mid{animation:1.8s ease-in-out -1s infinite waveBobMid}.storm-wave-front{animation:1.4s ease-in-out -.3s infinite waveBobFront}@keyframes cloudDrift{0%,to{transform:translate(0)}50%{transform:translate(24px)}}@keyframes rainFall{0%{transform:rotate(12deg)translateY(-120%)}to{transform:rotate(12deg)translateY(100vh)}}@keyframes waveScroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes shipRoll{0%,to{transform:translate(0,0)rotate(0)}25%{transform:translate(10px)rotate(.55deg)}50%{transform:translate(-9px)rotate(-.5deg)}75%{transform:translate(7px)rotate(.35deg)}}@keyframes shipPitch{0%,to{transform:translate(0,0)}20%{transform:translateY(-6px)}40%{transform:translateY(4px)}60%{transform:translateY(-5px)}80%{transform:translateY(3px)}}@keyframes waveBobDeep{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@keyframes waveBobBack{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.14)}}@keyframes waveBobMid{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.18)}}@keyframes waveBobFront{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.22)}}@media (prefers-reduced-motion:reduce){.storm-portal-motion[data-storm-motion=active],.storm-portal-motion[data-storm-motion=active] .storm-portal-pitch{animation:none}.storm-cloud,.storm-rain-streak,.storm-wave-track,.storm-wave,.sea-split-overlay,.sea-split-sea,.light-intro-overlay{transition:none;animation:none}.study-inline-term:not([data-study-active=true]),.study-inline-term[data-study-active=true],.study-inline-term[data-study-script-reveal=true],.study-word-overlay{animation:none}}@property --sea-split-gap{syntax:"<percentage>";inherits:false;initial-value:0%}.sea-split-overlay{isolation:isolate;background:0 0}.sea-split-sea{--sea-split-feather:2%;-webkit-mask-image:linear-gradient(to right, #000 0%, #000 calc(50% - var(--sea-split-gap) - var(--sea-split-feather)), transparent calc(50% - var(--sea-split-gap)), transparent calc(50% + var(--sea-split-gap)), #000 calc(50% + var(--sea-split-gap) + var(--sea-split-feather)), #000 100%);-webkit-mask-image:linear-gradient(to right, #000 0%, #000 calc(50% - var(--sea-split-gap) - var(--sea-split-feather)), transparent calc(50% - var(--sea-split-gap)), transparent calc(50% + var(--sea-split-gap)), #000 calc(50% + var(--sea-split-gap) + var(--sea-split-feather)), #000 100%);mask-image:linear-gradient(to right, #000 0%, #000 calc(50% - var(--sea-split-gap) - var(--sea-split-feather)), transparent calc(50% - var(--sea-split-gap)), transparent calc(50% + var(--sea-split-gap)), #000 calc(50% + var(--sea-split-gap) + var(--sea-split-feather)), #000 100%)}.sea-split-atmosphere{background:linear-gradient(#0000 0%,#33415533 28%,#1e3a5f8c 48%,#0f2846e6 72%,#020617fa 92%,#020617 100%)}.sea-split-sea .storm-waves-layer{height:min(52dvh,540px);min-height:min(52dvh,540px)}@property --light-reveal-radius{syntax:"<percentage>";inherits:false;initial-value:0%}.light-intro-overlay{isolation:isolate;--light-reveal-feather:10%;-webkit-mask-image:radial-gradient(circle at 50% 45%, transparent 0%, transparent calc(var(--light-reveal-radius) - var(--light-reveal-feather)), #00000026 calc(var(--light-reveal-radius) - 7%), #0006 calc(var(--light-reveal-radius) - 5%), #000000ad calc(var(--light-reveal-radius) - 2.5%), #000000e0 var(--light-reveal-radius), black calc(var(--light-reveal-radius) + var(--light-reveal-feather)));-webkit-mask-image:radial-gradient(circle at 50% 45%, transparent 0%, transparent calc(var(--light-reveal-radius) - var(--light-reveal-feather)), #00000026 calc(var(--light-reveal-radius) - 7%), #0006 calc(var(--light-reveal-radius) - 5%), #000000ad calc(var(--light-reveal-radius) - 2.5%), #000000e0 var(--light-reveal-radius), black calc(var(--light-reveal-radius) + var(--light-reveal-feather)));mask-image:radial-gradient(circle at 50% 45%, transparent 0%, transparent calc(var(--light-reveal-radius) - var(--light-reveal-feather)), #00000026 calc(var(--light-reveal-radius) - 7%), #0006 calc(var(--light-reveal-radius) - 5%), #000000ad calc(var(--light-reveal-radius) - 2.5%), #000000e0 var(--light-reveal-radius), black calc(var(--light-reveal-radius) + var(--light-reveal-feather)))}.storm-calm-verse{scroll-margin-block:6rem}.study-inline-term{font:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:-.05em -.15em;padding:.05em .15em}.study-inline-term[data-study-intro=true]{color:inherit;font-weight:inherit}.study-inline-term[data-study-script-reveal=true]:not([data-study-active=true]){animation:.7s ease-in-out studyTermScriptReveal}.study-inline-term[data-study-script=true]{color:var(--warning-text);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline dotted #d9770659;text-decoration:underline dotted #d9770659}.study-inline-term[data-study-script=true]:hover{color:var(--warning-text);filter:brightness(.85);text-decoration-color:#d977068c}[data-theme=dark] .study-inline-term[data-study-script=true]:hover{filter:brightness(1.15)}.study-inline-term[data-study-active=true]:not([data-study-script=true]){color:var(--warning-text);font-weight:500;animation:.7s ease-in-out studyTermFadeIn}.study-inline-term[data-study-active=true][data-study-script=true]{color:var(--warning-text);text-decoration-color:#d977068c;animation:.7s ease-in-out studyTermFadeIn}.study-word-overlay{animation:.5s ease-in-out studyOverlayIn}.study-word-modal{z-index:9999;background:var(--background);width:100%;min-height:100dvh;color:var(--foreground);touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:fixed;inset:0}.study-word-modal-header{padding:max(2.75rem, calc(env(safe-area-inset-top) + 1.25rem)) max(2rem, env(safe-area-inset-right)) 1.75rem max(2rem, env(safe-area-inset-left));border-bottom:1px solid #daa52038;justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.study-word-modal-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#785014bf;font-size:.8rem;font-weight:600}[data-theme=dark] .study-word-modal-eyebrow{color:#fbbf24bf}.study-word-modal-term-row{flex-wrap:wrap;align-items:baseline;gap:.75rem 1rem;margin-top:1rem;display:flex}.study-word-modal-term{font-family:var(--font-source-serif), ui-serif, Georgia, serif;color:var(--foreground);font-size:clamp(2.25rem,8vw,3rem);line-height:1.15}.study-word-modal-romanization{color:var(--text-muted);font-size:1.1rem;font-weight:500}.study-word-modal-gloss{background:var(--warning-surface);color:var(--text-secondary);border-radius:9999px;padding:.35rem .9rem;font-size:1.05rem}.study-word-modal-close{border:1px solid var(--border);background:var(--surface);min-height:2.75rem;font:inherit;color:var(--text-muted);cursor:pointer;border-radius:9999px;flex-shrink:0;padding:.5rem 1.1rem;font-size:.95rem;transition:color .15s,border-color .15s}.study-word-modal-close:hover{border-color:var(--text-muted);color:var(--text-secondary)}.study-word-modal-body{padding:2rem max(2rem, env(safe-area-inset-right)) max(2.75rem, calc(env(safe-area-inset-bottom) + 1.25rem)) max(2rem, env(safe-area-inset-left));flex:1;overflow-y:auto}.study-word-modal-copy{max-width:42rem;color:var(--text-secondary);font-size:1.25rem;line-height:1.75}@keyframes studyOverlayIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes studyTermFadeIn{0%{opacity:.35}to{opacity:1}}@keyframes studyTermScriptReveal{0%{opacity:.35}to{opacity:1}}.study-inline-term:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #daa52066}