/* Easter egg styles, shared by every page */
#toast{position:fixed;left:50%;bottom:70px;translate:-50% 20px;z-index:700;max-width:calc(100% - 32px);padding:12px 20px;border-radius:999px;background:var(--a1);color:#0d0e11;font:600 13px var(--mono);text-align:center;opacity:0;transition:.4s;pointer-events:none}
#toast.show{opacity:1;translate:-50% 0}

/* rev limiter */
body.rev main,body.rev .foot{animation:revshake .07s linear infinite}
@keyframes revshake{0%{transform:translate(2px,0)}50%{transform:translate(-2px,1px)}100%{transform:translate(1px,-1px)}}

/* boost */
#boost-fx{position:fixed;inset:0;z-index:650;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,color-mix(in srgb,var(--a1) 38%,transparent) 100%);animation:boostfx 1.2s ease-out forwards}
@keyframes boostfx{0%{opacity:0}25%{opacity:1}100%{opacity:0}}

/* party */
body.party main,body.party .logo-mark,body.party .foot{animation:party 1s linear 3}
@keyframes party{to{filter:hue-rotate(360deg)}}

/* dyno run */
#dyno{position:fixed;inset:0;z-index:800;background:#05070bf5;color:#c9d0db;font:13px/1.6 var(--mono);cursor:pointer;animation:eggin .4s ease}
#dyno canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.dy-h{position:absolute;top:24px;left:24px;right:24px;display:flex;align-items:center;gap:20px}
.dy-h b{color:var(--a1);letter-spacing:.16em;font-weight:500}
.dy-h span{font-size:clamp(20px,3vw,30px);color:#fff;margin-right:auto;font-variant-numeric:tabular-nums}
.dy-h button{border:1px solid #ffffff2e;border-radius:8px;padding:6px 12px;color:#c9d0db;font:12px var(--mono)}
.dy-h button:hover{border-color:var(--a1);color:var(--a1)}
.dy-n{position:absolute;left:24px;right:24px;bottom:16px;margin:0;color:#8f98a6;font-size:12px;text-align:right}
@keyframes eggin{from{opacity:0}}

/* idle screen */
#idle{position:fixed;inset:0;z-index:750;display:grid;place-items:center;background:#05070bec;animation:eggin .8s ease;pointer-events:none}
.id-in{text-align:center;font-family:var(--mono);color:#8f98a6}
.id-in small{display:block;letter-spacing:.3em;font-size:11px;color:var(--a1)}
.id-in b{display:inline-block;font:500 clamp(64px,14vw,150px)/1 var(--mono);color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:10px}
.id-in>span{margin-left:10px;font-size:14px}
.id-in ul{list-style:none;margin:26px 0 0;padding:0;display:flex;gap:28px;justify-content:center;flex-wrap:wrap;font-size:12px;letter-spacing:.12em}
.id-in li i{display:block;margin-top:4px;font-style:normal;font-size:16px;color:#e8ecf2;letter-spacing:0;font-variant-numeric:tabular-nums}
.id-in em{display:block;margin-top:34px;font:12px var(--mono);font-style:normal;color:#5d6572}

@media(prefers-reduced-motion:reduce){#dyno,#idle{animation:none}body.rev main,body.rev .foot,body.party main,body.party .logo-mark,body.party .foot{animation:none}#boost-fx{display:none}}