/* Original PRAETIR COMMAND entry animation, also used by the marketing site. */
#pretier-entry-loader { display: none; }
html[data-pretier-entry], html[data-pretier-entry] body { background: #121212; }
html[data-pretier-entry] #root { visibility: hidden; }
html[data-pretier-entry] #pretier-entry-loader {
  position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center;
  overflow: hidden; background: #121212; color: #f0f1f2;
  font-family: 'Mona Sans', Arial, sans-serif; font-variation-settings: 'wdth' 100;
}
#pretier-entry-loader *, #pretier-entry-loader *::before, #pretier-entry-loader *::after { box-sizing: border-box; }
.pretier-entry-panel { position: relative; width: min(440px, calc(100vw - 54px)); }
.pretier-entry-panel::before, .pretier-entry-panel::after { content: ''; position: absolute; top: 56%; height: 1px; width: min(15vw, 190px); background: linear-gradient(90deg, transparent, #ffffff22); }
.pretier-entry-panel::before { right: calc(100% + 44px); }
.pretier-entry-panel::after { left: calc(100% + 44px); transform: scaleX(-1); }
.pretier-entry-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ffffff1c; padding-bottom: 18px; }
.pretier-entry-heading { font-family: 'Hubot Sans', sans-serif; font-size: .875rem; font-weight: 700; letter-spacing: .16em; }
.pretier-entry-header-code { font-family: 'Mona Sans', sans-serif; color: #a3a8ad; font-size: .75rem; letter-spacing: .13em; }
.pretier-entry-visual { height: 236px; display: grid; place-items: center; position: relative; }
.pretier-entry-hud { position: absolute; width: 300px; height: 226px; overflow: visible; fill: none; }
.pretier-entry-calibration { stroke: #ffffff48; stroke-width: .65; stroke-dasharray: 1 10; transform-origin: 120px 98px; animation: pretier-entry-calibrate 1500ms cubic-bezier(.2,0,0,1) both; }
.pretier-entry-bracket { stroke: #e0e4e6; stroke-width: 1; stroke-dasharray: 55; stroke-dashoffset: 55; animation: pretier-entry-brackets 640ms cubic-bezier(.2,0,0,1) forwards; }
.pretier-entry-bracket:nth-of-type(2) { animation-delay: 80ms; }
.pretier-entry-bracket:nth-of-type(3) { animation-delay: 160ms; }
.pretier-entry-bracket:nth-of-type(4) { animation-delay: 240ms; }
.pretier-entry-inner-frame { stroke: #ffffff2c; stroke-width: .8; stroke-dasharray: 256; stroke-dashoffset: 256; animation: pretier-entry-draw-frame 900ms 180ms cubic-bezier(.2,0,0,1) forwards; }
.pretier-entry-accent { stroke: #5ce1e6; stroke-width: 1.3; transform-origin: 120px 98px; animation: pretier-entry-align 1300ms cubic-bezier(.2,0,0,1) both; }
.pretier-entry-axis { stroke: #ffffff27; stroke-width: .75; }
.pretier-entry-sign { position: relative; width: 168px; height: auto; object-fit: contain; animation: pretier-entry-sign-in 700ms 200ms cubic-bezier(.2,0,0,1) both; }
.pretier-entry-scan { position: absolute; width: 104px; height: 1px; top: 76px; background: linear-gradient(90deg, transparent, #5ce1e699, transparent); box-shadow: 0 0 8px #5ce1e620; animation: pretier-entry-scan 1400ms 260ms cubic-bezier(.4,0,.2,1) both; }
.pretier-entry-check { position: absolute; width: 52px; height: 52px; stroke: #5ce1e6; stroke-width: 1.5; fill: none; opacity: 0; }
.pretier-entry-check path { stroke-dasharray: 66; stroke-dashoffset: 66; }
.pretier-entry-status-row { display: flex; align-items: baseline; gap: 14px; justify-content: space-between; margin-bottom: 17px; min-height: 28px; }
.pretier-entry-status-stack { position: relative; flex: 1; }
#pretier-entry-label, .pretier-entry-complete-label { margin: 0; font-family: 'Hubot Sans', sans-serif; font-size: 1rem; line-height: 1.5; font-weight: 700; letter-spacing: .10em; }
.pretier-entry-complete-label { position: absolute; top: 0; left: 0; opacity: 0; color: #a3f4f6; }
.pretier-entry-stage { font-family: 'Mona Sans', sans-serif; font-size: .75rem; line-height: 1.5; color: #9da3a8; letter-spacing: .06em; }
.pretier-entry-progress { height: 18px; background: repeating-linear-gradient(90deg, transparent 0, transparent calc(20% - 1px), #ffffff14 calc(20% - 1px), #ffffff14 20%), #0e0f1160; position: relative; border: 1px solid #ffffff30; border-radius: 3px; box-shadow: inset 0 1px 5px #00000045; }
.pretier-entry-progress::after { content: ''; position: absolute; inset: 4px; background: linear-gradient(90deg, #5ce1e640, #5ce1e6d9 80%, #aaf6f8); transform-origin: left; transform: scaleX(.025); animation: pretier-entry-progress 1400ms 100ms cubic-bezier(.2,0,.2,1) forwards; }
.pretier-entry-progress::before { content: ''; z-index: 1; position: absolute; inset: 2px 4px; background: linear-gradient(90deg, transparent calc(100% - 2px), #e5feff calc(100% - 2px)); transform-origin: left; transform: scaleX(.025); animation: pretier-entry-progress 1400ms 100ms cubic-bezier(.2,0,.2,1) forwards; }
.pretier-entry-substatus { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-top: 17px; border-top: 1px solid #ffffff14; margin-top: 21px; }
#pretier-entry-detail { font-family: 'Mona Sans', sans-serif; font-size: .75rem; line-height: 1.6; color: #92999f; letter-spacing: .07em; margin: 0; }
.pretier-entry-signal { width: 30px; height: 10px; display: flex; align-items: flex-end; gap: 3px; }
.pretier-entry-signal i { width: 3px; background: #ffffff65; animation: pretier-entry-signal 1500ms ease-in-out infinite; }
.pretier-entry-signal i:nth-child(1) { height: 3px; }
.pretier-entry-signal i:nth-child(2) { height: 5px; animation-delay: 100ms; }
.pretier-entry-signal i:nth-child(3) { height: 7px; animation-delay: 200ms; }
.pretier-entry-signal i:nth-child(4) { height: 10px; animation-delay: 300ms; }
#pretier-entry-retry { margin-top: 24px; padding: 11px 20px; background: #5ce1e618; color: #b8f8fa; border: 1px solid #5ce1e650; border-radius: 8px; font-family: 'Mona Sans', sans-serif; font-size: .875rem; cursor: pointer; }
#pretier-entry-retry:focus-visible { outline: 2px solid white; outline-offset: 4px; }
html:is([data-pretier-entry='ready'], [data-pretier-entry='complete'], [data-pretier-entry='leaving']) .pretier-entry-progress::after,
html:is([data-pretier-entry='ready'], [data-pretier-entry='complete'], [data-pretier-entry='leaving']) .pretier-entry-progress::before { animation: pretier-entry-fill 220ms cubic-bezier(.2,0,0,1) forwards; }
html:is([data-pretier-entry='ready'], [data-pretier-entry='complete'], [data-pretier-entry='leaving']) .pretier-entry-scan { display: none; }
html:is([data-pretier-entry='ready'], [data-pretier-entry='complete'], [data-pretier-entry='leaving']) .pretier-entry-bracket { stroke: #5ce1e6; transition: stroke 200ms; }
html:is([data-pretier-entry='ready'], [data-pretier-entry='complete'], [data-pretier-entry='leaving']) .pretier-entry-hud { transform: scale(.94); transition: transform 420ms cubic-bezier(.2,0,0,1); }
html:is([data-pretier-entry='ready'], [data-pretier-entry='complete'], [data-pretier-entry='leaving']) .pretier-entry-sign { animation: pretier-entry-sign-out 200ms ease-in forwards; }
html:is([data-pretier-entry='ready'], [data-pretier-entry='complete'], [data-pretier-entry='leaving']) .pretier-entry-check { opacity: 1; transition: opacity 150ms 100ms; }
html:is([data-pretier-entry='ready'], [data-pretier-entry='complete'], [data-pretier-entry='leaving']) .pretier-entry-check path { animation: pretier-entry-check 450ms 100ms cubic-bezier(.2,0,0,1) forwards; }
html:is([data-pretier-entry='ready'], [data-pretier-entry='complete'], [data-pretier-entry='leaving']) #pretier-entry-label { opacity: 0; transform: translateY(-7px); transition: opacity 180ms ease-in, transform 180ms ease-in; }
html:is([data-pretier-entry='ready'], [data-pretier-entry='complete'], [data-pretier-entry='leaving']) .pretier-entry-complete-label { animation: pretier-entry-complete 450ms 80ms cubic-bezier(.2,0,0,1) forwards; }
html:is([data-pretier-entry='ready'], [data-pretier-entry='complete'], [data-pretier-entry='leaving']) .pretier-entry-signal i { animation: none; background: #5ce1e6; }
html[data-pretier-entry='leaving'] #root { visibility: visible; }
html[data-pretier-entry='leaving'] #pretier-entry-loader { opacity: 0; transition: opacity 360ms cubic-bezier(.4,0,1,1); }
html[data-pretier-entry='leaving'] .pretier-entry-panel { transform: translateY(-8px); transition: transform 360ms cubic-bezier(.4,0,1,1); }
html[data-pretier-entry='delayed'] .pretier-entry-progress::after { animation: none; background: #9c9fa3; }
html[data-pretier-entry='delayed'] #pretier-entry-label { font-size: .875rem; }
@keyframes pretier-entry-brackets { from { stroke-dashoffset: 55; } to { stroke-dashoffset: 0; } }
@keyframes pretier-entry-draw-frame { from { stroke-dashoffset: 256; } to { stroke-dashoffset: 0; } }
@keyframes pretier-entry-calibrate { from { transform: rotate(-35deg); opacity: 0; } to { transform: rotate(0); opacity: 1; } }
@keyframes pretier-entry-align { from { transform: rotate(75deg) scale(1.12); opacity: 0; } to { transform: rotate(0) scale(1); opacity: 1; } }
@keyframes pretier-entry-sign-in { from { transform: scale(.88); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes pretier-entry-sign-out { from { transform: scale(1); opacity: 1; } to { transform: scale(.88); opacity: 0; } }
@keyframes pretier-entry-scan { 0% { transform: translateY(0); opacity: 0; } 20%,75% { opacity: 1; } 100% { transform: translateY(84px); opacity: 0; } }
@keyframes pretier-entry-progress { 0% { transform: scaleX(.025); } 35% { transform: scaleX(.35); } 62% { transform: scaleX(.61); } 100% { transform: scaleX(.84); } }
@keyframes pretier-entry-fill { from { transform: scaleX(.84); } to { transform: scaleX(1); } }
@keyframes pretier-entry-signal { 0%,100% { opacity: .45; } 50% { opacity: 1; } }
@keyframes pretier-entry-check { from { stroke-dashoffset: 66; } to { stroke-dashoffset: 0; } }
@keyframes pretier-entry-complete { from { transform: translateY(9px); clip-path: inset(100% 0 0); opacity: 0; } to { transform: translateY(0); clip-path: inset(0); opacity: 1; } }
@media (max-width: 480px) { .pretier-entry-header-code { letter-spacing: .06em; } .pretier-entry-visual { height: 212px; } #pretier-entry-label, .pretier-entry-complete-label { font-size: .875rem; letter-spacing: .08em; } }
@media (prefers-reduced-motion: reduce) {
  #pretier-entry-loader *, #pretier-entry-loader *::before, #pretier-entry-loader *::after { animation: none !important; transition: none !important; }
  .pretier-entry-bracket, .pretier-entry-inner-frame { stroke-dashoffset: 0; }
  .pretier-entry-scan { display: none; }
  .pretier-entry-progress::after, .pretier-entry-progress::before { transform: scaleX(.5); }
  html:is([data-pretier-entry='ready'], [data-pretier-entry='complete']) .pretier-entry-progress::after,
  html:is([data-pretier-entry='ready'], [data-pretier-entry='complete']) .pretier-entry-progress::before { transform: scaleX(1); }
  html:is([data-pretier-entry='ready'], [data-pretier-entry='complete']) .pretier-entry-complete-label { opacity: 1; }
  html:is([data-pretier-entry='ready'], [data-pretier-entry='complete']) .pretier-entry-sign { opacity: 0; }
  html:is([data-pretier-entry='ready'], [data-pretier-entry='complete']) .pretier-entry-check path { stroke-dashoffset: 0; }
}

/* Keep the initial cover independent of the page theme and prevent scroll/focus behind it. */
html[data-pretier-entry] { overflow: hidden; }
#pretier-entry-loader p, #pretier-entry-loader span { hyphens: none; overflow-wrap: normal; word-break: normal; }
@media (max-width: 360px) {
  .pretier-entry-panel { width: calc(100vw - 40px); }
  .pretier-entry-header { gap: 12px; }
  .pretier-entry-header-code { font-size: .6875rem; letter-spacing: .02em; }
  .pretier-entry-status-row { gap: 8px; }
}