/* Prepared by: Codex. Full-frame playback, not a second menu skin. */
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent;color:#fff;font:16px/1.4 system-ui,sans-serif}
html.standalone{background:#000}
#launch,#opening,#destination,#black,#white{position:fixed;inset:0;width:100%;height:100%}
#opening{border:0;background:#000;z-index:1;pointer-events:none}
#destination{border:0;background:#191713;z-index:3;pointer-events:none}
#portal{position:fixed;inset:0;overflow:hidden;background:#050403;z-index:2;visibility:hidden;clip-path:circle(0 at 50% 50%)}
#portal-film{position:absolute;display:block;object-fit:cover}
#portal-mark{position:absolute;object-fit:contain;transform:translate(-50%,-50%);filter:grayscale(1) brightness(1.28) contrast(.58);mix-blend-mode:screen;opacity:.66;max-width:200px;max-height:200px}
#black{background:#000;z-index:3;opacity:0;pointer-events:none}
#white{background:#fff;z-index:4;opacity:0;pointer-events:none}
#loading{position:fixed;inset:0;z-index:5;display:grid;align-content:center;justify-items:center;text-align:center;padding:32px;background:transparent}
#loading img{width:min(32vw,190px);height:auto;filter:grayscale(1) brightness(1.28) contrast(.58);opacity:.72;margin-bottom:20px}
#loading p{max-width:32em;margin:0 0 20px}
#loading[hidden],#opening[hidden],#destination[hidden]{display:none}
body[data-phase="error"] #loading{background:#000}
#fallback-link{color:#e9e1d4;padding:10px}
nav{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}
nav div{display:flex;gap:12px}
nav a,nav button{pointer-events:auto;font:inherit;font-size:14px;line-height:1.2;color:#fff;background:rgba(0,0,0,.65);border:0;border-radius:3px;padding:12px 14px;text-decoration:none;min-height:44px;cursor:pointer}
nav a:hover,nav button:hover{background:#17130f;color:#f6d9aa}
nav button:disabled{opacity:.55;cursor:default}
nav a:focus-visible,nav button:focus-visible,#fallback-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
body.ending nav a,body.ending nav button{color:#17130f;background:rgba(255,255,255,.82)}
@media(max-width:480px){nav{left:8px;right:8px;gap:8px}nav div{gap:4px}nav a,nav button{font-size:13px;padding:12px 10px}}
