/* A user-triggered entrance only. Shares the real workspace's frame and responsive bounds. */
.workspace-entry { display: none; z-index: 80; perspective: 1400px; }
[data-entry-state="departing"] .workspace-entry,
[data-entry-state="arriving"] .workspace-entry { display: grid; }
[data-entry-state="departing"] body { overflow: hidden; }
.workspace-entry .entry-screen { justify-content: center; align-items: center; transform-origin: center; backface-visibility: hidden; }
.entry-boot { width: min(280px, calc(100% - 64px)); text-align: center; }
.entry-boot__eyebrow { display: block; color: var(--ink-muted); }
.entry-boot__brand { display: flex; justify-content: center; align-items: center; gap: var(--space-4); margin-top: var(--space-6); font: 500 48px/1 var(--font-pixel); color: var(--ink); }
.entry-boot__destination { margin: var(--space-6) 0 var(--space-4); font: 500 13px/20px var(--font-bar); text-transform: uppercase; letter-spacing: .16em; color: var(--accent); }
.entry-boot__track { height: 8px; padding: 2px; border: 1px solid var(--line-strong); }
.entry-boot__track span { display: block; height: 100%; background: var(--accent); transform-origin: left; mask-image: repeating-linear-gradient(90deg, #000 0, #000 calc(100% / 12 - 3px), transparent calc(100% / 12 - 3px), transparent calc(100% / 12)); }
.entry-skip { position: absolute; bottom: var(--space-6); left: 50%; transform: translateX(-50%); min-height: var(--hit); padding: var(--space-2) var(--space-4); border: 0; background: none; white-space: nowrap; cursor: pointer; }
[data-entry-state="departing"] .ak-topbar,
[data-entry-state="departing"] .ak-hero { opacity: 0; transition: opacity 180ms ease; }
/* The arrival is CSS-owned so a stalled or missing script never blocks the content. */
[data-entry-state="arriving"] .workspace-entry { pointer-events: none; animation: entry-reveal 220ms 60ms ease-out both; }
[data-entry-state="arriving"] .entry-skip { visibility: hidden; }
@keyframes entry-reveal { from { opacity: 1; } to { opacity: 0; visibility: hidden; } }
html:lang(zh-Hant) .entry-boot__destination { letter-spacing: .06em; font-size: 15px; }
@media (max-width: 760px) {
  .workspace-entry { perspective: 1000px; }
  .entry-boot__brand { font-size: 40px; }
  .entry-skip { bottom: var(--space-4); }
}
@media (max-height: 520px) {
  .entry-boot__brand { margin-top: var(--space-3); font-size: 36px; }
  .entry-boot__destination { margin: var(--space-3) 0 var(--space-2); }
  .entry-skip { bottom: var(--space-2); }
}
@media (prefers-reduced-motion: reduce) {
  [data-entry-state] .workspace-entry { display: none; }
  [data-entry-state="departing"] .ak-topbar,
  [data-entry-state="departing"] .ak-hero { opacity: 1; transition: none; }
}