:root{--ease:cubic-bezier(.33,1,.68,1)}body{min-height:100dvh;color:var(--atlas-text);font:400 15px/1.6 var(--atlas-font-ui);-webkit-font-smoothing:antialiased;background:#090a0c;margin:0;overflow-x:hidden}a{color:var(--atlas-control-label);text-decoration:none;transition:color .1s}a:hover{color:var(--atlas-wordmark)}@keyframes heroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes wordIn{0%{opacity:0;filter:blur(12px);transform:translateY(.2em)}to{opacity:1;filter:blur();transform:none}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(340%)}}@keyframes barPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.page:before{content:"";opacity:.55;pointer-events:none;background-image:radial-gradient(#2c2d32 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60% at 50% 45%,#000 20%,#0000 100%);mask-image:radial-gradient(60% 60% at 50% 45%,#000 20%,#0000 100%)}main{flex-direction:column;flex:1;justify-content:center;gap:22px;width:100%;max-width:1280px;margin:0 auto;padding:clamp(56px,12vh,120px) clamp(20px,5vw,48px);display:flex;position:relative}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;width:max-content;animation:heroIn .7s var(--ease) both;align-items:center;gap:12px;display:inline-flex}.brand img{width:22px;height:22px;display:block}.brand span{color:var(--atlas-wordmark);font-size:19px;font-weight:700}.kicker{font:500 11px var(--atlas-font-mono);letter-spacing:.06em;color:var(--atlas-accent);animation:heroIn .8s var(--ease) both;animation-delay:60ms}h1{color:var(--atlas-wordmark);text-wrap:balance;margin:0;font-size:clamp(52px,10vw,132px);font-weight:700;line-height:.94}h1 span{animation:wordIn 1s var(--ease) both;display:inline-block}h1 .soft{color:var(--atlas-text-muted);animation-delay:.14s}p{max-width:420px;color:var(--atlas-text-muted);text-wrap:pretty;animation:heroIn 1s var(--ease) both;margin:0;font-size:16px;line-height:1.5;animation-delay:.28s}.meter{background:var(--atlas-card-border);width:min(280px,70vw);height:1px;animation:heroIn 1s var(--ease) both;margin-top:6px;animation-delay:.36s;position:relative;overflow:hidden}.meter span{background:var(--atlas-accent);width:30%;animation:sweep 3.4s var(--ease) infinite;position:absolute;inset:0}.status{font:400 10px var(--atlas-font-mono);letter-spacing:.06em;color:var(--atlas-text-dim);animation:heroIn 1s var(--ease) both;align-items:center;gap:10px;animation-delay:.42s;display:inline-flex}.status:before{content:"";background:var(--atlas-accent);width:6px;height:6px;animation:2.4s ease-in-out infinite barPulse}footer{border-top:1px solid var(--atlas-border-outer);-webkit-backdrop-filter:blur(10px);background:#0e0f1299;position:relative}footer div{max-width:1280px;font:400 10px var(--atlas-font-mono);letter-spacing:.06em;color:var(--atlas-text-faint);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 auto;padding:16px clamp(20px,5vw,48px);display:flex}#copyright{cursor:pointer;-webkit-user-select:none;user-select:none}.egg{z-index:100;animation:fadeIn .25s var(--ease) both;background:#090a0cf7;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.egg[hidden]{display:none}.egg .bar{font:400 10px var(--atlas-font-mono);letter-spacing:.06em;color:var(--atlas-text-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.egg .bar b{color:var(--atlas-text);font-variant-numeric:tabular-nums;font-weight:400}.egg .lives{align-items:center;gap:4px;display:inline-flex}.egg .lives i{background:var(--atlas-accent);width:7px;height:7px;display:block}.egg canvas{border:1px solid var(--atlas-card-border);touch-action:none;background:#0e0f12;display:block}.egg .hint{font:400 10px var(--atlas-font-mono);letter-spacing:.06em;color:var(--atlas-text-faint);text-align:center;max-width:92vw}.egg .hint b{color:var(--atlas-text-dim);font-weight:400}#stack .play{align-items:flex-start;gap:14px;display:flex}#stack .next{font:400 10px var(--atlas-font-mono);letter-spacing:.06em;color:var(--atlas-text-faint);flex-direction:column;align-items:center;gap:8px;display:flex}
