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{--bg-deep: #16112b;--bg-mid: #2c1f4e;--bg-glow: #3a2a6b;--glass: rgba(36, 33, 48, .62);--glass-2: rgba(255, 255, 255, .05);--glass-3: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .08);--stroke-soft: rgba(255, 255, 255, .05);--board: #211f2c;--board-2: #373740;--text: #ffffff;--muted: #c8c2d8;--muted-2: #8b85a0;--muted-3: #6c6783;--coral: #ff6b6e;--coral-deep: #ff5d7e;--coral-soft: rgba(255, 107, 110, .16);--coral-grad: linear-gradient(135deg, #ff8a6b 0%, #ff5d7e 100%);--violet: #7b5cf0;--violet-2: #6b4bd6;--purple: #a05ad6;--pink: #e95fb0;--green: #36d399;--teal: #2dd4bf;--amber: #ffb454;--blue: #4d8af0;--r-pill: 999px;--r-lg: 26px;--r-md: 16px;--r-sm: 12px;--r-xs: 8px;--r-ctl: .6em;--font-display: Outfit, system-ui, sans-serif;--font-body: Outfit, system-ui, sans-serif;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--success: #55c261;--error: #d75741;--victory: #e5c319;--shadow: 0px 1px 3px 0px rgba(33, 31, 44, .5);--shadow-pop: 0 18px 50px rgba(0, 0, 0, .45);--shadow-pill: 0 4px 14px rgba(0, 0, 0, .18);--glow-coral: 0 4px 12px rgba(255, 93, 126, .35);--text-shadow: 0 .07em .01em rgba(33, 31, 44, .9);--blur: .1rem}:root{font-size:.1rem;font-family:var(--font-body);color:#fff}body,::backdrop{background-image:linear-gradient(0deg,#141927,#333c61);background-color:#141927;background-repeat:no-repeat;background-size:100vw 100vh;width:100vw;height:100vh;font-family:var(--font-body)}#root{width:100vw;height:100vh;overflow:hidden}.container{margin:0 auto;width:100%}.container.container-fit{width:-moz-fit-content;width:fit-content}@font-face{font-family:curvytron2;src:url(/assets/curvytron2-BriIsHih.woff?t8oyfb) format("woff"),url(/assets/curvytron2-Pa8aQIO5.ttf?t8oyfb) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Outfit;src:url(/assets/Outfit-5OM8xsXA.woff2) format("woff2-variations"),url(/assets/Outfit-B6lQlNBM.ttf) format("truetype-variations");font-weight:"400..700";font-style:normal;font-display:block}.icon{display:flex;align-items:center;justify-content:center}[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-world:before{content:""}.icon-options:before{content:""}.icon-flash:before{content:""}.icon-warning:before{content:""}.icon-restore:before{content:""}.icon-chevron-down:before{content:""}.icon-chevron-right:before{content:""}.icon-chevron-left:before{content:""}.icon-chevron-up:before{content:""}.icon-hide:before{content:""}.icon-play:before{content:""}.icon-locked:before{content:""}.icon-unlocked:before{content:""}.icon-discord:before{content:""}.icon-info:before{content:""}.icon-link:before{content:""}.icon-user:before{content:""}.icon-user-add:before{content:""}.icon-skull:before{content:""}.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-show: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.ok{color:var(--coral)}.icon.ko{color:var(--board-2)}h1,h2,h3,h4,h5,h6,.title{font-family:var(--font-display);font-weight:var(--weight-bold)}h1{font-size:3em;color:var(--text)}h2{font-size:2em}h3{font-size:1.6em}h4{font-size:1.3em}a{color:var(--coral)}.note{display:flex;gap:.4em;color:var(--muted-2);font-size:.9em}.brand{color:var(--text);font-weight:var(--weight-semibold);text-decoration:none;font-size:1.4em}.badge{background-color:var(--coral);color:#fff;padding:.2em .3em;border-radius:.3em;font-weight:var(--weight-bold);text-shadow:var(--text-shadow);line-height:1;text-align:center;vertical-align:middle;display:inline-block;width:-moz-fit-content;width:fit-content}.icon-badge{display:flex;align-items:center;justify-content:center}table{max-width:100%;margin:.4em 0}table.with-cards{border-collapse:separate;border-spacing:0 .6em}table td,table th{border:hidden;padding:.3em;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:var(--text)}table tr.card td.first{padding-left:.6em;border-top-left-radius:calc(var(--r-ctl) * 1.5);border-bottom-left-radius:calc(var(--r-ctl) * 1.5)}table tr.card td.last{padding-right:.6em;border-top-right-radius:calc(var(--r-ctl) * 1.5);border-bottom-right-radius:calc(var(--r-ctl) * 1.5)}table thead{color:var(--text);font-weight:var(--weight-medium);line-height:1.4}.inline-form{display:flex}.inline-form>input{flex:1}.inline-form>:first-child{margin-right:1em}.form{display:flex;flex-direction:column;gap:1.6em}.form .form-fieldset{display:flex;flex-direction:column;gap:1em}.form .form-legend{display:flex;font-size:1.2em}.form .form-row{display:flex;align-items:center;justify-content:space-between;gap:.8em}.form .form-row .form-label{display:flex;flex-direction:column;gap:.4em}.form .form-row .form-help{font-size:.8em;color:var(--muted-2)}.form .form-block>.form-label{display:block;margin-bottom:.6em}input[type=color],.input-color{box-sizing:content-box;padding:.4em .8em;height:1.4em}input:not([type=range],.input){font-size:1em;height:1em;line-height:1;border-radius:var(--r-ctl);padding:.6em .8em;color:var(--text);background-color:#0000004d;border:1px solid var(--board);box-shadow:#0000004d 0 1px 3px inset;font-family:var(--font-body)}input:not([type=range],.input)::-moz-placeholder{color:var(--muted-2)}input:not([type=range],.input)::placeholder{color:var(--muted-2)}input:not([type=range],.input):focus{outline:none;border-color:var(--muted)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-color:transparent;background-image:linear-gradient(200deg,#c8cad140,#aaadb933),url("data:image/svg+xml,%3c!--%20Generated%20by%20IcoMoon.io%20--%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='293'%20height='512'%20viewBox='0%200%20293%20512'%3e%3cg%20id='icomoon-ignore'%3e%3c/g%3e%3cpath%20d='M292.352%20201.216q0%207.168-5.12%2012.8l-128%20128q-5.632%205.632-12.8%205.632t-12.8-5.632l-128-128q-5.632-5.632-5.632-12.8t5.632-12.8%2012.8-5.632h256q7.168%200%2012.8%205.632t5.12%2012.8z'%20fill='%23c7c9d1'%3e%3c/path%3e%3c/svg%3e");background-repeat:repeat,no-repeat;background-position:0% 0%,right .6em center;background-size:auto,.6em;color:var(--muted);padding:.4em 1.6em .4em .6em;border:1px solid transparent;border-top:1px solid rgba(255,255,255,.1);border-radius:var(--r-ctl);margin:0;box-shadow:var(--shadow);font-family:inherit;font-size:1em;cursor:inherit;line-height:inherit}select:focus{border-color:var(--coral)}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:content-box;height:auto;border:1px solid transparent;background:#00000047;box-shadow:inset 0 1px 3px #00000057;color:var(--text);font-family:var(--font-body);font-weight:var(--weight-medium);font-size:16px;line-height:1.2;border-radius:var(--r-ctl);padding:10px 16px;outline:none;transition:border-color .15s,background .15s}.input::-moz-placeholder{color:var(--muted-3);font-weight:var(--weight-normal)}.input::placeholder{color:var(--muted-3);font-weight:var(--weight-normal)}.input:focus,.input.is-focus{border-color:var(--coral);background:#0000005c}.input.is-error{border-color:var(--coral-deep);background:#ff5d7e14}.input.bordered{background:#0003;border-color:#ffffff2e}.input.bordered:focus,.input.bordered.is-focus{border-color:var(--coral)}.input:disabled,.input.is-disabled{opacity:.45;cursor:not-allowed}.input.num{width:100%;text-align:center;padding:9px 14px;font-weight:var(--weight-bold)}.input.num::-moz-placeholder{color:var(--muted-2);font-weight:var(--weight-medium);letter-spacing:.01em}.input.num::placeholder{color:var(--muted-2);font-weight:var(--weight-medium);letter-spacing:.01em}.input.num.has-unit{padding-right:2em}.input.input-small{padding:.4em .6em;height:1em}.numfield{position:relative;display:inline-block}.num-unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--muted-3);font-weight:var(--weight-medium);font-size:13px;pointer-events:none}.stepper{display:inline-flex;align-items:stretch;border:1px solid var(--stroke);border-radius:var(--r-ctl);overflow:hidden}.stepper-btn{width:36px;background:var(--glass-3);color:var(--muted);font-size:18px;font-weight:var(--weight-bold);line-height:1;cursor:pointer;transition:background .12s,color .12s}.stepper-btn:hover:not(:disabled){background:#ffffff24;color:#fff}.stepper-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-field{position:relative;display:inline-flex;align-items:stretch}.stepper .stepper-input{width:3ch;border:none;border-left:1px solid var(--stroke);border-right:1px solid var(--stroke);border-radius:0;box-shadow:none;padding:8px 4px}.stepper .stepper-input::-webkit-outer-spin-button,.stepper .stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.stepper .stepper-input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.stepper:has(.num-unit) .stepper-input{padding-right:34px}.segmented{display:inline-flex;background:var(--glass-3);border:1px solid var(--stroke);border-radius:var(--r-sm);padding:3px;gap:2px}.segmented-opt{padding:6px 14px;border-radius:var(--r-xs);color:var(--muted);font-family:var(--font-body);font-size:14px;font-weight:var(--weight-medium);cursor:pointer;transition:color .15s,background .15s}.segmented-opt:hover:not(.active){color:#fff;background:#ffffff14}.segmented-opt.active{background:var(--coral-grad);color:#fff;font-weight:var(--weight-semibold)}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{display:inline-flex;align-items:center;gap:7px;background:#ffffff12;border:1.5px solid transparent;color:var(--muted);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:14px;padding:9px 15px;border-radius:var(--r-pill);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip:hover{background:#ffffff1f}.chip.active{background:var(--coral-soft);border-color:var(--coral);color:#fff}.chip-dot{width:9px;height:9px;border-radius:50%;background:currentcolor;opacity:.8}.slider-row{display:flex;align-items:center;gap:1em}.slider{--val: 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--r-pill);background:linear-gradient(to right,var(--coral) var(--val),rgba(255,255,255,.16) var(--val));outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--coral);border:3px solid #fff;box-shadow:0 2px 6px #0000004d;cursor:pointer}.slider::-moz-range-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--coral);cursor:pointer}.slider-val{font-weight:var(--weight-bold);font-size:.85em;color:var(--muted);min-width:3em;text-align:right;font-variant-numeric:tabular-nums}.toggle{--w: 56px;--h: 32px;width:var(--w);height:var(--h);border-radius:var(--r-pill);border:none;position:relative;cursor:pointer;background:#ffffff24;transition:background .2s;flex:0 0 auto;padding:0}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:calc(var(--h) - 8px);height:calc(var(--h) - 8px);border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:transform .2s cubic-bezier(.3,1.3,.5,1)}.toggle.active{background:var(--coral-grad)}.toggle.active:after{transform:translate(calc(var(--w) - var(--h)))}.toggle.is-disabled{opacity:.4;cursor:not-allowed}.checkbox{width:2em;height:2em;border-radius:7px;flex:0 0 auto;border:2px solid rgba(255,255,255,.2);background:transparent;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:transparent;padding:0;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.checkbox:hover{border-color:#fff6}.checkbox.active{background:var(--coral-grad);border:none;padding:2px;color:#fff;box-shadow:var(--glow-coral)}.checkbox.is-disabled{opacity:.4;cursor:not-allowed}.select-wrap{position:relative;display:inline-flex}.select{display:inline-flex;align-items:center;gap:12px;background:#ffffff1a;border:1px solid var(--stroke);border-radius:var(--r-sm);padding:10px 14px;color:var(--muted);font-family:var(--font-body);font-weight:var(--weight-normal);font-size:15px;cursor:pointer;transition:background .15s}.select:hover{background:#ffffff24}.select .icon-chevron-down{opacity:.7;transition:transform .16s}.select.is-open{background:#ffffff24;border-color:var(--coral)}.select.is-open .icon-chevron-down{transform:rotate(180deg);opacity:1}.select-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;z-index:20;background:var(--board);border:1px solid var(--stroke);border-radius:var(--r-sm);padding:6px;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:2px}.select-option{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 12px;border-radius:var(--r-xs);cursor:pointer;white-space:nowrap;color:var(--muted);font-weight:var(--weight-normal);font-size:15px;transition:background .12s,color .12s}.select-option:hover,.select-option.is-active{background:#ffffff14;color:#fff}.select-option.active{color:var(--coral)}.select-option .check{display:inline-flex;color:var(--coral)}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6em}.tile{display:flex;align-items:center;gap:.8em;background:var(--glass-2);border:1.5px solid var(--stroke-soft);border-radius:var(--r-sm);padding:.5em;text-align:left;transition:background .15s,border-color .15s}.tile:hover{background:#ffffff17}.tile.active{background:#ffffff14;border-color:#ffffff29}.tile.active:hover{background:#ffffff1f}.tile.is-off{opacity:.5}.tile .checkbox{margin-right:.4em}.tile-ico{width:3em;height:3em;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto;overflow:hidden;background-color:var(--glass-3);box-shadow:0 4px 10px #00000040,inset 0 1px #ffffff26}.tile-ico video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tile-ico.t-self{background:linear-gradient(140deg,#3fe0a6,#1fb37e)}.tile-ico.t-enemy{background:linear-gradient(140deg,#ff8a6b,#f0506f)}.tile-ico.t-all{background:linear-gradient(140deg,#a86bf0,#7b5cf0)}.tile-body{flex:1 1 auto;min-width:0}.tile-name{display:block;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:1em;color:var(--text);line-height:1.2}.tile-desc{display:block;font-size:.9em;font-weight:var(--weight-normal);color:var(--muted);margin-top:2px;line-height:1.1}.button{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;font-size:1em;line-height:1;box-sizing:content-box;border-radius:var(--r-ctl);padding:.6em .8em;font-family:var(--font-body);font-weight:var(--weight-bold);background:var(--coral-grad);border:none;text-decoration:none;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:var(--shadow),var(--glow-coral);transition:all .12s ease-in-out;border-top:1px solid transparent;cursor:pointer}.button:hover,.button.active{filter:brightness(.92)}.button .icon+.label{flex:1;margin-left:.5em;text-align:center}.button.button-small{font-size:.8em;padding:.4em .6em;line-height:1;height:1em}.button.button-icon{padding:.4em;line-height:1}.button.button-white{background:linear-gradient(135deg,#fff,var(--text));color:var(--coral);text-shadow:0 1px 1px rgba(170,173,185,.5);border-top-color:#fff3;box-shadow:var(--shadow)}.button.button-white:hover{color:#b84042}.button.button-white.active{color:#b84042;background:linear-gradient(0deg,var(--text),var(--muted))}.button.button-inverse{background:var(--board-2);color:#fff;box-shadow:var(--shadow)}.button.button-inverse:hover,.button.button-inverse.active{background:#000}.button.button-ghost{background:linear-gradient(200deg,#c8cad140,#aaadb933);border-top-color:#f6f5f633;text-shadow:0 1px 1px rgba(0,0,0,.8);color:var(--muted);box-shadow:var(--shadow)}.button.button-ghost:hover,.button.button-ghost.active{color:#fff}.button.button-link{display:inherit;background:none;box-shadow:none;border-radius:0;border:0;padding:0;text-shadow:0 1px 1px rgba(0,0,0,.8);color:var(--muted)}.button.button-link:hover,.button.button-link.active{color:#fff}.button.button-success{background:var(--success);box-shadow:var(--shadow)}.button.button-danger{background:var(--error);box-shadow:var(--shadow)}.button[disabled]{background:var(--muted);color:var(--muted-2);box-shadow:var(--shadow);opacity:.8;cursor:not-allowed}.button.pressable{position:relative;overflow:hidden;z-index:1}.button.pressable:before{content:"";position:absolute;background-color:var(--coral-deep);top:0;right:100%;bottom:0;left:0;z-index:-1;transition:right 1s ease-in}.button.pressable.pressed:before{right:0}.button:not(.pressable):before{transition:none}.button-list{display:flex;flex-direction:row;align-items:center;justify-content:center}.button-list.vertical{margin:0 auto;flex-direction:column;align-items:stretch;width:-moz-fit-content;width:fit-content}.button-list.vertical .button{margin:.3em auto}.button-list.vertical .button:first-child{margin-top:0}.button-list.vertical .button:last-child{margin-bottom:0}.button-list:not(.vertical) .button{display:inherit;margin:0 .5em}.button-list:not(.vertical) .button:first-child{margin-left:0}.button-list:not(.vertical) .button:last-child{margin-right:0}@keyframes slide-in{0%{opacity:0;top:0}to{opacity:1;top:50%}}@keyframes slide-up{0%{opacity:0;bottom:-50%}to{opacity:1;bottom:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{transform:rotateX(30deg) scale3d(.75,.75,.75)}to{transform:rotateX(0) scaleZ(1)}}@keyframes appear{0%{opacity:1;transform:scaleZ(1)}50%{opacity:1}to{opacity:0;transform:scale3d(2,2,2)}}@keyframes spin{0%{transform:rotate(45deg)}20%{transform:rotate(135deg)}25%{transform:rotate(135deg)}45%{transform:rotate(225deg)}50%{transform:rotate(225deg)}70%{transform:rotate(315deg)}75%{transform:rotate(315deg)}95%{transform:rotate(404deg);opacity:1}to{transform:rotate(404deg);opacity:0}}.logo{color:var(--text);line-height:1.2;font-family:var(--font-display);font-weight:700;text-shadow:0 .07em .01em rgba(33,31,44,.9);white-space:nowrap}.logo :first-child,.logo :last-child{font-size:1.05em}.logo-icon{width:1em;height:1em}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column}.canvas-container{position:relative;display:block;width:100vw;height:100vh;overflow:hidden}.canvas-container .hud-element{position:absolute;top:0;left:0;z-index:1!important}.grid{display:flex;flex-direction:row;width:100%;gap:6em}.grid .column{flex:1}.centered-column{display:flex;flex-direction:column;align-items:center;justify-content:center}.home{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10vh}.home .header{display:flex;flex-direction:column;align-items:center;margin-bottom:3em}.home .title{font-size:3.6em;margin-bottom:.3em}.home .tagline{font-size:1.2em;text-align:center;color:var(--muted);text-shadow:0 .07em .01em rgba(33,31,44,.9)}.home .side{flex:1;display:flex;align-items:center;flex-direction:column}.home .room-list-container{display:flex;margin:2em 0;padding:0 1em;flex-direction:column;align-items:stretch;overflow:hidden auto;scrollbar-color:var(--muted-3) transparent;scrollbar-width:thin;scroll-behavior:smooth}.room .content-center{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);animation:slide-in .2s both ease-out}.room .content-center .title{font-size:1.2em;color:#fff;text-shadow:0 1px 3px #000;text-align:center}.room .content-center .header{display:flex;align-items:center;justify-content:center;margin-bottom:1em;align-self:stretch;gap:2em}.room .content-center .footer{margin-top:1em}.room .lobby{width:-moz-fit-content;width:fit-content;margin:0 auto;padding:2em 0;min-height:100%;box-sizing:border-box;pointer-events:none}.room .lobby>*{pointer-events:auto}.room .lobby .header{justify-content:space-between}.room .lobby .header .counter{color:var(--text)}.room .lobby .player-list{margin-top:-1em}.room .lobby .add-local-player input{border:1px solid var(--muted-3)}.room .lobby .add-local-player input::-moz-placeholder{color:var(--muted-2)}.room .lobby .add-local-player input::placeholder{color:var(--muted-2)}.room .lobby .player-list-container{max-height:60vh;margin:0 -.5em 0 -7em;padding:0 .5em 0 7em;overflow:hidden auto;scrollbar-color:var(--muted-3) transparent;scrollbar-width:thin;pointer-events:none}.room .lobby .player-list-content{margin:0 auto;pointer-events:auto}.room .room-banner{display:flex;align-items:center;gap:.6em;color:var(--muted-2)}.room .room-banner .status.socket-off{color:var(--text)}.room .room-banner .status.socket-connecting{color:var(--victory)}.room .room-banner .status.socket-open{color:var(--success)}.room .room-banner .status.socket-closed{color:var(--error)}.room .playing .room-banner{opacity:.4}.room .room-status{font-size:1.2em;display:flex;flex-direction:row;gap:.6em}.room .room-status .message{text-align:left;line-height:1.4}.room .notes{position:absolute;bottom:0;z-index:-1;padding:2em 1em;animation:slide-up .2s both ease-out}.room .sidebar.left .game-tags{margin-left:-.5em}.room .sidebar.left .avatar-list-container{direction:rtl;margin:0 -3em 0 -.75em;padding:0 3em 0 .25em;max-height:-moz-fit-content;max-height:fit-content}.room .sidebar.left .avatar-list-container .avatar-list{direction:ltr}.about{display:flex;flex-direction:column;align-items:center}.about header{display:flex;align-items:center;margin:2em auto;position:relative}.about header .button{position:absolute;right:100%;margin-right:2em}.about .grid{flex:1;scrollbar-color:var(--muted-3) transparent;scrollbar-width:thin;overflow:hidden auto;scroll-behavior:smooth;box-sizing:border-box;padding:2em}.about .column{height:-moz-fit-content;height:fit-content}.about .title{font-size:2.4em;margin:0}.about h2{font-size:1.6em;margin-bottom:.8em;color:var(--text)}.about h3{font-size:1.1em;margin-bottom:.8em}.about p{line-height:1.4;padding-bottom:.4em}.about section{margin:2em 0}.about section:first-child{margin-top:0}.about ul li{margin:.5em 0}.main-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-image:linear-gradient(0deg,#141927,#333c61);background-repeat:no-repeat;background-size:100vw 100vh}.main-loader .logo{font-size:3em;margin:0 0 1em}.main-loader .loader{text-align:center}.main-loader .loader .message{color:var(--muted);margin-bottom:1em}.main-loader .loader .progress{font-weight:700;font-family:var(--font-display)}.main-loader .loader progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1em;width:50%;margin:1em 0;border-radius:1em;overflow:hidden}.main-loader .loader progress[value]::-webkit-progress-bar{background-color:var(--muted-3);border-radius:1em;box-shadow:0 2px 5px #00000040 inset}.main-loader .loader progress[value]::-webkit-progress-value{background-color:var(--coral)}.not-found{text-align:center}.not-found .content{margin:4em;padding:2em;transform:rotate(-5deg)}.not-found .subtitle{font-size:1.6em;margin-bottom:.6em}.not-found .message{font-size:1.4em}.not-found .button{width:-moz-fit-content;width:fit-content;margin:0 auto}.white-panel,.blur-panel{padding:1em;border-radius:calc(var(--r-ctl) * 1.5);box-shadow:var(--shadow);display:flex;flex-direction:column;box-sizing:border-box}.white-panel .panel-top,.blur-panel .panel-top{position:absolute;bottom:100%;width:100%}.white-panel .panel-bottom,.blur-panel .panel-bottom{position:absolute;top:100%;width:100%}.blur-panel{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background-color:#ffffff1a;border-top:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);color:var(--text)}.blur-panel .input.transparent{border:1px solid var(--muted-3)}.blur-panel .input.transparent::-moz-placeholder{color:var(--muted-2)}.blur-panel .input.transparent::placeholder{color:var(--muted-2)}.white-panel{background-color:var(--text);box-shadow:var(--shadow);color:var(--bg-deep)}.room-list{gap:1em 2em;display:grid;grid-template-columns:1fr;place-items:center center;justify-content:center;margin:0;padding:0}.room-list.long{grid-template-columns:1fr 1fr;place-items:center stretch}.room-list .room-link{display:flex;align-items:center;justify-content:space-between;gap:.8em;padding:.4em .8em;border-radius:calc(var(--r-ctl) * 1.5);box-shadow:var(--shadow);font-size:1.2em;line-height:1;text-decoration:none;color:var(--board-2);background:linear-gradient(135deg,var(--text),var(--muted));border-top:1px solid #fff;transition:all .2s ease-in-out}.room-list .room-link:hover{background:linear-gradient(135deg,#fff,var(--text))}.room-list .room-link.playing{border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(200deg,#c8cad140,#aaadb933);color:var(--text)}.room-list .room-link.playing:hover{background:linear-gradient(200deg,#c8cad159,#aaadb94d)}.room-list .room-link .players{display:flex;align-items:center;justify-content:center;gap:.2em;font-weight:var(--weight-medium)}.room-list .room-link .name{font-weight:var(--weight-normal);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:10em;line-height:1.2}.room-list .room-link .colors{display:flex;align-items:center;justify-content:center;white-space:nowrap;max-width:5em;padding-right:.5em}.room-list .room-link .colors .color{position:relative;display:block;width:.5em;height:1em}.room-list .room-link .colors .color:before{content:"";display:block;position:absolute;width:1em;height:1em;aspect-ratio:1;border-radius:100%;background-color:var(--color)}.group{display:inline-flex;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}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-direction:column}.topbar{width:100%;display:flex;align-items:center;justify-content:space-between}.topbar .nav-right,.topbar .nav-left{display:flex;align-items:center;gap:1em}.topbar .nav-left{justify-content:flex-start}.topbar .nav-right{justify-content:flex-end}.topbar>*{padding:1em}.body{flex:1;display:flex;align-items:stretch;justify-content:space-between;overflow:hidden}.sidebar{display:flex;flex-direction:column;padding:1em;gap:1em;justify-content:space-between}.sidebar.left{align-items:flex-start}.sidebar.right{align-items:flex-end}.player-label .name-value{text-shadow:var(--text-shadow)}.player-label.local .name-value{font-weight:var(--weight-bold)}.player-label:not(.local){font-size:.8em}.tag{display:inline-block;border-radius:.2em;height:1em;width:1em}.player-list{width:100%;font-size:1em;margin-bottom:0}.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:var(--board-2);background-color:var(--text)}@supports (-moz-appearance: none){.player-list .player-line{background-color:transparent}}.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 var(--muted-2)}.player-list .player-line .color-label{cursor:pointer;overflow:hidden;position:relative;box-shadow:0 1px 3px #5959684d}.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 .button,.player-list .player-line button{box-shadow:0 1px 3px #5959684d}.player-list .player-line .name-container{border:1px solid transparent}.player-list .player-line .name-input{font-size:.9em;font-weight:var(--weight-semibold);color:var(--board-2);padding:.4em .6em;background-color:#fff;border:1px solid #fff;border-radius:.4em;box-shadow:var(--muted-2) 0 1px 3px 0 inset}.player-list .player-line .invisible{position:relative}.player-list .player-line .button{padding:.4em .8em}.player-list .player-line.card.ready{background-color:var(--coral)}@supports (-moz-appearance: none){.player-list .player-line.card.ready{background-color:transparent}}.player-list .player-line.card.ready td{background-color:var(--coral);color:#fff}.player-list .player-line.card.ready .mapping{color:#fff}.player-list .player-line.card.ready .name-input,.player-list .player-line.card.ready .name-container .name-value,.player-list .player-line.card.ready .mapping .button{color:#fff;background:transparent;border-color:transparent;box-shadow:none}.player-list .player-line.card.ready .name-container .name-value{text-shadow:0 1px 1px rgba(55,55,64,.5)}.player-list .player-line.card.ready .color{box-shadow:0 1px 2px #0000004d}.player-list .player-line:not(.local) .name-container{padding:.4em .6em}.player-list .player-line.local .name-input,.player-list .player-line.local .name-container{width:10em}.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:calc(var(--r-ctl) * 1.5) 0 0 calc(var(--r-ctl) * 1.5);opacity:0;box-shadow:none;transition:all .2s ease-out}.player-list .player-line:hover .remove{opacity:1;margin-right:-1em;box-shadow:var(--shadow)}.metrics{display:flex;flex-direction:column;align-items:flex-end;font-family:monospace;color:var(--text);opacity:.75;width:10em}.metrics .metric{margin:.2em 0;display:flex;align-items:center;gap:.4em}.metrics .value{font-size:.8em}.metrics canvas{width:100%}.avatar-list-container{flex:1;overflow:visible scroll;scrollbar-color:var(--muted-3) transparent;scrollbar-width:thin}.avatar-list{display:flex;align-self:start;flex-direction:column;font-size:1em}.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:#fff9;box-shadow:0 1px 2px var(--board);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 var(--muted-2)}.avatar-list .avatar .icon{display:block;font-size:.7em;margin-left:.5em}.avatar-list .avatar .score{margin-left:1em;height:1em;min-width:1em;white-space:nowrap;color:var(--board-2);font-weight:var(--weight-bold);text-align:center}.avatar-list .avatar .score .gain{position:absolute;left:100%;margin-left:.4em;color:var(--muted-2)}.avatar-list .avatar.local{background-color:#fffc}.avatar-list .avatar.dead{opacity:.66;border-top:1px solid color-mix(in srgb,var(--muted-3) 80%,transparent);background-color:color-mix(in srgb,var(--board-2) 80%,transparent)}.avatar-list .avatar.dead .name-value,.avatar-list .avatar.dead .score{color:var(--muted)}.avatar-list .avatar.dead .color{box-shadow:0 1px 2px var(--board)}.avatar-list .avatar.off{opacity:.66;border-top:1px solid color-mix(in srgb,var(--error) 80%,transparent);background-color:color-mix(in srgb,var(--error) 80%,transparent)}.avatar-list .avatar.off .name,.avatar-list .avatar.off .score{color:#fff}.avatar-list .avatar.off .color{box-shadow:0 1px 2px var(--error)}.game-tags{display:flex;align-items:center}.game-tag{display:flex;align-items:center;height:1em;padding:.5em;background-color:#ffffff1a;border-top:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);color:var(--text);width:-moz-min-content;width:min-content}.game-tag:first-child{border-top-left-radius:2em;padding-left:1em;border-bottom-left-radius:2em}.game-tag:last-child{border-top-right-radius:2em;border-bottom-right-radius:2em;padding-right:1em}.game-tag.goal .icon{font-size:1.2em;margin-right:.6em;color:var(--victory)}.game-tag.count .icon{font-size:1.2em;line-height:1;color:var(--muted-2)}.game-tag.count .counter{font-weight:var(--weight-bold)}.game-tag.count .counter .icon-badge{flex-direction:row-reverse}.game-tag .value{color:var(--text);font-weight:var(--weight-bold)}.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:var(--coral);position:relative}.mapping .type{display:flex;justify-content:center;align-items:center}.mapping .button{font-size:.9em;font-family:sans-serif;padding:.6em .8em}.mapping .icon{font-size:1.6em}.mapping .icon-number{font-weight:var(--weight-bold);font-size:.75em;margin-right:.3em;line-height:1.2em;text-align:center;vertical-align:middle}.mapping .keys{display:flex}.mapping .type+.keys{margin-left:.6em}.mapping .xbox.red{color:#e04142}.mapping .xbox.green{color:#53bc3d}.mapping .xbox.blue{color:#09a2ea}.mapping .xbox.yellow{color:#e9d526}.touch-trap{display:flex;position:absolute;z-index:50;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between}.touch-trap .touch-button{display:block;margin:5vw;--r: 3vh;height:25vh;position:relative;aspect-ratio:.8660254038;background:linear-gradient(0deg,var(--muted-2),var(--text))}.touch-trap .touch-button.right{--g: calc(tan(60deg) * var(--r)) left var(--r), #000 98%, #0000 101%;clip-path:polygon(100% 50%,0 100%,0 0);-webkit-mask:conic-gradient(from 60deg at calc(3 * var(--r) / 2 - 100%),#000 60deg,rgba(0,0,0,0) 0) 0 0/calc(100% - 3 * var(--r) / 2) 100% no-repeat,radial-gradient(var(--r) at calc(100% - 2 * var(--r)) 50%,#000 98%,rgba(0,0,0,0) 101%),radial-gradient(var(--r) at top var(--g)),radial-gradient(var(--r) at bottom var(--g));mask:conic-gradient(from 60deg at calc(3 * var(--r) / 2 - 100%),#000 60deg,rgba(0,0,0,0) 0) 0 0/calc(100% - 3 * var(--r) / 2) 100% no-repeat,radial-gradient(var(--r) at calc(100% - 2 * var(--r)) 50%,#000 98%,rgba(0,0,0,0) 101%),radial-gradient(var(--r) at top var(--g)),radial-gradient(var(--r) at bottom var(--g))}.touch-trap .touch-button.left{--g: calc(tan(60deg) * var(--r)) right var(--r), #000 98%, #0000 101%;clip-path:polygon(0 50%,100% 100%,100% 0);-webkit-mask:conic-gradient(from 240deg at calc(200% - 3 * var(--r) / 2),#000 60deg,rgba(0,0,0,0) 0) 100% 0/calc(100% - 3 * var(--r) / 2) 100% no-repeat,radial-gradient(var(--r) at calc(2 * var(--r)) 50%,#000 98%,rgba(0,0,0,0) 101%),radial-gradient(var(--r) at top var(--g)),radial-gradient(var(--r) at bottom var(--g));mask:conic-gradient(from 240deg at calc(200% - 3 * var(--r) / 2),#000 60deg,rgba(0,0,0,0) 0) 100% 0/calc(100% - 3 * var(--r) / 2) 100% no-repeat,radial-gradient(var(--r) at calc(2 * var(--r)) 50%,#000 98%,rgba(0,0,0,0) 101%),radial-gradient(var(--r) at top var(--g)),radial-gradient(var(--r) at bottom var(--g))}.touch-trap:before,.touch-trap:after{content:"";opacity:0;position:absolute;width:50%;height:100%;transition:all .2s ease-out}.touch-trap.left:before{background-image:linear-gradient(90deg,#ff6b6e1a,#ff6b6e00 50%);opacity:1;left:0}.touch-trap.left .touch-button.left{background:linear-gradient(0deg,#ff8069,#ff6e90)}.touch-trap.right:after{background-image:linear-gradient(90deg,#ff6b6e00 50%,#ff6b6e1a);opacity:1;right:0}.touch-trap.right .touch-button.right{background:linear-gradient(0deg,#ff8069,#ff6e90)}.round{text-align:center}.round .title{text-align:center;font-size:1.8em;margin-bottom:.5em;color:var(--text);text-shadow:0 1px 2px var(--board)}.round .winner-message{display:flex;flex-direction:column;gap:.4em}.round .name-container{font-size:1.2em;padding:0;justify-content:center}.round .name-container .name-value{text-shadow:0 .07em .01em rgba(33,31,44,.9)}.round .message{font-size:1.4em}.countdown{display:flex;align-items:center;justify-content:center;position:relative}.countdown .border{display:block;width:8em;height:8em;border:.4em solid var(--text);border-radius:1em;transform:rotate(45deg);animation:spin 4s 3;animation-iteration-count:3;animation-delay:-80ms}.countdown .time{display:block;position:absolute;font-size:3em;color:var(--text);animation:appear 1s both ease-out;font-family:var(--font-display);font-weight:var(--weight-bold);transform:rotate(-45deg)}.summary .title{text-align:center;font-size:1.6em;margin-bottom:1em;color:var(--muted)}.summary .title .winner{display:block;font-weight:var(--weight-bold);text-shadow:0 1px 2px #000}.summary .message{text-align:center;margin-bottom:1em}.summary .message strong{font-weight:var(--weight-bold)}.summary .winner-message{font-size:1.4em;min-width:20em;margin-bottom:0;display:flex;flex-direction:column;align-items:center}.summary .winner-message .name-container{font-size:1.4em;line-height:1.6em;margin:0;padding:0}.summary .avatar-list-container{max-height:50vh;margin-right:-.5em}.summary .avatar-list-container .avatar-list{padding-right:.5em;width:100%;box-sizing:border-box}.summary .avatar-ranked{display:flex;align-items:center;justify-content:stretch}.summary .avatar-ranked .avatar{flex:1;box-shadow:0 1px 2px #211f2c99}.summary .avatar-ranked .position{min-width:1em;margin-right:.6em;text-align:center}.summary .avatar-ranked .icon:before{text-shadow:0 1px 2px rgba(33,31,44,.3)}.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}.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:#00000040;-webkit-backdrop-filter:blur(.5em);backdrop-filter:blur(.5em);animation:fade-in .12s both ease-out;perspective:100vh;padding:2em}.modal .modal-container{animation:pop-in .12s both ease-out;position:relative;transform-origin:bottom}.modal .title{margin-bottom:1em;color:var(--text);text-shadow:0 1px 5px #000}.modal .form-legend{font-family:var(--font-display);font-weight:var(--weight-bold)}.modal .modal-scroll{padding:1em}.modal .modal-scroll.scrollable{overflow-y:auto;scrollbar-color:var(--muted-3) transparent}.modal .modal-content{max-width:50em;min-width:20em;max-height:calc(100vh - 8em);padding:1em;border-radius:calc(var(--r-ctl) * 1.5);box-shadow:var(--shadow);display:flex;flex-direction:column;box-sizing:border-box;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));border:1px solid rgba(200,202,209,.1);background-color:color-mix(in srgb,var(--board-2) 80%,transparent)}.modal .modal-content .close{position:absolute;right:0;bottom:100%;margin-bottom:2em}.options-form .bonus-groups{display:flex;flex-direction:column;gap:1em;max-width:30em}.options-form .bonus-group-title{margin-bottom:.6em;font-family:var(--font-display);font-size:.75em;font-weight:var(--weight-bold);color:var(--muted-2)}.chat{display:flex;flex-direction:column;justify-content:end;align-items:stretch;font-size:.9em;max-width:15vw;margin-top:auto;gap:.8em;width:100%}.chat.open{max-height:33vh;overflow:hidden}.chat .chat-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;height:1.7em;gap:.6em}.chat .button-list{gap:.6em}.chat .button-list .icon{color:var(--text)}.chat .head{flex:1;display:flex;align-items:center;justify-content:flex-start}.chat .head .badge{font-size:.9em;padding:.2em .4em;margin-left:.4em}.chat .message-list{display:flex;flex-direction:column-reverse;overflow:visible scroll;scrollbar-color:var(--muted-3) transparent;scrollbar-width:thin;padding:.8em;background-color:#0003;border-radius:var(--r-ctl);width:100%;box-sizing:border-box}.chat .chat-form{width:100%;font-size:1em;display:flex;flex-direction:row;gap:1em}.chat .chat-input{width:100%}.chat .message{display:flex;flex-direction:column;font-size:1em;line-height:1em;margin-top:.8em;width:100%;color:var(--muted)}.chat .message.grouped,.chat .message:last-child{margin-top:0}.chat .message .message-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4em;gap:.4em;width:100%;position:relative}.chat .message.local{text-align:right}.chat .message.local .message-head{justify-content:flex-end}.chat .message .message-time{color:#c8cad180;font-size:.67em;transition:opacity .1s ease-in}.chat .message .message-player{flex:1;font-size:.8em;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--weight-bold)}.chat .message .message-player.anonymous{color:var(--muted-2)}.chat .message .message-content{font-size:.9em;line-height:1.2}.chat .message .mute{position:absolute;right:0;opacity:0;transition:opacity .1s ease-in;font-size:1.15em}.chat .message .mute .icon{font-size:.8em}.chat .message:not(.local) .message-head:hover .mute{opacity:1}.chat .message:not(.local) .message-head:hover .message-time{opacity:0}.vote-list{top:0;width:50%;margin:0 25%;position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--board-2)}.vote-list .vote{position:relative;border-radius:var(--r-ctl);background:var(--text);margin-top:1em;padding:.4em}.vote-list .vote .vote-content{display:flex;align-items:center;justify-content:space-between}.vote-list .vote .label{margin-left:.5em}.vote-list .vote .counter{margin:0 .8em}.vote-list .vote strong{font-weight:var(--weight-bold)}.vote-list .vote .progress-container{display:block;position:absolute;overflow:hidden;z-index:-1;border-radius:var(--r-ctl);top:.2em;right:0;width:100%;height:100%;background-color:var(--muted)}.vote-list .vote .progress{position:absolute;display:block;right:0;width:100%;height:100%;background-color:var(--coral)}.how-to-play{padding:1em;display:flex;flex-direction:column;overflow-y:auto;scrollbar-color:var(--muted-3) transparent}.how-to-play h3{font-size:1.6em;margin-top:1em;margin-bottom:.6em;color:var(--text)}.how-to-play h3:first-child{margin-top:0}.how-to-play h4{font-size:1em;line-height:1;font-weight:var(--weight-medium);margin-bottom:.3em;color:var(--text)}.how-to-play .rules{list-style:disc;font-size:1.1em;line-height:1.6}.how-to-play .rules li{list-style:disc;margin-left:1em}.how-to-play strong{font-weight:var(--weight-semibold)}.how-to-play blockquote{display:block;border-left:.2em solid var(--coral);padding:.2em 1em;margin:0 0 1em;color:var(--muted);font-size:1.2em}.tooltip{z-index:1000;position:absolute;font-size:.75em;font-weight:var(--weight-medium)!important;padding:.4em .6em;white-space:nowrap;color:var(--text);background-color:var(--board-2);box-shadow:var(--shadow);border-radius:.4em;transition:opacity .2s ease-out;opacity:0;display:none}.tooltip:before{content:"";position:absolute;border-top:.8em solid transparent;border-bottom:.8em solid transparent;border-left:.8em solid transparent;border-right:.8em solid transparent}.tooltip.position-top{left:50%;bottom:100%;transform:translate(-50%,-.8em)}.tooltip.position-top:before{top:100%;left:50%;border-top-color:var(--board-2);transform:translate(-50%,-.3em)}.tooltip.position-bottom{left:50%;top:100%;transform:translate(-50%,.8em)}.tooltip.position-bottom:before{bottom:100%;left:50%;border-bottom-color:var(--board-2);transform:translate(-50%,.3em)}.tooltip.position-left{right:100%;top:50%;transform:translate(-.8em,-50%)}.tooltip.position-left:before{top:50%;left:100%;border-left-color:var(--board-2);transform:translate(-.3em,-50%)}.tooltip.position-right{left:100%;top:50%;transform:translate(.8em,-50%)}.tooltip.position-right:before{top:50%;right:100%;border-right-color:var(--board-2);transform:translate(.3em,-50%)}.show-tooltip{position:relative}.show-tooltip .tooltip{display:block;opacity:1}.with-tooltip{position:relative}.with-tooltip:hover .tooltip{opacity:1;display:block}.changelog .release{margin:2em 0;padding:0;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));box-shadow:var(--shadow);color:var(--text);border-radius:var(--r-ctl)}.changelog .release .head{display:flex;align-items:center;justify-content:space-between;padding:1em;background-color:#ffffff1a;border-top:1px solid rgba(255,255,255,.2);border-top-left-radius:var(--r-ctl);border-top-right-radius:var(--r-ctl)}.changelog .release .head .title{font-size:1em;margin:0}.changelog .release .head .version{font-size:.8em;margin-right:1em;padding:.2em .4em}.changelog .release .head .date{font-size:.8em;color:var(--muted);font-weight:var(--weight-semibold)}.changelog .release .content{line-height:1.4;color:var(--text);padding:.6em 1em;background-color:#ffffff0d;border-bottom-left-radius:var(--r-ctl);border-bottom-right-radius:var(--r-ctl)}.changelog .release .content strong{font-weight:var(--weight-bold)}.changelog .release .content ul{list-style:disc;padding-left:1em}.changelog .release .content ul li::marker{color:var(--muted)}.name-container{flex:1;display:flex;align-items:center;justify-content:start;gap:.3em;font-size:.9em;padding:.4em .6em}.name-container .name-value{color:var(--color, var(--board-2));font-weight:var(--weight-semibold)}.name-container .name-tag{background-color:var(--muted-3);color:#fff;border-radius:.3em;padding:.3em;font-size:.7em;line-height:.9}.social-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10vh}.social-banner svg{width:3em}.social-banner .logo{margin-top:0;color:var(--coral)}.ui-kit-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:2em 3em;display:flex;flex-direction:column;gap:0}.ui-kit-scene h1{font-size:2em;margin-bottom:1.5em;color:var(--coral)}.ui-kit-scene section{margin-bottom:2.5em}.ui-kit-scene section h2{font-size:.75em;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--muted-3);margin-bottom:1em}.ui-row{display:flex;align-items:center;flex-wrap:wrap;gap:.8em}.ui-row+.ui-row{margin-top:.6em}.ui-type-stack{display:flex;flex-direction:column;gap:.6em}.ui-swatch{width:2em;height:2em;border-radius:var(--r-sm);box-shadow:var(--shadow)}.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}.grid{flex-direction:column}.container{max-width:768px}}@media(max-width:768px){:root{font-size:12px}.grid{flex-direction:column;overflow:auto}.grid .column{flex:auto;margin:2em 0}.grid .column:first-child{margin-top:0}.grid .column:last-child{margin-bottom:0}.about .grid{flex:auto;overflow:auto}.container{max-width:576px}}@media(orientation:portrait){.home .button-list{flex-direction:column}.home .button-list .button{margin:.3em 0}.home .button-list .button:first-child{margin-top:0}.home .button-list .button:last-child{margin-bottom:0}.room .body{flex-direction:column}.room .body .sidebar.right{flex-direction:row;max-width:100%;padding:0 2em}.room .body .sidebar.left .avatar-list-container{overflow:visible;margin:0;padding:0}.room .body .metrics{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.room .body .metrics .metric{margin:0 .6em;width:auto}.room .body .avatar-list{flex-flow:row wrap;margin:-.4em}.room .body .avatar-list>*{margin:.4em}.touch-trap{align-items:flex-end}.touch-trap .touch-button{--r: 2.5vh;height:30vw}}@media(max-width:576px){.room .room-banner .id{overflow:hidden auto;white-space:nowrap;text-overflow:ellipsis;line-height:1.3}.room .notes{font-size:.8em;padding-bottom:5em}.room .content-center{max-width:calc(100% - 4em)}.about header .button .label{display:none}.help-modal .bonus{width:calc(100% - .5em)}.mobile-hidden{display:none}.mobile-only{display:inherit}.icon.mobile-only{display:inline-block}.player-list{max-width:100%}.player-list .name-input{max-width:7.5em}:root{font-size:12px}h1{font-size:2em}.container{padding:0 3rem;max-width:100%;width:auto}table td,table th{padding:.2em}}