html{height:100%}body{--bg-color:var(--tg-theme-bg-color,#fff);background-color:#2e594b;color:var(--tg-theme-text-color,#222);color-scheme:var(--tg-color-scheme);font-family:sans-serif;font-size:14px;margin:0;padding:0}header{padding:10px;text-align:right}footer p{color:#fff;text-align:center}.container{display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100dvh}main{flex:1;height:100vh}#ball,main{align-items:center;display:flex;justify-content:center}#ball{aspect-ratio:1;background:radial-gradient(circle at 150px 100px,#555,#000);box-sizing:border-box;position:relative;width:95%}#ball,#content{border-radius:50%}#content{align-items:center;background:#333;border:1px solid #666;box-shadow:inset 2px 2px 6px #000;color:#fff;content:"8";display:flex;flex-direction:row;font-size:18vw;height:45%;justify-content:center;width:45%;z-index:1}.shadow{background:#0a0a0a;border-radius:100%;bottom:-2.5%;filter:blur(40px);-webkit-filter:blur(50px);height:60%;left:0;margin-left:auto;margin-right:auto;max-width:90vw;position:absolute;right:0;top:auto;transform:scaleY(.1) translate(0);transform-origin:bottom;width:75%}.text{animation:fadeIn 1.5s;color:rgba(240,220,240,.86);font-size:9vw;letter-spacing:.01em;text-align:center;text-indent:.01em;text-shadow:1px 1px 2px rgba(40,0,200,.8)}.shake{animation:shake 1s infinite alternate}@keyframes shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}