.container.svelte-3nzbdt{width:calc(100vw - (2 * var(--margin)));margin:auto}header.svelte-v9vecw.svelte-v9vecw{--headerHeight:100px;--notchWidth:140px;--fontSize:1rem;width:100%;height:var(--headerHeight);margin-bottom:2rem;text-align:center;display:flex;filter:drop-shadow(0px 10px 0px rgb(0, 0, 0, 35%))}.pad.svelte-v9vecw.svelte-v9vecw{background-color:var(--white);width:var(--margin);border-bottom:solid 7px var(--orange)}.center.svelte-v9vecw.svelte-v9vecw{display:flex;width:calc(100vw - 2 * (var(--margin)))}.logo-wrap.svelte-v9vecw.svelte-v9vecw{background-color:var(--white);display:flex;align-items:center;text-align:left;width:100%;height:100%;border-bottom:solid 7px var(--orange)}.logo.svelte-v9vecw.svelte-v9vecw{background-color:transparent;color:var(--blue);text-align:left;font-family:'Pacifico', cursive;font-size:calc(var(--fontSize) * 2);cursor:pointer;caret-color:transparent}.nav-wrap.svelte-v9vecw.svelte-v9vecw{width:var(--notchWidth);z-index:100}nav.svelte-v9vecw.svelte-v9vecw{display:grid;place-items:center;transform:translateY(-7px);height:100%}nav.svelte-v9vecw>img.svelte-v9vecw{width:var(--notchWidth);height:var(--headerHeight);filter:drop-shadow(0px 7px 0px var(--orange))
      drop-shadow(0px 7px 0px rgb(0, 0, 0, 35%))}.menu-btn.svelte-v9vecw.svelte-v9vecw{background-color:transparent;color:#726f66;position:absolute;width:71.43%;border:solid 1px #726f66;padding:0.6rem 1rem;text-align:center;font-family:'Oleo Script', cursive;font-size:calc(var(--fontSize) * 1.1);font-weight:bold}.menu-btn.svelte-v9vecw.svelte-v9vecw::after{font-family:'Font Awesome 5 Free';font-weight:900;content:'\f0d7';padding-left:5px}.SD-wrap.svelte-v9vecw.svelte-v9vecw{display:grid;place-items:center;position:absolute;width:var(--notchWidth);top:105px;right:var(--margin);transition:top 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55)}.SD-wrap.svelte-v9vecw>img.svelte-v9vecw{filter:drop-shadow(5px 5px 0px rgb(0, 0, 0, 35%))
      drop-shadow(-5px 5px 0px rgb(0, 0, 0, 35%))}.SD-wrap.svelte-v9vecw.svelte-v9vecw:focus-within{top:105px}.hide-menu.svelte-v9vecw.svelte-v9vecw{top:-40px}.SD-card.svelte-v9vecw.svelte-v9vecw{width:79.57%;cursor:pointer}.SD-list.svelte-v9vecw.svelte-v9vecw{background-color:#00000035;position:absolute;top:15px;width:65%;height:75%;border-radius:10px;border:3px solid rgba(0, 0, 0, 0.1)}.SD-list.svelte-v9vecw button.svelte-v9vecw{background:none;margin:0;padding:0}.SD-list.svelte-v9vecw button.svelte-v9vecw{color:var(--white);font-size:calc(var(--fontSize) * 0.8);font-weight:bold;text-align:center;border-radius:7px;padding:10px;cursor:pointer}.SD-list.svelte-v9vecw button.svelte-v9vecw:hover{background-color:rgba(255, 255, 255, 0.3);color:white}@media only screen and (max-width: 600px){header.svelte-v9vecw.svelte-v9vecw{--headerHeight:75px;--notchWidth:100px;--fontSize:0.8rem}.menu-btn.svelte-v9vecw.svelte-v9vecw{padding:0.5rem 0.8rem}.SD-wrap.svelte-v9vecw.svelte-v9vecw{top:80px}.hide-menu.svelte-v9vecw.svelte-v9vecw{top:-25px}}.modal.svelte-1m5emv2{background-color:rgba(0, 0, 0, 0.5);color:white;text-align:center;display:grid;align-items:center;position:absolute;top:0;width:100%;height:100%;padding:10%;border-radius:0;z-index:150}.exit.svelte-1m5emv2{background-color:transparent;position:absolute;top:0;right:0;width:fit-content;margin:0;border-radius:none;padding:0.7rem 1rem;font-size:1.5rem}.exit.svelte-1m5emv2:hover{background-color:rgba(255, 255, 255, 0.2)}.container.svelte-11cg6qn{color:white;width:fit-content;margin:auto;border-radius:5px;padding:1rem 1.5rem}form.svelte-11cg6qn{margin-top:1rem}h1.svelte-11cg6qn{font-family:'Oleo Script', cursive;text-align:center}.flex.svelte-11cg6qn{display:flex;gap:5px}.input-group.svelte-11cg6qn{display:block;width:100%;min-width:5px;margin-bottom:0.5rem}label.svelte-11cg6qn,h3.svelte-11cg6qn{display:block;font-size:1rem;font-weight:normal;margin-bottom:5px}input[type='text'].svelte-11cg6qn,input[type='password'].svelte-11cg6qn,input[type='email'].svelte-11cg6qn{background-color:rgba(0, 0, 0, 0.5);color:white;display:block;width:100%;border-radius:10px;border:1px solid rgba(230, 229, 218, 0.575);padding:1rem}input[type='submit'].svelte-11cg6qn{background-color:transparent;border:1px solid var(--blue);color:var(--blue);width:100%;margin-top:1rem;border-radius:10px;padding:1rem;font-weight:bold;cursor:pointer}input[type='submit'].svelte-11cg6qn:hover{background-color:rgba(255, 255, 255, 0.05);color:white}.color-group.svelte-11cg6qn{width:100%}input[type='color'].svelte-11cg6qn{width:100%;height:2.5rem;border-radius:5px;border:1px solid rgba(230, 229, 218, 0.35)}input[type='color'].svelte-11cg6qn:hover{border:1px solid white}input[type='color'].svelte-11cg6qn:focus{border:1px solid white}.switch-tab-wrapper.svelte-11cg6qn{width:100%;margin-top:1rem;text-align:center}.switch-tab-btn.svelte-11cg6qn{background-color:transparent;color:rgba(255, 255, 255, 0.5);width:fit-content;padding:0}.switch-tab-btn.svelte-11cg6qn:hover{color:white}main.svelte-4tg2qy.svelte-4tg2qy{--chin-width:30px;--chin-height:10px;margin:auto}h2.svelte-4tg2qy.svelte-4tg2qy{color:white;font-family:'Oleo Script', cursive}.center-wrap.svelte-4tg2qy.svelte-4tg2qy{margin:auto;width:fit-content}.hero.svelte-4tg2qy.svelte-4tg2qy{font-family:'Oleo Script', cursive;color:white;height:100%;padding:5rem 0 8rem 0}.hero.svelte-4tg2qy h1.svelte-4tg2qy{font-size:3rem}.hero.svelte-4tg2qy p.svelte-4tg2qy{color:rgba(255, 255, 255, 0.45);margin-left:2rem;font-size:1.5rem}.flex-container.svelte-4tg2qy.svelte-4tg2qy{display:flex;gap:3rem}.card.svelte-4tg2qy.svelte-4tg2qy{width:50%;min-width:200px}.card-header.svelte-4tg2qy.svelte-4tg2qy{display:flex;align-items:center}.card-header.svelte-4tg2qy p.svelte-4tg2qy{color:rgb(145, 145, 145);margin-left:auto;cursor:pointer;user-select:none}.card-header.svelte-4tg2qy p.svelte-4tg2qy:hover{color:white}.morse-decoder.svelte-4tg2qy.svelte-4tg2qy{transition:width 2s, height 2s}.chat.svelte-4tg2qy.svelte-4tg2qy{transition:width 2s}.chat.svelte-4tg2qy .preview.svelte-4tg2qy{min-width:300px;border-radius:5px 5px 0 0;padding:1rem;padding-bottom:calc(var(--chin-height) + 1rem);cursor:pointer}.chat.svelte-4tg2qy .preview.svelte-4tg2qy:hover{border:1px solid white}.chin.svelte-4tg2qy.svelte-4tg2qy{transform:translateY(-25px);filter:drop-shadow(0 -5px 0 var(--orange))}.inline.svelte-4tg2qy.svelte-4tg2qy{display:flex;width:100%}.triangle.svelte-4tg2qy.svelte-4tg2qy{width:var(--chin-width)}#triangle-bottomleft.svelte-4tg2qy.svelte-4tg2qy{border-bottom:var(--chin-height) solid var(--white);border-right:var(--chin-height) solid transparent}#triangle-bottomright.svelte-4tg2qy.svelte-4tg2qy{margin-left:auto;border-bottom:var(--chin-height) solid var(--white);border-left:var(--chin-height) solid transparent}.link-wrap.svelte-4tg2qy.svelte-4tg2qy{background-color:var(--white);text-align:right;width:100%;border-radius:0 0 5px 5px;padding:0.25rem 0}.link-wrap.svelte-4tg2qy a.svelte-4tg2qy{padding:0 1rem;color:var(--black);font-family:'Oleo Script', cursive}.games.svelte-4tg2qy.svelte-4tg2qy{width:fit-content;margin:0 auto 2rem auto}.games-list.svelte-4tg2qy.svelte-4tg2qy{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:10px}.games-list.svelte-4tg2qy a.svelte-4tg2qy:hover{animation:svelte-4tg2qy-gameHover 1s ease-in-out;animation-iteration-count:infinite}@keyframes svelte-4tg2qy-gameHover{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.games-list.svelte-4tg2qy img.svelte-4tg2qy{width:100%;max-width:300px}@media only screen and (max-width: 1000px){.flex-container.svelte-4tg2qy.svelte-4tg2qy{flex-wrap:wrap}.card.svelte-4tg2qy.svelte-4tg2qy{width:100%}}.morse-decoder.svelte-1crtz5m.svelte-1crtz5m{display:flex;flex-wrap:nowrap;gap:1rem;z-index:50}.device.svelte-1crtz5m.svelte-1crtz5m{background-color:var(--white);display:grid;grid-template-columns:1fr 4rem;gap:1rem;width:100%;height:fit-content;margin-bottom:1rem;border-radius:6px;padding:1rem 1rem 0 1rem;box-shadow:0 15px 0 0px rgb(175, 167, 145),
      0px 20px 5px 5px rgba(0, 0, 0, 0.35)}.device.svelte-1crtz5m.svelte-1crtz5m:focus-within{border:1px solid white}.screen.svelte-1crtz5m.svelte-1crtz5m{display:flex;background-color:var(--orange);height:fit-content;border:1px solid rgb(219, 161, 136);border-radius:6px;padding:1rem 0 1rem 1rem;box-shadow:0 5px 0 5px rgb(158, 89, 59)}.screen.svelte-1crtz5m textarea.svelte-1crtz5m{background-color:#1e1d1c;color:rgba(199, 176, 92, 0.75);resize:none;width:100%;min-height:4rem;border:1px solid rgb(216, 158, 133);border-radius:6px;padding:1rem;box-shadow:inset 0 2px 0 5px rgb(90, 58, 43);font-family:'Press Start 2P', cursive;font-size:0.8rem}.screen.svelte-1crtz5m textarea.svelte-1crtz5m:hover{filter:brightness(150%)}.groove-wrap.svelte-1crtz5m.svelte-1crtz5m{width:100px;margin-top:2px}.groove.svelte-1crtz5m.svelte-1crtz5m{background-color:#9e593b;width:100%;height:10px;margin-top:7px;box-shadow:inset 0px 2px 0px rgba(0, 0, 0, 0.25)}.button-wrap.svelte-1crtz5m.svelte-1crtz5m{margin:0;background-color:rgb(161, 154, 134);border-radius:5px;padding:0 7px}.button-wrap.svelte-1crtz5m button.svelte-1crtz5m{margin:0 0 10px 0;border:1px solid rgb(95, 148, 165);padding:5px;box-shadow:0 4px 0 2px rgb(52, 111, 130);color:rgba(255, 255, 255, 0.7);font-size:1.5rem}.button-wrap.svelte-1crtz5m button.svelte-1crtz5m:active{transform:translateY(3px);box-shadow:0 1px 0 2px rgb(52, 111, 130)}.spacebar.svelte-1crtz5m.svelte-1crtz5m{background-color:rgb(217, 214, 201);width:90%;height:3rem;margin:0 auto;border:1px solid rgb(114, 111, 102);border-bottom:none;border-radius:4px 4px 0 0;box-shadow:inset 0px -15px 0px rgb(175, 167, 145);transform:translateY(15px);cursor:pointer;caret-color:transparent}.spacebar.svelte-1crtz5m.svelte-1crtz5m:active{background-color:rgb(217, 214, 201);border-top:5px solid rgb(175, 167, 145);box-shadow:inset 0px -10px 0px rgb(175, 167, 145)}.settings.svelte-1crtz5m.svelte-1crtz5m{color:white;padding:1rem}input[type='number'].svelte-1crtz5m.svelte-1crtz5m{background-color:rgba(0, 0, 0, 0.623);color:white;width:5rem;border-radius:5px;padding:5px 10px;font-size:1rem;box-shadow:inset 0px 10px 5px 5px rgba(0, 0, 0, 0.35)}table.svelte-1crtz5m.svelte-1crtz5m{width:100%;text-align:left;border-collapse:collapse}tr.svelte-1crtz5m.svelte-1crtz5m:nth-child(even){border-top:1px solid rgba(255, 255, 255, 0.35);border-bottom:1px solid rgba(255, 255, 255, 0.35)}th.svelte-1crtz5m.svelte-1crtz5m,td.svelte-1crtz5m.svelte-1crtz5m{padding:5px}th.svelte-1crtz5m.svelte-1crtz5m{text-align:right}td.svelte-1crtz5m.svelte-1crtz5m{border-left:1px solid rgba(255, 255, 255, 0.35);padding-left:10px}@media only screen and (max-width: 1000px){.morse-decoder.svelte-1crtz5m.svelte-1crtz5m{flex-wrap:wrap}}@media only screen and (max-width: 400px){.screen.svelte-1crtz5m.svelte-1crtz5m{padding:1rem}.groove-wrap.svelte-1crtz5m.svelte-1crtz5m{display:none}}.profile.svelte-104zwzg.svelte-104zwzg{color:white;width:fit-content;margin:auto}.page-nav.svelte-104zwzg.svelte-104zwzg{color:rgb(190, 190, 190);font-weight:100;margin-bottom:1rem}.page-nav.svelte-104zwzg input.svelte-104zwzg{background-color:transparent;color:rgb(194, 194, 194)}.page-nav.svelte-104zwzg input.svelte-104zwzg:hover{cursor:pointer;color:rgb(255, 255, 255)}.page-nav.svelte-104zwzg .right.svelte-104zwzg{float:right}.profile-card.svelte-104zwzg.svelte-104zwzg{display:block;background:linear-gradient(180deg, #22211e 0%, #0e0d0c 100%);box-shadow:0px 10px 10px rgba(0, 0, 0, 0.82);margin-bottom:1rem;border:rgba(255, 255, 255, 0.25) 1px solid;border-radius:10px;font-family:'Inter', sans-serif;max-width:450px}.card-top.svelte-104zwzg.svelte-104zwzg{background-color:var(--blue);display:grid;grid-template-columns:1fr 1fr 1fr;border-radius:10px 10px 0 0;padding:0.5rem;text-transform:uppercase;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}.card-top.svelte-104zwzg .left.svelte-104zwzg{font-size:1.5rem;font-weight:900;height:1.5rem}.card-top.svelte-104zwzg .middle.svelte-104zwzg{margin:auto}.card-top.svelte-104zwzg .punch-out.svelte-104zwzg{background-color:var(--black);width:50px;height:10px;border-radius:10%/50%;box-shadow:inset 0px 4px 4px rgba(0, 0, 0, 0.25)}.card-top.svelte-104zwzg .right.svelte-104zwzg{flex-basis:100%;text-align:right;height:1.25rem}.card-top.svelte-104zwzg .issued.svelte-104zwzg{font-size:0.75rem;font-weight:500}.card-top.svelte-104zwzg .id.svelte-104zwzg{color:rgba(217, 213, 200, 0.75);font-family:monospace;font-size:0.5rem;font-weight:400}.profile-pic-section.svelte-104zwzg.svelte-104zwzg{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr}.background.svelte-104zwzg.svelte-104zwzg{fill:var(--white);grid-column:1/4;grid-row:1/2;width:100%;height:15rem}.profile-pic-container.svelte-104zwzg.svelte-104zwzg{grid-column:1/ 4;grid-row:1/2;display:flex;align-items:center;justify-content:center;margin:1rem}.pic-border.svelte-104zwzg.svelte-104zwzg{background-color:rgb(113, 102, 87);border:solid 1px rgba(255, 255, 255, 0.25);border-radius:50%;padding:1rem;box-shadow:0 5px 5px rgba(0, 0, 0, 0.25)}.circle-mask.svelte-104zwzg.svelte-104zwzg{background:linear-gradient(
      -45deg,
      rgb(24, 23, 21) 0%,
      rgb(75, 70, 58) 100%
    );display:flex;align-items:center;justify-content:center;width:14rem;height:14rem;border-radius:50%;clip-path:circle(50% at 50% 50%)}.profile-pic.svelte-104zwzg.svelte-104zwzg{width:135px;transform:translate(8px, 30px) rotate(-15deg)}.circle-mask.svelte-104zwzg:hover .profile-pic.svelte-104zwzg{transform:translate(8px, 30px) rotate(-18deg)}.input-container.svelte-104zwzg.svelte-104zwzg{padding:2rem}.name-pass-container.svelte-104zwzg.svelte-104zwzg{display:flex;gap:0.5rem}label.svelte-104zwzg.svelte-104zwzg{display:block;color:#d9d5c8;font-weight:bold;font-size:1rem;margin-bottom:5px}.input.svelte-104zwzg.svelte-104zwzg{background-color:#32312d;color:white;display:block;width:100%;margin-bottom:1rem;border-radius:5px;padding:0.5rem;font-size:1rem}.color-container.svelte-104zwzg.svelte-104zwzg{display:flex;width:100%;margin-bottom:1rem;border-radius:5px;padding:0;gap:0.5rem}input[type='color'].svelte-104zwzg.svelte-104zwzg{width:100%;height:2rem}input[type='color'].svelte-104zwzg.svelte-104zwzg::-webkit-color-swatch-wrapper{padding:0}input[type='color'].svelte-104zwzg.svelte-104zwzg:hover{border:1px solid rgba(255, 255, 255);border-radius:3px}input[type='color'].svelte-104zwzg.svelte-104zwzg:focus{border:1px solid rgba(255, 255, 255);border-radius:3px}.card-bottom.svelte-104zwzg.svelte-104zwzg{background-color:var(--white);border-radius:0 0 10px 10px;border-bottom:solid 10px var(--orange)}.card-bottom.svelte-104zwzg h2.svelte-104zwzg{font-family:'Pacifico', cursive;font-weight:400;font-size:1.25rem;color:var(--blue);padding:0.5rem}.update-container.svelte-104zwzg.svelte-104zwzg{display:flex;gap:0.5rem}.update-label.svelte-104zwzg.svelte-104zwzg{color:rgba(240, 255, 255, 0.514)}.update-container.svelte-104zwzg input.svelte-104zwzg{margin:0}.update-container.svelte-104zwzg button.svelte-104zwzg{width:fit-content;float:right;padding:0 1rem}.delete-container.svelte-104zwzg.svelte-104zwzg{display:flex;align-items:center;justify-content:center;width:100%;padding:3rem}.delete-container.svelte-104zwzg button.svelte-104zwzg{background-color:transparent;color:rgb(255, 70, 70);width:fit-content;padding:5px}.chatroom.svelte-154coke{margin:1rem auto}.center-container.svelte-154coke{display:flex;flex-wrap:nowrap;gap:1rem;margin:auto}@media only screen and (max-width: 800px){.center-container.svelte-154coke{flex-wrap:wrap}}@keyframes svelte-154coke-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}footer.svelte-14281mo{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;left:0;width:100%;padding:2rem}h1.svelte-14281mo{color:white;font-family:'Oleo Script', cursive}a.svelte-14281mo{display:block;font-size:1.2rem}i.svelte-14281mo{margin-right:5px}.message.svelte-l1igjt.svelte-l1igjt{list-style:none;margin-bottom:10px;width:fit-content;max-width:95%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.message.svelte-l1igjt.svelte-l1igjt:hover{cursor:pointer}.message.svelte-l1igjt .header.svelte-l1igjt{display:flex;flex-wrap:nowrap;margin-bottom:3px;color:var(--white)}.message.svelte-l1igjt h3.svelte-l1igjt{margin-right:1rem;font-weight:normal;font-size:1rem}.message.svelte-l1igjt time.svelte-l1igjt{display:none;color:var(--white);margin-left:auto}.message.svelte-l1igjt:hover time.svelte-l1igjt{display:inline;cursor:pointer}.message.svelte-l1igjt p.svelte-l1igjt{width:fit-content;max-width:100%;border-radius:10px;padding:1rem}.color-box.svelte-l1igjt h2.svelte-l1igjt{background-color:var(--brown);color:white;text-align:center;width:155px;border-radius:5px 5px 0 0;padding:5px;display:block;font-size:1rem}.color-box.svelte-l1igjt div.svelte-l1igjt{width:100%;height:2rem;border-radius:0 0 5px 5px;border:solid 3px var(--brown);border-top:none}img.svelte-l1igjt.svelte-l1igjt{border-radius:5px;margin-top:2px;max-height:100px;display:flex}.you.svelte-l1igjt.svelte-l1igjt{margin-left:auto}.you.svelte-l1igjt>p.svelte-l1igjt{margin-left:auto}.user-side.svelte-8kbezj.svelte-8kbezj{background-color:var(--white);max-width:300px;height:fit-content;border-radius:5px;border:1px solid rgba(241, 240, 234, 0.699);box-shadow:0 10px 0 rgb(175, 167, 145), 0px 5px 5px 5px rgba(0, 0, 0, 0.35)}h2.svelte-8kbezj.svelte-8kbezj{display:flex;align-items:center;width:100%;margin-bottom:5px;border-radius:5px 5px 0 0;padding:0.5rem;box-shadow:0 5px 0 rgba(0, 0, 0, 0.35);font-size:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}h2.svelte-8kbezj.svelte-8kbezj:hover{filter:brightness(120%)}h2.svelte-8kbezj span.svelte-8kbezj{margin-left:auto;border-radius:50%;padding:0 5px;caret-color:transparent}h2.svelte-8kbezj span.svelte-8kbezj:hover{background-color:rgba(0, 0, 0, 0.2)}.room-list.svelte-8kbezj.svelte-8kbezj{padding:0.5rem}.room-list.svelte-8kbezj ul.svelte-8kbezj{margin-top:5px;overflow-x:hidden}.room-list.svelte-8kbezj h3 i.svelte-8kbezj{float:right}.room-list.svelte-8kbezj h3 i.svelte-8kbezj:hover{cursor:pointer;color:var(--yellow)}.add-room.svelte-8kbezj.svelte-8kbezj{display:inline-flex;width:100%}.add-room.svelte-8kbezj input.svelte-8kbezj{background-color:var(--black);color:var(--white);width:100%;border-radius:5px 0 0 5px;padding:0 0.5rem;box-shadow:inset rgba(37, 37, 37, 0.842) 0px 5px 5px}.add-room-btn.svelte-8kbezj.svelte-8kbezj{width:fit-content;margin:0;border-radius:0 5px 5px 0;padding:0.7rem;font-size:0.8rem}.add-room.svelte-8kbezj button.svelte-8kbezj:hover{background-color:rgb(46, 147, 179)}ul.svelte-8kbezj.svelte-8kbezj{display:flex;flex-wrap:wrap;gap:5px;background-color:var(--black);height:100%;max-height:400px;border-radius:5px;padding:5px;overflow-y:auto}.room.svelte-8kbezj.svelte-8kbezj{background-color:rgb(119, 116, 108);color:var(--white);font-size:1rem;display:inline-flex;width:100%;margin:0 auto;border-radius:5px;padding:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room.svelte-8kbezj i.svelte-8kbezj{margin-left:auto}.room.svelte-8kbezj.svelte-8kbezj:hover{cursor:pointer;filter:brightness(120%)}.selected.svelte-8kbezj.svelte-8kbezj{background-color:var(--blue)}.user-top.svelte-8kbezj.svelte-8kbezj{display:none;align-items:center;width:100%;height:2.5rem;border-radius:5px;font-size:1.5rem}.user-top.svelte-8kbezj h2.svelte-8kbezj{overflow:hidden;height:100%;margin:0;border:none;border-radius:5px 0 0 5px;box-shadow:inset -5px 0 0 rgba(0, 0, 0, 0.35)}.user-top.svelte-8kbezj .dropdown-btn.svelte-8kbezj{background-color:var(--white);color:rgb(129, 126, 108);height:100%;border-radius:0;padding:0.25rem;font-size:1.1rem;font-weight:bold;white-space:nowrap;overflow:hidden}.user-top.svelte-8kbezj .refresh-btn.svelte-8kbezj{background-color:rgb(171, 167, 143);color:white;width:fit-content;height:100%;border-radius:0 5px 5px 0;padding:0 1rem;box-shadow:inset 2px 0 0 rgba(0, 0, 0, 0.1);font-size:1.25rem}.user-top.svelte-8kbezj .room-list-dropdown.svelte-8kbezj{background-color:var(--white);display:none;position:absolute;top:200px;left:10px;width:calc(100% - 20px);border-radius:5px;padding:5px;box-shadow:0 0px 10px 10px rgba(0, 0, 0, 0.35)}.room-list-dropdown.svelte-8kbezj>.add-room.svelte-8kbezj{margin-bottom:5px}@media only screen and (max-width: 800px){.user-top.svelte-8kbezj.svelte-8kbezj{display:flex}.user-side.svelte-8kbezj.svelte-8kbezj{display:none}}.chatlog.svelte-bezf9n.svelte-bezf9n{background-color:var(--white);width:100%;max-height:calc(100vh - (100px + 7px + 4rem));border-radius:5px;border:1px solid rgba(241, 240, 234, 0.699);padding:1rem;box-shadow:0 10px 0 rgb(175, 167, 145), 0px 5px 5px 5px rgba(0, 0, 0, 0.35);display:flex;flex-direction:column}.room-header.svelte-bezf9n.svelte-bezf9n{display:flex;flex-wrap:wrap;gap:10px}.left.svelte-bezf9n.svelte-bezf9n{display:flex;margin:0}.left.svelte-bezf9n button.svelte-bezf9n{margin:0;max-width:3rem}.left.svelte-bezf9n .info.svelte-bezf9n{padding:0 0.5rem;overflow:hidden}.left.svelte-bezf9n .info h2.svelte-bezf9n{color:var(--orange);font-size:1.6rem;white-space:nowrap}.left.svelte-bezf9n .info p.svelte-bezf9n{color:hsla(54, 11%, 34%, 0.733);font-size:0.9rem;font-weight:bold;white-space:nowrap}.right.svelte-bezf9n.svelte-bezf9n{margin-left:auto}.join-room.svelte-bezf9n.svelte-bezf9n{display:inline-flex;min-width:100px;margin-left:auto}.join-room.svelte-bezf9n input.svelte-bezf9n{background-color:var(--black);color:var(--white);width:100%;border-radius:5px 0 0 5px;padding:0 0.5rem;box-shadow:inset rgba(37, 37, 37, 0.842) 0px 5px 5px}.join-room.svelte-bezf9n button.svelte-bezf9n{width:fit-content;margin:0;border-radius:0 5px 5px 0;padding:0.7rem;font-size:0.8rem}.join-room.svelte-bezf9n button.svelte-bezf9n:hover{background-color:rgb(46, 147, 179)}.toggle-details-button.svelte-bezf9n.svelte-bezf9n{color:var(--orange);cursor:pointer;white-space:nowrap;margin-left:auto;text-align:right}.toggle-details-button.svelte-bezf9n.svelte-bezf9n:hover{color:rgb(221, 111, 20)}.toggle-details-button.svelte-bezf9n span.svelte-bezf9n{padding-right:5px}.toggle-details-button.svelte-bezf9n i.svelte-bezf9n{vertical-align:middle}.details.svelte-bezf9n.svelte-bezf9n{background-color:rgb(185, 180, 160);display:flex;margin-top:1rem;border-radius:0 0 5px 5px;padding:10px}th.svelte-bezf9n.svelte-bezf9n{text-align:left}.details.svelte-bezf9n .members-list.svelte-bezf9n{margin-left:auto}.members-list.svelte-bezf9n ul.svelte-bezf9n{background-color:var(--black);border-radius:10px;padding:2px;box-shadow:inset rgba(37, 37, 37, 0.842) 0px 5px 5px}.members-list-item.svelte-bezf9n.svelte-bezf9n{margin:5px;border-radius:5px;padding:5px;box-shadow:var(--shadow)}.log.svelte-bezf9n.svelte-bezf9n{background-color:var(--black);min-height:300px;margin-top:1rem;border-radius:10px 10px 0 0;padding:1rem;padding-bottom:3rem;box-shadow:inset rgba(37, 37, 37, 0.942) 0px 20px 20px;overflow-x:hidden;overflow-y:scroll}.send-message.svelte-bezf9n.svelte-bezf9n{display:flex;width:100%;border-top:solid 10px var(--brown)}.send-message.svelte-bezf9n input.svelte-bezf9n{width:100%;height:3rem;border-radius:0 0 0 10px;padding:1rem;font-size:1rem}.send-message.svelte-bezf9n button.svelte-bezf9n{margin:0;border-radius:0 0 10px 0;width:fit-content}.inputs.svelte-bezf9n.svelte-bezf9n{background-color:var(--black)}.tabs.svelte-bezf9n.svelte-bezf9n{color:white;display:inline-flex;gap:2px;max-width:calc(100vw - 5rem);position:absolute;transform:translate(0%, -40px);overflow:hidden}.tab.svelte-bezf9n.svelte-bezf9n{caret-color:transparent;background-color:rgb(87, 82, 75);width:70px;height:40px;border-bottom:var(--black) solid 2px;border-radius:10px 10px 0 0;padding:0.5rem;font-size:1rem;text-align:center;cursor:pointer}.tab.svelte-bezf9n.svelte-bezf9n:hover{filter:brightness(120%)}.tab.selected.svelte-bezf9n.svelte-bezf9n{background-color:var(--brown);border-bottom:none}.svelte-bezf9n.svelte-bezf9n::-webkit-scrollbar{width:1rem}.svelte-bezf9n.svelte-bezf9n::-webkit-scrollbar-track{border-radius:0 5px 0 0}.svelte-bezf9n.svelte-bezf9n::-webkit-scrollbar-thumb{border-radius:0 5px 0 0}.svelte-bezf9n.svelte-bezf9n::-webkit-scrollbar-thumb:hover{background:var(--orange)}.gamepad-container.svelte-bezf9n.svelte-bezf9n{height:fit-content}@media only screen and (max-width: 800px){.chatlog.svelte-bezf9n.svelte-bezf9n{max-height:calc(100vh - (100px + 7px + 5.5rem))}.log.svelte-bezf9n.svelte-bezf9n{min-height:0px}}.container.svelte-1sqxwh2{color:var(--white);text-align:center;font-size:1.5rem}.spin.svelte-1sqxwh2{animation:svelte-1sqxwh2-spin 1s infinite;animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)}@keyframes svelte-1sqxwh2-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}section.svelte-1hen5qx{display:flex;align-items:center;font-size:0.8rem;margin:5px 0 5px auto;caret-color:transparent}button.svelte-1hen5qx{background-color:var(--error);color:white;display:none;align-items:center;width:fit-content;margin:0;margin-left:auto;padding:5px;cursor:pointer}span.svelte-1hen5qx{color:var(--brown);margin-left:auto;cursor:pointer}span.svelte-1hen5qx:hover{color:var(--error)}i.svelte-1hen5qx{padding-left:5px}section.svelte-n24kfk{background-color:var(--brown);border-radius:0 0 10px 10px;padding:1rem;color:white;caret-color:transparent}header.svelte-n24kfk{color:var(--white);display:flex;flex-wrap:wrap;align-items:center}h2.svelte-n24kfk{font-size:1.2rem}.switch-contianer.svelte-n24kfk{display:flex;min-height:0;margin:0 0 0 auto;padding:0;box-shadow:none}.key-container.svelte-n24kfk{background-color:var(--black);min-height:calc(0.8rem + 2rem + 18px);margin-top:5px;border-radius:20px;padding:5px 0;box-shadow:inset var(--shadow)}.key.svelte-n24kfk{background-color:var(--white);color:var(--orange);display:inline-flex;font-size:0.8rem;font-weight:bold;margin:0 5px;border-radius:20px;border:solid 5px var(--orange);border-top:none;padding:1rem;box-shadow:var(--shadow)}section.svelte-1iik662.svelte-1iik662{background-color:var(--brown);display:flex;flex-wrap:wrap;gap:10px;border-radius:0 0 10px 10px;padding:1rem}.rgb.svelte-1iik662.svelte-1iik662{display:flex;gap:10px;width:100%;box-shadow:var(--shadow)}.color.svelte-1iik662.svelte-1iik662{width:33%}header.svelte-1iik662.svelte-1iik662{background-color:var(--white);color:var(--black);display:inline-flex;width:100%;border-radius:5px 5px 0 0;padding:5px;box-shadow:var(--shadow);font-weight:bold}h2.svelte-1iik662.svelte-1iik662{font-size:1rem}span.svelte-1iik662.svelte-1iik662{margin-left:auto}input[type='range'].svelte-1iik662.svelte-1iik662{-webkit-appearance:none;background-color:var(--brown);display:block;width:100%;height:1.6rem;cursor:pointer;caret-color:transparent}input[type='range'].svelte-1iik662.svelte-1iik662:focus{outline:none}input[type='range'].svelte-1iik662.svelte-1iik662::-webkit-slider-runnable-track{background-color:var(--black);width:100%;height:100%;border-radius:0 0 5px 5px}input[type='range'].svelte-1iik662.svelte-1iik662:focus::-webkit-slider-runnable-track{border:1px solid white}input[type='range'].svelte-1iik662.svelte-1iik662:hover::-webkit-slider-runnable-track{filter:brightness(120%)}input[type='range'].svelte-1iik662.svelte-1iik662::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:1rem;height:100%;border-radius:0 0 5px 5px;box-shadow:var(--shadow)}.red.svelte-1iik662.svelte-1iik662::-webkit-slider-thumb{background-color:rgb(190, 58, 58);border-top:0}.green.svelte-1iik662.svelte-1iik662::-webkit-slider-thumb{background-color:rgb(84, 167, 63)}.blue.svelte-1iik662.svelte-1iik662::-webkit-slider-thumb{background-color:rgb(38, 87, 160)}.send.svelte-1iik662.svelte-1iik662{display:flex;width:100%;height:100%;max-height:3rem;box-shadow:var(--shadow);flex-grow:1}.send.svelte-1iik662 input[type='color'].svelte-1iik662{width:75px;height:100%;border-radius:5px 0 0 5px}.send.svelte-1iik662 input[type='color'].svelte-1iik662::-webkit-color-swatch{border-radius:5px 0 0 5px}.send.svelte-1iik662 input[type='text'].svelte-1iik662{min-width:none;width:100%;flex-grow:1;padding:1rem;font-size:1rem}.send.svelte-1iik662 button.svelte-1iik662{width:fit-content;margin:0;border-radius:0 0 5px 0;padding:0 1rem}.svelte-1pf0thz.svelte-1pf0thz{caret-color:transparent}button.svelte-1pf0thz.svelte-1pf0thz{filter:none;cursor:default}header.svelte-1pf0thz.svelte-1pf0thz{color:var(--white);display:flex;flex-wrap:wrap;align-items:center}h2.svelte-1pf0thz.svelte-1pf0thz{font-size:1.2rem}.switch-contianer.svelte-1pf0thz.svelte-1pf0thz{display:flex;min-height:0;margin:0 0 0 auto;padding:0;box-shadow:none}section.svelte-1pf0thz.svelte-1pf0thz{background-color:var(--brown);color:white;display:block;margin:0;border-radius:0 0 10px 10px;padding:1rem;text-align:center}.warning.svelte-1pf0thz.svelte-1pf0thz{margin-bottom:1rem}.gamepad.svelte-1pf0thz.svelte-1pf0thz{background-color:var(--white);display:grid;grid-template-columns:0.8fr 2fr 2fr 2fr 2fr 0.8fr;gap:10px;width:100%;max-width:600px;margin:0 auto;border-radius:20px;border-bottom:solid 10px var(--orange);padding:1rem;box-shadow:var(--shadow)}.stick-container.svelte-1pf0thz.svelte-1pf0thz{width:100%;justify-content:center}.stick.svelte-1pf0thz.svelte-1pf0thz{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;border:2px solid var(--orange);border-radius:50%}.stick.svelte-1pf0thz div.svelte-1pf0thz{aspect-ratio:1/1;width:50%;border:2px solid var(--orange);border-radius:50%}.button-group.svelte-1pf0thz.svelte-1pf0thz{--btnWidth:30%;--btnSpace:100%;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%}.button-group.svelte-1pf0thz button.svelte-1pf0thz{background-color:var(--white);position:absolute;aspect-ratio:1/1;width:var(--btnWidth);border:2px solid var(--orange);border-radius:50%;padding:0}.button-group.svelte-1pf0thz .up.svelte-1pf0thz{transform:translateY(calc(-1 * var(--btnSpace)))}.button-group.svelte-1pf0thz .down.svelte-1pf0thz{transform:translateY(var(--btnSpace))}.button-group.svelte-1pf0thz .left.svelte-1pf0thz{transform:translateX(calc(-1 * var(--btnSpace)))}.button-group.svelte-1pf0thz .right.svelte-1pf0thz{transform:translateX(var(--btnSpace))}.shoulder-group.svelte-1pf0thz.svelte-1pf0thz{width:100%;height:100%}.shoulder-group.svelte-1pf0thz button.svelte-1pf0thz{background-color:var(--white);display:flex;height:30%;min-height:5px;border:2px solid var(--orange);border-radius:5px;padding:0}.trigger.svelte-1pf0thz.svelte-1pf0thz{height:70%;min-height:5px;margin-top:1px;border:2px solid var(--orange);border-radius:5px}.trigger.svelte-1pf0thz div.svelte-1pf0thz{background-color:var(--blue);width:100%;border-radius:4px}button.on.svelte-1pf0thz.svelte-1pf0thz,.on.svelte-1pf0thz.svelte-1pf0thz{background-color:var(--blue)}.switch.svelte-1q8zce.svelte-1q8zce{background-color:var(--black);position:relative;width:3rem;height:1.5rem;margin:0;border-radius:.75rem;box-shadow:inset 5px 5px 5px rgba(0, 0, 0, 0.267);cursor:pointer;caret-color:transparent;transition:background-color 500ms ease-in-out}.switch.svelte-1q8zce.svelte-1q8zce:hover{filter:brightness(120%)}.thumb.svelte-1q8zce.svelte-1q8zce{background-color:var(--white);position:absolute;transform:scale(0.7, 0.7);width:1.5rem;height:1.5rem;border-radius:50%;box-shadow:var(--shadow), 0 5px 3px rgba(0, 0, 0, 0.438);left:0;transition:left 200ms ease-in-out;caret-color:transparent}.on.svelte-1q8zce.svelte-1q8zce{background-color:var(--orange);transition:background-color 500ms ease-in-out}.on.svelte-1q8zce .thumb.svelte-1q8zce{left:1.5rem;transition:left 200ms ease-in-out}