.fixed-info{position:fixed;left:0;top:0;color:red}:not(.home){font-size:.75rem}:not(.home) body{margin:0;overflow:hidden;scrollbar-width:none;touch-action:none}:not(.home) ::-webkit-scrollbar{width:0;height:0}.extComponent{position:relative;height:100dvh;text-align:center;overflow:hidden}.mobile>body .extComponent{float:right}.extTabbar{position:absolute;left:50%;bottom:1rem;width:17.5rem;height:3.5rem;padding:.25rem;border-radius:2rem;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;background:#888}@media (min-aspect-ratio: 1){.extTabbar{left:1rem;bottom:50%;width:3.5rem;height:17.5rem;transform:translateY(50%)}}.extTabbar>*{margin:.25rem;width:3rem;height:3rem;border-radius:1.5rem;background:radial-gradient(circle closest-side,#fff,#000 90%),conic-gradient(red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080);background-blend-mode:screen;cursor:pointer;color:#000}.extTabbar>* .active{color:red}.extTabbar>:last-child{background:none}.home *{margin:0;padding:0;text-align:center;font-family:"Source Serif Pro";color:#fff}.home body{padding-top:3.5rem;padding-bottom:3.5rem;background:#3f3f3f}.home h1{margin:1rem;font-size:5rem;letter-spacing:1rem}.home h2{float:left;font-size:1.5rem;letter-spacing:.1rem}.home h3{margin:1rem;font-size:1.5rem;letter-spacing:.1rem}.home header,.home footer{position:fixed;width:100%;height:3.5rem;line-height:3.5rem}.home header{top:0;padding-left:1rem;background:#ffffff1a}.home footer{bottom:0}.leaderboard{width:100dvw;overflow:scroll}@media (min-aspect-ratio: 1){.leaderboard{padding-left:5rem;max-width:calc(100dvw - 5rem)}}.leaderboard .userdata,.leaderboard .userlist,.leaderboard .typelist{min-width:20rem;padding:.25rem;border-radius:2rem;display:flex;flex-flow:column;justify-content:start;background:#888}.leaderboard .userdata>div,.leaderboard .userlist>div,.leaderboard .typelist>div{margin:.25rem;height:3rem;border-radius:1.5rem;display:flex;justify-content:space-between;background:#ccc}.leaderboard .userdata>div img,.leaderboard .userlist>div img,.leaderboard .typelist>div img{height:3rem;width:3rem;border-radius:1.5rem}.leaderboard .userdata>div p,.leaderboard .userlist>div p,.leaderboard .typelist>div p{margin:0 1rem 0 .5rem;line-height:3rem;font-size:1.5rem;flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left}.leaderboard .userdata>div>:last-child,.leaderboard .userlist>div>:last-child,.leaderboard .typelist>div>:last-child{flex:unset;flex-shrink:0;margin-left:auto}.leaderboard .userdata{margin:1rem}.leaderboard .userdata *{cursor:pointer}.leaderboard .userlist{margin:1rem 1rem 6rem;cursor:default}@media (min-aspect-ratio: 1){.leaderboard .userlist{margin:1rem}}.leaderboard .typelist{position:absolute;top:6rem;left:50%;width:calc(100dvw - 2.5rem);transform:translate(-50%);opacity:0;transition:opacity .1s;pointer-events:none;background:#444}@media (min-aspect-ratio: 1){.leaderboard .typelist{left:calc(50% + 2.5rem);width:calc(100dvw - 7.5rem)}}.leaderboard .typelist *{cursor:pointer}.leaderboard .typelist .active{color:red}.leaderboard .typelist.active{opacity:1;pointer-events:initial}.video>body .leaderboard{padding-left:5rem;width:30rem}.video>body .leaderboard .userdata{margin-top:6rem}.video>body .leaderboard .userlist{margin:1rem 1rem 6rem}.video>body .leaderboard .typelist{top:11rem;left:calc(50% + 2.5rem);width:27.5rem}.place{width:100dvmin}.place>:first-child{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.place>canvas{position:absolute;left:0;top:calc(50% - 50dvmin);width:100dvmin;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:-o-crisp-edges;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.place>svg{position:absolute;left:-10%;top:calc(50% - 60dvmin);width:120dvmin;pointer-events:none}.place .palette,.place .clear,.place .config,.place .dlpopup,.place .toolbar{position:absolute;left:50%;width:17.5rem;padding:.25rem;border-radius:2rem;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;background:#888}@media (max-aspect-ratio: 1){.place .palette,.place .clear,.place .config,.place .dlpopup,.place .toolbar{transform:translate(-50%) translateY(-5rem)}}.place .palette>*,.place .clear>*,.place .config>*,.place .dlpopup>*,.place .toolbar>*{margin:.25rem;width:3rem;height:3rem;border-radius:1.5rem;cursor:pointer}.place .palette>*>input,.place .clear>*>input,.place .config>*>input,.place .dlpopup>*>input,.place .toolbar>*>input{margin:.25rem;width:3rem;height:3rem;transform:translate(-.25rem,-3.5rem);overflow:hidden;opacity:0;cursor:pointer}.place .palette,.place .clear,.place .config,.place .dlpopup{bottom:6rem;opacity:0;transition:opacity .1s;pointer-events:none}.place .palette.active,.place .clear.active,.place .config.active,.place .dlpopup.active{opacity:1;pointer-events:initial}.place .palette{min-width:3.5rem;overflow:scroll}.place .clear>*,.place .config>*,.place .dlpopup>*{width:17.5rem;cursor:pointer}.place .clear a,.place .config a,.place .dlpopup a{line-height:3rem;background:#fff;color:#000;font-size:1.5rem;text-decoration:none;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.place .clear>div,.place .config>div,.place .dlpopup>div{display:flex;flex-wrap:wrap;justify-content:space-between;cursor:default}.place .clear>div>*,.place .config>div>*,.place .dlpopup>div>*{width:10rem;height:3rem;border-radius:1.5rem;background:#fff;color:#000}.place .clear>div>:first-child,.place .clear>div>:last-child,.place .config>div>:first-child,.place .config>div>:last-child,.place .dlpopup>div>:first-child,.place .dlpopup>div>:last-child{width:3rem;cursor:pointer}.place .toolbar{bottom:1rem;height:3.5rem}@media (min-aspect-ratio: 1){.place .toolbar{left:unset;right:1rem;bottom:50%;width:3.5rem;height:17.5rem;transform:translateY(50%)}}.place .toolbar>*{background:radial-gradient(circle closest-side,#fff,#000 90%),conic-gradient(red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080);background-blend-mode:screen}.place .toolbar>* .active{color:red}.dashboard>body .place .dashboard{display:unset}.dashboard>body .place .nodashboard{display:none}:not(.dashboard)>body .place .dashboard{display:none}:not(.dashboard)>body .place .nodashboard{display:unset}.mobile>body .place .toolbar>:last-child{color:#888;pointer-events:none}