html,body{-webkit-text-size-adjust:none;width:100%;height:100%;margin:0;padding:0;position:fixed;overflow:hidden}html,body,*{touch-action:manipulation}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:horizontal{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-thumb:horizontal:hover{background:#555}input[type=range]{accent-color:#888;height:10px}a{color:#000;text-decoration:underline}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.touch-button{touch-action:none;-webkit-user-select:none;user-select:none}hr{border-top:2px solid #000;margin-top:15px;margin-bottom:15px}hr.top{margin-top:5px}h2{margin-top:0;margin-bottom:0}h3{margin-top:10px;margin-bottom:10px}h5{font-size:17px;font-weight:700}ul{padding-left:20px}label{-webkit-user-select:none;user-select:none;margin-bottom:auto}label span{font-size:14px;font-weight:400}label,input[type=checkbox]{cursor:pointer}input::-webkit-calendar-picker-indicator{opacity:0!important;display:none!important}label#nick-list,label#skin-list{position:relative}label#nick-list:after,label#skin-list:after{content:url(/assets/img/arrow.png);pointer-events:none;padding:.1em;position:absolute;top:27px;right:3px}#overlays,#connecting,#upload-skin,#unban{opacity:0;z-index:200;background-color:#0000004d;position:absolute;inset:0}#connecting,#upload-skin,#unban{z-index:201}#connecting-content{background-color:#fff;border-radius:15px;width:350px;margin:100px auto;padding:5px 15px}#upload-skin-content,#unban-content{border-radius:15px;max-width:510px;min-height:55%;margin:100px auto;position:relative;overflow:hidden}#upload-skin-content iframe,#unban-content iframe{border:none;width:100%;height:100%;position:absolute;inset:0}#connecting-content h3,#upload-skin-content h3{text-align:center}.title{text-align:center;padding:10px}#colors{text-align:center;flex-direction:row;justify-content:space-around;align-items:center;margin-top:5px;display:flex}#colors label input{margin:auto}#server{width:100%}#helloDialog{background-color:#ffffffe8;border-radius:15px;width:350px;height:650px;margin:10px auto;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 9px #243342}#helloDialogContent{height:642px;padding:5px 15px;overflow:hidden}#gameplay{background-color:#ffffffe8;border-radius:15px;width:350px;height:650px;padding:5px 15px;position:absolute;top:0;left:105%;box-shadow:0 0 9px #243342}#news{background-color:#ffffffe8;border-radius:15px;width:350px;height:650px;padding:5px 15px;position:absolute;top:0;left:-105%;box-shadow:0 0 9px #243342}#news .text{height:550px;font-size:15px;overflow-y:scroll}#gameplay .text{height:335px;font-size:15px;overflow-y:scroll}#preview{padding:8px;position:relative;overflow:hidden}#previewSkin{aspect-ratio:1;-webkit-user-select:none;user-select:none;background-image:url(/assets/img/checkerboard.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0 solid #0000;border-radius:50%;width:100%;box-shadow:0 0 8px #000c}#previewName{color:#fff;text-align:center;text-shadow:1px 1px 4px #000;justify-content:center;align-items:center;width:100%;height:100%;font-family:Ubuntu,sans-serif;font-size:40px;display:flex;position:absolute;top:0;left:0}#chat_textbox{z-index:1;color:#fff;text-indent:12px;background:#0003;border:0;outline:none;width:300px;height:30px;font-family:Ubuntu,sans-serif;transition:all .5s ease-in-out;position:absolute;bottom:10px;left:10px}#chat_textbox:focus{background:#00000080}#chat_clear{z-index:1;color:#777;background:#0003;border:0;outline:none;width:30px;height:30px;font-family:Ubuntu,sans-serif;transition:all .5s ease-in-out;position:absolute;bottom:10px;left:310px}#zoom_container{z-index:1;color:#777;text-align:center;background:#0003;border:0;outline:none;width:120px;height:30px;font-family:Ubuntu,sans-serif;font-size:10px;position:absolute;bottom:10px;left:340px}#footer{text-align:center;margin-top:-10px;margin-bottom:10px}#play-btn,#gallery-btn{width:100%}#touch{width:100%;height:100%;position:absolute;top:0;left:0}#touchCircle,#menuBtn,#fullscreenBtn,#splitBtn,#ejectBtn,#doubleSplitBtn,#multiSplitBtn,#zoomInBtn,#zoomOutBtn{position:fixed}#menuBtn,#fullscreenBtn,#splitBtn,#ejectBtn,#doubleSplitBtn,#multiSplitBtn,#zoomInBtn,#zoomOutBtn{z-index:2}#touchCircle{opacity:.3;z-index:3;background:red;border-radius:6vw;width:6vw;height:6vw}#menuBtn,#fullscreenBtn,#splitBtn,#ejectBtn,#doubleSplitBtn,#multiSplitBtn,#zoomInBtn,#zoomOutBtn{opacity:.3;filter:invert();background:#fff;border-radius:6vw;width:12vw;height:12vw;transition:border .2s}#menuBtn.draggable,#fullscreenBtn.draggable,#splitBtn.draggable,#ejectBtn.draggable,#doubleSplitBtn.draggable,#multiSplitBtn.draggable,#zoomInBtn.draggable,#zoomOutBtn.draggable{box-sizing:border-box;border:3px solid red}#menuBtn{top:1vh;left:10vw}#fullscreenBtn{top:1vh;left:24vw}#splitBtn{bottom:11vh;right:12vw}#ejectBtn{bottom:18vw;right:0}#doubleSplitBtn{bottom:11vh;right:26vw}#multiSplitBtn{bottom:11vh;right:40vw}#zoomInBtn{top:1vh;left:38vw}#zoomOutBtn{top:1vh;left:52vw}#playSounds:checked~#soundsVolume{display:inline}#soundsVolume{vertical-align:middle;width:100px;height:18px;padding:0;display:none}#showTransparent:checked~#transparentAlpha{display:inline}#transparentAlpha{vertical-align:middle;width:100px;height:18px;padding:0;display:none}#cellAnimationSpeed:checked~#animationSpeed{display:inline}#animationSpeed{vertical-align:middle;width:100px;height:18px;padding:0;display:none}#cameraSmoothing:checked~#cameraAnimationSpeed{display:inline}#cameraAnimationSpeed{vertical-align:middle;width:100px;height:18px;padding:0;display:none}#slowMassUpdates:checked~#massUpdateInterval{display:inline}#massUpdateInterval{vertical-align:middle;width:100px;height:18px;padding:0;display:none}#settings{height:355px;overflow:auto}#settings label{-webkit-user-select:none;user-select:none;margin-right:10px}.form-wrapper{clear:both;align-items:flex-end;gap:10px;width:100%;margin-bottom:10px;display:flex}.form-label-wrapper{flex-direction:column;font-size:14px;font-weight:400;display:flex}.upload-btn-wrapper{cursor:pointer;width:100%;display:inline-block;position:relative;overflow:hidden}.upload-btn-wrapper button{width:100%}.upload-btn-wrapper input[type=file]{opacity:0;font-size:26px;position:absolute;top:0;left:0}#copy-msg{text-align:center;min-width:110px}.darkTheme #helloDialog,.darkTheme #gameplay,.darkTheme #news{color:#fff;background-color:#090d1799;border:2px solid #243342e6;box-shadow:0 0 9px #243342}.darkTheme a{color:#fff}.darkTheme #menuBtn,.darkTheme #fullscreenBtn,.darkTheme #splitBtn,.darkTheme #ejectBtn,.darkTheme #doubleSplitBtn,.darkTheme #multiSplitBtn,.darkTheme #zoomInBtn,.darkTheme #zoomOutBtn{filter:none}.darkTheme hr{border-top:2px solid #fff}#upload-skin-content{background-color:#ffffffe8}#unban-content{background-color:#fff}.grecaptcha-badge{display:none}.darkTheme #connecting-content,.darkTheme #upload-skin-content{color:#fff;background-color:#090d1799;border:2px solid #243342e6;box-shadow:0 0 9px #243342}@media screen and (width<=899px){#helloDialog{transform:translate(-50%,-50%)scale(.5)}}@media screen and (width<=480px){#gameplay,#news{display:none}#helloDialog{transform:translate(-50%,-50%)scale(.8)}}#gallery{opacity:0;z-index:201;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#gallery-content{background:#fff;border-radius:15px;flex-direction:column;max-width:60%;max-height:80%;display:flex;overflow:hidden}#gallery-header{color:#fff;text-align:center;background:#555;font-size:26px}#gallery-body{min-height:0;display:flex}#skinsUL{scrollbar-color:#9090a0 #fff;scrollbar-width:thin;flex-wrap:wrap;justify-content:center;margin:0;padding:10px 0 0 10px;display:flex;overflow:hidden auto}#skinsUL::-webkit-scrollbar{width:12px}#skinsUL::-webkit-scrollbar-track{border-radius:6px;-webkit-box-shadow:inset 0 0 6px #0000004d}#skinsUL::-webkit-scrollbar-thumb{background:#9090a0;border-radius:6px}#skinsUL::-webkit-scrollbar-thumb:hover{background:#708090}.skin{margin-bottom:10px;margin-right:10px;list-style-type:none}.circular{cursor:pointer;background:url(/assets/img/checkerboard.png) 0 0/150px 150px no-repeat;border-radius:50%;width:150px;height:150px;transition:all .2s;box-shadow:0 0 8px #000c}.skinName{text-align:center;margin-bottom:0;transition:all .2s}.circular:hover{box-shadow:0 0 12px #000c}.circular:hover+.skinName{text-shadow:0 0 1px #000c}