:root{color-scheme:dark;--font-reading: ui-serif, Georgia, "Times New Roman", serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#080d12}canvas{display:block;width:100%;height:100%}#page{display:flex;width:100%;height:100%}#stage{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;background:#0d1418}#panel{flex:0 0 clamp(300px,31vw,430px);height:100%;overflow-y:auto;overscroll-behavior:contain;background:#080d12;border-right:1px solid rgba(255,255,255,.07);padding:34px 30px 46px;color:#dfe6ea;font-family:var(--font-reading)}#panel::-webkit-scrollbar{width:9px}#panel::-webkit-scrollbar-thumb{background:#ffffff1f}#panel h1{font-size:20px;font-weight:400;letter-spacing:.34em;text-transform:lowercase;opacity:.95}#panel .lede{margin-top:14px;font-size:13.5px;line-height:1.75;opacity:.6;font-style:italic}.rule{height:1px;background:#ffffff17;margin:26px 0 22px}.mlabel{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.42}form label{display:block;margin-bottom:15px}form .mlabel{display:block;margin-bottom:7px}form textarea{width:100%;padding:9px 11px;color:#eef3f5;resize:vertical;min-height:74px;background:#ffffff0b;border:1px solid rgba(255,255,255,.13);border-radius:2px;font-family:inherit;font-size:14px;line-height:1.55;outline:none;transition:border-color .2s,background .2s}form textarea:focus{border-color:#a0cde199;background:#ffffff13}form textarea::placeholder{color:#ffffff42;font-style:italic}form input,form select{width:100%;padding:9px 11px;color:#eef3f5;background:#ffffff0b;border:1px solid rgba(255,255,255,.13);border-radius:2px;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s,background .2s}form input:focus,form select:focus{border-color:#a0cde199;background:#ffffff13}form input::placeholder{color:#ffffff42;font-style:italic}form select option{background:#0e1620}.row{display:flex;gap:12px}.row>label{flex:1}button.send{width:100%;margin-top:6px;padding:12px;cursor:pointer;background:#bee1f01a;color:#eaf3f7;border:1px solid rgba(190,225,240,.34);border-radius:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;transition:background .2s,border-color .2s}button.send:hover{background:#bee1f033;border-color:#bee1f09e}button.send:disabled{opacity:.35;cursor:not-allowed}#note{margin-top:11px;font-size:12px;line-height:1.6;opacity:0;transition:opacity .4s;font-style:italic}#note.on{opacity:.68}#tally{margin-top:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.45}.foot{margin-top:26px;font-size:11.5px;line-height:1.75;opacity:.32}#recordbox summary{display:flex;align-items:baseline;gap:10px;cursor:pointer;list-style:none;padding:2px 0}#recordbox summary::-webkit-details-marker{display:none}#recordbox summary:before{content:"+";font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;opacity:.5}#recordbox[open] summary:before{content:"−"}#recordbox summary:hover .mlabel{opacity:.72}#recordcount{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.14em;opacity:.3;margin-left:auto}#record{list-style:none;margin:16px 0 0}#record .rec{padding:9px 0 10px 12px;margin-bottom:2px;border-left:2px solid rgba(255,255,255,.08);cursor:pointer;transition:border-color .3s,opacity .3s}#record .rec:hover{border-left-color:#bee1f099}#record .rec:not(.met){opacity:.42}#record .rec.met{border-left-color:#bee1f073}#record .rec.down{border-left-color:#e2796b8c}#record .rec b{display:block;font-size:13px;letter-spacing:.14em;font-weight:500}#record .rec.f-unknown b{font-style:italic;letter-spacing:.04em;opacity:.75}#record .rec span{display:block;font-size:11.5px;opacity:.45;margin-top:2px}#record .rec .nums{display:flex;gap:10px;margin-top:4px}#record .rec i,#record .rec em{font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.04em}#record .rec i{opacity:.7}#record .rec i.safe{opacity:.42}#record .rec i.unknown{font-style:italic;opacity:.38}#record .rec em{color:#e2796b;font-weight:600}#record .rec u{display:inline-block;margin-top:5px;text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.34}#record .rec.down u{color:#e2796b;opacity:.6}#record .boardbtn{display:block;margin-top:7px;padding:4px 10px;background:#ffffff0d;color:#dfe9ee;border:1px solid rgba(255,255,255,.16);border-radius:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;opacity:0;transition:opacity .25s,background .25s}#record .rec:hover .boardbtn,#record .rec.open .boardbtn{opacity:.75}#record .boardbtn:hover{background:#ffffff1f;opacity:1}#record .rec.current .boardbtn{display:none}#record .rec.current{border-left-color:#dfe9ee;background:#ffffff09;opacity:1}#record .rec.current b:after{content:"you are here";display:block;margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.18em;opacity:.5;font-weight:400}#record .rnote{max-height:0;overflow:hidden;opacity:0;font-size:12px;line-height:1.7;font-style:italic;transition:max-height .35s ease,opacity .25s,margin .35s}#record .rec.open .rnote{max-height:260px;opacity:.55;margin-top:8px}#uncounted{margin-top:18px;padding-left:12px;border-left:2px solid transparent;font-size:11.5px;line-height:1.8;opacity:.4;font-style:italic}#uncounted b{font-style:normal;font-weight:600;opacity:.85}#tellit{margin-top:14px;padding-left:12px;font-size:11.5px;line-height:1.8;opacity:.45}#tellit a{color:#bedcea;text-decoration:none;border-bottom:1px solid rgba(190,220,234,.3)}#tellit a:hover{opacity:1;border-bottom-color:#bedceacc}@media(max-width:880px){html,body{overflow:auto}#page{flex-direction:column;height:auto}#stage{flex:none;height:62vh;order:-1}#panel{flex:none;width:100%;height:auto;border-right:none;border-top:1px solid rgba(255,255,255,.07)}}#vignette{position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at 50% 55%,#0000 33%,#00000057 72%,#000000b3);mix-blend-mode:multiply}#flash{position:absolute;inset:0;pointer-events:none;z-index:6;background:#cfe2ff;opacity:0}#grain{position:absolute;inset:-50%;pointer-events:none;z-index:7;opacity:.045;background-repeat:repeat;animation:drift 1.1s steps(3) infinite}@keyframes drift{0%{transform:translate(0)}33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}to{transform:translate(0)}}#ui{position:absolute;inset:0;z-index:8;pointer-events:none;font-family:ui-serif,Georgia,Times New Roman,serif;color:#e7eaea}#title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;letter-spacing:.42em;text-transform:lowercase;font-size:clamp(13px,2.1vw,22px);text-shadow:0 2px 26px rgba(0,0,0,.75);opacity:0;animation:titleIn 13s ease forwards .8s}#title small{display:block;margin-top:1.5em;letter-spacing:.2em;opacity:.62;font-size:.62em;font-style:italic;text-transform:none}@keyframes titleIn{0%{opacity:0}12%{opacity:.92}70%{opacity:.92}to{opacity:0;visibility:hidden}}.mono{position:absolute;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.09em;line-height:1.85}#wx{right:26px;bottom:22px;text-align:right;opacity:.55;line-height:2}#wx .k{color:#fff;opacity:.9;font-weight:600}#wx .dim{opacity:.5}#follow{position:absolute;right:26px;top:20px;text-align:right;pointer-events:auto;z-index:12;width:min(64vw,390px);display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;column-gap:12px;row-gap:9px}#follow label,#followsub{position:static}#follow label{opacity:.5;letter-spacing:.22em;font-size:10px;line-height:1.4;margin:0;white-space:nowrap;justify-self:start}#follow select{width:100%;min-width:0;box-sizing:border-box;margin:0;padding:8px 10px;cursor:pointer;color:#eef3f5;background:#0810188c;border:1px solid rgba(255,255,255,.16);border-radius:2px;font-family:var(--font-reading);font-size:13px;text-align:right;text-align-last:right;outline:none;transition:border-color .2s,background .2s}#follow select:hover,#follow select:focus{border-color:#a0cde194;background:#0e1a24cc}.vlabel.consort{opacity:.88}.vlabel.consort b:after{content:" · alongside";font-weight:400;opacity:.5}#follow select option{background:#0e1620;color:#eef3f5;text-align:right}#follow select optgroup{background:#0b121a;font-style:normal}#followsub{grid-column:1 / -1;margin:0;text-align:right;font-size:10px;letter-spacing:.1em;opacity:.42;line-height:1.6;text-transform:none}#followsub .x{color:#f0c9a8;opacity:.95}#journey{position:static;grid-column:1 / -1;margin:0;text-align:right;font-size:10px;letter-spacing:.03em;line-height:1.6;opacity:.7;white-space:pre-line}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:760px){#follow{width:min(72vw,300px);right:14px;column-gap:8px}#follow label{font-size:9px;letter-spacing:.16em}}#foot{position:absolute;left:26px;bottom:26px;z-index:7;width:min(40ch,46vw);pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end}@media(max-width:760px){#foot{left:14px;bottom:16px;width:min(36ch,76vw)}}#alert{position:static;margin:0 0 .9em;font-family:ui-serif,Georgia,serif;letter-spacing:.2em;text-transform:lowercase;font-size:clamp(14px,1.5vw,19px);color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.9);opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease}#alert.up{opacity:1;transform:none}#alert.off{opacity:0;transform:translateY(-12px);transition:opacity 1.2s ease,transform 1.2s ease}#alert small{display:block;margin-top:.5em;font-size:.62em;letter-spacing:.14em;opacity:.68;font-style:italic;text-transform:none}#telling{position:relative;width:100%;pointer-events:none}#telling p{margin:0;font:400 13.5px/1.62 ui-serif,Georgia,Times New Roman,serif;color:#dbe6ee;text-shadow:0 1px 14px rgba(0,0,0,.9);opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.7,.3,1)}#telling p.in{opacity:.92;transform:none}#telling p.out{position:absolute;left:0;right:0;bottom:100%;margin-bottom:4px;opacity:0;transform:translateY(-10px);transition:opacity 1.3s ease,transform 1.3s ease}#telling p b{font-weight:400;color:#fff}#telling p i{font-style:italic;opacity:.78}@media(max-width:760px){#telling p{font-size:12px}}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#vlabels{position:absolute;inset:0;pointer-events:none;z-index:6}.vlabel{position:absolute;top:0;left:0;text-align:center;white-space:nowrap;font:400 11px/1.5 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.09em;color:#cfe0ea;text-shadow:0 1px 10px rgba(0,0,0,.85);transition:opacity .5s linear}.vlabel b{display:block;font-weight:600;letter-spacing:.2em;color:#f0f4f6;font-size:11.5px}.vlabel span{display:block;opacity:.52;font-size:10px;letter-spacing:.06em;margin-top:1px}.vlabel .nums{margin-top:3px;display:flex;gap:9px;justify-content:center}.vlabel i,.vlabel em{font-style:normal;font-size:10px;letter-spacing:.05em}.vlabel i{opacity:.82}.vlabel i.safe{opacity:.5}.vlabel i.unknown{opacity:.45;font-style:italic;letter-spacing:.02em}.vlabel em{color:#e2796b;font-weight:600}.vlabel:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:16px;margin-left:-.5px;background:linear-gradient(rgba(207,224,234,.34),transparent)}.vlabel.hero{color:#fff}.vlabel.hero b{font-size:13px;letter-spacing:.26em}.vlabel.hero:after{height:22px;background:linear-gradient(rgba(255,255,255,.44),transparent)}.vlabel.now b{color:#f4b4a8}.vlabel.now{animation:vpulse 1.1s ease-in-out infinite}@keyframes vpulse{0%,to{opacity:1}50%{opacity:.55}}.vlabel.f-unknown b{font-style:italic;font-weight:400;letter-spacing:.1em;opacity:.7}.vlabel.lost{animation:none}.vlabel.lost b{color:#c9a9a2;font-weight:400}.vlabel.lost span{opacity:.34}.vlabel.lost i{opacity:.4;text-decoration:line-through;text-decoration-thickness:1px}.vlabel.lost em{color:#e2796b}.vlabel.lost:after{height:26px;background:linear-gradient(rgba(226,121,107,.42),transparent)}#voyage{position:absolute;left:22px;bottom:96px;font-size:10.5px;letter-spacing:.1em;opacity:.62;color:#cfe0ea}#voyage b{color:#f0c9a6;font-weight:600}@media(max-width:760px){#voyage{left:14px;bottom:120px;font-size:9.5px}.vlabel{font-size:10px}}#swapfade{position:absolute;inset:0;z-index:40;pointer-events:none;background:#05090e;opacity:0;transition:opacity .52s ease}#swapfade.on{opacity:1;transition:opacity .42s ease}.vlabel.burning{color:#ffb169;text-shadow:0 0 14px rgba(255,120,30,.55)}.vlabel.burning b{color:#ffd3a3}#record .rec.f-returned u{color:#c9a9cf}.vlabel.f-returned{color:#d6b9db}#isle{position:absolute;left:20px;top:20px;width:188px;padding:11px 13px 9px;box-sizing:border-box;background:#0e10128f;border:1px solid rgba(232,222,208,.14);color:#e8ded0;opacity:0;transform:translateY(8px);transition:opacity 1.2s ease,transform 1.2s ease;pointer-events:none}#isle.up{opacity:.93;transform:none}#isle .ihead{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.62;margin-bottom:8px;position:static}#isle .irow{display:flex;align-items:baseline;gap:8px;margin:3px 0;font-size:12px;line-height:1.3;opacity:.84}#isle .irow b{font-variant-numeric:tabular-nums;font-size:17px;font-weight:500;min-width:30px;text-align:right;opacity:1}#isle .irow.gone{color:#c0796c}#isle .ifoot{margin-top:9px;padding-top:7px;font-size:10px;opacity:.5;border-top:1px solid rgba(232,222,208,.12);position:static}#witness{font-family:var(--font-reading);position:absolute;left:0;top:0;width:min(88vw,318px);padding:12px 14px 10px;box-sizing:border-box;z-index:14;background:#0a0c0ef0;border:1px solid rgba(232,222,208,.16);backdrop-filter:blur(6px);color:#e8ded0;opacity:0;transform:translateY(5px);transition:opacity .34s ease,transform .34s ease;pointer-events:none;overflow:hidden}#witness.pinned{overflow-y:auto;scrollbar-width:thin}#witness.up{opacity:1;transform:none}#witness.pinned{pointer-events:auto;border-color:#e8ded04d;box-shadow:0 10px 40px #0000008c}#witness .wclose{float:right;padding:0 2px 4px 8px;border:0;background:none;color:inherit;font-size:20px;line-height:1;cursor:pointer}#witness:not(.pinned) .wclose{display:none}#witness .wcaveat,#record .history .wcaveat{font-size:11px;line-height:1.5;color:#d9bc8c;margin:8px 0;padding-left:8px;border-left:2px solid rgba(217,188,140,.45)}#history-button{grid-column:1 / -1;justify-self:end;cursor:pointer;color:#c2d6df;background:#081018ad;border:1px solid rgba(255,255,255,.2);padding:6px 10px;font:11px var(--font-reading)}#history-button:focus-visible,#witness :focus-visible,#record .history a:focus-visible{outline:2px solid #a9c9d8;outline-offset:3px}#witness .whead{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.72;position:static;margin:0 0 7px}#witness .wwhere{display:block;margin-top:4px;letter-spacing:.08em;text-transform:none;opacity:.52}#witness .wsub{font-size:11px;opacity:.62;margin-bottom:5px}#witness .wrec{font-size:12px;opacity:.88;margin-bottom:8px;font-variant-numeric:tabular-nums}#witness .wrec b{font-weight:500}#witness .whow{font-size:11px;line-height:1.55;opacity:.6;font-style:italic;padding-bottom:9px;border-bottom:1px solid rgba(232,222,208,.12)}#witness .wsrc{margin-top:9px}#witness .wkind{font-size:9px;letter-spacing:.22em;text-transform:uppercase;opacity:.42;position:static;margin:0 0 3px}#witness .wtitle{font-size:12px;line-height:1.4}#witness .wtitle a{color:#a9c9d8;text-decoration:none;border-bottom:1px solid rgba(169,201,216,.34)}#witness.pinned .wtitle a:hover{color:#d6e8f1;border-bottom-color:#d6e8f1b3}#witness .wheld{opacity:.5}#witness .wnolink{opacity:.92}#witness .wcred{font-size:10px;opacity:.55;margin-top:2px}#witness .wnote{font-size:10px;line-height:1.5;opacity:.44;margin-top:3px}#witness .wpin{margin-top:10px;padding-top:7px;font-size:9px;opacity:.34;letter-spacing:.16em;text-transform:uppercase;position:static;border-top:1px solid rgba(232,222,208,.1)}#record .rec.open .history{max-height:none}#record .history .mono{position:static}#record .history .wsrc{margin-top:12px}#record .history .whow{margin-top:8px}#record .history .wkind{font-size:9px;letter-spacing:.08em;opacity:.65}#record .history .wnote{font-size:11px;line-height:1.5;opacity:.7;margin-top:4px}#record .history .wtitle a{color:#a9c9d8}#record .history .wtitle span{display:inline;opacity:.8}@media(max-width:760px){#witness{width:min(92vw,290px)}}.gallery-open,#gallery-close{font:12px var(--font-reading);color:#dfe9ee;border:1px solid rgba(190,225,240,.3);border-radius:2px;background:#bee1f014;padding:8px 10px;cursor:pointer}.gallery-open{width:100%;margin-top:8px;text-align:left}.gallery-open:hover,#gallery-close:hover{background:#bee1f029}#witness .gallery-context{font-size:10px;line-height:1.5;color:#d9bc8c;margin:5px 0 12px}#photo-gallery{margin:auto;width:min(920px,calc(100vw - 32px));max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;padding:20px;color:#dfe6ea;background:#0c131a;border:1px solid rgba(190,225,240,.25);border-radius:4px;box-shadow:0 24px 90px #000000a6;font-family:var(--font-reading)}#photo-gallery::backdrop{background:#03080dcc;backdrop-filter:blur(5px)}.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-20px;padding:12px 0;background:#0c131a;z-index:1}#gallery-title{font-size:22px;font-weight:400;letter-spacing:.03em}#gallery-title small{font-size:12px;color:#a9c9d8}#gallery-close{flex-shrink:0}#gallery-description{font-size:13px;line-height:1.65;color:#c8b897;margin:4px 0 20px;max-width:72ch}#gallery-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.archive-photo{min-width:0;margin:0}.archive-photo img{display:block;width:100%;height:280px;object-fit:contain;background:#060a0e;border:1px solid rgba(255,255,255,.1)}.archive-photo figcaption{padding:12px 0;font-size:12px;line-height:1.6}.archive-photo time{color:#a9c9d8;font-variant-numeric:tabular-nums}.archive-photo figcaption p{margin:5px 0}.archive-photo .photo-credit{color:#9aaab6;font-size:11px}.archive-photo a{color:#b5cedb;text-underline-offset:3px}.archive-photo .photo-error{color:#d9bc8c;font-size:12px;line-height:1.5}#photo-gallery :focus-visible{outline:2px solid #a9c9d8;outline-offset:3px}@media(max-width:700px){#photo-gallery{padding:16px}.gallery-header{top:-16px}#gallery-title{font-size:19px}#gallery-photos{grid-template-columns:1fr;gap:22px}.archive-photo img{height:min(42dvh,340px)}}
