:root{--ui-scale: 1.3;--ui-size-floor: 6.5px;--ui-size-ceil: 10.8px;--ui-vmin: clamp(var(--ui-size-floor), 1vmin, var(--ui-size-ceil));--ui-radius: calc(.93 * var(--ui-vmin) * var(--ui-scale));--ui-radius-chip: calc(.53 * var(--ui-vmin) * var(--ui-scale));--ui-border: 2px;--ui-count-size: calc(5.2 * var(--ui-vmin) * var(--ui-scale));--ui-count-box: calc(9.2 * var(--ui-vmin) * var(--ui-scale));--ui-count-nudge: .01em;--ui-chip-size: calc(2.3 * var(--ui-vmin) * var(--ui-scale));--ui-chip-pad-x: calc(.6 * var(--ui-vmin) * var(--ui-scale));--ui-chip-border: 1px;--ui-chip-nudge: .01em;--ui-chip-nudge-x: 0em;--ui-bubble-pad-y: calc(1.7 * var(--ui-vmin) * var(--ui-scale));--ui-bubble-pad-x: calc(2.5 * var(--ui-vmin) * var(--ui-scale));--ui-count-border: 2px;--start-btn-size: calc(2 * var(--ui-vmin) * var(--ui-scale));--start-btn-pad-y: calc(.7 * var(--ui-vmin) * var(--ui-scale));--start-btn-pad-x: calc(2 * var(--ui-vmin) * var(--ui-scale));--credits-btn-size: calc(2 * var(--ui-vmin) * var(--ui-scale));--credits-btn-pad-y: calc(1.2 * var(--ui-vmin) * var(--ui-scale));--credits-btn-pad-x: calc(4 * var(--ui-vmin) * var(--ui-scale));--credits-btn-offset: 9%;--hud-ctrl: calc(3.8 * var(--ui-vmin) * var(--ui-scale));--vol-frame-h: calc(12 * var(--ui-vmin) * var(--ui-scale));--vol-h: calc(8.8 * var(--ui-vmin) * var(--ui-scale));--vol-track: calc(.5 * var(--ui-vmin) * var(--ui-scale));--vol-thumb: calc(1 * var(--ui-vmin) * var(--ui-scale));--vol-empty: .21}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--sj-loader-background);font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#leva__root{position:fixed;z-index:10001}.loader-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--sj-loader-background);z-index:10000;display:grid;place-items:center;font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;transition:background-color .18s ease}.loader-wrapper--exit{background:transparent;pointer-events:none}.loader-wrapper--warmup{background:transparent}.loader-wrapper--settle{animation:loader-settle-in .5s ease forwards}@keyframes loader-settle-in{0%{opacity:0}to{opacity:1}}.loader-container{position:relative;display:grid;place-items:center}.loader-progress{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;pointer-events:none}.loader-word{margin-bottom:20px;font-size:15px;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#fff6e49e;-webkit-user-select:none;user-select:none}.seed-trail{display:flex;align-items:center;gap:12px}.seed-trail__seed{width:14px;height:19px;border-radius:50%/60% 60% 40% 40%;background:color-mix(in srgb,#c9954a calc(var(--lit) * 100%),#6a5a3a);opacity:calc(.5 + var(--lit) * .35);transition:background .22s ease,opacity .22s ease,box-shadow .22s ease}.seed-trail__seed:nth-child(odd){transform:rotate(-7deg)}.seed-trail__seed:nth-child(2n){transform:rotate(6deg)}.seed-trail__seed--head{background:#fff6dd;opacity:1;box-shadow:0 0 14px 4px #ffc45ce6,0 0 32px 12px #ffa02866}@media(pointer:coarse){.seed-trail{gap:8px}.seed-trail__seed{width:10px;height:14px}}@media(prefers-reduced-motion:reduce){.seed-trail__seed{transition:none}.seed-trail__seed--head{box-shadow:none}}.loader-center{position:absolute;display:grid;place-items:center;width:var(--sj-loader-size, 200px);height:var(--sj-loader-size, 200px);border-radius:50%;background-color:transparent;transition:opacity .18s ease;z-index:1}.loader-wrapper--exit .loader-center{opacity:0}.loader-center--clickable{cursor:pointer}.loader-go-arrow{width:calc(.34 * var(--sj-loader-size, 200px));height:calc(.34 * var(--sj-loader-size, 200px));color:var(--sj-ui-primary);transform:rotate(0);translate:0 0;transition:transform .45s cubic-bezier(.4,0,.2,1),translate .12s ease;will-change:transform;-webkit-user-select:none;user-select:none;animation:loader-arrow-in .6s ease both}@keyframes loader-arrow-in{0%{opacity:0}to{opacity:1}}.loader-center:hover .loader-go-arrow{transform:rotate(180deg)}@media(pointer:coarse){.loader-go-arrow{transform:rotate(180deg)}}.loader-center--clickable:active .loader-go-arrow{translate:0 calc(.025 * var(--sj-loader-size, 200px))}.loader-wrapper--exit .loader-go-arrow{transform:rotate(180deg)}