@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-latin-800-normal.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--silver:#c9ccd1;--silver-light:#eef0f2;--silver-deep:#9ea3aa;--ink:#000;--graphite:#31353a;--dirt:#a2401c;--on-dirt:#fff;--ease:cubic-bezier(.2, 0, 0, 1);--gutter:clamp(18px, min(6vw, 7svh), 88px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--silver:#2a2d31;--silver-light:#3c4046;--silver-deep:#17191c;--ink:#fff;--graphite:#c5cad0;--dirt:#f0895c;--on-dirt:#000}}*,:before,:after{box-sizing:border-box}html{background:var(--silver)}body{background:repeating-linear-gradient(0deg, transparent 0 2px, color-mix(in srgb, var(--silver-light) 18%, transparent) 2px 3px), linear-gradient(115deg, var(--silver-light), var(--silver) 30%, var(--silver-light) 48%, var(--silver-deep) 72%, var(--silver));color:var(--graphite);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;flex-direction:column;min-height:100svh;margin:0;font-family:Barlow,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}::selection{background:var(--ink);color:var(--silver-light)}.sheet{opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease);touch-action:manipulation;display:block;position:fixed;inset:0}.foil .sheet{opacity:1}.lost-page .sheet{touch-action:none}main{padding:var(--gutter);pointer-events:none;flex:1 0 auto;align-content:end;gap:clamp(20px,4svh,48px);display:grid;position:relative}.strip{padding:var(--gutter) var(--gutter) 0;color:var(--ink);pointer-events:none;animation:settle 1s var(--ease) 1s both;justify-content:space-between;align-items:center;gap:16px;font-size:.8125rem;font-weight:600;line-height:1.2;display:flex;position:relative}.strip p{font-variant-numeric:tabular-nums;margin:0}.signal{align-items:flex-end;gap:8px;display:flex}.bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.bars span{background:var(--ink);width:3px;transition:opacity .2s var(--ease);border-radius:1px}.bars span:first-child{height:25%}.bars span:nth-child(2){height:50%}.bars span:nth-child(3){height:75%}.bars span:nth-child(4){height:100%;animation:5s step-end infinite waver}.signal.blocked .bars span{opacity:.18;animation:none}.signal.blocked .state{color:var(--dirt)}main>*{pointer-events:auto}.words{gap:clamp(16px,3svh,36px);min-width:0;display:grid}@media (width>=900px){main{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:32px}}h1{color:var(--ink);margin:0;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800}.title{letter-spacing:-.015em;font-size:clamp(3.5rem,min(1rem + 22vw,30svh),16rem);line-height:.84}.lost .title{font-size:clamp(3rem,min(.75rem + 12vw,16svh),10rem);line-height:.88}.line{margin-bottom:-.26em;padding-bottom:.26em;display:block;overflow:hidden}.line:first-child{margin-top:-.6em;padding-top:.6em}.line>span{animation:rise 1.1s var(--ease) both;display:inline-block}.line:first-child>span{animation-delay:.35s}.line:last-child>span{animation-delay:.5s}.mark{transform-origin:50% 88%;animation:doubt 1.6s var(--ease) 1.7s both;display:inline-block}.title:hover .mark{animation:doubt-again 1.4s var(--ease)}.dot{position:relative}.hat{top:calc(var(--dot-top,.262em) + .075em - .391em);transform-origin:50% 92%;width:.34em;height:.391em;filter:hue-rotate(var(--hue,0deg));pointer-events:none;transition:transform .38s var(--ease);animation:hat-drop .9s var(--ease) 1.3s both, fidget 9s ease-in-out 4s infinite;margin-left:-.17em;position:absolute;left:50%;overflow:visible}.hat.late{animation:hat-drop .9s var(--ease) 1.48s both, fidget 11.5s ease-in-out 6s infinite}.hat.tip-left{transform:translateY(-.09em)rotate(-18deg)}.hat.tip-right{transform:translateY(-.09em)rotate(18deg)}.hat.missing{visibility:hidden;animation:none}.hat.landed{animation:hat-drop .6s var(--ease) both, fidget 10s ease-in-out 3s infinite}.hat-f1{fill:#f3f5f8}.hat-f2{fill:#a9efff}.hat-f3{fill:#ffb0e4}.hat-f4{fill:#e6f9a6}.hat-f5{fill:#c7b0ff}.hat-f6{fill:#98e9d3}[class^=hat-f]{stroke:#000;stroke-width:.8px;stroke-opacity:.3;stroke-linejoin:round}.hat-edge{fill:none;stroke:var(--ink);stroke-width:1.8px;stroke-linejoin:round}.battery,.credit{animation:settle 1s var(--ease) 1s both}.pitch{animation:slide .8s var(--ease) .15s both}.lede{text-wrap:balance;max-width:24em;margin:0;font-size:clamp(1.1875rem,.95rem + .9vw,1.75rem);line-height:1.32}.lost .lede{max-width:30em;font-size:clamp(1.0625rem,.92rem + .5vw,1.375rem);line-height:1.42}.soon{color:var(--ink);margin:.6em 0 0;font-size:clamp(1rem,.9rem + .4vw,1.25rem);font-weight:600;line-height:1.35}.credit{margin:0;font-size:.9375rem;line-height:1.5}@media (width>=900px){.credit{text-align:right}}a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--dirt);text-decoration-color:var(--dirt);text-underline-offset:.3em;text-decoration-thickness:2px}a:hover{text-decoration-thickness:3px}a:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}.credit a{padding:6px 0;display:inline-block}.onward{margin:.6em 0 0;font-size:clamp(1.0625rem,.95rem + .35vw,1.25rem);font-weight:600}.onward a{padding:8px 0;display:inline-block}.battery{gap:10px;display:grid}.battery[hidden]{display:none}.gauge{align-items:center;gap:22px;display:flex}.cell{border:3px solid var(--ink);border-radius:8px;width:clamp(120px,20vw,176px);height:clamp(44px,6.5vw,60px);padding:5px;position:relative}.cell:after{content:"";background:var(--ink);border-radius:0 3px 3px 0;width:8px;height:42%;position:absolute;top:50%;right:-11px;transform:translateY(-50%)}.fill{background:var(--ink);transform-origin:0;height:100%;transition:transform .25s linear, background-color .4s var(--ease);border-radius:3px;display:block;transform:scaleX(.0404)}.fill.low{background:var(--dirt)}.reading{color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font:800 clamp(2.25rem,1.6rem + 2vw,3.5rem)/1 Barlow Condensed,sans-serif}.remark{margin:0;font-size:1rem;line-height:1.4}.pickups{pointer-events:none;position:fixed;inset:0}.glint,.stray{transition:translate .52s cubic-bezier(.55, 0, .8, .2), scale .52s var(--ease), opacity .52s var(--ease);animation:pop-in .42s var(--ease) backwards;position:absolute}.glint{width:34px;height:34px;margin:-17px 0 0 -17px}.glint:before{content:"";filter:hue-rotate(var(--hue,0deg));background:radial-gradient(circle,#ffffffe6,#ffa0e480 34%,#8cecff4d 54%,#0000 70%);border-radius:50%;position:absolute;inset:-10px}.glint svg{width:100%;height:100%;animation:twinkle 1.8s ease-in-out var(--delay,0s) infinite;position:relative;overflow:visible}.glint path{fill:#fff;stroke:#000;stroke-width:1.1px;stroke-linejoin:round}.stray{width:46px;height:53px;margin:-27px 0 0 -23px}.stray svg{width:100%;height:100%;filter:hue-rotate(var(--hue,0deg)) drop-shadow(0 6px 6px #00000040);animation:2.6s ease-in-out infinite bob;overflow:visible}.glint.flying,.stray.flying{translate:var(--dx) var(--dy);opacity:.7;scale:.35}.glint.fading{opacity:0;scale:.2}.battery.full .cell{box-shadow:0 0 1em -.1em #7fe9ff}.battery.full .fill{background:linear-gradient(90deg,#ff8ad8,#7fe9ff,#c6ff9a,#fff09a,#c9a8ff,#ff8ad8) 0 0/200% 100%;animation:2.4s linear infinite current}.powered .title{text-shadow:0 0 .06em #ff8ad8e6,0 0 .28em #7fe9ffbf;animation:1.3s linear both flicker-on,3.2s ease-in-out 1.3s infinite alternate glow}.powered .onward a{background:var(--ink);color:var(--silver-light);border-radius:4px;padding:.55em 1em .6em;text-decoration:none;animation:2.2s ease-in-out 1s infinite beckon}@keyframes rise{0%{transform:translateY(150%)}}@keyframes slide{0%{transform:translateY(.6em)}}@keyframes settle{0%{opacity:0;transform:translateY(.6em)}}@keyframes doubt{0%{transform:rotate(0)}22%{transform:rotate(-14deg)}48%{transform:rotate(9deg)}72%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes doubt-again{0%{transform:rotate(0)}25%{transform:rotate(-12deg)}55%{transform:rotate(7deg)}to{transform:rotate(0)}}@keyframes waver{0%,62%,78%,to{opacity:1}64%,76%{opacity:.18}}@keyframes hat-drop{0%{opacity:0;translate:0 -.5em}55%{opacity:1;translate:0 .03em}75%{translate:0 -.025em}to{opacity:1;translate:0}}@keyframes fidget{0%,90%,to{rotate:0deg}93%{rotate:-9deg}96%{rotate:6deg}}@keyframes pop-in{0%{opacity:0;scale:0}}@keyframes twinkle{0%,to{transform:scale(.8)rotate(0)}50%{transform:scale(1.12)rotate(28deg)}}@keyframes bob{0%,to{transform:translateY(-4px)rotate(-9deg)}50%{transform:translateY(4px)rotate(9deg)}}@keyframes current{to{background-position:-200% 0}}@keyframes flicker-on{0%,9%,15%,27%,42%{opacity:.25}6%,12%,21%,33%,to{opacity:1}}@keyframes glow{to{text-shadow:0 0 .1em #ff8ad8,0 0 .42em #7fe9ffe6}}@keyframes beckon{50%{box-shadow:0 0 .7em .05em #ff8ad8b3,0 0 1.4em .2em #7fe9ff80}}@media (prefers-reduced-motion:reduce){.line>span,.mark,.title:hover .mark,.pitch,.battery,.credit,.strip,.bars span,.hat,.hat.late,.hat.landed,.glint,.glint svg,.stray,.stray svg,.battery.full .fill,.powered .title,.powered .onward a{animation:none}.sheet,.fill,.bars span,.hat,.glint,.stray{transition:none}}
