#m4-intro[hidden]{display:none!important}
#m4-intro{position:fixed;z-index:20000;inset:0;overflow:hidden;isolation:isolate;outline:none}
.intro-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#fff 10%,#f5f5f5 76%)}
.intro-art{position:absolute;left:50%;top:46%;width:min(330px,64vw,52svh);transform:translate(-50%,-50%)}
#intro-logo{display:block;width:100%;height:auto;overflow:visible;transform-origin:50% 49%;will-change:transform,opacity}
.intro-skip{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));display:flex;align-items:center;gap:20px;padding:12px 19px;min-height:46px;border:1px solid #dedede;border-radius:30px;color:#606060;background:#ffffffd9;font:14px/1.4 Roboto,Arial,sans-serif;cursor:pointer}
.intro-skip:hover{border-color:#969696;background:#fff}
.intro-skip:focus-visible,#replay:focus-visible{outline:3px solid #969696;outline-offset:4px}
.intro-label{position:absolute;bottom:30px;left:32px;font:10px/1.4 Roboto,Arial,sans-serif;letter-spacing:2px;color:#808080}
html.intro-active{overflow:hidden}

@media(max-width:600px){.intro-art{width:min(280px,68vw,48svh);top:45%}.intro-skip{top:18px;right:18px;padding:10px 15px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#intro-logo{will-change:auto}}
@media print{#m4-intro{display:none!important}html.intro-active{overflow:visible}}