#fade{z-index:30}#fade.spawn-wait{transition:opacity var(--spring-smooth-ms) var(--spring-smooth)}#fade.loading,#fade.failed{pointer-events:auto}.load-panel{animation:load-panel-in var(--spring-smooth-ms) var(--spring-smooth) backwards;width:min(320px,100vw - 32px);font-family:var(--display);color:var(--muted);transition:opacity var(--spring-smooth-ms) var(--spring-smooth),transform var(--spring-smooth-ms) var(--spring-smooth);flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#fade.ready:not(.loading):not(.failed) .load-panel{opacity:0;transform:translate(-50%,calc(-50% - 8px))scale(.98)}.load-head{letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.load-pct{font-variant-numeric:tabular-nums;transition:opacity var(--spring-snappy-ms) var(--spring-snappy)}.load-panel.fonts-pending{animation-play-state:paused}.load-step{letter-spacing:.08em;text-transform:none;min-height:1.2em;color:var(--muted);opacity:.8;font-size:12px}.load-track{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.load-fill{transform-origin:0;will-change:transform;height:100%;transition:background-color var(--spring-smooth-ms) var(--spring-smooth);background:#5eead4d9;display:block;transform:scaleX(0)}.load-failed{opacity:0;transition:grid-template-rows var(--spring-smooth-ms) var(--spring-smooth),opacity var(--spring-snappy-ms) var(--spring-snappy),transform var(--spring-bouncy-ms) var(--spring-bouncy);grid-template-rows:0fr;display:grid;transform:translateY(-6px)}.load-failed>*{min-height:0;overflow:hidden}.load-failed p{font-family:var(--body,inherit);letter-spacing:0;text-transform:none;margin:0;font-size:13px}.load-failed button{color:#fff;font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform var(--spring-snappy-ms) var(--spring-snappy),background-color var(--spring-snappy-ms) var(--spring-snappy);background:#ffffff1a;border:0;border-radius:6px;justify-self:start;margin-top:12px;padding:8px 16px;font-size:12px}.load-failed button:hover{background:#ffffff29}.load-failed button:active{transform:scale(.96)}#fade.failed .load-failed{opacity:1;grid-template-rows:1fr;transform:none}.load-slow{opacity:0;transition:grid-template-rows var(--spring-smooth-ms) var(--spring-smooth),opacity var(--spring-snappy-ms) var(--spring-snappy),transform var(--spring-bouncy-ms) var(--spring-bouncy);grid-template-rows:0fr;display:grid;transform:translateY(-6px)}.load-slow-body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.load-slow p{font-family:var(--body,inherit);letter-spacing:0;text-transform:none;margin:0;font-size:13px}.load-slow button{color:#fff;min-height:44px;font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform var(--spring-snappy-ms) var(--spring-snappy),background-color var(--spring-snappy-ms) var(--spring-snappy);background:#ffffff1a;border:0;border-radius:6px;align-self:flex-start;margin-top:8px;padding:0 16px;font-size:12px}.load-slow button:hover{background:#ffffff29}.load-slow button:active{transform:scale(.96)}#fade.loading.slow:not(.failed) .load-slow{opacity:1;grid-template-rows:1fr;transform:none}#fade.failed .load-pct,#fade.failed .load-step{opacity:0}#fade.failed .load-fill{background:#f87171cc}#play:disabled{opacity:.45;cursor:default;transition:opacity var(--spring-smooth-ms) var(--spring-smooth)}#fade:has(.load-panel) #loading{opacity:0}@keyframes load-panel-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}}