:root{--ink:#e9e2d4;--dim:#8d877c;--line:#e9e2d42e;--amber:#ffa94d;--cyan:#4fd8ff;--green:#7dffa0;--red:#ff3b30;--font:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;background:#000;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}[data-device=touch] .only-desktop,[data-device=desktop] .only-touch{display:none!important}.screen{z-index:10;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}[hidden]{display:none!important}.screen.dim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b8}@media (pointer:coarse){.screen.dim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000d1}}.panel{border:1px solid var(--line);touch-action:pan-y;overscroll-behavior:contain;background:#000000e0;flex-direction:column;gap:16px;width:min(460px,100%);max-height:100%;padding:26px;display:flex;overflow:auto}.panel.wide{width:min(900px,100%)}h2{letter-spacing:.22em;text-transform:uppercase;font-size:13px;font-weight:700}.hint{color:var(--dim);font-size:11px;line-height:1.6}.msg{min-height:16px;color:var(--amber);letter-spacing:.06em;font-size:11px}.row{flex-wrap:wrap;gap:8px;display:flex}.btn{font:inherit;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;justify-content:space-between;gap:16px;padding:12px 16px;font-size:12px;transition:border-color .15s,color .15s,box-shadow .15s;display:flex}.btn b{font-weight:inherit}.btn span{color:var(--dim);text-transform:lowercase;letter-spacing:.06em}@media (hover:hover){.btn:hover:not(:disabled){border-color:var(--amber);color:var(--amber);outline:none;box-shadow:0 0 18px #ffa94d38}}.btn:focus-visible{border-color:var(--amber);color:var(--amber);outline:none;box-shadow:0 0 18px #ffa94d38}.btn.primary{color:var(--amber);border-color:#ffa94d99}.keys{color:var(--dim);flex-wrap:wrap;gap:8px 18px;font-size:11px;display:flex}kbd{font:inherit;color:var(--ink);border:1px solid var(--line);margin-right:6px;padding:2px 6px}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}.xhair{border:1px solid #e9e2d480;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%}.xhair:after{content:"";background:var(--ink);width:2px;height:2px;margin:-1px 0 0 -1px;position:absolute;top:50%;left:50%}.hud-tl{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:11px;position:absolute;top:16px;left:18px}.hud-tl b{color:var(--ink);margin:0 8px;font-weight:500}.prompt{text-align:center;letter-spacing:.05em;border:1px solid var(--line);opacity:0;max-width:min(560px,90vw);transform:translate(-50%, calc(var(--prompt-lift,0px) * -1));background:#000000a6;padding:10px 16px;font-size:12px;line-height:1.5;transition:opacity .45s,transform .3s;position:absolute;bottom:58px;left:50%}.toast{text-align:center;letter-spacing:.18em;text-transform:uppercase;max-width:90vw;color:var(--amber);text-shadow:0 0 12px #ffa94d80;opacity:0;font-size:11px;transition:opacity .3s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.prompt.show,.toast.show{opacity:1}.heat{background:#e9e2d41f;width:180px;height:3px;margin-left:-90px;position:absolute;bottom:26px;left:50%}.heat i{background:linear-gradient(90deg, var(--cyan), var(--amber));width:0;height:100%;display:block}.heat.hot i{background:var(--red)}.hud-br{letter-spacing:.12em;color:var(--dim);font-size:10px;position:absolute;bottom:16px;right:18px}#flash{z-index:4;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#e9e2d40f 0 1px,#0000 1px 4px);transition:opacity .3s;position:fixed;inset:0}#flash.on{opacity:1;transition:none}.settings{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:start;gap:16px 28px;display:grid}label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);flex-direction:column;gap:6px;font-size:10px;display:flex}label .lab{justify-content:space-between;gap:12px;display:flex}label output{color:var(--ink);letter-spacing:.06em;text-transform:none}.check{text-transform:none;letter-spacing:.04em;color:var(--ink);cursor:pointer;flex-flow:wrap;align-items:center;gap:4px 10px;font-size:11px}.check small{color:var(--dim);flex-basis:100%;padding-left:23px;font-size:10px}input[type=range],input[type=checkbox]{accent-color:var(--amber);touch-action:manipulation}input[type=checkbox]{width:13px;height:13px}.group{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);border-top:1px solid var(--line);grid-column:1/-1;padding-top:14px;font-size:10px}.controls{grid-template-columns:auto 1fr;align-items:baseline;gap:10px 18px;font-size:11px;display:grid}.controls dt{color:var(--dim);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.controls dd{color:var(--dim)}#rotate{text-align:center;z-index:30}#rotate .phone{fill:none;width:64px;height:64px;stroke:var(--ink);stroke-width:1.5px;animation:2.4s ease-in-out infinite turn}@keyframes turn{0%,25%{transform:rotate(0)}55%,85%{stroke:var(--amber);transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){#rotate .phone{animation:none;transform:rotate(-90deg)}}#touch{z-index:6;pointer-events:none;--button-scale:1;--edge-right:max(18px, env(safe-area-inset-right));--edge-left:max(18px, env(safe-area-inset-left));--edge-bottom:max(16px, env(safe-area-inset-bottom));position:fixed;inset:0}#touch button{pointer-events:auto;touch-action:none;font:inherit;color:var(--ink);background:#00000059;border:1px solid #e9e2d459;place-items:center;transition:border-color .12s,color .12s,box-shadow .12s,background .12s;display:grid}#touch button.on{border-color:var(--amber);color:var(--amber);background:#ffa94d1f;box-shadow:0 0 22px #ffa94d59}.tbtn{width:calc(var(--size) * var(--button-scale));height:calc(var(--size) * var(--button-scale));letter-spacing:.16em;text-transform:uppercase;border-radius:50%;font-size:11px;position:absolute}.tbtn-scan{--size:84px;right:calc(var(--edge-right) + 24px * var(--button-scale));bottom:calc(var(--edge-bottom) + 64px * var(--button-scale))}#touch .tbtn-scan{color:var(--amber);border-color:#ffa94d99}.tbtn-pulse{--size:58px;right:calc(var(--edge-right) + 112px * var(--button-scale));bottom:calc(var(--edge-bottom) + 112px * var(--button-scale))}.tbtn-flare{--size:58px;right:calc(var(--edge-right) + 30px * var(--button-scale));bottom:calc(var(--edge-bottom) + 160px * var(--button-scale))}.tbtn-pa,.tbtn-pb{--size:48px;font-size:10px}.tbtn-pa{right:calc(var(--edge-right) + 116px * var(--button-scale));bottom:calc(var(--edge-bottom) + 190px * var(--button-scale));color:#7dd3ff;border-color:#7dd3ff8c}.tbtn-pb{right:calc(var(--edge-right) + 34px * var(--button-scale));bottom:calc(var(--edge-bottom) + 238px * var(--button-scale));color:var(--amber);border-color:#ffa94d8c}.tbtn-jump{--size:62px;right:calc(var(--edge-right) + 128px * var(--button-scale));bottom:calc(var(--edge-bottom) + 14px * var(--button-scale))}#touch.lefty .tbtn-scan{right:auto;left:calc(var(--edge-left) + 24px * var(--button-scale))}#touch.lefty .tbtn-pulse,#touch.lefty .tbtn-flare,#touch.lefty .tbtn-pa,#touch.lefty .tbtn-pb{right:auto}#touch.lefty .tbtn-pulse{left:calc(var(--edge-left) + 112px * var(--button-scale))}#touch.lefty .tbtn-flare{left:calc(var(--edge-left) + 30px * var(--button-scale))}#touch.lefty .tbtn-pa{left:calc(var(--edge-left) + 116px * var(--button-scale))}#touch.lefty .tbtn-pb{left:calc(var(--edge-left) + 34px * var(--button-scale))}#touch.lefty .tbtn-jump{right:auto;left:calc(var(--edge-left) + 128px * var(--button-scale))}.tcorner,.tcorner-group{top:max(12px, env(safe-area-inset-top));position:absolute}.tcorner{border-radius:50%;width:44px;height:44px;font-size:15px}.tcorner svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:20px;height:20px}.tcorner-pause{left:var(--edge-left)}.tcorner-group{right:var(--edge-right);gap:10px;display:flex}.tcorner-group .tcorner{position:static}.stick{--stick-size:calc(120px * var(--button-scale,1));width:var(--stick-size);height:var(--stick-size);margin:calc(var(--stick-size) / -2) 0 0 calc(var(--stick-size) / -2);border:1px solid var(--line);background:#00000040;border-radius:50%;position:fixed;top:0;left:0}.stick i{background:#e9e2d41f;border:1px solid #e9e2d48c;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}[data-device=touch] .hud-tl{left:calc(var(--edge-left,18px) + 58px);top:max(26px, calc(env(safe-area-inset-top) + 14px))}[data-device=touch] .hud-br{bottom:auto;top:max(70px, calc(env(safe-area-inset-top) + 66px));right:max(18px, env(safe-area-inset-right))}.screen.over{z-index:12}.btn:disabled{opacity:.35;cursor:not-allowed}h2.head{justify-content:space-between;gap:12px;display:flex}h2.head span{letter-spacing:.14em;color:var(--dim);text-transform:lowercase;font-weight:400}#title-dots{width:100%;height:100%;position:absolute;inset:0}.title-body{flex-direction:column;align-items:center;gap:16px;margin-top:22vh;display:flex;position:relative}.sub{letter-spacing:.22em;text-transform:uppercase;color:var(--dim);text-align:center;font-size:11px}.menu{flex-direction:column;gap:8px;width:300px;display:flex}.title-body .msg{max-width:460px;line-height:1.6}.credit{bottom:max(18px, env(safe-area-inset-bottom));letter-spacing:.22em;text-transform:uppercase;color:var(--dim);font-size:10px;position:absolute}@media (max-height:520px){.title-body{gap:10px;margin-top:16vh}.menu{grid-template-columns:1fr 1fr;width:min(560px,92vw);display:grid}.menu .btn{padding:10px 14px}.credit{display:none}}.art{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#050406;position:relative;overflow:hidden}.art svg,.art canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.art .pt{animation:2.6s infinite both pop}@keyframes pop{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}.art .glow{animation:2.6s infinite glow}@keyframes glow{0%,45%{stroke-opacity:.15}60%,to{stroke-opacity:1}}.art .press{animation:2.6s infinite press}@keyframes press{0%,40%{transform:translateY(0)}50%,to{transform:translateY(3px)}}.art .hop{animation:2.2s infinite hop}@keyframes hop{0%,30%{opacity:1;transform:translate(0)}48%{opacity:0;transform:translate(0)}52%{opacity:0;transform:translate(72px)}70%,to{opacity:1;transform:translate(72px)}}.art .flicker{animation:.12s infinite alternate flick}@keyframes flick{0%{opacity:.5}to{opacity:1}}.art .beam{animation:3s infinite beam}@keyframes beam{0%,70%{opacity:1}75%,to{opacity:0}}.art .heatfill{transform-box:fill-box;transform-origin:0;animation:3s linear infinite heatfill}@keyframes heatfill{0%{transform:scaleX(.05)}70%{opacity:1;transform:scaleX(1)}80%{opacity:.4;transform:scaleX(1)}to{opacity:1;transform:scaleX(.05)}}.art .hopper{animation:2.6s ease-in-out infinite hopper}@keyframes hopper{0%{transform:translate(30px,67px)}40%{transform:translate(78px,67px)}55%{transform:translate(92px,36px)}65%,to{transform:translate(108px,47px)}}.art .wave{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite wave}@keyframes wave{0%{opacity:1;transform:scale(.05)}60%{opacity:.8}to{opacity:0;transform:scale(1)}}.art .carry{animation:3.2s ease-in-out infinite carry}@keyframes carry{0%,15%{transform:translate(40px,65px)}35%,60%{transform:translate(80px,45px)}85%,to{transform:translate(122px,65px)}}.art .grabhand{animation:3.2s infinite grabhand}@keyframes grabhand{0%,8%{opacity:0}12%,30%{opacity:1}36%,to{opacity:0}}.art .charge{stroke-dasharray:100;animation:2.4s infinite charge}@keyframes charge{0%{stroke-dashoffset:100px;opacity:1}40%{stroke-dashoffset:0;opacity:1}45%,to{stroke-dashoffset:0;opacity:0}}.art .shock{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite shock}@keyframes shock{0%,42%{opacity:0;transform:scale(.2)}45%{opacity:1}80%,to{opacity:0;transform:scale(1)}}[data-motion=reduced] .art *,[data-motion=reduced] .callout{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.art *{animation:none!important}}.pager{touch-action:pan-y;cursor:grab;flex-shrink:0;min-height:0;overflow:hidden}.pager:active{cursor:grabbing}.track{transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex}.track.instant{transition:none}figure{border:1px solid var(--line);flex-direction:column;display:flex}.howto-page{flex:0 0 100%;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.howto-page .art{border-bottom:0;border-right:1px solid var(--line)}figcaption{color:var(--dim);padding:10px 12px;font-size:11px;line-height:1.55}figcaption b{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-weight:500;display:block}.howto-page figcaption{flex-direction:column;gap:10px;padding:18px 20px;font-size:12px;display:flex}.howto-page figcaption b{letter-spacing:.18em;font-size:13px}.howto-page .keys{margin-top:auto}@media (max-width:640px),(max-height:520px){.howto-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.howto-page figcaption{padding:12px 14px;font-size:11px}}@media (max-width:480px){.howto-page{grid-template-columns:1fr}.howto-page .art{border-right:0;border-bottom:1px solid var(--line)}}.pager-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.pager-nav .row{flex-wrap:nowrap}.dots{gap:4px;display:flex}.dots .dot{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;display:grid}.dots .dot:before{content:"";border:1px solid var(--dim);border-radius:50%;width:6px;height:6px;transition:background .2s,border-color .2s,box-shadow .2s}.dots .dot[aria-current=true]:before{background:var(--amber);border-color:var(--amber);box-shadow:0 0 8px #ffa94d99}.guide-grid{overscroll-behavior:contain;touch-action:pan-y;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px;min-height:0;display:grid;overflow:auto}.guide-card.mob figcaption b{color:var(--red)}.guide-card.locked{border-style:dashed}.guide-card.locked .art{place-items:center;display:grid}.guide-card .unknown{color:#e9e2d424;font-size:22px;font-weight:800}.guide-card.locked figcaption,.guide-card.locked figcaption b{color:#8d877c99}.controls .later{opacity:.45}.controls dt em{letter-spacing:.16em;color:var(--amber);margin-top:2px;font-size:8px;font-style:normal;display:block}.xhair>*{pointer-events:none;opacity:0;transition:opacity .12s;position:absolute;top:50%;left:50%}.xhair{transition:border-color .12s}.xhair.is-grab{border-color:#0000}.xhair.is-grab:after{opacity:0}.xh-hand{width:26px;height:26px;margin:-13px 0 0 -13px}.xh-label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink);white-space:nowrap;margin:16px 0 0;font-size:9px;transform:translate(-50%)}.xhair.is-grab .xh-hand,.xhair.is-grab .xh-label{opacity:1}.xh-brackets{width:30px;height:18px;margin:-9px 0 0 -15px}.xh-brackets:before,.xh-brackets:after{content:"";border:1.5px solid var(--cyan);width:5px;height:100%;position:absolute;top:0}.xh-brackets:before{border-right:0;left:0}.xh-brackets:after{border-left:0;border-color:var(--amber);right:0}.xhair.is-portal .xh-brackets{opacity:1}.xh-charge{fill:none;width:40px;height:40px;stroke:var(--amber);stroke-width:2px;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0) * 100);filter:drop-shadow(0 0 4px #ffa94d99);margin:-20px 0 0 -20px;transform:rotate(-90deg)}.xhair.is-charging .xh-charge{opacity:1}.xh-warn{background:linear-gradient(var(--red), var(--red)) center top / 2px 6px no-repeat, linear-gradient(var(--red), var(--red)) center bottom / 2px 6px no-repeat, linear-gradient(var(--red), var(--red)) left center / 6px 2px no-repeat, linear-gradient(var(--red), var(--red)) right center / 6px 2px no-repeat;filter:drop-shadow(0 0 3px #ff3b30cc);width:34px;height:34px;margin:-17px 0 0 -17px}.xhair.is-warn .xh-warn{opacity:1}.hud-tr{gap:14px;font-size:10px;display:flex;position:absolute;top:14px;right:18px}.pind{opacity:.4;color:var(--cyan);align-items:center;gap:6px;display:flex}.pind b{font-weight:400}.pind i{border:1.5px solid;border-radius:50%;width:12px;height:18px}.pind.on{opacity:1}.pind.on i{background:currentColor;box-shadow:0 0 10px}#pb{color:var(--amber)}[data-device=touch] .hud-tr{right:auto;left:calc(var(--edge-left,18px) + 58px);top:max(50px, calc(env(safe-area-inset-top) + 40px))}.kit{letter-spacing:.14em;color:var(--dim);align-items:flex-end;gap:18px;font-size:10px;display:flex;position:absolute;bottom:16px;left:18px}[data-device=touch] .kit{bottom:auto;left:50%;top:max(14px, env(safe-area-inset-top));transform:translate(-50%)}.kit b{text-transform:uppercase;font-weight:400}.flare{place-items:center;width:36px;height:36px;display:grid;position:relative}.flare svg{fill:none;stroke-width:2px;position:absolute;inset:0;transform:rotate(-90deg)}.flare .ring-track{stroke:#e9e2d41f}.flare .fill{stroke:var(--cyan);stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,1) * 100)}.flare b{font-size:9px}[data-device=touch] .flare b{letter-spacing:.08em;font-size:7px}.flare.ready{color:var(--ink)}.flare.ready .fill{filter:drop-shadow(0 0 4px #4fd8ffcc)}.pulse{align-items:flex-end;gap:4px;display:flex}.pulse i{border:1px solid #ffa94d73;width:6px;height:16px;position:relative;overflow:hidden}.pulse i:after{content:"";height:calc(var(--p,1) * 100%);background:var(--amber);opacity:.45;position:absolute;inset:auto 0 0}.pulse i.full:after{opacity:1;box-shadow:0 0 6px var(--amber)}.pulse b{margin-left:6px}.prompt{align-items:center;gap:4px;display:flex}.prompt-keys{flex-shrink:0;display:flex}.prompt-keys kbd{color:var(--amber);white-space:nowrap;border-color:#ffa94d99;transition:font-size .3s,padding .3s,box-shadow .3s}.prompt.nudge{animation:1.6s ease-in-out infinite nudge}@keyframes nudge{0%,to{border-color:var(--line);box-shadow:none}50%{border-color:#ffa94db3;box-shadow:0 0 18px #ffa94d40}}.prompt.urgent .prompt-keys kbd{padding:4px 9px;font-size:15px;box-shadow:0 0 10px #ffa94d73}[data-motion=reduced] .prompt.nudge{border-color:#ffa94db3;animation:none}.callout{z-index:7;letter-spacing:.04em;max-width:min(300px,80vw);color:var(--ink);pointer-events:none;opacity:0;background:#000000d1;border:1px solid #4fd8ff8c;padding:9px 12px;font-size:11px;line-height:1.5;transition:opacity .3s,transform .3s;position:fixed;transform:translateY(4px);box-shadow:0 0 18px #4fd8ff2e}.callout.show{opacity:1;transform:none}.callout:after{content:"";left:var(--arrow-x,50%);background:var(--cyan);width:1px;height:10px;position:absolute;top:-11px}.callout.above:after{top:auto;bottom:-11px}.callout:before{content:"";left:calc(var(--arrow-x,50%) - 2px);background:var(--cyan);width:5px;height:5px;box-shadow:0 0 6px var(--cyan);border-radius:50%;position:absolute;top:-14px}.callout.above:before{top:auto;bottom:-14px}@media (max-height:520px){.screen{padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.panel{gap:10px;padding:16px 18px}#howto .panel{height:100%}#howto .pager{flex:1 1 0}#howto .track,#howto .howto-page{height:100%}.howto-page{grid-template-rows:100%}.howto-page .art{aspect-ratio:auto}.howto-page figcaption{touch-action:pan-y;overflow:auto}.guide-card .art{aspect-ratio:2}.pager-nav .btn{padding:9px 14px}}.learned{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.learned li{color:var(--ink-dim,#b9b2a4);padding-left:18px;font-size:14px;position:relative}.learned li:before{content:"";background:var(--amber);width:6px;height:6px;box-shadow:0 0 10px var(--amber);border-radius:50%;position:absolute;top:7px;left:2px}.holding{letter-spacing:.08em;color:var(--amber);text-shadow:0 0 12px #ffa94d73;pointer-events:none;font-size:11px;position:fixed;top:calc(50% + 46px);left:50%;transform:translate(-50%)}#dread{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(#0000 35%,#78060a99 83%);transition:opacity .25s linear;position:fixed;inset:-10%}#dread.beating{animation:dread-beat var(--beat,1.3s) ease-in-out infinite}@keyframes dread-beat{0%,to{transform:scale(1)}44%{transform:scale(.9)}}[data-motion=reduced] #dread.beating{animation:none}#caught{z-index:7;pointer-events:none;opacity:0;background:radial-gradient(#5a04088c 0%,#0000 55%),#040405;place-items:center;display:grid;position:fixed;inset:0}#caught b{letter-spacing:.3em;text-transform:uppercase;color:#ff5c5ce6;font-size:12px;font-weight:500}#caught.on{animation:1.15s ease-out caught-beat}@keyframes caught-beat{0%{opacity:1}55%{opacity:1}to{opacity:0}}[data-flashing=reduced] #caught.on{animation-duration:1.5s;animation-timing-function:ease-in-out}#heard{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(#0000 35%,#960a0cbf 100%);position:fixed;inset:0}#heard.on{animation:1.1s ease-out heard-pulse}@keyframes heard-pulse{0%{opacity:0}18%{opacity:.55}to{opacity:0}}[data-flashing=reduced] #heard.on{opacity:0;animation-duration:1.6s}#lobby input[type=text]{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;letter-spacing:.08em;background:0 0;border-radius:6px;padding:10px 12px}#lobby input[type=text]:focus-visible{border-color:var(--cyan);outline:none}#lobby-code{text-transform:uppercase;letter-spacing:.4em}#lobby-code-show{color:var(--amber);letter-spacing:.3em}#lobby-players li{letter-spacing:.08em}#tags{position:absolute;inset:0}.nametag{letter-spacing:.14em;text-shadow:0 0 6px #000000e6;white-space:nowrap;font-size:11px;position:absolute;transform:translate(-50%,-100%)}.nametag[data-downed=yes]{opacity:.4}