@font-face{font-family:Mario;src:url(/3dworld-select-screen/mariofont.ttf)}*{box-sizing:border-box}body{background-color:#141a22;margin:0;font-family:Raleway}.loading{background-size:1cqmin;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.loading h1{color:#fff;background-color:red;padding:2rem;font-size:4rem}.screen{background-color:#fff;background-image:url(/3dworld-select-screen/dots4.png);background-size:1cqmin;width:min(100vw,177.778vh);margin:0 auto;position:relative;overflow:hidden;aspect-ratio:16/9!important}.randomize-container{color:#0ff;z-index:1;height:10%;position:absolute;top:0;right:0}.randomize-button{cursor:pointer;background-color:#ff4646;border-top:none;border-bottom:.35cqh solid #000;border-left:.35cqh solid #000;border-right:none;width:100%;height:100%}.randomize-button:hover{border-color:orange}.randomize-button img{width:100%;height:100%}.title{background-color:red;width:100%;height:14%;display:flex;position:relative;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/1.5cqw 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/1.5cqw 100%}.title h1{color:#fff;text-align:center;align-self:center;width:100%;font-size:4cqh;font-weight:400}.player-slots-grid{grid-template-columns:repeat(4,1fr);gap:.25cqmin;width:80%;height:100%;margin:1% auto 0;display:grid}.player-slot{background-color:#e9e9e9;width:100%;height:100%;position:relative}@keyframes slide-up{0%{transform:translateY(20%)}to{transform:translateY(0)}}.player-slot:before{content:"";filter:brightness(1.5);opacity:.8;background-image:url(/3dworld-select-screen/stitch.png);background-repeat:repeat-y;background-size:15%;width:10%;height:100%;position:absolute;left:2%}.player-slot:after{content:"";filter:brightness(1.5);opacity:.8;background-image:url(/3dworld-select-screen/stitch.png);background-position:100%;background-repeat:repeat-y;background-size:15%;width:10%;height:100%;position:absolute;top:0;right:2%}.player-slot-controller{grid-template-columns:repeat(4,1fr);gap:.5cqw;width:35%;margin:11% auto 0;display:grid}.controller-dot{aspect-ratio:1;background:linear-gradient(#000 0%,#505050 100%);justify-content:center;align-items:center;width:100%;display:flex}.controller-dot-number{background-color:#adff2f;width:70%;height:70%}.player-slot-image{aspect-ratio:1;width:100%;height:auto;margin-top:15%}.red{color:#ff5039;animation:.1s linear forwards color-animation}.green{color:#5aaa00;animation:.1s linear forwards color-animation}.pink{color:#ffb7c3;animation:.1s linear forwards color-animation}.blue{color:#006bff;animation:.1s linear forwards color-animation}.cyan{color:#60e6e6;animation:.1s linear forwards color-animation}.red-font{color:red}.green-font{color:green}.pink-font{color:#ff6b83}.blue-font{color:#0056ce}.cyan-font{color:#00b9b9}@keyframes color-animation{0%{background-color:#ffff82}to{background-color:currentColor}}.selected{animation:.1s linear selected-animation}@keyframes selected-animation{0%{filter:sepia()saturate(10)hue-rotate(10deg);scale:1.25}to{filter:none;scale:1}}.character-name-container{position:relative}.character-name{text-align:center;-webkit-text-stroke-width:.5cqw;-webkit-text-stroke-color:white;paint-order:stroke fill;width:100%;margin:0;font-family:Mario;font-size:2.5cqw}.character-name-container button{cursor:pointer;z-index:1;background-color:#0000;border:none;width:auto;height:100%;margin:0;position:absolute;top:50%;bottom:50%;transform:translateY(-50%)}.character-name-container button img{z-index:-1;width:auto;height:70%;margin:0;animation:.5s linear infinite arrow-move;position:absolute;top:10%;left:0}@keyframes arrow-move{0%{transform:translate(15%)}50%{transform:translate(0)}to{transform:translate(15%)}}.character-name-container button:first-of-type{left:5%}.character-name-container button:nth-of-type(2){right:10%}.character-name-container button:nth-of-type(2) img{rotate:180deg}.select-indicator-container{background-color:#fff;border-radius:50px;justify-content:center;width:80%;margin:20% auto 0;display:flex}.select-indicator{color:red;-webkit-user-select:none;user-select:none;margin:5%;font-size:1.25cqw;font-weight:400}.select-indicator-button{color:#fff;-webkit-user-select:none;user-select:none;background-color:red;border-radius:50%;margin:5% 0;padding:0 .25cqw;font-size:1.25cqw;font-weight:700}.navigation-bar{isolation:isolate;background-color:#0006;justify-content:end;align-items:center;width:100%;height:8.5%;display:flex;position:absolute;bottom:0}.navigation-bar p:first-child{color:gray;background-color:#fff;border-radius:50%;margin-right:1%;padding:0 .3cqw;font-size:1.25cqw}.navigation-bar p:nth-child(2){color:#fff;margin-right:5%;font-size:1.25cqw;font-weight:700}@property --a{syntax:"<percentage>";inherits:false;initial-value:100%}@property --b{syntax:"<percentage>";inherits:false;initial-value:100.1%}.finish-overlay{z-index:5;width:100%;height:100%;-webkit-mask:radial-gradient(circle at 50% 50%, transparent var(--a), black var(--b));mask:radial-gradient(circle at 50% 50%, transparent var(--a), black var(--b));background-color:#000;position:absolute}.iris-out{animation:1.5s linear forwards iris-out-animation}.iris-in{animation:1s linear forwards iris-in-animation}@keyframes iris-out-animation{to{--a:0%;--b:0%}}@keyframes iris-in-animation{0%{--a:0%;--b:0%}to{--a:100%;--b:100.1%}}