body.al-show { position:fixed; left:0; top:0; width:100vw; height:100vh; transform-origin:0 0; }
body.al-show.app-covered #menu-btn { opacity:1; }
body.al-show #menu-btn.attract .mb-cap,
body.al-show #menu-btn.attract { animation:none !important; }
body.al-show #menu-drawer,
body.al-show #menu-btn { transition:transform var(--al-show-ms,500ms) cubic-bezier(.65,0,.35,1) !important; }
body.al-show #menu-scrim { transition:opacity var(--al-show-ms,500ms) ease !important; }
body.al-show .al-stamps-num:not(.al-show-twin) { display:none !important; }
#al-show-shade { position:fixed; inset:0; z-index:2147483590; pointer-events:none; opacity:0;
                 transition:opacity .5s ease; display:none; }
#al-show-root { position:fixed; inset:0; z-index:2147483595; pointer-events:none; overflow:hidden;
                -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; }
#al-show-root > * { position:absolute; }
#al-show-block { inset:0; pointer-events:auto; touch-action:none; }
#al-show-ring { box-shadow:0 0 0 4000px #15161f; pointer-events:none; }
#al-show-top, #al-show-bot { left:0; right:0; pointer-events:none; overflow:hidden; }
#al-show-top { top:0; } #al-show-bot { bottom:0; }
#al-show-top i, #al-show-bot i { position:absolute; left:0; top:0; bottom:0; display:block;
  width:calc(100% + var(--al-show-hole,54px));
  background:linear-gradient(90deg, transparent 26%, #f3efe2 26% 74%, transparent 74%) 0 50% / var(--al-show-hole,54px) 46% repeat-x;
  will-change:transform; }
#al-show-root img { left:0; top:0; opacity:0; pointer-events:none; will-change:transform,opacity; }
#al-show-fin { filter:drop-shadow(0 6px 6px rgba(0,0,0,.35)); }
#al-show-boom { left:0; top:0; width:100%; height:100%; pointer-events:none; }
#al-show-gate { position:fixed; inset:0; z-index:8000; overflow:hidden; background:#FFD36E;
  display:flex; align-items:center; justify-content:center; transition:opacity .4s ease;
  -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
#al-show-gate.is-out { opacity:0; pointer-events:none; }
.al-show-rays { position:absolute; left:50%; top:50%; width:240vmax; height:240vmax; margin:-120vmax 0 0 -120vmax;
  border-radius:50%; background:repeating-conic-gradient(from 0deg, #FFC23C 0 12deg, #FFE08A 12deg 24deg);
  animation:alShowTurn 40s linear infinite; will-change:transform; }
.al-show-halo { position:absolute; left:50%; top:50%; width:78vh; height:78vh; margin:-39vh 0 0 -39vh; border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.75), rgba(255,255,255,0) 68%); }
@keyframes alShowTurn { to { transform:rotate(360deg); } }
#al-show-play { position:relative; width:30vh; height:30vh; border:0; padding:0; border-radius:50%; cursor:pointer;
  background:linear-gradient(202deg,#B9B6FF,#6E63E8);
  box-shadow:0 1.4vh 0 #3F35B0, 0 2.6vh 4vh rgba(0,0,0,.45);
  display:flex; align-items:center; justify-content:center;
  animation:alShowBeat 1.6s ease-in-out infinite; }
#al-show-play i { width:62%; height:62%; border-radius:50%; background:rgba(255,255,255,.94);
  box-shadow:-1px 3px 0 rgba(0,0,0,.16), inset 0 -3px 0 rgba(0,0,0,.06);
  display:flex; align-items:center; justify-content:center; }
#al-show-play svg { width:58%; height:58%; display:block; margin-left:6%; }
#al-show-play:active { transform:translateY(1vh); box-shadow:0 .4vh 0 #3F35B0; animation:none; }
@keyframes alShowBeat { 0%,100% { transform:scale(1); } 50% { transform:scale(1.06); } }
.mi-tutorial { --face:linear-gradient(202deg,#B9B6FF,#6E63E8); --edge:#3F35B0 }