html.crixel-intro-pending::before{content:"";position:fixed;inset:0;background:#0b121d;z-index:2147483000;pointer-events:none}
html.crixel-intro-active,html.crixel-intro-active body{overflow:hidden}
#crixel-arrival[hidden]{display:none!important}
#crixel-arrival{--crixel-intro-phase:0;position:fixed;inset:0;z-index:2147483001;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0b121d;color:#eef3f6;isolation:isolate;clip-path:inset(0);font-family:"DM Sans",Arial,sans-serif}
#crixel-arrival *,#crixel-arrival *::before,#crixel-arrival *::after{box-sizing:border-box}
#crixel-arrival .crixel-arrival-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 72% 30%,#d54c121f,transparent 55%),linear-gradient(#8aa3b609 1px,transparent 1px),linear-gradient(90deg,#8aa3b609 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
#crixel-arrival .crixel-arrival-atmosphere::after{content:"";position:absolute;left:0;right:0;top:calc(var(--crixel-intro-phase)*110% - 10%);height:80px;background:linear-gradient(transparent,#a9cfe309,transparent);pointer-events:none}
#crixel-arrival .crixel-arrival-skip{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));min-height:44px;min-width:90px;padding:10px 16px;border:1px solid #47515e;border-radius:6px;background:#15202c;color:#e4ebef;font:500 13px/1.2 "DM Sans",Arial,sans-serif;cursor:pointer;z-index:2}
#crixel-arrival .crixel-arrival-skip:hover{background:#223242;border-color:#8aa3b6}
#crixel-arrival .crixel-arrival-skip:focus-visible{outline:2px solid #ff8546;outline-offset:5px}
#crixel-arrival .crixel-arrival-shell{width:min(760px,calc(100% - 64px));padding-block:75px}
#crixel-arrival .crixel-arrival-meta{display:flex;align-items:center;gap:12px;margin-bottom:32px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px;color:#8ea8b9}
#crixel-arrival .crixel-arrival-meta::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff8546;box-shadow:0 0 18px #ff854655}
#crixel-arrival .crixel-arrival-console{min-height:175px;border-left:1px solid #50687d66;padding-left:22px;font:clamp(12px,1.6vw,16px)/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#b5c6d0}
#crixel-arrival .crixel-arrival-line{min-height:1.9em;overflow-wrap:anywhere;white-space:pre-wrap}
#crixel-arrival .crixel-arrival-line:first-child,#crixel-arrival .crixel-arrival-line:last-child{color:#ff9c65}
#crixel-arrival .crixel-arrival-identity{position:relative;display:flex;align-items:center;justify-content:center;height:100px;margin-top:25px}
#crixel-arrival .crixel-arrival-word{display:flex;align-items:center;justify-content:center;gap:clamp(3px,1.4vw,12px);font:600 clamp(36px,7vw,70px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;color:#eef3f6}
#crixel-arrival .crixel-arrival-word span{display:inline-block;text-align:center;width:1ch}
#crixel-arrival .crixel-arrival-word span:nth-child(4){color:#ff8546}
#crixel-arrival .crixel-arrival-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(300px,75%);height:auto;max-height:80px;object-fit:contain;opacity:0}
#crixel-arrival .crixel-arrival-signature{text-align:center;margin-top:14px;color:#91a5b6;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px}
@media(max-width:480px){#crixel-arrival .crixel-arrival-shell{width:calc(100% - 36px)}#crixel-arrival .crixel-arrival-meta{letter-spacing:1px;font-size:11px;margin-bottom:25px}#crixel-arrival .crixel-arrival-console{padding-left:13px;min-height:155px}#crixel-arrival .crixel-arrival-signature{font-size:10px;letter-spacing:1px}#crixel-arrival .crixel-arrival-skip{top:16px;right:16px}}
@media(max-height:520px) and (orientation:landscape){#crixel-arrival .crixel-arrival-shell{padding-block:22px}#crixel-arrival .crixel-arrival-meta{margin-bottom:12px}#crixel-arrival .crixel-arrival-console{min-height:125px;font-size:12px;line-height:1.6}#crixel-arrival .crixel-arrival-line{min-height:1.6em}#crixel-arrival .crixel-arrival-identity{height:65px;margin-top:8px}#crixel-arrival .crixel-arrival-logo{max-height:50px}#crixel-arrival .crixel-arrival-signature{margin-top:5px}}
@media(prefers-reduced-motion:reduce){html.crixel-intro-pending::before,#crixel-arrival{display:none!important}html.crixel-intro-active,html.crixel-intro-active body{overflow:visible}}