.entry-loader {
  position: fixed;
  inset: 0;
  width: 100vw;
  max-width: none;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: #020906;
  color: #c7f6d5;
  font: 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
}
.entry-loader::backdrop { background: rgba(1, 5, 3, .94); }
.entry-matrix { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .72; }
.entry-loader__panel {
  position: absolute;
  top: 50%; left: 50%;
  width: min(500px, calc(100vw - 40px));
  transform: translate(-50%, -50%);
  padding: clamp(20px, 6vw, 42px);
  border: 1px solid rgba(105, 232, 148, .42);
  background: rgba(2, 13, 8, .88);
  box-shadow: 0 0 38px rgba(16, 180, 76, .13), inset 0 0 30px rgba(19, 127, 58, .08);
}
.entry-loader__eyebrow { color: #67dc8f; font-size: 10px; letter-spacing: .14em; }
.entry-loader__panel h2 { margin: 18px 0 8px; color: #e2ffe9; font-size: clamp(17px, 4vw, 22px); letter-spacing: .08em; }
.entry-loader__panel p { margin: 0; color: #9eb8a6; font: inherit; line-height: 1.7; }
.entry-loader__track { height: 5px; margin-top: 28px; overflow: hidden; background: #173321; }
.entry-loader__track span { display: block; width: 0; height: 100%; background: #62ef90; box-shadow: 0 0 12px #62ef90; }
.entry-loader__footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 13px; color: #67dc8f; font-size: 9px; letter-spacing: .08em; }
.entry-loader__skip { border: 1px solid #36754d; border-radius: 0; padding: 6px 9px; background: #091c10; color: #bdf4cc; font: inherit; cursor: pointer; }
.entry-loader__skip:hover { background: #12341d; }
.entry-loader__skip:focus-visible { outline: 2px solid #c7f6d5; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .entry-loader, .entry-loader * { scroll-behavior: auto !important; }
  .entry-matrix { display: none; }
}