/* Scoped to the entry overlay: existing landing styles remain independent. */
#eladio-entry-loader { position:fixed; inset:0; z-index:2147483647; display:grid; grid-template-columns:minmax(0,1fr); place-items:center; width:100%; height:100%; height:100dvh; padding:16px; padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); overflow:auto; background:#000; color:#000; font:11px Tahoma,Arial,sans-serif; box-sizing:border-box; }
#eladio-entry-loader * { box-sizing:border-box; }
#eladio-entry-loader .entry-window { width:min(560px,100%); min-width:0; max-width:100%; background:#c0c0c0; border:2px solid; border-color:#fff #404040 #404040 #fff; box-shadow:1px 1px 0 #808080,2px 2px 0 #000; }
#eladio-entry-loader .entry-title { display:flex; align-items:center; gap:5px; height:22px; padding:3px 6px; background:linear-gradient(#d4d0c8,#a0a0a0); border-bottom:1px solid #707070; font-size:11px; font-weight:bold; }
#eladio-entry-loader .entry-screen { position:relative; overflow:hidden; margin:4px; background:#121414; aspect-ratio:16/9; min-width:0; min-height:160px; max-height:calc(100svh - 100px); border:2px solid; border-color:#404040 #fff #fff #404040; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; }
#eladio-entry-loader .entry-screen::before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at center,rgba(61,232,198,.09),transparent 55%),repeating-linear-gradient(0deg,rgba(61,232,198,.035) 0 1px,transparent 1px 6px),repeating-linear-gradient(90deg,rgba(61,232,198,.035) 0 1px,transparent 1px 6px); }
#eladio-entry-loader .entry-screen::after { content:''; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55)); }
#eladio-entry-loader canvas { position:relative; z-index:1; display:block; image-rendering:pixelated; max-width:100%; }
#eladio-entry-loader .entry-progress { position:relative; z-index:1; display:flex; justify-content:space-between; gap:12px; width:80%; color:#3de8c6; font:clamp(10px,2.5vw,14px) monospace; white-space:nowrap; text-shadow:0 0 3px rgba(61,232,198,.8); }
#eladio-entry-loader .entry-path { min-width:0; overflow:hidden; text-overflow:ellipsis; }
#eladio-entry-loader .entry-status { padding:4px 6px; border-top:1px solid #808080; }
#eladio-entry-loader.is-leaving { opacity:0; transition:opacity .25s ease-out; }
html.eladio-entry-loading { overflow:hidden; }
@media(prefers-reduced-motion:reduce) { #eladio-entry-loader.is-leaving { transition:none; } }

/* Keep the window and its contents within narrow and landscape viewports. */
#eladio-entry-loader #entryLoaderPercent { flex-shrink:0; }
@media (max-width:480px) {
  #eladio-entry-loader .entry-screen { gap:12px; }
  #eladio-entry-loader .entry-progress { gap:6px; font-size:10px; }
}
@media (max-height:400px) {
  #eladio-entry-loader .entry-screen { aspect-ratio:auto; height:calc(100svh - 100px); min-height:100px; gap:8px; }
}

/* La protección empieza únicamente después de la fecha de revelado. */
html.eladio-entry-finite #eladio-entry-loader { animation:eladio-loader-failsafe 0s 12s forwards; }
html.eladio-entry-finite.eladio-entry-loading { animation:eladio-loader-unlock 0s 12s forwards; }
@keyframes eladio-loader-failsafe { to { visibility:hidden; pointer-events:none; } }
@keyframes eladio-loader-unlock { to { overflow:auto; } }