:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--display:"Futura", "Futura PT", "Avenir Next", "Century Gothic", system-ui, sans-serif;--util:-apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, "Roboto Mono", monospace;--ground:#e06a2c;--ink:#2b0d04;--dim:#2b0d049e;--rule:#2b0d0447;--accent:#7a3b22}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--util);-webkit-text-size-adjust:100%;overscroll-behavior:none;background:#060b26;margin:0;padding:0;overflow:hidden}.stage{background:var(--ground);color:var(--ink);touch-action:manipulation;transition:background-color .62s cubic-bezier(.2,.7,.2,1),color .62s cubic-bezier(.2,.7,.2,1);position:fixed;inset:0;overflow:hidden}.void{opacity:0;pointer-events:none;transition:opacity .7s;position:absolute;inset:0}.stage[data-mode=abyss] .void{opacity:1}.frame{--fw:100dvw;--fh:100dvh;width:var(--fw);height:var(--fh);transition:transform .42s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%}.frame.turn{--fw:100dvh;--fh:100dvw}.dial{z-index:6;touch-action:none;cursor:grab;width:132px;height:132px;transition:transform .42s cubic-bezier(.2,.8,.2,1);position:absolute;top:18px;right:18px}.dial:active{cursor:grabbing}.dish{border:1px solid var(--rule);border-radius:50%;position:absolute;inset:16px;box-shadow:inset 0 0 20px #00000029}.ball{will-change:transform;background:radial-gradient(circle at 33% 28%, #ffffff80, #fff0 48%), radial-gradient(circle at 72% 80%, #0006, #0000 58%), color-mix(in srgb, var(--ground) 22%, var(--ink));border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%;box-shadow:0 2px 7px #0000004d}.edge,.tick{transform-origin:50%;position:absolute;top:50%;left:50%}.edge{letter-spacing:.18em;color:var(--dim);white-space:nowrap;opacity:.5;font-size:7px;font-weight:700;transition:color .3s,opacity .3s}.edge.lit{color:var(--accent);opacity:1}.edge[data-edge="0"]{transform:translate(-50%,-50%)translateY(58px)}.edge[data-edge="180"]{transform:translate(-50%,-50%)translateY(-58px)rotate(180deg)}.edge[data-edge="90"]{transform:translate(-50%,-50%)translate(58px)rotate(90deg)}.edge[data-edge="270"]{transform:translate(-50%,-50%)translate(-58px)rotate(-90deg)}.tick{background:var(--rule);width:2px;height:8px;margin:-4px 0 0 -1px;transition:background .3s}.tick.lit{background:var(--accent)}.tick[data-edge="0"]{transform:translateY(45px)}.tick[data-edge="180"]{transform:translateY(-45px)}.tick[data-edge="90"]{transform:translate(45px)rotate(90deg)}.tick[data-edge="270"]{transform:translate(-45px)rotate(90deg)}.panel{z-index:5;pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.face{text-align:center;pointer-events:auto;max-width:100%;animation:.62s cubic-bezier(.16,.9,.3,1) both land;display:none}.face.on{display:block}.face.suck{pointer-events:none;animation:.64s cubic-bezier(.6,0,.9,.4) forwards suck;display:block}@keyframes land{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes suck{to{opacity:0;filter:blur(7px);transform:scale(.06)rotate(38deg)}}.stack{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:15px;margin:0;padding:8px;transition:transform .14s;display:flex}.stack:active{transform:scale(.975)}.stack:focus-visible{outline:2px solid var(--ink);outline-offset:8px}.labels{flex-direction:column;align-items:center;gap:7px;display:flex}.unit{letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;font-size:13px;font-weight:700}.unit.eq{font-family:var(--mono);letter-spacing:.14em;text-indent:.14em;text-transform:none;font-size:14px;font-weight:500}.tag{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--dim);max-width:min(calc(var(--fw) - 72px), 330px);text-wrap:balance;font-size:10px;font-weight:600}.tag.long{letter-spacing:.2em;text-indent:.2em;line-height:1.7}.figure{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:500;line-height:.84;font-size:min(calc((var(--fw) - 72px) / var(--figw,2)), calc(var(--fw) * .27), calc(var(--fh) * .19), 220px)}.figure.metered{font-family:var(--mono);letter-spacing:-.045em;font-weight:500;font-size:min(calc((var(--fw) - 72px) / var(--figw,2)), calc(var(--fw) * .19), calc(var(--fh) * .16), 160px)}.plate{width:min(calc(var(--fw) - 48px), 380px);text-align:left}.plate h2{letter-spacing:.3em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:700}.rollWrap{position:relative}.roll{max-height:min(calc(var(--fh) * .5), 380px);border-top:1px solid var(--rule);-webkit-overflow-scrolling:touch;margin:0;padding:0;list-style:none;overflow-y:auto}.roll li{border-bottom:1px solid var(--rule);align-items:baseline;gap:14px;padding:11px 2px;display:flex}.roll li.sub{padding-left:18px}.cue{color:var(--dim);opacity:0;pointer-events:none;font-size:11px;line-height:1;transition:opacity .32s;position:absolute;bottom:8px;right:-15px}.cue.on{opacity:1;animation:2s ease-in-out infinite nudge}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.rNum{min-width:26px;font-family:var(--mono);color:var(--accent);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.rLabel{letter-spacing:.02em;font-size:14px}.abyss{z-index:4;display:none;position:absolute;inset:0}.stage[data-mode=abyss] .abyss{display:block}.ready{font-family:var(--display);font-size:min(calc(var(--fw) * .11), calc(var(--fh) * .11), 40px);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;text-align:center;white-space:nowrap;color:var(--ink);text-shadow:0 0 26px #060b26f2,0 0 60px #060b26cc;font-weight:500;line-height:1.06;animation:4.2s ease-in-out infinite breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ready span{display:block}@keyframes breathe{0%,to{opacity:.96}50%{opacity:.68}}.gate{z-index:9;background:var(--ground);width:100%;color:var(--ink);cursor:pointer;text-align:center;border:0;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.gateWord{font-family:var(--display);letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;font-size:min(11dvw,46px);font-weight:500}.gateNote{max-width:300px;font-family:var(--util);letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;color:var(--dim);text-wrap:balance;font-size:11px;font-weight:600;line-height:1.7}@media (prefers-reduced-motion:reduce){.face,.ready{animation:none!important}.stage,.void,.dial,.frame{transition-duration:1ms}}