body{color:#fff;-webkit-user-select:none;user-select:none;background-color:wheat;font:700 1.5svw Calibri,sans-serif}body,body button{letter-spacing:.1ex;word-spacing:.1ex}body h1,body h2{text-align:center}body h1{text-transform:uppercase}body div#intro{color:#766;margin-bottom:3em}body div#intro h1,body div#intro h2{opacity:0}body div#intro.loaded h1{opacity:1;transition:opacity .5s 1s}body div#intro.loaded h2{opacity:1;transition:opacity .5s 2s}body div#epRoot{box-sizing:border-box;aspect-ratio:16/9.2;width:80svw;margin:auto;position:relative}body div#epRoot button{cursor:pointer;transition:scale .15s cubic-bezier(.15,-2,.25,2.5);scale:1}body div#epRoot button:hover,body div#epRoot button:active{scale:1.04}body div#epRoot>div{border:.75ex inset silver;border-radius:1em;position:absolute;overflow:hidden}body div#epRoot>div#d2{visibility:hidden;opacity:0}body div#epRoot>div#d2.fadeIn{visibility:visible;opacity:1;transition:opacity .5s}body div#epRoot>div>div.content{box-sizing:border-box;aspect-ratio:16/9;background-image:url(./Background-CpmUSIM7.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:80svw;margin:auto}body div#epRoot>div>div.content>div.head{align-items:center;padding:0 3ex;display:flex}body div#epRoot>div>div.content>div.head>h1{flex-grow:1;font-size:210%;display:inline-block}body div#epRoot>div>div.content>div.head>button{color:#fff;text-shadow:.1ex .1em .1ex #000a;background-color:#fff3;border-width:0;border-radius:5%;min-width:11ex;min-height:2em;padding:0;font-size:110%}body div#epRoot>div>div.content>div.head>button>span,body div#epRoot>div>div.content>div.head>button img{vertical-align:middle}body div#epRoot>div>div.content>div.head>button>span{padding-left:1ex}body div#epRoot>div>div.content>div.head>button>img{width:3.5ex;margin-left:.75ex}body div#epRoot>div>div.content>h2{font-weight:500}body div#epRoot>div>div.content>div.buttons{--red:red;--yellow:#ddb600;--blue:#1789d7;--green:#0ba114;flex-wrap:wrap;justify-content:center;display:flex}body div#epRoot>div>div.content>div.buttons>button{box-sizing:border-box;aspect-ratio:1;color:#fff;text-shadow:.2ex .15ex .25ex #000c;border:.22cqw outset #fff;border-radius:7.5%;width:13cqw;margin:.41em 1.235ex;font-size:112%;font-weight:500;transition:background-color .18s ease-in;box-shadow:inset 0 0 1ex .4ex #0002}body dialog{border:1ex ridge #a99;border-radius:3ex;padding:1.5em 4ex .7em;box-shadow:1em .9em 1.5ex -.1ex #000d}body dialog div:last-child{text-align:center;margin-top:1.5em}body dialog div:last-child>button{min-width:6em}body div#controls{color:#544;text-align:center;box-sizing:border-box;cursor:pointer;background-color:#1114;border:.3ex outset #a99;border-radius:1ex;width:fit-content;margin:1.5em auto 0;padding:.7em 3ex;box-shadow:.3ex .3ex .3ex -.03ex #000b}body div#controls:hover{background-color:#4444}body div#controls:hover:active{background-color:#1117}body div#controls>*{cursor:pointer}body div#controls label,body div#controls img,body div#controls div{vertical-align:bottom}body div#controls img{width:3ex;margin-left:1ex}body div#controls div{box-sizing:border-box;background:#fff;border:1px solid #444;border-radius:.5ex;width:3ex;margin-left:1ex;display:inline-block}
