#atlas-intro {position:fixed;inset:0;z-index:10000;background:#031c1c;color:#d5e1d7;overflow:hidden;touch-action:manipulation;color-scheme:dark;}
#atlas-intro canvas {display:block;width:100%;height:100%;}
#atlas-intro-static {position:absolute;width:min(88vh,100vw);height:auto;left:50%;top:44%;transform:translate(-50%,-50%);}
#atlas-intro[data-state="loading"] #atlas-intro-static, #atlas-intro[data-state="playing"] #atlas-intro-static, #atlas-intro[data-rendered="true"] #atlas-intro-static {display:none;}
#atlas-intro .intro-wordmark {position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;}
#atlas-intro-start:focus-visible {outline:2px solid #7ce8e2;outline-offset:5px;}
#atlas-intro-start { --arrival: 0; position: absolute; left: 50%; top: 84%; transform: translate(-50%,-50%); width: 174px; height: 44px; border: 1px solid transparent; border-radius: 2px; background: linear-gradient(110deg,#07201e,#15352d 48%,#092520) padding-box, linear-gradient(115deg,var(--border-a,#715525),var(--border-b,#ccb478) 48%,var(--border-c,#725528)) border-box; box-shadow: 0 8px 22px #0003, 0 0 24px rgb(99 221 202 / var(--arrival)), inset 0 1px #f8e0a725, inset 0 -1px #0008; color: var(--button-gold,#e6d3a6); opacity: 0; visibility: hidden; font: 15px Georgia,serif; letter-spacing: .21em; padding-left: .21em; cursor: pointer; }
#atlas-intro-start::before { content: ''; position: absolute; inset: 4px; border: 1px solid #baa36a24; pointer-events: none; }
#atlas-intro-start::after { content: ''; position: absolute; left: calc(50% - 3px); top: -4px; width: 5px; height: 5px; background: linear-gradient(135deg,#e8cf8f,#94703a); border: 1px solid #dfc081; transform: rotate(45deg); box-shadow: 0 0 10px rgb(126 230 208 / var(--arrival)); }
#atlas-intro-start span { text-shadow: 0 1px 2px #0009,0 0 14px #e0c78d1a; }
#atlas-intro-start:hover { filter: brightness(1.08); }

#atlas-intro[data-state="complete"] #atlas-intro-start {opacity:1;visibility:visible;}

/* Keep the fading, disabled button inside the same completion gesture surface. */
#atlas-intro:not([data-state="complete"]) #atlas-intro-start {pointer-events:none;}