@keyframes spin-loop{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes shine-loop{from{filter:brightness(1.15)}to{filter:brightness(1.05)}}@keyframes blink-loop{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes fly-from-left{from{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes fly-from-right{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes fly-from-top{from{transform:translateY(-100vh)}to{transform:translateY(0)}}@keyframes fly-from-bottom{from{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes flash-in{from{filter:brightness(2)}to{filter:brightness(1)}}@keyframes throb{from{transform:scale(1)}to{transform:scale(1.01)}}.spin-loop{animation:spin-loop 1s infinite linear}.fly-from-left{animation:fly-from-left .5s ease-in both}.fly-from-right{animation:fly-from-right .5s ease-in both}.fly-from-top{animation:fly-from-top .5s ease-in both}.fly-from-bottom{animation:fly-from-bottom .5s ease-in both}.throb{animation:throb alternate .5s infinite linear}:root{--primary-color: #b0f;--accent-color: #0fb;--secondary-color: #777;--positive-color: #0f8;--warning-color: #f60;--negative-color: #f08;--hover-color: #f60;--selected-color: var(--accent-color);--unselected-color: #fff1;--font-family: "Quicksand", sans-serif}html{padding:0;margin:0;width:100%;height:100%;pointer-events:none;touch-action:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html img{-webkit-touch-callout:none !important;-webkit-user-select:none !important}body{background-color:#222;background-image:linear-gradient(115deg, #18181f 0%, #3f3f46 67%, #2a2a30 100%);background-attachment:fixed;color:#eee;margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family),sans-serif;font-size:12pt;overflow:hidden;text-shadow:1px 1px 0px #000,-1px -1px 0px #000,-1px 1px 0px #000,1px -1px 0px #000,0px 1px 0px #000,0px -1px 0px #000,1px 0px 0px #000,-1px 0px 0px #000,-2px 2px 1px #000}body .reply-panel{font-size:10pt}body .scoreboard-table{font-size:10pt}body.scrollable-page{overflow-y:auto;pointer-events:all;touch-action:pan-y}#root{width:100%;height:100%}.no-select{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-select img{-webkit-touch-callout:none !important;-webkit-user-select:none !important}.text-selectable{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.text-selectable img{-webkit-touch-callout:initial !important;-webkit-user-select:initial !important}a,.link{--fill-color: transparent;--text-color: var(--accent-color);color:var(--text-color);text-decoration:none;pointer-events:all;cursor:pointer;background-color:var(--fill-color)}a:visited,.link:visited{color:var(--text-color)}a:hover,.link:hover{color:var(--hover-color)}a:active,.link:active{color:var(--hover-color)}a.subtle,.link.subtle{--text-color: unset}a:hover img,.link:hover img{filter:brightness(1.1)}.standout{margin-top:.2em;margin-bottom:0;font-size:min(30vh,12vw)}h1{margin-top:.5em;margin-bottom:0;font-size:250%}h2{margin-top:.5em;margin-bottom:0;font-size:170%}h3{margin-top:.5em;margin-bottom:0;font-size:130%}*:not(.hstack)>*+.standout,*:not(.hstack)>*+h1,*:not(.hstack)>*+h2,*:not(.hstack)>*+h3{margin-top:1.5em}.standout,h1,h2,h3,h4,h5,h6{font-family:Audiowide,var(--font-family),sans-serif;color:#fff}.panel>form.vstack,.panel.form-panel,.vstack.form-stack{gap:2rem}.form-field-stack.vstack{gap:.4rem}label{font-size:90%;font-weight:bold}input{pointer-events:all}input[type=text],input[type=password],input[type=email],select,textarea{background-color:#fff;color:#000;border:1px #000 solid;border-radius:.5rem;padding:.5em;font-size:100%;font-family:var(--font-family),sans-serif;width:100%;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 4px var(--accent-color)}.code :focus{box-shadow:none}.warning-text{color:var(--warning-color)}.error-text{color:var(--negative-color)}.success-text{color:var(--positive-color)}span.animated{display:inline-block}.space-before{margin-top:1em}.space-after{margin-bottom:1em}@media(hover: hover){.reveal-parent .reveal{visibility:hidden}.reveal-parent:hover .reveal{visibility:visible}}.hstack{display:flex;flex-direction:row;align-items:center;gap:1rem;box-sizing:border-box}.vstack{display:flex;flex-direction:column;align-items:flex-start;gap:.67rem;box-sizing:border-box}.zstack{position:relative;overflow:hidden}.z-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.frame{padding:.67rem 1rem}.stretch{align-self:stretch}.vstack>.fill-vstack{width:100%}.hstack>.fill-hstack{height:100%}.float-shadow{box-shadow:-4px 4px 1px color-mix(in srgb, rgba(0, 0, 0, 0), black var(--float-shadow, 40%))}.no-float-shadows{--float-shadow: 0%}.drop-shadow{filter:drop-shadow(-4px 4px 1px color-mix(in srgb, rgba(0, 0, 0, 0), black var(--drop-shadow, 20%)))}.overlapping{z-index:1}.transmission-exit{animation:fade-transmission 60s both}.spinner{text-shadow:none;animation:spin-loop 1s infinite ease}@keyframes fade-transmission{from{opacity:1}25%{opacity:1}75%{opacity:.9}to{opacity:0}}.fine-print{font-size:80%;color:#aaa}.explanation{font-size:80%;color:#ccc}.scrollable{pointer-events:all}
.badge-parent{position:relative;--badge-color: var(--accent-color)}.badge-parent .badge{position:absolute;top:0;right:0;font-size:4px;transform:translateX(50%) translateY(-50%);color:var(--badge-color)}
button.btn,button.link{margin:0;font:inherit;outline:none;appearance:none;text-shadow:inherit}button.link{border:none;padding:0}.btn,button.btn{flex-shrink:0;--fill-color: #fff0;--text-color: #fff;background-color:var(--fill-color);color:var(--text-color);display:inline-block;padding:.5em 1em;box-sizing:border-box;border:none;border-radius:.5rem;max-width:100vw;pointer-events:all;user-select:none;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;font-weight:bold;text-align:center;transform:scale(1);transition:transform .1s ease-out}.btn:hover,button.btn:hover{background-color:var(--accent-color);color:#fff;transform:scale(1.05);animation:shine-loop .4s alternate infinite ease}.btn:active,button.btn:active{box-shadow:none}.btn.primary,button.btn.primary{--fill-color: var(--primary-color)}.btn.secondary,button.btn.secondary{--fill-color: #777}.btn.tertiary,button.btn.tertiary{--fill-color: transparent;--text-color: var(--accent-color)}.btn.selected,button.btn.selected{--text-color: var(--accent-color)}.btn.dragging-over,button.btn.dragging-over{--fill-color: #fff1}.btn.pill,button.btn.pill{--fill-color: #fff1}.btn.pill.selected,button.btn.pill.selected{--fill-color: #fff3}.btn.flat,button.btn.flat{border-radius:0}.btn.raised,button.btn.raised{background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.3333333333) 0%, rgba(255, 255, 255, 0.3333333333) 5%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.3333333333) 95%, rgba(0, 0, 0, 0.3333333333) 100%),linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2666666667) 67%, rgba(255, 255, 255, 0.0666666667) 100%)}.btn.disabled.disabled,button.btn.disabled.disabled,a.disabled.disabled,.link.disabled.disabled{opacity:.5;cursor:not-allowed}.btn.disabled.disabled.working,button.btn.disabled.disabled.working,a.disabled.disabled.working,.link.disabled.disabled.working{cursor:progress}.btn:hover,.btn.float-shadow:hover,.no-float-shadows .btn.float-shadow:hover{box-shadow:0 0 .5em var(--accent-color)}
.falling-bricks{mix-blend-mode:luminosity}.falling-bricks .falling-brick{position:absolute;left:50%;top:100%;width:2%;height:2%;background:#fff;border-radius:50%;animation-name:falling-brick;animation-duration:3s;animation-delay:-2s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in}@keyframes falling-brick{0%{opacity:.05;transform:translateX(18vw) translateY(-120vh) scale(0.75)}100%{opacity:.5;transform:translate(-18vw) translateY(0) scale(1)}}
.easel-splash{position:fixed;left:0;bottom:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.easel-splash img{width:min(50vw,80vh,20rem)}.easel-splash a:hover img{filter:none}.bootstrapper .easel-splash img{opacity:0}.bootstrapper .easel-splash img.loaded{animation:fade-in .25s ease-out forwards}
.easel-watermark{position:fixed;left:0;bottom:0}.easel-watermark img{margin:.5rem;height:3rem;filter:brightness(1);transform:scale(1);transition:transform .1s ease-out}.easel-watermark img:hover{transform:scale(1.05);filter:brightness(1.1)}
.panel.error-modal-panel{background-color:#555;pointer-events:all;height:90vh;display:flex;flex-direction:column}.panel.error-modal-panel .error-modal-text{flex-grow:1}
.modal{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal.modal-hd{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal.modal-top{justify-content:flex-start}.modal.modal-bottom{justify-content:flex-end}.modal>.modal-parent{width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;pointer-events:all}.modal>.modal-parent>.modal-content{margin-left:auto;margin-right:auto}.modal>.modal-mask{pointer-events:all;position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6666666667);z-index:-1;display:flex;flex-direction:column;justify-content:flex-start}.modal-content{width:100%;max-width:800px}
.panel{position:relative;background-color:rgba(255,255,255,.0666666667);flex-shrink:0;background-image:linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1333333333) 67%, rgba(255, 255, 255, 0.0666666667) 100%);background-clip:padding-box;overflow:hidden;border:none;border-radius:.5rem}.panel.opaque{background-color:#222}.panel.flat{background-image:none;border-radius:0}.sash{--fill-color: var(--accent-color);background-color:var(--fill-color);background-image:linear-gradient(115deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3333333333) 33%, rgba(0, 0, 0, 0.4666666667) 100%);background-clip:padding-box;border:1px rgba(255,255,255,0) solid}.sash:hover{border-color:var(--fill-color);box-shadow:0 0 4px var(--fill-color);animation:shine-loop 2s alternate infinite linear}
textarea.readout-area{width:100%;height:10em;background:#333;color:#fff;font-family:monospace}
.page-container{pointer-events:all;touch-action:pan-y}.page-container .page{width:100%;max-width:1024px;margin-left:auto;margin-right:auto;padding-top:6rem;padding-bottom:50vh}.page-container .page.unlimited-width{max-width:none;padding-left:1rem;padding-right:1rem}
.toolbar{overflow:visible;flex-shrink:0;flex-grow:0;width:100%}.toolbar.hstack{gap:0}.toolbar .hover-tip{margin:0 1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar>.hstack{gap:0}
.inset{position:relative;background-color:rgba(0,0,0,.2);overflow:hidden;border:none;border-radius:.25rem;box-shadow:-2px 2px 1px inset rgba(0,0,0,.2666666667)}
.listing{pointer-events:all;overflow-x:hidden;overflow-y:auto;min-height:0}.listing .listing-row{cursor:pointer;text-overflow:ellipsis;font-size:80%;padding:3px}.listing .listing-row.selected{background-color:var(--primary-color)}.listing .listing-row:hover{background-color:var(--accent-color);box-shadow:0 0 .5em var(--accent-color);animation:shine-loop .4s alternate infinite ease}
@keyframes blink-loop{from{opacity:.7}to{opacity:1}}.loading{animation:blink-loop 1.5s alternate linear infinite}
.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.loading-screen.loading-screen-black{background-color:#000}.loading-screen.loading-screen-opaque{background:#222;background-image:linear-gradient(115deg, #222228 0%, #3f3f46 67%, #2a2a30 100%);background-attachment:fixed}.loading-screen>.loading{font-size:150%;margin-bottom:5vh}
.screen{position:fixed;top:0;left:0;width:100%;height:100%;max-width:100vw;max-height:100svh}
.spacer{flex-grow:1}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.overlay.overlay-top{justify-content:flex-start}.overlay.overlay-bottom{justify-content:flex-end}.hud-portal.overlay-bottom .overlay-content{margin-bottom:76px}.hud-portal.overlay-top .overlay-content{margin-top:32px}
.popout{position:fixed}
.premium-badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:currentcolor;background-image:linear-gradient(200deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.0666666667) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(0, 0, 0, 0.2) 61%, rgba(0, 0, 0, 0) 100%);border:1px #000 solid;background-clip:padding-box;box-shadow:-1px 1px 2px #000;border-top-left-radius:.4em;border-bottom-right-radius:.4em;transform:skewX(-15deg);text-shadow:none;padding:0 .3em;vertical-align:middle;font-weight:bold}.premium-badge>span{color:#000}
.tooltip{background-color:rgba(102,102,102,.8666666667);background-image:linear-gradient(115deg, #555, rgba(153, 153, 153, 0.5333333333), #555);padding:.5em 1em;margin:.5em -0.25em;font-size:90%;border-radius:.25em;z-index:9999}
.toggle-switch{display:flex;flex-direction:row;gap:.6em;align-items:center;pointer-events:all;cursor:pointer}.toggle-switch>.fa-toggle-on,.toggle-switch .fa-toggle-off{font-size:120%}.toggle-switch>.fa-toggle-on{color:var(--accent-color)}.toggle-switch>.fa-toggle-off{color:var(--secondary-color);text-shadow:none}.toggle-switch:hover>.fa-toggle-on,.toggle-switch:hover .fa-toggle-off{text-shadow:0 0 .5em currentColor}
.nametag{display:inline-flex;flex-direction:row;gap:.2em;font-weight:bold}.nametag .premium-badge{font-size:75%}