dialog.fid-intro {
  position:fixed; inset:0; box-sizing:border-box; margin:0; padding:0;
  width:100%; height:100%; max-width:none; max-height:none; overflow:hidden;
  border:0; border-radius:0; color:#d7f5e8; color-scheme:dark;
  background:radial-gradient(ellipse at 50% 46%,#163d42 0%,#0b252e 44%,#071920 85%);
  animation:fid-depart 340ms ease-in 2660ms both;
}
.fid-intro::backdrop{background:transparent;backdrop-filter:none}
html:has(.fid-intro[open]){overflow:hidden}
.fid-intro canvas{position:absolute;inset:0;width:100%;height:100%}
.fid-intro p{position:absolute;top:calc(46% + min(9vw,6vh,54px));width:100%;margin:0;text-align:center;color:#d7f5e8;font:600 clamp(10px,1.35vw,15px)/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.16em;animation:fid-name .55s ease-out 1.12s both}
@keyframes fid-name{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@keyframes fid-depart{from{opacity:1}to{opacity:0}}
@media print,(prefers-reduced-motion:reduce){dialog.fid-intro{display:none}}