:root{--ng-bg:#050a10;--ng-panel:#080e16;--ng-surface:#0f1a26;--ng-surface-2:#112334;--ng-border:#63e1ff1f;--ng-border-strong:#63e1ff3b;--ng-text:#f7fbff;--ng-muted:#8d9bb3;--ng-faint:#5b6b82;--ng-gold:#f2b84a;--ng-cream:#e8dfcf;--ng-stage:#03070c;--ng-danger:#e6a3a3;--r:2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{background:var(--ng-stage);height:100%;color:var(--ng-text);font:14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,.col:focus-visible{outline:1px solid var(--ng-cream);outline-offset:-1px}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--ng-muted);font:700 10px/1 Rajdhani,sans-serif}#app{position:fixed;inset:0}#stage{width:100%;height:100%;display:block;position:absolute;inset:0}#fx{left:var(--cx);top:var(--cy);width:var(--cw);height:var(--ch);pointer-events:none;position:absolute}[hidden]{display:none!important}.col{left:var(--cx);top:var(--cy);width:var(--cw);height:var(--ch);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute}.col:active{cursor:grabbing}.prog{background:#ffffff14;height:2px;position:absolute;inset:0 0 auto}.prog i{background:var(--ng-cream);width:0;height:100%;display:block}.cap{pointer-events:none;background:linear-gradient(#03070c00,#03070cc7);padding:44px 14px 12px;position:absolute;inset:auto 0 0}.cap b{font-size:14px;font-weight:600;display:block}.cap .by{color:var(--ng-muted);font-size:12px;display:block}.cap .by:empty{display:none}.cap .made{color:var(--ng-cream);pointer-events:auto;margin-top:4px;font-size:12px;text-decoration:none;display:block}.cap .made:hover{text-decoration:underline}[data-mode=page] .cap,[data-mode=mini] .cap,[data-mode=mini] .floats{display:none}.who{pointer-events:none;text-shadow:0 1px 3px #000000b3;align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:12px;right:56px}.who .av{background:var(--ng-surface-2) center / cover;width:34px;height:34px;color:var(--ng-cream);border-radius:50%;flex:none;place-items:center;font:700 13px/1 Rajdhani,sans-serif;display:grid}.who .nm{font-size:13px;font-weight:600;display:block}.who .tt{color:var(--ng-text);opacity:.85;font-size:12px;display:block}.floats{left:12px;right:64px;bottom:calc(var(--caph,96px) - 30px);pointer-events:none;z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute}[data-mode=page] .floats{bottom:22px}.fl{align-items:flex-start;gap:8px;animation:.3s ease-out fl-in;display:flex}.fl i{background:var(--ng-surface-2) center / cover;width:22px;height:22px;color:var(--ng-cream);border-radius:50%;flex:none;place-items:center;font:700 10px/1 Rajdhani,sans-serif;display:grid}.fl p{color:var(--ng-text);background:#03070c8c;border-radius:2px;max-width:280px;padding:3px 8px;font-size:12.5px;line-height:1.35}.fl b{color:var(--ng-cream);margin-right:6px;font-weight:600}@keyframes fl-in{0%{transform:translateY(8px)}}.ib.keep.on svg{fill:var(--ng-cream);stroke:var(--ng-cream)}.gap{height:10px}.cap small{color:var(--ng-muted);font-size:12px}.pz{pointer-events:none;background:#03070c40;place-items:center;display:none;position:absolute;inset:0}.pz svg{width:42px;height:42px;fill:var(--ng-text);opacity:.85}.paused .pz{display:grid}.ib{border-radius:var(--r);width:36px;height:36px;color:var(--ng-text);place-items:center;display:grid}.ib:hover{color:var(--ng-cream)}.ib svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.ib.on{color:var(--ng-cream)}.ib.on svg{fill:currentColor}.ib:disabled{opacity:.4;cursor:not-allowed}.rail{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:64px;right:8px}.ib svg{overflow:visible}.ib.like.on svg{fill:#ef4056;stroke:#ef4056}.n{letter-spacing:.02em;color:var(--ng-text);text-shadow:0 1px 3px #000c;justify-content:center;height:15px;margin:-2px 0 4px;font:700 14px/1 Rajdhani,sans-serif;display:flex;overflow:hidden}.n:empty{display:none}.n .d{height:15px;display:inline-block;overflow:hidden}.n .d i{flex-direction:column;font-style:normal;transition:transform .5s cubic-bezier(.2,.9,.25,1.15);display:flex}.n .d i span{height:15px;line-height:15px}.rail .ib{background:#080e168c}.rail .ib:hover{background:#080e16cc}.state{text-align:center;color:var(--ng-muted);background:var(--ng-stage);place-content:center;gap:12px;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.state[hidden]{display:none}.state .btn{border-radius:var(--r);background:var(--ng-surface);height:32px;color:var(--ng-cream);justify-self:center;padding:0 14px}.state .btn:hover{background:var(--ng-surface-2)}.loading-line{height:2px;position:absolute;inset:0 0 auto;overflow:hidden}.loading-line:after{content:"";background:var(--ng-cream);opacity:.6;width:30%;animation:1.1s ease-in-out infinite ll;position:absolute;inset:0}@keyframes ll{0%{transform:translate(-100%)}to{transform:translate(340%)}}.side{display:none}[data-mode=page] .side.room{left:calc(var(--cx) + var(--cw) + 10px);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:64px}.side .ib{background:var(--ng-surface);width:40px;height:40px}.side .ib:hover{background:var(--ng-surface-2)}[data-mode=page]:has(.side.room) .rail{display:none}[data-mode=mini] .cap,[data-mode=mini] .rail,[data-mode=mini] .prog,[data-mode=mini] .pz{display:none}[data-mode=mini] .col{cursor:pointer}@media (prefers-reduced-motion:reduce){*,:after{transition:none!important;animation:none!important}}
