.empire-intro{position:fixed;inset:0;z-index:10000;background:#060606;overflow:hidden;animation:intro-exit .25s 1.75s both}.empire-intro canvas{width:100%;height:100%;display:block}.intro-name{position:absolute;left:20px;right:20px;top:43%;text-align:center;color:#ececec;animation:intro-title 2s both}.intro-name span{display:block;font:11px Arial,sans-serif;letter-spacing:7px}.intro-name strong{display:block;font:400 clamp(46px,12vw,95px)/1.15 Georgia,serif;letter-spacing:9px;margin-top:12px}.intro-name small{display:block;font:8px Arial,sans-serif;letter-spacing:4px;color:#a7a7a7;margin-top:20px}.intro-skip{position:absolute;right:24px;top:max(28px,env(safe-area-inset-top));border:1px solid #ffffff40;border-radius:30px;color:#eeeeee;background:#131313bf;padding:12px 18px;font:12px Arial,sans-serif;cursor:pointer}.intro-progress{position:absolute;bottom:0;left:0;height:2px;background:#d9d9d9;animation:intro-progress 2s linear both}.intro-replay{background:transparent;color:#dddddd;border:1px solid #ffffff30;border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:19px}@keyframes intro-title{0%,20%{opacity:0;transform:scale(.9);filter:blur(7px)}55%,90%{opacity:1;transform:scale(1);filter:blur(0)}100%{opacity:1;transform:scale(1.025)}}@keyframes intro-exit{from{opacity:1}to{opacity:0}}@keyframes intro-progress{from{width:0}to{width:100%}}.empire-intro.still,.still .intro-name,.still .intro-progress{animation:none}.still .intro-name{opacity:1}@media(prefers-reduced-motion:reduce){.empire-intro,.intro-name,.intro-progress{animation:none!important}}