.container.svelte-1um7z3x.svelte-1um7z3x.svelte-1um7z3x{display:flex;max-width:100vh;height:100%;flex-direction:column}.name.svelte-1um7z3x.svelte-1um7z3x.svelte-1um7z3x{width:calc(100% - 3.125rem - 1.5rem);padding:0.5rem 0.75rem;border:2px solid #ddd;font-size:1.25rem}.spacing.svelte-1um7z3x.svelte-1um7z3x.svelte-1um7z3x{flex:1}.code.svelte-1um7z3x.svelte-1um7z3x.svelte-1um7z3x{border:none;border-top-left-radius:1rem;border-top-right-radius:1rem;padding:1rem 0.75rem;padding-top:1.25rem;font-size:2rem;font-family:"Oxanium";text-align:center;background:linear-gradient(to bottom right, #990054 0%, #005199 100%);box-shadow:0 0 0 0.125rem rgba(0, 0, 0, 1)}.code.svelte-1um7z3x.svelte-1um7z3x.svelte-1um7z3x::placeholder{color:white}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x.svelte-1um7z3x{margin:2rem}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x h1.loading.svelte-1um7z3x.svelte-1um7z3x{color:blue}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x h1.online.svelte-1um7z3x.svelte-1um7z3x{color:green}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x h1.offline.svelte-1um7z3x.svelte-1um7z3x{color:red}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x button.svelte-1um7z3x.svelte-1um7z3x{padding:1rem 2rem;border-radius:0.5rem;background:linear-gradient(to bottom, #222, #333);border:0.5rem solid rgb(3, 66, 66);color:aqua;margin:1rem auto;font-size:1.5rem}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x p.svelte-1um7z3x.svelte-1um7z3x{margin-top:1rem}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x .instructions.svelte-1um7z3x.svelte-1um7z3x{margin-top:2rem;font-weight:600}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x .url.svelte-1um7z3x.svelte-1um7z3x{color:rgb(0, 79, 248);font-weight:600}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x .horizontal-part.svelte-1um7z3x.svelte-1um7z3x{display:flex}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x .horizontal-part .left.svelte-1um7z3x.svelte-1um7z3x{flex:1}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x .horizontal-part .right.svelte-1um7z3x.svelte-1um7z3x{display:flex;flex-direction:column;border:1px solid #ddd;border-radius:0.5rem}.recent-persistent-room.svelte-1um7z3x .horizontal-part .right.svelte-1um7z3x>div.svelte-1um7z3x{flex:1;display:flex;align-items:center;padding:0 0.75rem;text-align:center}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x .horizontal-part .right .players.svelte-1um7z3x.svelte-1um7z3x{border-bottom:1px solid #ddd}.recent-persistent-room.svelte-1um7z3x.svelte-1um7z3x .horizontal-part .right .room-code.svelte-1um7z3x.svelte-1um7z3x{color:#444;font-weight:600}.refresh.svelte-1um7z3x.svelte-1um7z3x.svelte-1um7z3x{position:absolute;display:flex;top:0.25rem;right:0.25rem;border:1px solid #ddd;border-radius:0.25rem;padding:0.25rem;background:white}.refresh.svelte-1um7z3x.svelte-1um7z3x.svelte-1um7z3x:hover{background:#eee}.refresh.svelte-1um7z3x.svelte-1um7z3x img.svelte-1um7z3x.svelte-1um7z3x{width:1.875rem;height:1.875rem}.local-network-room.svelte-1um7z3x.svelte-1um7z3x.svelte-1um7z3x{display:flex;border:1px solid #ddd;border-radius:0.5rem;margin-top:0.75rem}.local-network-room.svelte-1um7z3x.svelte-1um7z3x>div.svelte-1um7z3x.svelte-1um7z3x{display:flex;align-items:center}.local-network-room.svelte-1um7z3x.svelte-1um7z3x .room-code.svelte-1um7z3x.svelte-1um7z3x,.local-network-room.svelte-1um7z3x.svelte-1um7z3x .player-count.svelte-1um7z3x.svelte-1um7z3x{flex:1;padding:0.5rem 1rem;text-align:center;border-right:1px solid #ddd}.local-network-room.svelte-1um7z3x.svelte-1um7z3x .room-code.svelte-1um7z3x.svelte-1um7z3x{font-weight:600}.local-network-room.svelte-1um7z3x.svelte-1um7z3x .connect-button.svelte-1um7z3x.svelte-1um7z3x{color:aqua;background:linear-gradient(to bottom, #222, #333);border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;padding:0.5rem 1rem}
.numpad.svelte-145hlrz.svelte-145hlrz{width:100%;height:100%;display:flex;flex-direction:column;background:#222;user-select:none}.numpad.svelte-145hlrz.svelte-145hlrz:focus{outline:none}.top-section.svelte-145hlrz.svelte-145hlrz{flex:1 0;background:#111}.top-section.svelte-145hlrz .container.svelte-145hlrz{display:flex;flex-direction:column;width:100%;height:100%;justify-content:flex-end;align-items:center}.heading.svelte-145hlrz.svelte-145hlrz{color:white;padding:1rem 2rem;margin-top:2rem;font-size:1.5rem}.value.svelte-145hlrz.svelte-145hlrz{position:relative;width:14.5rem;height:4rem;padding:0rem 2rem;margin:1rem;background:#333;color:white;font-size:2rem;line-height:4rem}.value.svelte-145hlrz .backspace.svelte-145hlrz{position:absolute;top:0.75rem;right:1.25rem;height:2.5rem;cursor:pointer;opacity:0;transition:transform 0.5s, opacity 1s}.value.svelte-145hlrz .backspace.visible.svelte-145hlrz{opacity:1}.value.svelte-145hlrz .backspace.svelte-145hlrz:active{transform:scale(1.25);transition:none}.numpad.svelte-145hlrz:focus-within .value.svelte-145hlrz{outline:0.125rem solid #4D90FE}.bottom-section.svelte-145hlrz.svelte-145hlrz{display:grid;align-self:center;grid-template-columns:repeat(3, 1fr);grid-gap:1rem;padding:1rem}.key.svelte-145hlrz.svelte-145hlrz{width:5.5rem;height:4rem;background:#333;color:white;font-size:1.75rem;cursor:pointer;border:none;border-radius:0.5rem;box-shadow:0 0 0.25rem 0 rgba(0, 0, 0, 0.3);font-family:inherit;transition:background-color 0.5s}.key.gap.svelte-145hlrz.svelte-145hlrz{visibility:hidden}.key.svelte-145hlrz.svelte-145hlrz:hover{background:#444}.key.svelte-145hlrz.svelte-145hlrz:focus{outline:none}.key.svelte-145hlrz.svelte-145hlrz:active{background-color:rgb(161, 0, 201);transition:none}.key.cta.svelte-145hlrz.svelte-145hlrz{background:transparent;border-bottom-color:transparent;box-shadow:none;filter:contrast(125%)}.key.cta.svelte-145hlrz img.svelte-145hlrz{display:block;height:4rem;margin:0 auto}.key.cta.svelte-145hlrz.svelte-145hlrz:hover{filter:contrast(150%)  hue-rotate(90deg)}
.container.svelte-157e3ze{display:flex;width:100%;height:100%}.item.svelte-157e3ze{flex:1}.container.vertical.svelte-157e3ze{flex-direction:column}
.outer.svelte-19h2tr{display:flex;width:calc(100% - 10px);height:calc(100% - 10px);padding:5px 5px;background:linear-gradient(to top, #333, #222);flex-direction:column;justify-content:center;align-items:center}.inner.svelte-19h2tr{padding:9px 12px;background:linear-gradient(to bottom, #123, #435);border:2px solid rgb(16, 80, 117);color:white}
.outer.svelte-f9pgb9{display:flex;width:calc(100% - 10px);height:calc(100% - 10px);padding:5px 5px;background:linear-gradient(to top, #eee, #ddd);flex-direction:column;justify-content:center;align-items:center}.inner.svelte-f9pgb9{padding:9px 12px;background:linear-gradient(to bottom, rgb(54, 2, 47), rgb(51, 0, 102));border:2px solid rgb(117, 93, 16);color:white;font-size:1.5rem}
.container.svelte-15gkira{width:calc(100% - 10px);height:calc(100% - 10px);padding:5px}.button.svelte-15gkira{width:100%;height:100%;background:transparent;border-radius:4px;border:none;font-size:1rem;font-weight:600;transition:background-color 0.15s, box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none;--color:#5151e0}.button.raised.svelte-15gkira{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0,0,0,.12)}.button.raised.svelte-15gkira:hover,.button.filled.svelte-15gkira:hover{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0,0,0,.12)}.button.filled.svelte-15gkira{background-color:#5151e0;color:white !important}.button.filled.svelte-15gkira:hover{background-color:#4545dd}.button.filled.svelte-15gkira:active{background-color:#2e2eda;transition:none}.button.outlined.svelte-15gkira{box-shadow:0 0 0 1px #ddd}.button.outlined-in-color.svelte-15gkira{box-shadow:0 0 0 1px #5151e0}.button.svelte-15gkira:not(.filled):hover{background:#cdcdec}.button.svelte-15gkira:not(.filled):active{background:#adadec;transition:none}.button.svelte-15gkira:focus{outline:none}
.joystick.svelte-rnsqbs{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0.25rem 0 rgba(0, 0, 0, 0.5) inset;user-select:none}
.space.svelte-9n6c81{position:relative;width:100%;height:100%}.box.svelte-9n6c81{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.dpad.svelte-61nk0c.svelte-61nk0c{position:relative;width:100%;height:100%;border-radius:100vmax;overflow:hidden;user-select:none}.dpad.svelte-61nk0c>div.svelte-61nk0c{--half-sqrt-2-pc:70.7106781187%;--neg-half-sqrt-2-pc:-70.7106781187%;--one-minus-half-sqrt-2-pc:29.289321881%;position:absolute;top:50%;left:50%;width:var(--half-sqrt-2-pc);height:var(--half-sqrt-2-pc);border:1px solid #ddd;background:white;text-align:center;transition:background-color 0.2s/*, box-shadow 0.4s*/}.dpad.svelte-61nk0c>div.svelte-61nk0c:active{background:#adadec;transition:none}.dpad.svelte-61nk0c>div:not(.select) img.svelte-61nk0c{position:absolute;width:15%;height:15%}.up.svelte-61nk0c.svelte-61nk0c{transform:translateX(-50%) translateY(-50%) translateY(var(--neg-half-sqrt-2-pc)) rotate(45deg)}.up.svelte-61nk0c img.svelte-61nk0c{top:var(--half-sqrt-2-pc);left:var(--half-sqrt-2-pc);transform:translateX(-50%) translateY(-50%) rotate(-135deg)}.down.svelte-61nk0c.svelte-61nk0c{transform:translateX(-50%) translateY(-50%) translateY(var(--half-sqrt-2-pc)) rotate(45deg)}.down.svelte-61nk0c img.svelte-61nk0c{top:var(--one-minus-half-sqrt-2-pc);left:var(--one-minus-half-sqrt-2-pc);transform:translateX(-50%) translateY(-50%) rotate(45deg)}.left.svelte-61nk0c.svelte-61nk0c{transform:translateX(-50%) translateY(-50%) translateX(var(--neg-half-sqrt-2-pc)) rotate(45deg)}.left.svelte-61nk0c img.svelte-61nk0c{top:var(--one-minus-half-sqrt-2-pc);left:var(--half-sqrt-2-pc);transform:translateX(-50%) translateY(-50%) rotate(135deg)}.right.svelte-61nk0c.svelte-61nk0c{transform:translateX(-50%) translateY(-50%) translateX(var(--half-sqrt-2-pc)) rotate(45deg)}.right.svelte-61nk0c img.svelte-61nk0c{top:var(--half-sqrt-2-pc);left:var(--one-minus-half-sqrt-2-pc);transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.select.svelte-61nk0c.svelte-61nk0c{width:33% !important;height:33% !important;text-transform:uppercase;border-radius:100vmax;background:lightblue !important;background:#5151e0 !important;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center;justify-content:center}.select.svelte-61nk0c.svelte-61nk0c:active{background:purple !important;background:#2e2eda !important;transition:none}.select.svelte-61nk0c>svg.svelte-61nk0c{width:100%;height:100%;transform:translateY(5%)}.dpad.svelte-61nk0c.svelte-61nk0c,.select.svelte-61nk0c.svelte-61nk0c{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, .12)}
.container.svelte-1ggq61t{position:relative;width:100%;height:100%}.controller.svelte-1ggq61t{width:100%;height:100%}
.controller.svelte-1exru15.svelte-1exru15.svelte-1exru15{display:flex;width:100%;height:100%;flex-direction:column}.controller.svelte-1exru15.svelte-1exru15 .header.svelte-1exru15.svelte-1exru15{position:relative;display:flex;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.5);z-index:100}.controller.svelte-1exru15.svelte-1exru15 .header .button.svelte-1exru15.svelte-1exru15{display:flex;align-items:center;font-weight:600}.controller.svelte-1exru15.svelte-1exru15 .header .button img.svelte-1exru15.svelte-1exru15{width:2rem}.controller.svelte-1exru15.svelte-1exru15 .header .button p.svelte-1exru15.svelte-1exru15{padding:0 0.75rem}.controller.svelte-1exru15.svelte-1exru15 .header .menu-button.svelte-1exru15.svelte-1exru15{padding-left:0.75rem;background-color:rgb(94, 134, 160);border-right:1px solid rgb(74, 114, 140)}.controller.svelte-1exru15 .header.svelte-1exru15>p.svelte-1exru15{flex:1;font-weight:600;text-align:center;align-self:center;justify-self:center}.controller.svelte-1exru15.svelte-1exru15 .header .disconnect-button.svelte-1exru15.svelte-1exru15{padding-right:0.75rem;background-color:#eee;color:darkred;border-left:1px solid #ddd}.controller.svelte-1exru15.svelte-1exru15 .actual-controller.svelte-1exru15.svelte-1exru15{width:100%;height:100%;flex:1}.menu-container.svelte-1exru15.svelte-1exru15 h1.svelte-1exru15.svelte-1exru15{padding:0.75rem 1.5rem;border-bottom:1px solid #ddd;font-weight:500;font-size:1.5rem;text-align:center}.menu-container.svelte-1exru15.svelte-1exru15>p.svelte-1exru15.svelte-1exru15{margin:1.25rem 1.75rem;margin-bottom:0;font-size:1.25rem}.menu-container.svelte-1exru15.svelte-1exru15 .menu.svelte-1exru15.svelte-1exru15{margin:1.25rem;border:1px solid #ddd;border-radius:1.25rem;user-select:none}.menu-container.svelte-1exru15 .menu.svelte-1exru15>div.svelte-1exru15{display:flex;border-top:1px solid #ddd;padding:0.75rem 1.25rem;align-items:center}.menu-container.svelte-1exru15 .menu.svelte-1exru15>.back-to-controller.svelte-1exru15{padding:1rem 1.25rem}.menu-container.svelte-1exru15 .menu.svelte-1exru15>.svelte-1exru15:active{background-color:#eee}.menu-container.svelte-1exru15 .menu.svelte-1exru15 img.svelte-1exru15{width:2rem;padding-right:1.25rem}.menu-container.svelte-1exru15 .menu.svelte-1exru15 p.svelte-1exru15{font-size:1.25rem}.menu-container.svelte-1exru15 .menu.svelte-1exru15>.svelte-1exru15:first-child{border-top:none}