:root{--ink: #e9eef2;--dim: rgba(233, 238, 242, .42);--glow: rgba(190, 225, 255, .28);--alien: #9fe8ff;--alien-glow: rgba(159, 232, 255, .45);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--size: clamp(14px, .55vw + 10.5px, 17px);--gutter: max(16px, 4vw);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--ink);font:400 var(--size) / 1.6 var(--mono);letter-spacing:.06em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}body.flat{background:radial-gradient(circle at 50% 50%,#0c1014 0,#000 46vmin)}#gl{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block}#stage{position:fixed;inset:0;pointer-events:none;text-shadow:0 0 14px var(--glow),0 0 2px rgba(0,0,0,.9)}#lines{position:absolute;left:var(--gutter);bottom:max(9vh,calc(env(safe-area-inset-bottom) + 64px));width:min(560px,calc(100vw - 2 * var(--gutter)))}.line{margin:0 0 .35em;white-space:pre-wrap;transition:opacity 1.6s ease,filter 1.6s ease}.line.fade{opacity:0;filter:blur(3px)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.w{white-space:nowrap}.g{display:inline-block;width:1ch;text-align:center;color:var(--alien);text-shadow:0 0 10px var(--alien-glow);transition:color .6s ease,text-shadow .9s ease}.g.known{color:inherit;text-shadow:inherit}#center{position:absolute;inset:0;display:grid;place-items:center;padding:0 var(--gutter);text-align:center;font-size:calc(var(--size) * 1.25);letter-spacing:.3em}#center .line{margin:0}#center .line.dim{opacity:.3;transition:opacity 6s ease}#cursor{position:absolute;left:var(--gutter);bottom:max(9vh,calc(env(safe-area-inset-bottom) + 64px));width:.62em;height:1.15em;background:var(--ink);opacity:0;box-shadow:0 0 12px var(--glow)}#cursor.on{animation:blink 1.1s steps(1,end) infinite}@keyframes blink{0%,to{opacity:.85}50%{opacity:0}}#choice{position:absolute;left:50%;bottom:max(12vh,calc(env(safe-area-inset-bottom) + 72px));transform:translate(-50%);width:min(620px,calc(100vw - 2 * var(--gutter)));pointer-events:auto;animation:rise 1.2s ease both}#choice[hidden]{display:none}.options{display:flex;justify-content:space-between;gap:16px}#choice button{flex:1;font:inherit;letter-spacing:.22em;text-transform:lowercase;color:var(--ink);background:#00000059;border:1px solid rgba(233,238,242,.22);padding:14px 10px;cursor:crosshair;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color .3s,background .3s,opacity .6s}#choice button:hover,#choice button:focus-visible{outline:none;border-color:var(--ink);background:#e9eef214}#choice.chosen button{opacity:0}#choice.chosen button.picked{opacity:1;border-color:var(--ink)}.timer{height:1px;margin-top:18px;background:var(--ink);transform-origin:left;animation:drain linear forwards;box-shadow:0 0 8px var(--glow)}#choice.chosen .timer{opacity:0;transition:opacity .4s}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}#prompt{position:absolute;left:var(--gutter);bottom:max(9vh,calc(env(safe-area-inset-bottom) + 64px));width:min(560px,calc(100vw - 2 * var(--gutter)));pointer-events:auto;animation:fadein 1.4s ease both}#prompt[hidden]{display:none}#prompt p{margin:0 0 .4em}#prompt .in{min-height:1.6em;cursor:text}#prompt .caret{color:var(--dim)}#prompt .reply{color:var(--dim);min-height:1.6em}.blink{display:inline-block;width:.6em;height:1.05em;margin-left:2px;vertical-align:-.15em;background:var(--ink);animation:blink 1.1s steps(1,end) infinite}@keyframes fadein{0%{opacity:0}to{opacity:1}}#ghost{position:absolute;left:50%;bottom:max(3.5vh,calc(env(safe-area-inset-bottom) + 18px));transform:translate(-50%);color:var(--dim);opacity:0;letter-spacing:.3em;white-space:pre;transition:opacity .4s,filter .9s,letter-spacing .9s}#ghost.on{opacity:.75}#ghost.gone{opacity:0;filter:blur(6px);letter-spacing:1.2em}#key{position:fixed;left:0;top:0;width:1px;height:1px;opacity:0;border:0;padding:0;font-size:16px}.nojs{position:fixed;inset:0;display:grid;place-items:center;margin:0}@media(prefers-reduced-motion:reduce){.line{transition-duration:.6s}#ghost.gone{letter-spacing:.3em}}body.dome #stage{text-shadow:0 0 18px rgba(255,255,255,.35),0 0 3px rgba(0,0,0,.95)}body.dome #lines,body.dome #prompt{left:50%;transform:translate(-50%);bottom:max(14vh,calc(env(safe-area-inset-bottom) + 72px));width:min(680px,calc(100vw - 2 * var(--gutter)));text-align:center}body.dome #lines{font-size:1.3em;font-weight:500}body.dome.idle,body.dome.idle *{cursor:none}body.dome #lines:before,body.dome #prompt:before{content:"";position:absolute;inset:-3em -4em;z-index:-1;background:radial-gradient(ellipse at center,rgba(0,0,0,.62) 0%,rgba(0,0,0,.35) 45%,transparent 72%);pointer-events:none}body.dome #lines .line,body.dome #prompt{text-shadow:0 0 2px #000,0 0 10px rgba(0,0,0,.9),0 0 22px rgba(255,240,210,.25)}body.dome #center{font-size:calc(var(--size) * 1.7)}body.dome #lines .line{margin-bottom:.6em}body.dome .g{color:#fff2c4;text-shadow:0 0 14px rgba(255,220,140,.7)}body.dome .g.known{color:inherit;text-shadow:inherit}.address{pointer-events:auto;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(233,238,242,.4);padding-bottom:3px;letter-spacing:.12em;cursor:pointer}#lines{transition:bottom .7s ease}body.asking #lines{bottom:calc(max(9vh,calc(env(safe-area-inset-bottom) + 64px)) + 7.5em)}body.dome.asking #lines{bottom:calc(max(14vh,calc(env(safe-area-inset-bottom) + 72px)) + 6em)}body.kb #prompt{bottom:14px}body.kb.asking #lines{bottom:calc(14px + 5.4em)}body.kb #lines .line:not(:nth-last-child(-n+2)){display:none}body.kb #center{display:none}
