@font-face{font-family:Homemade Apple;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/homemade-apple.woff2)format("woff2")}.oc-scene{background:var(--sea);color:#f6efe2;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;position:fixed;inset:0;overflow:clip}.oc-sky{height:var(--horizon);background:linear-gradient(var(--sky-top), var(--sky-mid) 55%, var(--sky-low));position:absolute;inset:0 0 auto;container-type:size}.oc-stars{width:100%;height:100%;opacity:var(--stars);transition:opacity 1.5s;position:absolute;inset:0}.oc-stars path{fill:none;stroke:#fff8e8;stroke-linecap:round;vector-effect:non-scaling-stroke}.oc-earth-shadow{background:linear-gradient(to top, #2b356699 0, #2b356659 var(--shadow-top), #e4a0b059 calc(var(--shadow-top) + 18%), transparent);position:absolute;bottom:0;transform:translate(-50%);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.oc-horizon-glow{background:radial-gradient(ellipse at 50% 100%, var(--glow), transparent 65%);width:160vmax;height:60%;position:absolute;bottom:0;transform:translate(-50%)}.oc-birds,.oc-meteors,.oc-milkyway,.oc-milkyway-dust{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.oc-milkyway{filter:blur(5px)}.oc-sun,.oc-moon{width:0;height:0;position:absolute}.oc-sun-glow{background:radial-gradient(circle, var(--glow), transparent 65%);opacity:.85;border-radius:50%;width:34vmin;height:34vmin;position:absolute;top:-17vmin;left:-17vmin}.oc-sun-disc{width:5.5vmin;height:5.5vmin;transform:scaleY(var(--flat,1));background:color-mix(in srgb, #e04a2a var(--red,0%), var(--sun));border-radius:50%;position:absolute;top:-2.75vmin;left:-2.75vmin}.oc-moon:before{content:"";width:26vmin;height:26vmin;opacity:var(--stars);background:radial-gradient(circle,#f4efdc38,#0000 65%);border-radius:50%;position:absolute;top:-13vmin;left:-13vmin}.oc-moon svg{width:9vmin;height:9vmin;transform:rotate(calc(atan2(var(--dy) * 1cqh, var(--dx) * 1cqw) - var(--lit)));position:absolute;top:-4.5vmin;left:-4.5vmin;overflow:visible}.oc-sea{inset:var(--horizon) 0 0 0;background:linear-gradient(var(--sea-hi), var(--sea) 55%, color-mix(in srgb, var(--sea) 78%, var(--shade)));position:absolute}.oc-sea:after{content:"";background:color-mix(in srgb, var(--sky-low) 45%, #6f7884);opacity:calc(var(--overcast,0) * .6);mix-blend-mode:color;pointer-events:none;transition:opacity 3s;position:absolute;inset:0}.oc-sea svg{width:100%;height:100%;position:absolute;inset:0}.oc-sea path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.oc-glint{stroke:currentColor;stroke-width:2px}.oc-swell{width:100%;height:100%;position:absolute;inset:0}.oc-planet{pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.oc-planet-ring{border:1px solid rgb(var(--ink) / .75);pointer-events:none;border-radius:50%;transition:opacity .4s;position:absolute;transform:translate(-50%,-50%)}.oc-planet-name{pointer-events:none;width:0;height:0;transition:opacity .4s;position:absolute}.oc-planet-leader{background:rgb(var(--ink) / .75);transform-origin:0;height:1px;position:absolute;top:-.5px}.oc-planet-text{letter-spacing:.02em;color:rgb(var(--ink));text-shadow:0 0 3px rgb(var(--halo) / .6);white-space:nowrap;font-size:.85rem;font-style:italic;line-height:1.2;position:absolute}.oc-ecliptic{pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.oc-ecliptic path{fill:none;stroke-width:1px;stroke-dasharray:5 6}.oc-ecliptic-name{pointer-events:none;width:0;height:0;transition:opacity .4s;position:absolute}.oc-ecliptic-name .oc-planet-text{bottom:3px;left:0;transform:translate(-50%)}.oc-sky{-webkit-tap-highlight-color:transparent;user-select:none}.oc-clouds{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.oc-ship{--ship-h:calc(clamp(11px, 1.3vmax, 24px) * var(--ship,1));left:0;top:calc(var(--depth,0) * 100% - var(--ship-h) * .79);width:calc(var(--ship-h) * 2.5);height:var(--ship-h);pointer-events:none;animation:300s linear both oc-ship-pass;position:absolute}.oc-ship svg{width:100%;height:100%;display:block;overflow:visible}.oc-ship .oc-ship-body{fill:color-mix(in srgb, var(--sky-low) 30%, #0d1424);stroke:none}.oc-ship-lights{fill:#fff4d0;opacity:var(--stars)}.oc-ship-lights .oc-ship-warm{fill:#ffb45a}@keyframes oc-ship-pass{0%{transform:translate(-12vw)}to{transform:translate(105vw)}}.oc-haze{left:0;right:0;top:calc(var(--horizon) - 5% - var(--fog,0) * 22%);height:calc(8% + var(--fog,0) * 50%);background:linear-gradient(transparent, color-mix(in srgb, var(--sky-low) calc(55% + var(--fog,0) * 40%), transparent), transparent);pointer-events:none;transition:top 3s,height 3s;position:absolute}.oc-glint-0{animation:5.5s ease-in-out infinite oc-shimmer}.oc-glint-1{animation:7.5s ease-in-out -3s infinite oc-shimmer}@keyframes oc-shimmer{50%{opacity:.25}}.oc-twinkle{animation:5s ease-in-out infinite oc-twinkle}@keyframes oc-twinkle{50%{opacity:.25}}@property --eye-w{syntax:"<percentage>";inherits:false;initial-value:55%}@property --eye-h{syntax:"<percentage>";inherits:false;initial-value:.1%}.oc-lids{pointer-events:none;background:#000;animation:1.5s 6s both oc-lids-fade;position:absolute;inset:0}.oc-scene[data-awake] .oc-lids{mask-image:radial-gradient(ellipse var(--eye-w) var(--eye-h) at 50% 50%, transparent 60%, #000 100%);animation:2.6s both oc-wake}.oc-scene[data-awake]>:not(.oc-lids){animation:2.8s ease-out backwards oc-focus}@keyframes oc-wake{0%{--eye-w:55%;--eye-h:0.1%;animation-timing-function:cubic-bezier(.3,.6,.4,1)}24%{--eye-w:80%;--eye-h:13%;animation-timing-function:ease-in}34%{--eye-w:75%;--eye-h:3%;animation-timing-function:cubic-bezier(.45,0,.2,1)}80%{opacity:1}to{--eye-w:220%;--eye-h:170%;opacity:0}}@keyframes oc-focus{0%{filter:blur(12px)brightness(.8)}to{filter:blur()brightness()}}@keyframes oc-lids-fade{to{opacity:0}}@media (prefers-reduced-motion:reduce){.oc-scene *{transition:none!important;animation:none!important}.oc-scene[data-awake] .oc-lids{display:none}.oc-scene .oc-lids{animation:0s 6s both oc-lids-fade!important}}.pc{--peek:3.3rem;--ink:#2f1d0e;width:min(23rem,100vw - 5.4rem);font-family:Homemade Apple,Bradley Hand,Snell Roundhand,cursive;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pc-lift{transform:translateY(calc(100% - var(--peek)));will-change:transform;transition:transform 1.3s cubic-bezier(.3,0,.2,1)}.pc[data-open=true] .pc-lift{transition:transform .55s cubic-bezier(.2,.9,.25,1.08);transform:translateY(0)}.pc-bob{animation:5s ease-in-out infinite alternate pc-bob;position:relative}.pc[data-open=true] .pc-bob{animation-play-state:paused}@keyframes pc-bob{0%{transform:translateY(0)rotate(-.6deg)}to{transform:translateY(-3px)rotate(.4deg)}}.pc-sheet{padding:3.3rem min(1.6rem,4vw) 6rem;transition:transform .3s cubic-bezier(.2,.7,.4,1);position:relative}.pc-sheet[data-turn=out]{transition-timing-function:cubic-bezier(.6,0,.8,.3);transform:perspective(60rem)rotateY(88deg)}.pc-sheet[data-turn=in]{transition:none;transform:perspective(60rem)rotateY(-88deg)}.pc-sheet[data-side=back] .pc-paper{transform:scaleX(-1)}.pc-shadow,.pc-paper{position:absolute;inset:1rem 0 -5rem}.pc-shadow{border-radius:6px;box-shadow:0 0 26px #0006}.pc-paper{filter:url(#pc-rough);background:radial-gradient(120% 60% at 50% 0,#fff6d68c,#0000 60%),radial-gradient(60% 35% at 6% 78%,#8c5a284d,#0000 72%),radial-gradient(45% 28% at 96% 42%,#8c5a283d,#0000 72%),radial-gradient(40% 20% at 70% 92%,#78502838,#0000 72%),radial-gradient(2.3rem 2.1rem at calc(100% - .9rem) calc(100% - 7.8rem),#0000 0 88%,#7d4e1e29 94%,#0000),radial-gradient(1.3rem .8rem at 12% calc(100% - 6.4rem),#7d4b1938,#7d4b1914 70%,#0000),linear-gradient(#f0ddab,#dfc388);box-shadow:inset 0 0 1.4rem #78481973,inset 0 0 .3rem #5a320f80}.pc-paper:after{content:"";opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9 0.12' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.pc-roll{background:linear-gradient(#a97b3f 0%,#edd7a0 24%,#e4c98b 55%,#a67a3d 100%);border-radius:1rem;height:2rem;position:absolute;top:0;left:-.7rem;right:-.7rem;box-shadow:0 3px 7px #0000004d}.pc-roll:before,.pc-roll:after{content:"";background:radial-gradient(circle,#7d5528 0 2px,#d9bb78 3px 5px,#9c6f35 6px 7px,#e6cf94 8px 11px,#a67a3d 12px);border-radius:50%;width:2rem;height:2rem;position:absolute;top:0}.pc-roll:before{left:-.5rem}.pc-roll:after{right:-.5rem}.pc-list{filter:url(#pc-ink);position:relative}.pc-list ul{margin:0;padding:0;list-style:none}.pc-list li+li{margin-top:.1rem}.pc-link,.pc-link:visited{color:var(--ink);cursor:pointer;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;align-items:flex-start;gap:.55rem;padding:.3rem .2rem;font-size:min(1.2rem,4.6vw);line-height:1.9;text-decoration:none;transition:background-size .3s;display:inline-flex}.pc-link:focus-visible{background-size:100% 2px;outline:none}.pc-back{filter:url(#pc-ink);color:var(--ink);padding-bottom:1.2rem;font-size:min(.92rem,3.6vw);line-height:1.75;position:relative}.pc-back p{margin:0;transform:rotate(-.8deg)}.pc-back p+p{margin-top:.5rem;margin-left:.4rem;transform:rotate(.6deg)}.pc-back a,.pc-back a:visited{color:inherit;text-underline-offset:.25em;text-decoration:underline 1px}.pc-turn{font:inherit;color:var(--ink);opacity:.75;filter:url(#pc-ink);cursor:pointer;background:0 0;border:0;padding:.2rem .4rem;font-size:.9rem;position:absolute;bottom:3.6rem;right:2.4rem;transform:rotate(-4deg)}.pc-turn:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.pc-x{fill:none;stroke:#8c3322;stroke-width:2.4px;stroke-linecap:round;opacity:.8;flex:none;width:.8em;height:.8em;margin-top:.65em}.pc-hands{aspect-ratio:440/150;pointer-events:none;width:124%;height:auto;position:absolute;bottom:-2rem;left:-12%;right:-12%;overflow:visible}.pc-peek{height:var(--peek);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;top:0;left:-.7rem;right:-.7rem}.pc-seal{filter:drop-shadow(0 2px 2px #00000059);width:2.7rem;height:2.7rem;position:absolute;top:.35rem;left:50%;transform:translate(-50%)rotate(-8deg)}.pc-peek:focus-visible{outline-offset:-4px;border-radius:1rem;outline:2px solid #f6efe2}