@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none}:root{font-size:1em;font-family:Noto Sans,sans-serif;background-color:#f9f5f6}::backdrop{background-color:#f9f5f6}.container{margin:0 auto;width:100%}.container.container-fit{width:-moz-fit-content;width:fit-content}@font-face{font-family:curvytron2;src:url(../fonts/curvytron2.ttf?t8oyfb) format("truetype"),url(../fonts/curvytron2.woff?t8oyfb) format("woff"),url(../fonts/curvytron2.svg?t8oyfb#curvytron2) format("svg");font-weight:400;font-style:normal;font-display:block}.icon{display:inline-block}[class^=icon-]:before,[class*=" icon-"]:before{font-family:curvytron2!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-enlarge:before{content:""}.icon-reduce:before{content:""}.icon-cancel:before{content:""}.icon-gauge:before{content:""}.icon-hour-glass:before{content:""}.icon-cog:before{content:""}.icon-network:before{content:""}.icon-palette:before{content:""}.icon-exit:before{content:""}.icon-keyboard:before{content:""}.icon-eye:before{content:""}.icon-chevron-right:before{content:""}.icon-chevron-left:before{content:""}.icon-arrow-left:before{content:""}.icon-trophy:before{content:""}.icon-hand:before{content:""}.icon-check:before{content:""}.icon-cross:before{content:""}.icon-phone:before{content:""}.icon-gamepad:before{content:""}.icon-arrow-right:before{content:""}.icon-offline:before{content:""}.icon-skull:before{content:""}.icon.ok{color:#ff777e}.icon.ko{color:#373740}h1{font-size:3em}h2{font-size:2em}.brand{color:#373740;font-weight:600;text-decoration:none;font-size:1.4em}.badge{background-color:#ff777e;color:#fff;padding:.2em .3em;border-radius:.3em;font-weight:700}.diode{display:inline-block;width:1em;height:1em;border-radius:1em;line-height:1;background-color:#ff777e}.diode.success{background-color:#55c261}.diode.error{background-color:#d75741}table{max-width:100%;margin:.4em 0}table.with-cards{border-collapse:separate;border-spacing:0 .6em}table td,table th{border:hidden;padding:.3rem;vertical-align:middle}table .left{text-align:left}table .right{text-align:right}table .right .cell{width:100%;display:flex;justify-content:end}table .centered{text-align:center}table .narrow{white-space:nowrap;width:1%}table .full>*{width:auto}table .invisible{white-space:nowrap;width:0;padding:0}table tr.card td{background-color:#fcfcfc}table tr.card td.first{padding-left:.6em;border-top-left-radius:.9rem;border-bottom-left-radius:.9rem}table tr.card td.last{padding-right:.6em;border-top-right-radius:.9rem;border-bottom-right-radius:.9rem}table thead{color:#373740;font-weight:500;line-height:1.4}.inline-form{display:flex}.inline-form>input{flex:1}.inline-form>:first-child{margin-right:1em}input:not([type=range]){font-size:1em;height:1em;line-height:1;border-radius:.6rem;padding:.6em .8em;background-color:#fff;border:1px solid #e5e5e5;box-shadow:#f6f5f6 0 1px 2px inset;font-family:Noto Sans,sans-serif}input:not([type=range])::-moz-placeholder{color:#ccc}input:not([type=range])::placeholder{color:#ccc}input:not([type=range]):focus{outline:none;border-color:#ff9196}input[type=color],.input-color{box-sizing:content-box;padding:.4em .8em;height:1.4em}.input-range{display:flex;align-items:center}.input-range .value{font-size:.9em;width:2.55em;margin-left:.5em}.form{margin:1em 0}.form .form-row{display:flex;align-items:center;justify-content:space-between;margin:.4em 0}.form .form-row label{margin-right:1em}button,.button{display:flex;align-items:center;white-space:nowrap;font-size:1em;align-self:center;line-height:1;box-sizing:content-box;border-radius:.6rem;padding:.6rem 1rem;font-weight:600;background-color:#ff777e;border:none;color:#fff;box-shadow:0 1px 3px #0000001a;transition:background-color .12s ease-in-out;cursor:pointer}button:hover,.button:hover{background-color:#ff5e66}button .icon+.label,.button .icon+.label{margin-left:.3em}button,.button{text-decoration:none}button.button-white,.button.button-white{background-color:#fff;color:#ff777e}button.button-white:hover,.button.button-white:hover{color:#f7000d}button.button-white.active,.button.button-white.active{color:#f7000d;background-color:#e5e5e5}button.button-inverse,.button.button-inverse{background-color:#373740;color:#fff}button.button-inverse:hover,.button.button-inverse:hover{background-color:#000}button.button-ghost,.button.button-ghost{background-color:transparent;box-shadow:none;color:#373740}button.button-ghost:hover,.button.button-ghost:hover{color:#000}button.pressable,.button.pressable{position:relative;overflow:hidden;z-index:1}button.pressable:before,.button.pressable:before{content:"";position:absolute;background-color:#ff5e66;top:0;right:100%;bottom:0;left:0;z-index:-1;transition:right 1s ease-in}button.pressable.pressed:before,.button.pressable.pressed:before{right:0}button:not(.pressable):before,.button:not(.pressable):before{transition:none}@keyframes slide-in{0%{opacity:0;top:0}to{opacity:1;top:50%}}@keyframes appear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.home{display:flex;flex-direction:column;align-items:center}.home .title{margin:1em 0}.home .room-list-container{display:flex;flex-direction:column;align-items:stretch;width:-moz-fit-content;width:fit-content;margin:0 auto;max-height:70vh}.home .room-list{margin:1em 0;overflow:auto}.room{height:100vh;width:100vw;overflow:hidden;position:relative}.room .display{width:100vw;height:100vh}.room .content-center{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:slide-in .2s both ease-out}.room .lobby .title{font-size:2em;margin-bottom:.8em;text-align:center}.room .lobby .player-list{margin-top:-1em}.room .lobby .back{margin-top:1em}.room .hud{position:absolute;width:100vw;height:100vh;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-direction:column}.room .topbar{width:100%;display:flex;align-items:center;justify-content:space-between}.room .topbar .nav-right,.room .topbar .nav-left{flex:1;display:flex;align-items:center}.room .topbar .nav-left{justify-content:flex-start}.room .topbar .nav-right{justify-content:flex-end}.room .topbar>*{padding:.6em}.room .body{flex:1;display:flex;align-items:stretch;justify-content:space-between}.room .sidebar{display:flex;flex-direction:column;padding:1em}.room .sidebar.left{flex-direction:column}.room .sidebar.right{flex-direction:column;align-items:end;justify-content:flex-end}.main-loader{display:flex;flex-direction:column;align-items:center}.main-loader .title{margin:1em 0}.main-loader .loader{text-align:center}.main-loader .loader .message{margin:1em 0;color:#42424d}.main-loader .loader .progress{font-weight:700}.main-loader .loader progress{margin:.2em 0}.room-list{display:flex;flex-direction:column;align-items:stretch;justify-content:center}.room-list .room-link{margin:.5em 0;padding:1em 1.4em;border-radius:.6rem;box-shadow:0 1px 3px #0000001a;font-size:1.2em;line-height:1;text-decoration:none;color:#373740;background-color:#fff;display:flex;align-items:center;justify-content:space-between;transition:all .1s ease-in-out}.room-list .room-link:hover{background-color:#ff777e;color:#fff}.room-list .room-link .players{margin-right:.5em;font-weight:500}.room-list .room-link .name{font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 1em}.room-list .room-link .colors{white-space:nowrap}.room-list .room-link .colors .color{display:inline-block;width:1em;height:1em;border-radius:100%;background-color:var(--color)}.room-list .room-link .colors .color+.color{margin-left:-.5em}.group{white-space:nowrap}.group :first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.group :last-child{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.room-banner{display:flex;align-items:center}.room-banner .diode{margin-right:.4em}.playing .room-banner{opacity:.4}.tag{display:inline-block;border-radius:.2em;height:1em;width:1em}.player-list{width:100%;max-height:60vh;font-size:1.2em}.player-list th .name{padding:.4em .8em}.player-list th .controls{padding-right:.6em}.player-list th.first{padding-left:1em}.player-list .player-line{position:relative;color:#373740;background-color:#fcfcfc}.player-list .player-line .color{display:block;width:1.4em;height:1.4em;background-color:var(--color);border-radius:100%;box-shadow:0 1px 2px #ccc}.player-list .player-line .color-label{cursor:pointer;overflow:hidden;position:relative}.player-list .player-line .color-label input{position:absolute;z-index:-1;top:1em;left:1em;opacity:0;width:0;height:0}.player-list .player-line .name{font-weight:600;display:block}.player-list .player-line .name-input{font-weight:600;color:#373740;padding:.5em .8em}.player-list .player-line .invisible{position:relative}.player-list .player-line .button{padding:.4rem .8rem}.player-list .player-line.card.ready{background-color:#ff777e}.player-list .player-line.card.ready td{background-color:#ff777e;color:#fff}.player-list .player-line.card.ready .mapping{color:#fff}.player-list .player-line.card.ready input,.player-list .player-line.card.ready .mapping .button{color:#fff;background-color:transparent;border-color:transparent;box-shadow:none}.player-list .player-line.card.ready .color{box-shadow:0 1px 2px #0000004d}.player-list .player-line:not(.local) .name{padding:.4em .8em}.player-list .player-line.local .toggle-ready{margin:auto}.player-list .player-line.local .toggle-ready:not(.ready).pressed:before{right:0}.player-list .player-line.local .toggle-ready.ready:before{transition:none}.player-list .player-line .remove{position:absolute;z-index:-1;top:0;right:100%;padding-right:2em;width:3em;height:100%;box-sizing:border-box;margin-right:-3em;border-radius:.9rem 0 0 .9rem;opacity:0;box-shadow:none;transition:all .2s ease-out}.player-list .player-line:hover .remove{opacity:1;margin-right:-1em;box-shadow:0 1px 3px #0000001a}.game{flex:1;display:flex}.game .scene{flex:1;position:relative;display:flex;justify-content:stretch;align-items:center}.game canvas{display:block;width:100%;height:100%}.dg.main{position:absolute;z-index:50;bottom:0;right:0}.dg.main .title{font-size:initial;font-weight:initial;margin:0}.sidebar{display:flex;flex-direction:column;justify-content:space-between}.metrics{display:flex;flex-direction:column;align-items:flex-end;font-family:monospace;color:#373740;opacity:.75}.metrics .metric{margin:.2em 0}.metrics .value{margin-left:.4em}.metrics canvas{width:100%}.avatar-list{display:flex;flex-direction:column;font-size:1.2em}.avatar-list .avatar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;height:1em;border-top:1px solid rgba(255,255,255,.8);background-color:#f6f5f699;box-shadow:0 1px 2px #ccc;border-radius:2em;padding:.5em .8em .5em .5em;margin:.2em 0}.avatar-list .avatar .color{display:block;width:1em;height:1em;background-color:var(--color);border-radius:100%;margin-right:.4em;box-shadow:0 1px 2px #ccc}.avatar-list .avatar .icon{display:block;font-size:.7em;margin-left:.5em}.avatar-list .avatar .name-container{flex:1;display:flex;align-items:center;min-width:2em;max-width:8em}.avatar-list .avatar .name{flex:1;line-height:1;white-space:nowrap;text-overflow:ellipsis;color:#373740;font-weight:500;overflow:hidden}.avatar-list .avatar .score{margin-left:1em;height:1em;min-width:1em;white-space:nowrap;color:#373740;font-weight:700;text-align:center}.avatar-list .avatar .score .gain{position:absolute;left:100%;margin-left:.4em;color:#373740}.avatar-list .avatar.local{background-color:#fffc}.avatar-list .avatar.dead{opacity:.75;border-top:1px solid rgba(66,66,77,.8);background-color:#373740cc}.avatar-list .avatar.dead .name,.avatar-list .avatar.dead .score{color:#e5e5e5}.avatar-list .avatar.dead .color{box-shadow:0 1px 2px #373740}.avatar-list .avatar.off{opacity:.66;border-top:1px solid rgba(215,87,65,.8);background-color:#d75741cc}.avatar-list .avatar.off .name,.avatar-list .avatar.off .score{color:#fff}.avatar-list .avatar.off .color{box-shadow:0 1px 2px #d75741}.game-tags{display:flex;align-items:center;margin-bottom:1em}.game-tag{display:flex;align-items:center;height:1em;border-radius:2em;padding:.5em .8em;border-top:1px solid white;background-color:#fafafa;box-shadow:0 1px 2px #ccc;width:-moz-min-content;width:min-content}.game-tag .icon{margin-right:.6em;font-size:1.2em;color:#e5c319}.game-tag .value{color:#373740;font-weight:700}.game-tag.round .value{font-weight:500;margin-right:.2em}.mapper{width:-moz-fit-content;width:fit-content;margin:0}.mapping{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;cursor:pointer;color:#ff777e;position:relative}.mapping .type{display:flex;justify-content:center;align-items:center}.mapping .button{font-size:.9em;padding:.6em .8em}.mapping .icon{font-size:1.6em}.mapping .icon-number{font-weight:700;font-size:.75em;border-radius:1em;border:.15em solid;margin-right:.3em;width:1.2em;height:1.2em;line-height:1.2em;text-align:center;vertical-align:middle}.mapping .keys{display:flex}.mapping .type+.keys{margin-left:.6em}.touch-trap{display:block;position:absolute;z-index:50;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.touch-trap:before,.touch-trap:after{content:"";display:none;position:absolute;width:50%;height:100%}.touch-trap.left:before{display:block;background-image:linear-gradient(90deg,#ff777e1a,#ff777e00 50%);left:0}.touch-trap.right:after{display:block;background-image:linear-gradient(90deg,#ff777e00 50%,#ff777e1a);right:0}.round{text-align:center}.round .title{text-align:center;font-size:1.8em;margin-bottom:.5em;color:#373740}.round .title .winner{display:block;color:var(--color)}.round .message{font-size:1.4em}.countdown .time{display:block;font-size:3em;color:#373740;animation:appear 1s both ease-out}.summary .title{text-align:center;font-size:2em;margin-bottom:1em;color:#373740}.summary .title .winner{display:block;color:var(--color)}.summary .message{text-align:center;margin-bottom:1em}.summary .avatar-ranked{display:flex;align-items:center;justify-content:stretch}.summary .avatar-ranked .avatar{flex:1}.summary .avatar-ranked .position{margin-right:.6em}.summary .avatar-ranked .icon.position-1{color:#eec93c}.summary .avatar-ranked .icon.position-2{color:#afafaf}.summary .avatar-ranked .icon.position-3{color:#ed9d52}.summary .close{margin-top:1em}.blur-panel{padding:1em;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);background-color:#ffffff4d;border-radius:.6rem;border-top:1px solid rgba(255,255,255,.3);box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;max-width:100%;max-height:80vh;box-sizing:border-box}.blur-panel .panel-top{position:absolute;bottom:100%}.blur-panel .panel-bottom{position:absolute;top:100%}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background-color:#0000001a;-webkit-backdrop-filter:blur(.5em);backdrop-filter:blur(.5em)}.modal .title{font-size:1.6em;margin-bottom:.6em}.settings-modal .blur-panel{background-color:#fffc}.mobile-only{display:none}@media(min-width:1400px){:root{font-size:20px}.container{max-width:1400px}}@media(max-width:1400px){:root{font-size:18px}.container{max-width:1200px}}@media(max-width:1200px){:root{font-size:16px}.container{max-width:992px}}@media(max-width:992px){:root{font-size:14px}.container{max-width:768px}}@media(max-width:768px){:root{font-size:12px}.container{max-width:576px}}@media(orientation:portrait){.room .body{flex-direction:column}.room .body .sidebar.right,.room .body .sidebar.left,.room .body .metrics{flex-direction:row}.room .body .metrics .metric{margin:0 .4em}.room .body .avatar-list{flex-flow:row wrap;margin:-.4em}.room .body .avatar-list>*{margin:.4em}}@media(max-width:576px){.mobile-hidden{display:none}.mobile-only{display:inherit}.icon.mobile-only{display:inline-block}.room .content-center{width:calc(100% - 4em);align-items:stretch}.player-list{max-width:100%}.player-list .name-input{max-width:7.5em}:root{font-size:12px}h1{font-size:2em}.inline-form{flex-direction:column}.inline-form :first-child{margin-bottom:1em;margin-right:0}.container{padding:0 3rem;max-width:100%;width:auto}table td,table th{padding:.2em}}