/* Independent presentation layer; the live client continues beneath it. */
#welcome-splash{position:fixed;inset:0;z-index:1000;background:#030409;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));opacity:1;transition:opacity .65s ease;isolation:isolate}
#welcome-splash[hidden]{display:none}
#welcome-splash.leaving{opacity:0;pointer-events:none}
#welcome-art{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;image-rendering:crisp-edges;image-rendering:pixelated}
#welcome-enter{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));min-height:44px;padding:10px 20px;border:1px solid #e7c58c66;border-radius:999px;background:#090b15e8;color:#e7c58c;font:500 14px/1.5 Inter,system-ui,sans-serif;cursor:pointer}
#welcome-enter:hover{background:#20182b;border-color:#e7c58c}
#welcome-enter:focus-visible{outline:2px solid #7bced1;outline-offset:4px}
@media(max-width:600px){#welcome-enter{right:50%;transform:translateX(50%);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){#welcome-splash{transition:none}}