.arc{--x:calc(56 * var(--u));--y:calc(44 * var(--u));--ink:#f2f4f7;--ink-2:#bfc4cf;--ink-3:#848b9a;--hair:#d1d6e024;--pane:#0b0d14b8;z-index:30;pointer-events:none;color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;position:fixed;inset:0}.arc button,.arc select,.arc a,.arc dialog,.arc label{pointer-events:auto}.arc button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.arc :focus-visible{outline:2px solid var(--live);outline-offset:calc(4 * var(--u));border-radius:calc(4 * var(--u))}.arc kbd{font:500 .82em var(--font-mono);color:var(--ink-3);border:1px solid var(--hair);border-radius:.35em;margin-left:.5em;padding:.05em .42em}html.is-directing .arc,html.is-directing .experience,html.is-scene-only .experience,html.is-scene-only .arc>:not(.arc-show){display:none!important}.arc .arc-show{right:var(--x);top:var(--y);padding:calc(6 * var(--u)) 0;font:500 calc(12.5 * var(--u)) / 1 var(--font-body);color:var(--ink-3);opacity:.45;transition:opacity .2s,color .2s;display:none;position:absolute}.arc .arc-show:hover,.arc .arc-show:focus-visible{opacity:1;color:var(--ink)}html.is-scene-only .arc .arc-show{display:block}html.is-directing .push-label{display:none}.arc-hook{left:calc(var(--x) + 2.2vw);max-width:9.6em;font:500 calc(62 * var(--u)) / 1.03 var(--font-display);letter-spacing:-.038em;text-wrap:balance;transform-origin:0 20%;opacity:0;visibility:hidden;transition:opacity .55s var(--ease-out), transform .9s var(--ease-out), visibility 0s .9s;margin:0;position:absolute;top:47%;transform:translateY(-50%)}.arc.has-hook .arc-hook{opacity:1;visibility:visible;transition-delay:0s}.arc:not(.has-hook) .arc-hook{transform:translateY(-50%)scale(.72)}.arc-hook.is-cut{transition:none}.arc-hook-a{color:#e9ecf1f0;will-change:opacity, transform;display:block}.arc .arc-hook-b{--pulse:0;font:inherit;letter-spacing:inherit;color:var(--heat);text-shadow:0 0 calc(var(--pulse) * .6em) color-mix(in srgb, var(--heat) calc(var(--pulse) * 75%), transparent);filter:brightness(calc(1 + var(--pulse) * .35));will-change:opacity, transform;margin-top:.16em;display:inline-block}.arc .arc-hook-b:hover{text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:.045em}.arc-story{left:var(--x);top:var(--y);width:min(31vw, calc(456 * var(--u)));position:absolute}.arc-story,.arc-nav,.arc-tools{opacity:0;visibility:hidden;transform:translateY(calc(6 * var(--u)));transition:opacity .7s var(--ease-out), transform .9s var(--ease-out), visibility 0s .9s}.arc.has-story .arc-story,.arc.has-nav .arc-nav,.arc.has-tools .arc-tools{opacity:1;visibility:visible;transition-delay:0s;transform:none}.arc.has-nav .arc-nav{transition-delay:.18s}.arc.has-tools .arc-tools{transition-delay:.3s}.arc-title{margin:0 0 calc(18 * var(--u));font:500 calc(17 * var(--u)) / 1.2 var(--font-display);letter-spacing:-.012em;color:var(--ink)}.arc-readouts{gap:calc(8 * var(--u));display:flex}.arc:not(.has-readouts) .arc-readouts{display:none}.arc-readout{min-width:0;padding:calc(9 * var(--u)) calc(12 * var(--u)) calc(10 * var(--u));border:1px solid var(--hair);border-radius:calc(10 * var(--u));background:var(--pane);-webkit-backdrop-filter:blur(14px);flex:1 1 0}.arc-readout[hidden]{display:none}.arc-readout-label{font:500 calc(9.5 * var(--u)) / 1.2 var(--font-mono);letter-spacing:.13em;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.arc-readout-value{margin-top:calc(5 * var(--u));white-space:nowrap;align-items:baseline;gap:.4em;display:flex}.arc-readout-value b{font:500 calc(22 * var(--u)) / 1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink)}.arc-readout-value i{font:400 calc(11.5 * var(--u)) / 1 var(--font-mono);color:var(--ink-2);text-overflow:ellipsis;overflow:hidden}.arc-readout[data-tone=live] b{color:var(--live)}.arc-readout[data-tone=heat] b{color:var(--heat)}.arc-caption{margin:calc(16 * var(--u)) 0 0;max-width:38ch;min-height:4.6em;font:400 calc(15.5 * var(--u)) / 1.52 var(--font-body);color:color-mix(in srgb, var(--ink) calc(35% + var(--scrim-story,0) * 65%), var(--ink-2));text-wrap:pretty;text-shadow:0 0 2px #04060af2,0 0 7px #04060ae6,0 0 16px #04060acc,0 1px 28px #04060ab3}.arc:not(.has-caption) .arc-caption{display:none}.arc-caption .is-strong{color:var(--ink);font-weight:600}.arc-caption .is-live{color:var(--live)}.arc-caption .is-heat{color:var(--heat)}.arc .arc-push{margin-top:calc(14 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));border:1px solid color-mix(in srgb, var(--heat) 45%, transparent);font:500 calc(13 * var(--u)) / 1 var(--font-body);color:var(--heat);border-radius:999px;transition:background-color .2s,border-color .2s;display:none}.arc.has-push .arc-push{align-items:center;display:inline-flex}.arc .arc-push:hover{background:color-mix(in srgb, var(--heat) 12%, transparent);border-color:var(--heat)}.arc .arc-push kbd{border-color:color-mix(in srgb, var(--heat) 30%, transparent);color:color-mix(in srgb, var(--heat) 75%, var(--ink-3))}@media (pointer:coarse){.arc .arc-push kbd{display:none}}.arc .arc-push.is-waiting{color:var(--ink-2);cursor:default;border-color:#d1d6e038}.arc .arc-push.is-waiting:hover{background:0 0;border-color:#d1d6e038}.arc .arc-push.is-waiting kbd{display:none}.arc .arc-push.is-refused{animation:.42s ease-out arc-refused}@keyframes arc-refused{0%,to{transform:none}25%{transform:translate(-4px)}60%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.arc .arc-push.is-refused{outline:1px solid var(--heat);animation:none}}.arc-nav{left:var(--x);bottom:var(--y);align-items:center;gap:calc(18 * var(--u));display:flex;position:absolute}.arc .arc-back{font:500 calc(13 * var(--u)) / 1 var(--font-body);color:var(--ink-3);padding:calc(8 * var(--u)) 0;transition:color .2s}.arc .arc-back:hover{color:var(--ink)}.arc[data-beat=coldOpen] .arc-back{visibility:hidden}.arc-dots{align-items:center;gap:calc(4 * var(--u));margin:0;padding:0;list-style:none;display:flex}.arc .arc-dots button{width:calc(18 * var(--u));height:calc(24 * var(--u));place-items:center;display:grid}.arc-dots button:before{content:"";width:calc(6 * var(--u));height:calc(6 * var(--u));transition:width .35s var(--ease-out), background-color .35s;background:#c4c9d44d;border-radius:999px}.arc-dots button:hover:before{background:#e2e4e9b3}.arc-dots button[aria-current=true]:before{width:calc(16 * var(--u));background:var(--ink)}.arc .arc-next{padding:calc(10 * var(--u)) calc(16 * var(--u));border:1px solid var(--hair);background:var(--pane);-webkit-backdrop-filter:blur(14px);font:500 calc(14 * var(--u)) / 1 var(--font-body);border-radius:999px;align-items:center;gap:.6em;transition:border-color .25s,background-color .25s;display:none}.arc.has-next .arc-next{display:inline-flex}.arc-next:after{content:"→";font-family:var(--font-body);transition:transform .25s var(--ease-out)}.arc .arc-next:hover{border-color:#e0e4eb80}.arc .arc-next:hover:after{transform:translate(.2em)}.arc .arc-next.is-invite{background:#f2f4f714;border-color:#e7e9ef6b}.arc-tools{--tools-x:calc(15 * var(--u));--tools-y:calc(5 * var(--u));right:calc(var(--x) - var(--tools-x));top:calc(var(--y) - var(--tools-y));gap:calc(22 * var(--u));padding:var(--tools-y) var(--tools-x);border:1px solid hsl(220 20% 85%/calc(.07 + .1 * var(--scrim-tools,0)));background:hsl(222 30% 5%/calc(.66 + .26 * var(--scrim-tools,0)));-webkit-backdrop-filter:blur(16px);border-radius:999px;display:flex;position:absolute}.arc .arc-tools button{font:500 calc(12.5 * var(--u)) / 1 var(--font-body);color:var(--ink-2);padding:calc(6 * var(--u)) 0;transition:color .2s}.arc .arc-tools button:hover,.arc .arc-tools button[aria-expanded=true]{color:var(--ink)}.arc-menu{right:var(--x);top:calc(var(--y) + 34 * var(--u));width:calc(236 * var(--u));padding:calc(10 * var(--u));border:1px solid var(--hair);border-radius:calc(14 * var(--u));-webkit-backdrop-filter:blur(20px);box-shadow:0 calc(18 * var(--u)) calc(48 * var(--u)) #00000080;font:500 calc(13.5 * var(--u)) / 1 var(--font-body);background:#0d1017eb;position:absolute}.arc-menu[hidden]{display:none}.arc-menu-head{margin:calc(6 * var(--u)) calc(10 * var(--u)) calc(6 * var(--u));font:500 calc(9.5 * var(--u)) / 1 var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}.arc-menu ol{margin:0 0 calc(6 * var(--u));padding:0 0 calc(6 * var(--u));border-bottom:1px solid var(--hair);list-style:none}.arc .arc-menu button{width:100%;padding:calc(9 * var(--u)) calc(10 * var(--u));border-radius:calc(8 * var(--u));color:var(--ink-2);text-align:left;align-items:center;transition:background-color .15s,color .15s;display:flex}.arc .arc-menu button:hover{color:var(--ink);background:#f2f4f712}.arc .arc-menu button[aria-current=true]{color:var(--ink)}.arc-menu button small{width:2.4em;font:400 .8em var(--font-mono);color:var(--ink-3)}.arc-menu button kbd{margin-left:auto}.arc-menu label{padding:calc(6 * var(--u)) calc(10 * var(--u));color:var(--ink-3);justify-content:space-between;align-items:center;display:flex}.arc-menu select{font:inherit;color:var(--ink-2);border:1px solid var(--hair);border-radius:calc(6 * var(--u));padding:calc(4 * var(--u)) calc(6 * var(--u));background:0 0}.arc-menu option{background:#10151c}@media (aspect-ratio>=2){.arc{--x:calc(72 * var(--u));--y:calc(52 * var(--u))}.arc-hook{left:calc(var(--x) + 3.4vw);font-size:calc(70 * var(--u))}.arc-story{width:min(26vw, calc(470 * var(--u)))}}@media (width<=720px),(aspect-ratio<=3/4){.arc{--x:18px;--y:16px}.arc:before,.arc:after{content:"";opacity:0;transition:opacity .8s var(--ease-out);pointer-events:none;position:absolute;left:0;right:0}.arc:before{background:linear-gradient(#04060ae0 0%,#04060a9c 55%,#04060a00);height:250px;top:0}.arc:after{background:linear-gradient(#04060a00,#04060ab8 60%,#04060ae6);height:120px;bottom:0}.arc.has-story:before,.arc.has-nav:after{opacity:1}.arc-story,.arc-nav,.arc-tools,.arc-menu{z-index:1}html.is-scene-only .arc:before,html.is-scene-only .arc:after{display:none}.arc-hook{left:24px;right:24px;top:calc(env(safe-area-inset-top,0px) + 72px);transform-origin:0 0;max-width:none;font-size:clamp(31px,9.4vw,46px);transform:none}.arc:not(.has-hook) .arc-hook{transform:scale(.72)}.arc-story{left:var(--x);right:var(--x);top:calc(env(safe-area-inset-top,0px) + 14px);width:auto}.arc-title{margin:0 96px 12px 0;font-size:15px}.arc-readout{padding:8px 10px 9px}.arc-readout-label{letter-spacing:.09em;font-size:9px}.arc-readout-value{flex-wrap:wrap;gap:0 .35em}.arc-readout-value b{font-size:20px}.arc-readout-value i{font-size:10.5px}.arc-caption{max-width:none;min-height:4.5em;margin-top:12px;font-size:14.5px}.arc .arc-push{margin-top:10px;padding:9px 15px;font-size:13.5px}.arc-nav{left:var(--x);right:var(--x);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);justify-content:space-between;gap:10px}.arc .arc-back{padding:12px 4px 12px 0;font-size:13px}.arc .arc-next{padding:12px 16px;font-size:14px}.arc-tools{--tools-x:12px;--tools-y:2px;right:calc(var(--x) - var(--tools-x));top:calc(env(safe-area-inset-top,0px) + 12px - var(--tools-y));gap:16px}.arc .arc-tools button{padding:8px 0;font-size:12.5px}.arc .arc-tools [data-action=sound]{display:none}.arc-menu{right:var(--x);top:calc(env(safe-area-inset-top,0px) + 46px);z-index:2;background:#0d1017f7;width:232px}}@media (prefers-reduced-motion:reduce){.arc-hook,.arc-story,.arc-nav,.arc-tools{transition:none}.arc:not(.has-hook) .arc-hook{transform:translateY(-50%)}}.arc-story,.arc-tools,.arc-nav{isolation:isolate}.arc-story:before,.arc-tools:before,.arc-nav:before{content:"";z-index:-1;pointer-events:none;transition:opacity .25s linear;position:absolute}.arc-story:before{inset:calc(-70 * var(--u)) calc(-110 * var(--u)) calc(-80 * var(--u)) calc(-90 * var(--u));opacity:var(--scrim-story,0);background:radial-gradient(closest-side at 46% 47%,#04060ae6 0%,#04060adb 58%,#04060a80 80%,#04060a00 100%)}.arc-tools:before{inset:calc(-40 * var(--u)) calc(-80 * var(--u)) calc(-44 * var(--u)) calc(-70 * var(--u));opacity:var(--scrim-tools,0);background:radial-gradient(closest-side at 52% 48%,#04060ae6 0%,#04060ad1 55%,#04060a00 100%)}.arc-nav:before{inset:calc(-46 * var(--u)) calc(-80 * var(--u)) calc(-60 * var(--u)) calc(-80 * var(--u));opacity:var(--scrim-nav,0);background:radial-gradient(closest-side at 48%,#04060ae6 0%,#04060ad1 55%,#04060a00 100%)}.arc .arc-tools button{color:color-mix(in srgb, var(--ink) calc(var(--scrim-tools,0) * 80%), var(--ink-2));text-shadow:0 0 6px #04060ae6,0 0 14px #04060ab3}.arc .arc-back{color:color-mix(in srgb, var(--ink) calc(var(--scrim-nav,0) * 70%), var(--ink-3))}.arc-readout{background:color-mix(in srgb, #090b11e6 calc(var(--scrim-story,0) * 100%), var(--pane))}.arc-readout-label{color:color-mix(in srgb, var(--ink-2) calc(var(--scrim-story,0) * 100%), var(--ink-3))}.arc.is-loading .arc-nav{cursor:progress}.arc.is-loading .arc-nav button{pointer-events:none;opacity:.6}.arc.is-loading .arc-next:after{content:"";border:1.5px solid;border-right-color:#0000;border-radius:50%;width:.8em;height:.8em;animation:.8s linear infinite arc-spin}@keyframes arc-spin{to{transform:rotate(360deg)}}.arc .arc-next.is-pulse{animation:arc-invite 1.6s var(--ease-out) 1}@keyframes arc-invite{0%{border-color:#e7e9ef6b;box-shadow:0 0 #f2f4f752}30%{background-color:#f2f4f729;border-color:#f5f7f9f2}to{box-shadow:0 0 0 calc(16 * var(--u)) #f2f4f700;border-color:#e7e9ef6b}}@media (prefers-reduced-motion:reduce){.arc .arc-next.is-pulse,.arc.is-loading .arc-next:after{animation:none}}.arc-menu .arc-menu-sound{display:none}@media (width<=720px),(aspect-ratio<=3/4){.arc-menu .arc-menu-sound{display:flex}}
