@font-face{font-family:Fogbreak Sans;src:url(/fonts/FogbreakSans-200.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Fogbreak Sans;src:url(/fonts/FogbreakSans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fogbreak Sans;src:url(/fonts/FogbreakSans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--fog-void:#171C21;--fog-surface:#1F262C;--fog-raised:#28313A;--fog-line:#3A4650;--fog-text:#ECE7DD;--fog-muted:#8A97A0;--glacial:#8B93A6;--break-gold:#E0B35E;--break-ember:#D98C5A;--clay-red:#C56A55;--radius:22px;--radius-sm:14px;--ease:cubic-bezier(.32,.72,0,1);--brand:"Fogbreak Sans",ui-rounded,"SF Pro Rounded",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--coast:clamp(240px, 32vh, 380px);--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 0.96 0 0 0 0 0.86 0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--fog-void);color:var(--fog-text);font:400 17px/1.6 var(--brand);-webkit-font-smoothing:antialiased}#track{height:540vh}#stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(224,179,94,.055),transparent 30%),radial-gradient(circle at 84% 16%,rgba(216,140,90,.05),transparent 32%),var(--fog-void)}#grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--grain);opacity:.3;z-index:9}#row{position:absolute;left:0;top:0;height:calc(100dvh - var(--coast));display:flex;z-index:2;will-change:transform}@supports (animation-timeline: scroll()){#row{animation:travel linear both;animation-timeline:scroll(root block)}@keyframes travel{to{transform:translate(-400vw)}}#progline{animation:grow linear both;animation-timeline:scroll(root block)}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.panel{position:relative;flex:none;width:100vw;height:100%;display:flex;align-items:center;padding:0 10vw}.copy{max-width:640px}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(224,179,94,.28);border-radius:999px;padding:7px 14px;font:600 10.5px/1 var(--brand);letter-spacing:.22em;color:var(--fog-muted);text-transform:uppercase;margin:0 0 26px;background:#e0b35e0d}.badge b{color:var(--break-gold);font-weight:600}h1{font:200 clamp(46px,5.2vw,78px)/1.07 var(--brand);margin:0 0 24px;text-wrap:balance;letter-spacing:-.012em}h1 .lw{font-style:normal;background:linear-gradient(100deg,#ece7dd,#dec489 55%,#e0b35e);-webkit-background-clip:text;background-clip:text;color:transparent}h2{font:200 clamp(28px,2.5vw,38px)/1.2 var(--brand);margin:0 0 18px;text-wrap:balance}.copy p{color:var(--fog-muted);max-width:58ch;margin:0 0 14px}.copy p strong{color:var(--fog-text);font-weight:600}#p1 .copy>*{opacity:0;transform:translateY(18px);filter:blur(6px);animation:arrive .9s var(--ease) forwards}#p1 .copy>*:nth-child(2){animation-delay:.12s}#p1 .copy>*:nth-child(3){animation-delay:.22s}#p1 .copy>*:nth-child(4){animation-delay:.32s}@keyframes arrive{to{opacity:1;transform:translateY(0);filter:blur(0)}}.hint{position:absolute;right:10vw;bottom:7vh;color:var(--fog-muted);font-size:14px;letter-spacing:.06em;display:flex;gap:10px;align-items:center}.hint .arr{display:inline-block;animation:drift 3s var(--ease) infinite;color:var(--break-gold)}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(7px)}}.shell{background:#ece7dd0a;border:1px solid rgba(236,231,221,.08);border-radius:var(--radius);padding:6px;max-width:560px}.core{background:var(--fog-surface);border-radius:calc(var(--radius) - 6px);box-shadow:inset 0 1px 1px #ece7dd12;padding:16px 18px}.chain{margin-top:24px}.rcpt{font:12px/1.65 var(--mono);color:var(--fog-muted);overflow-x:auto}.rcpt .k{color:#6e7881}.rcpt .v{color:var(--fog-text)}.rcpt .h{color:var(--break-gold)}.linker{width:1px;height:20px;background:var(--break-gold);margin-left:44px;position:relative}.linker:after{content:"prevHash ↑ = hash";position:absolute;left:12px;top:2px;font:10.5px/1 var(--mono);color:#e0b35eb3;white-space:nowrap}.chain-note{font-size:12px;color:#6e7881;margin-top:10px}.invite{margin-top:28px}.invite label{display:block;font:600 11px/1 var(--brand);letter-spacing:.2em;text-transform:uppercase;color:var(--fog-muted);margin-bottom:12px}.fld{display:flex;gap:10px;align-items:stretch}.fld input{flex:1;background:var(--fog-void);border:1px solid var(--fog-line);border-radius:999px;color:var(--fog-text);font:15px var(--mono);padding:13px 20px;letter-spacing:.04em;min-width:0}.fld input:focus{outline:none;border-color:var(--break-gold)}.fld input:focus-visible{outline:2px solid var(--break-gold);outline-offset:2px}.go{display:inline-flex;align-items:center;gap:12px;background:var(--break-gold);color:#231a0b;border:0;border-radius:999px;font:600 15px var(--brand);padding:6px 6px 6px 22px;cursor:pointer;transition:transform .5s var(--ease),background .5s var(--ease)}.go:hover{background:#e9c176}.go:active{transform:scale(.98)}.go:focus-visible{outline:2px solid var(--break-gold);outline-offset:3px}.go .ic{width:34px;height:34px;border-radius:999px;background:#17110729;display:grid;place-items:center;transition:transform .5s var(--ease)}.go:hover .ic{transform:translate(2px,-1px) scale(1.05)}.msg{min-height:20px;margin-top:12px;font-size:14px;color:var(--fog-muted)}.msg.err{color:var(--clay-red)}.colophon{margin-top:36px;font-size:12.5px;color:#5e6871}#world{position:absolute;left:0;right:0;bottom:0;height:var(--coast);z-index:1}#sea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.slabel{position:absolute;transform:translate(-50%);font:600 11px/1 var(--brand);letter-spacing:.2em;color:var(--fog-muted);opacity:.7;transition:color .6s var(--ease),opacity .6s var(--ease),transform .6s var(--ease);white-space:nowrap}.slabel.on{color:var(--break-gold);opacity:1;transform:translate(-50%) translateY(-6px)}.slabel.warm{color:#c9a96a;opacity:.9}#survey{position:absolute;width:1px;background:linear-gradient(to top,var(--break-gold),transparent);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}#progline{position:fixed;left:0;bottom:0;height:2px;width:100%;background:var(--break-gold);transform:scaleX(0);transform-origin:0 50%;z-index:10}@media (prefers-reduced-motion: reduce){.hint .arr{animation:none}#p1 .copy>*{animation-duration:.01s;animation-delay:0s}}@media (max-width:820px){#track{height:auto!important}#stage{position:static;overflow:visible;background:var(--fog-void)}#row{position:static;height:auto;display:block;transform:none!important;animation:none!important}.panel{width:100%;height:auto;display:block;padding:64px 7vw}.panel+.panel{border-top:1px solid var(--fog-line)}.hint{display:none}#world{position:static;height:34dvh}.slabel,#survey,#progline{display:none}h1{font-size:clamp(38px,10.5vw,54px)}}