:root{color-scheme:dark;font-family:Georgia,'Times New Roman',serif;background:#061119;color:#eef5ea}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent;min-width:56px;min-height:56px}button:focus-visible,a:focus-visible{outline:3px solid #ffc978;outline-offset:5px;background:#061119cc}button[hidden],[hidden]{display:none!important}#shelter{position:relative;width:100%;height:100%;min-height:340px;isolation:isolate;overflow:hidden}canvas,.static-canopy{position:absolute;inset:0;width:100%;height:100%}.static-canopy{background:repeating-linear-gradient(38deg,transparent 0 69px,#bfeef426 70px 71px,transparent 72px 140px),repeating-linear-gradient(133deg,transparent 0 99px,#eef5ea36 100px 101px,transparent 102px 190px),radial-gradient(ellipse at 58% 56%,#789da58f,#173747 45%,#061119 80%);clip-path:polygon(0 0,100% 0,100% 87%,72% 100%,0 80%)}.anchor{position:absolute;width:64px;height:64px;touch-action:none;user-select:none;transform:translate(-50%,-50%);z-index:4;border-radius:50%;display:grid;place-items:center}.ring{display:grid;place-items:center;width:48px;height:48px;border:2px solid #bfeef4;border-radius:50%;box-shadow:0 0 0 6px #06111980,inset 0 0 18px #bfeef445;background:#102b36c9;font-size:24px}.anchor.leeward .ring{border-style:double;border-width:5px;color:#fff;box-shadow:0 0 24px #bfeef489}.anchor-label{position:absolute;top:67px;font:9px/1.3 system-ui,sans-serif;letter-spacing:.13em;white-space:nowrap}.anchor:nth-child(n+3) .anchor-label{top:auto;bottom:67px}.seam-copy{position:absolute;left:18%;bottom:12%;width:min(65%,470px);transform:rotate(3deg);text-shadow:0 2px 9px #061119}.title{font:11px system-ui,sans-serif;letter-spacing:.34em}#cue{font-size:clamp(16px,1.7vw,23px);line-height:1.4;max-width:28ch;margin:14px 0 4px}.seam-copy button,.pass,#replay{border-bottom:1px dashed #bfeef4;padding:10px 4px;font-size:16px}.patch{position:absolute;left:55%;top:47%;transform:translate(-50%,-50%) rotate(-14deg);padding:14px 22px;border:2px dashed #e5b958;background:#132d39dc;color:#f4d898;min-width:146px;min-height:84px;font:24px monospace;z-index:5}.patch span{font:15px Georgia,serif}.pass{position:absolute;top:61%;left:35%;max-width:58%;z-index:5}#ending{position:absolute;left:22%;top:37%;text-shadow:0 2px 18px #061119}#ending h1{font-size:clamp(44px,7vw,92px);font-weight:normal;letter-spacing:.13em;margin:0}#ending p{font-size:20px;line-height:1.5}.skip{position:absolute;top:8px;left:80px;z-index:20;transform:translateY(-180%);color:#eef5ea;padding:15px;background:#061119}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fallback{position:absolute;left:14%;top:29%;max-width:540px;width:72%;text-shadow:0 2px 12px #061119}.fallback small{letter-spacing:.3em}.fallback h1{font-weight:normal;font-size:clamp(30px,5vw,58px)}.fallback p{font-size:18px;line-height:1.6}@media(max-width:500px){.seam-copy{left:21%;bottom:16%;width:62%}.anchor-label{font-size:8px;letter-spacing:.03em}.patch{left:51%;top:43%}#ending{left:21%;top:33%}.pass{left:25%;top:58%}#cue{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Diffuse fabric shade keeps copy quiet without introducing a panel. */
.seam-copy,#ending{isolation:isolate;z-index:2}
.seam-copy::before,#ending::before{content:"";position:absolute;inset:-30px -26px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#071722ed 12%,#102932b8 48%,#16343c00 74%);filter:blur(12px)}
#ending::before{inset:-42px -34px;background:radial-gradient(ellipse,#122830eb 12%,#233e43b8 47%,#57706a00 74%)}
@media(max-width:500px){#ending{width:62%}.seam-copy::before,#ending::before{inset:-24px -18px;filter:blur(9px)}}