#serpent-world{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#f9f6ef;color:#f9f6ef;outline:none;overscroll-behavior:none;opacity:1;transition:opacity .6s ease}
#serpent-world::backdrop{background:transparent;backdrop-filter:none}
#serpent-world canvas{display:block;width:100%;height:100%;pointer-events:none}
#serpent-world .descent-cover{position:absolute;pointer-events:none;overflow:hidden;margin:0}
#serpent-world .descent-cover .dark{opacity:1;transition:none}
#serpent-world .descent-heading{position:absolute;pointer-events:none;margin:0;z-index:1}
#serpent-world .descent-return{position:absolute;z-index:4;right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));border:0;background:transparent;padding:16px;color:#625b50;font:12px Georgia,serif;letter-spacing:.12em;cursor:pointer;transition:color 1.5s ease}
#serpent-world.submerged .descent-return{color:#d6d0c3}
#serpent-world .descent-return:focus-visible{outline:1px solid currentColor;outline-offset:-5px}
#serpent-world.departing{opacity:0}
#serpent-world.arrived{background:#090908}
#serpent-world .surface-return-lines{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
#serpent-world.surfacing .house-rail,#serpent-world.surfacing .house-twig,#serpent-world.surfacing .house-root i{visibility:hidden}
#serpent-world.surfacing{pointer-events:none}
#serpent-world.surfacing .house-summary{opacity:0!important;transition:opacity .5s ease!important}
.snake.descent-pending .dark{opacity:1}
.snake.descent-pending{cursor:progress}
body.serpent-travelling .symbol.inviting .symbol-dark{animation-play-state:paused}
#serpent-world.reduced-descent .descent-inscription{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 80px);height:auto;margin:0;padding:0;clip:auto;overflow:visible;white-space:normal;text-align:center;font:400 16px/1.6 Georgia,serif;color:#e8e1d4}
@media(prefers-reduced-motion:reduce){#serpent-world,#serpent-world .descent-return{transition:none}}
#serpent-world.reduced-descent .descent-inscription{max-width:540px;max-height:calc(100% - 100px);overflow:auto}
#serpent-world.reduced-descent .descent-inscription p{font:300 17px/1.65 'Helvetica Neue','Segoe UI',Arial,sans-serif;color:#e8e1d4;margin:0 0 32px}
#serpent-world.reduced-descent .descent-inscription p:last-child{margin-bottom:0}
#serpent-world .descent-inscription{position:absolute;z-index:3;left:50%;bottom:clamp(36px,8svh,80px);transform:translateX(-50%);width:calc(100% - 48px);max-width:560px;height:auto;margin:0;padding:0;clip:auto;overflow:visible;white-space:normal;text-align:center;pointer-events:none}
#serpent-world .descent-inscription[aria-hidden=true]{visibility:hidden}
#serpent-world .descent-inscription p,#serpent-world.reduced-descent .descent-inscription p{font:400 16px/1.65 Georgia,serif;letter-spacing:0;color:#e8e1d4;margin:0;text-wrap:pretty}
#serpent-world .descent-inscription p[hidden]{display:none}
#serpent-world.reduced-descent .descent-inscription{bottom:auto}
#serpent-world.reduced-descent .descent-inscription p+p{margin-top:28px}
@media(min-width:700px){#serpent-world .descent-inscription p{font-size:18px}}

/* The opaque illustration is composited first, then faded as one surface. */
#serpent-world.submerged{background:#090908}

.serpent-resting{position:relative;width:100%}
.serpent-resting>.serpent-shared-canvas,.serpent-resting-poster{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.serpent-resting>.serpent-shared-canvas{z-index:1;visibility:hidden}
.serpent-resting.ready>.serpent-shared-canvas{visibility:visible}
.serpent-resting .interactions{z-index:2}
.serpent-resting.ready .interactions>image,.serpent-resting.ready .snake .dark{visibility:hidden}

.serpent-resting.ready .interactions>image,.serpent-resting.ready .snake .dark{display:none}