.gameContainer{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;overflow:hidden}.gameContainer .gateContainer{position:absolute}@keyframes pulsate{0%{filter:brightness(50%)}30%{filter:brightness(90%)}50%{filter:brightness(100%)}70%{filter:brightness(90%)}to{filter:brightness(50%)}}.displayContainer{display:flex;position:absolute;top:1.5%;right:12%}.displayContainer .inputSequence{display:flex;flex-direction:column;align-items:center;width:90px;user-select:none;padding:6px 8px;background-color:#202020}.displayContainer .inputSequence .symbolLetter{background-color:#202020;border:solid 2px #6f9799;border-radius:1px;width:100%;height:55px;text-align:center;padding:2px 4px;margin:2px;font-family:sg1Glyph;font-weight:500;font-size:3rem;color:#6f9799}.displayContainer .inputSequence .symbolLetter.active{border:solid 2px rgb(199,199,199);color:#c7c7c7}.displayContainer .inputSequence .symbolLetter.fail{border:solid 2px rgb(255,187,0);color:#fb0;font-family:Courier New,Courier,monospace;animation:pulsate 1s infinite}.displayContainer .inputSequence .symbolLetter.offworld{font-family:Courier New,Courier,monospace;border:solid 2px red;color:red;animation:pulsate 1s infinite}.topInfo{position:absolute;top:5px;font-size:2rem;padding:8px;margin-top:8px}.topInfo .headText{padding:1px 10px;background-color:#07070780;font-weight:400}.topInfo .headText.offworld{font-weight:600;color:red}.topInfo .headText.abort{font-weight:600;color:#fb0}.topInfo .headText.planet{background:none;color:#e4e4e4}.stargate{position:absolute;display:flex;flex-direction:column;align-items:center;top:6%}.stargate p{color:#0ff;text-align:center}.stargate .chevrons{display:flex;justify-content:center;align-items:center;list-style:none;color:#353535}.stargate .chevrons .chevron{background-color:gray;margin:8px;width:fit-content;padding:4px 8px;font-weight:800}.stargate .chevrons .chevron.active{background-color:#b94224;color:#ffa600}.stargate .wormhole:hover{cursor:pointer}.dhd{z-index:50;position:absolute;display:flex;justify-content:center;width:100%;max-height:40vh;background-color:#3d3a3a00;padding:28px 20px 4px;transition:.5s}.dhd.signup{flex-direction:column;align-items:center;bottom:12%;left:0}.dhd.signup p{display:flex;align-items:center}.dhd.open{bottom:0;background-color:#312f2f80;backdrop-filter:blur(4px)}.dhd .showHide{position:absolute;background-color:#3d3a3ab3;border:solid 2px rgb(61,45,37);color:#777371;padding:2px 48px;border-radius:50% 50% 0 0;top:0;transition:.1s}.dhd .showHide.hide{border-radius:0 0 50% 50%;border:solid 2px rgb(231,89,26);color:#ee7f4f}.dhd .showHide:hover{cursor:pointer}.dhd form{text-align:center}.dhd .buttonList{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;max-width:800px;max-height:500px}.dhd .buttonList .buttonItem{color:#353535;margin:4px;width:60px;height:60px}.dhd .buttonList .buttonItem .symbButton{color:#777371;background-color:#413f3f;font-family:sg1Glyph;font-weight:500;font-size:3rem;width:100%;height:100%;border:none;display:flex;justify-content:center;align-items:center;border:solid 2px rgb(61,45,37);user-select:none}.dhd .buttonList .buttonItem .symbButton.next{border:solid 2px rgb(172,216,241);box-shadow:0 0 10px #1a9ce7;color:#a9dcec}.dhd .buttonList .buttonItem .symbButton.next:hover{cursor:pointer}.dhd .buttonList .buttonItem .symbButton.active{border:solid 2px rgb(231,89,26);color:#ee7f4f}.dhd .buttonList .buttonItem .symbButton.active:hover,.dhd .buttonList .buttonItem .symbButton.noClick:hover{cursor:default}.dhd .buttonList .buttonItem .symbButton:hover{cursor:pointer}.dhd .dhdButton{background-color:#362727;color:#726c6c;height:70px;width:70px;border-radius:50%;border:solid rgb(65,63,63);transition:.15s}.dhd .dhdButton.active{background:radial-gradient(circle,rgb(255,238,199) 0%,rgb(255,187,136) 14%,rgb(231,89,26) 44%,rgb(139,36,3) 100%)}.dhd .dhdButton.active.offworld{cursor:default}.dhd .dhdButton.next{border:solid rgb(172,216,241);box-shadow:0 0 10px #1a9ce7}.dhd .dhdButton:hover{cursor:pointer}.dhd .iris{position:absolute;bottom:40px;right:5%;width:50px;height:70px;background-color:#292626;color:gray;font-weight:800;border:none}.dhd .iris:hover{cursor:pointer;border:solid 1px green}.dhd .iris.closed{color:green;border:solid 2px green}@media screen and (max-width: 650px){.stargate{top:5%}.topInfo{margin-top:0;font-size:1.5rem;top:0}.topInfo .headText .offworld,.topInfo .headText .abort,.topInfo .headText .planet{font-size:1.3rem}.displayContainer{right:50%;top:auto;bottom:0;z-index:2;transform:translate(50%);transition:.5s}.displayContainer .inputSequence{flex-direction:row;justify-content:space-evenly;width:95vw;height:50px;padding:4px 2px}.displayContainer .inputSequence .symbolLetter{height:100%;width:13.5%;margin:1px;padding-top:4px;text-align:center;font-size:2rem}.dhd{padding:28px 0 0}.dhd .showHide{display:block}.dhd.open{background-color:#312f2f;bottom:0;backdrop-filter:none}.dhd .buttonList{max-height:40vh}.dhd .buttonList .buttonItem{width:40px;height:40px;margin:1.5px}.dhd .buttonList .buttonItem .symbButton{font-size:2rem}.dhd .dhdButton{height:50px;width:50px}.dhd .iris{bottom:8px;right:4px;height:10%}}.irisVisual path{transition:transform 3s cubic-bezier(.3,.4,.8,.6)}.menuContainer{position:fixed;bottom:0px;padding-bottom:50px;width:100%;height:18rem;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;z-index:20;transition:.5s;pointer-events:none}.menuContainer.dhdOpened{transform:translateY(-100%);padding-bottom:15px}.menuContainer.dhdOpened .connectedInfo{display:none}.menuContainer .menuMid{position:relative;margin:0 4px;height:100%;width:100%;pointer-events:none}.menuContainer .navMenu{z-index:500;top:0;right:0;list-style:none;display:flex;flex-direction:column}.menuContainer .navMenu.right{pointer-events:auto}.menuContainer .navMenu.right .navButton{border-right:none;border-radius:8px 0 0 8px}.menuContainer .navMenu.right .navButton.active{border:solid 2px rgb(231,89,26);border-right:none}.menuContainer .navMenu.left{pointer-events:auto}.menuContainer .navMenu.left .navButton{border-left:none;border-radius:0 8px 8px 0}.menuContainer .navMenu.left .navButton.active{border:solid 2px rgb(231,89,26);border-left:none}.menuContainer .navMenu .navButton{position:relative;margin:1px 0;background-color:#413f3f;border:solid 2px rgb(61,45,37);transition:.5s}.menuContainer .navMenu .navButton:hover{cursor:pointer}.menuContainer .navMenu .navButton:hover .navButtonLink{color:#ee7f4f}.menuContainer .navMenu .navButton .menuCounter{font-size:1rem;position:absolute;top:0px;right:0px;color:#aad2f3;font-weight:800}.menuContainer .navMenu .navButton .navButtonLink{margin:0;padding:4px 1px;text-decoration:none;transition:.1s;color:#777371;display:flex;justify-content:center;align-items:center;background:none;border:none}.menuContainer .navMenu .navButton .navButtonLink:hover{cursor:pointer}.menuContainer .navMenu .navButton .navButtonLink .menuIcon{display:flex;width:32px;height:32px}.menuContainer .connectedInfo{position:absolute;bottom:25px;font-size:12px;right:50%;transform:translate(50%)}@media screen and (min-width: 650px){.menuContainer{padding-bottom:0;margin-bottom:30px}.menuContainer.dhdOpened{transform:translateY(-353px);margin-bottom:0}.menuContainer .menuMid{display:flex;justify-content:center}.menuContainer .navMenu .navButton{margin:1px 0;background-color:#413f3f;border:solid 2px rgb(61,45,37);transition:.5s}.menuContainer .navMenu .navButton:hover{cursor:pointer}.menuContainer .navMenu .navButton:hover .navButtonLink{color:#ee7f4f}.menuContainer .navMenu .navButton .navButtonLink{margin:0;padding:4px 1px;text-decoration:none;transition:.1s;color:#777371;display:flex;justify-content:center;align-items:center;background:none;border:none}.menuContainer .navMenu .navButton .navButtonLink:hover{cursor:pointer}.menuContainer .navMenu .navButton .navButtonLink .menuIcon{display:flex;width:32px;height:32px}.menuContainer .connectedInfo{top:unset;bottom:4px;right:4px;transform:translate(0)}}.addressBook{position:absolute;bottom:0;background-color:#413f3f;color:#fff;border-radius:4px;transform:translate(-120%);transition:.2s;display:flex;width:100%;flex-direction:column;height:200%;max-height:48vh;filter:opacity(0%);pointer-events:auto}.addressBook.open{transform:translate(0);filter:opacity(100%)}.addressBook .filters{padding:0 4px;border-bottom:solid 1px rgb(231,89,26)}.addressBook .filters .filterContainer{position:relative;display:flex;flex-direction:column;margin-top:4px;margin-bottom:6px}.addressBook .filters .filterContainer .oneWayText{color:#c27b2a;font-weight:600}.addressBook .filters .filterContainer .unreachableText{color:#c22a2a;font-weight:600}.addressBook .filters .filterContainer .closeChat{position:absolute;right:6px;top:0;background:none;border:none;font-weight:800;color:#ee7f4f;height:100%}.addressBook .filters .filterContainer .closeChat:hover{cursor:pointer}.addressBook .planetList{backdrop-filter:blur(1px);color:#d6d6d6;list-style:none;max-height:100%;overflow-y:auto}.addressBook .planetList::-webkit-scrollbar{width:8px;border-radius:0 0 4px}.addressBook .planetList::-webkit-scrollbar-track{background:rgb(83,81,81);border-radius:0 0 4px}.addressBook .planetList::-webkit-scrollbar-thumb{background:rgb(61,45,37);border-radius:0 0 4px}.addressBook .planetList::-webkit-scrollbar-thumb:hover{background:rgb(224,115,68)}.addressBook .planetList .filters{font-size:.9rem;padding:4px;display:flex;flex-direction:column}.addressBook .planetList .filters .oneWayText{color:#c27b2a}.addressBook .planetList .filters .unreachableText{color:#c22a2a}.addressBook .planetList .filters input{margin-right:8px}.addressBook .planetList .planet{font-size:.9rem;padding:8px 12px;border-top:solid 1px rgb(116,98,83);transition:.15s;background-color:#1a9ce700}.addressBook .planetList .planet:hover{background:none}.addressBook .planetList .planet:nth-child(1){border:none}.addressBook .planetList .planet.selected{background-color:#3582af80}.addressBook .planetList .planet .glyphs{font-family:sg1Glyph;font-size:1.5rem;font-weight:500;color:#5cee4f}.addressBook .planetList .planet.oneway .glyphs{color:#c27b2a}.addressBook .planetList .planet.unreachable{filter:brightness(65%)}.addressBook .planetList .planet.unreachable .glyphs{color:#c22a2a}.addressBook .planetList .planet.unreachable:hover{background:none;cursor:default}@media screen and (min-width: 650px){.addressBook{left:0;bottom:30px;width:25%}.addressBook .planetList .planet .glyphs{font-size:2rem}.addressBook .planetList .planet:hover{background-color:#41b2f380;cursor:pointer}.addressBook .planetList .planet.unreachable:hover{background-color:#97242433;cursor:default}}.userInfos{position:absolute;display:flex;bottom:0;transform:translate(0);flex-direction:column;width:100%;z-index:35;transition:.2s;background-color:#413f3f;border-radius:4px;min-height:100%;color:#fff;pointer-events:auto}.userInfos.closed{transform:translate(120%);filter:opacity(0%)}.userInfos .userInfoHeader{padding:6px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:solid 1px rgb(231,89,26);font-size:.8rem}.userInfos .userInfoHeader label{margin-right:20px;height:100%;display:flex;align-items:center}.userInfos .userInfoHeader label input{margin-right:4px}.userInfos .userInfoHeader .closeChat{position:absolute;right:6px;background:none;border:none;font-weight:800;color:#ee7f4f;height:100%}.userInfos .userInfoHeader .closeChat:hover{cursor:pointer}.userInfos .userList{background-color:#413f3f;color:#fff;list-style:none;transition:.15s;width:100%;height:100%;overflow:auto;border-radius:4px}.userInfos .userList::-webkit-scrollbar{width:8px}.userInfos .userList::-webkit-scrollbar-track{background:rgb(83,81,81)}.userInfos .userList::-webkit-scrollbar-thumb{background:rgb(61,45,37)}.userInfos .userList::-webkit-scrollbar-thumb:hover{background:rgb(224,115,68)}.userInfos .userList .userLine{padding:2px 4px;border-bottom:solid 1px rgba(180,149,136,.521);background-color:#4e4845b3;color:#fff}.userInfos .userList .userLine:nth-child(3){border-top:solid 1px rgba(180,149,136,.521)}.userInfos .userList .userLine .colorAdmin{color:#df0000}.userInfos .userList .userLine .colorUser{color:#a9ceff}.userInfos .userList .userLine .colorGuest{color:#c9c9c9}@media screen and (min-width: 650px){.userInfos{position:absolute;bottom:30px;right:0;width:25%}.userInfos .userInfoHeader{font-size:1rem}.userInfos .toggleList{width:50%}.userInfos .toggleList:hover{border:solid 2px rgb(231,89,26);color:#ee7f4f;cursor:pointer}.userInfos .userList{list-style:none;transition:.15s;width:100%}.userInfos .userList li{background-color:#4e4845b3;color:#fff}.userInfos .userList li .colorAdmin{color:#df0000}.userInfos .userList li .colorUser{color:#a9ceff}.userInfos .userList li .colorGuest{color:#c9c9c9}}.chat{position:absolute;bottom:0;transform:translateY(calc(120% + 50px));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:.2s;z-index:30;width:100%;height:100%;z-index:35;background-color:#413f3f;color:#fff;border-radius:4px;filter:opacity(0%);pointer-events:auto}.chat.open{transform:translateY(0);filter:opacity(100%)}.chat .chatRooms{position:relative;display:flex;width:100%;border-bottom:solid 1px rgb(231,89,26)}.chat .chatRooms .chatRoomsButton{position:relative;width:auto;padding:6px;margin-right:2px;border:none;background:none;color:#a3a3a3}.chat .chatRooms .chatRoomsButton:hover{cursor:pointer;color:#ee7f4f}.chat .chatRooms .chatRoomsButton.active{color:#ee7f4f;font-weight:600}.chat .chatRooms .chatRoomsButton.active:hover{cursor:default;color:#ee7f4f}.chat .chatRooms .chatRoomsButton .chatNotif{position:absolute;top:0;right:-4px;font-weight:300;font-size:.7rem;color:#aad2f3}.chat .chatRooms .closeChat{position:absolute;right:6px;background:none;border:none;font-weight:800;color:#ee7f4f;height:100%}.chat .chatRooms .closeChat:hover{cursor:pointer}.chat .chatRooms .notifSound{position:absolute;right:36px;background:none;border:none;font-weight:800;color:#ee7f4f;height:100%}.chat .chatRooms .notifSound .bellIcon{width:24px;height:24px}.chat .chatRooms .notifSound:hover{cursor:pointer}.chat .chatBox{display:flex;flex-direction:column;height:100%;width:100%;overflow:auto}.chat .chatBox::-webkit-scrollbar{width:8px}.chat .chatBox::-webkit-scrollbar-track{background:rgb(83,81,81)}.chat .chatBox::-webkit-scrollbar-thumb{background:rgb(61,45,37)}.chat .chatBox::-webkit-scrollbar-thumb:hover{background:rgb(224,115,68)}.chat .chatBox .messages{height:auto;list-style:none;padding:0 10px;margin:4px 0;word-wrap:break-word}.chat .chatBox .messages .message{font-size:14px}.chat .chatBox .messages .message.info{color:#a8a8a8}.chat .chatBox .messages .message.alert{color:#f1824f;font-weight:600}.chat .chatBox .messages .message .date{color:#918f8f;font-size:.9rem;user-select:none}.chat .chatBox .messages .message .emptyChat{color:#918f8f}.chat .chatBox .messages .message .colorAdmin{color:#df0000}.chat .chatBox .messages .message .colorUser{color:#a9ceff}.chat .chatBox .messages .message .colorGuest{color:#c9c9c9}.chat .inputContainer{width:100%;display:flex;border-radius:0 0 4px 4px}.chat .inputContainer .inputBox{width:100%;height:100%;border-radius:0 0 4px 4px;color:#fff;padding:4px 8px;resize:none;border:none;border:solid 1px rgb(83,81,81);background-color:#535151}.chat .inputContainer .inputBox::placeholder{color:#a3a3a3}.chat .inputContainer .inputBox:focus{outline:none;border:solid 1px rgb(231,89,26)}@media screen and (min-width: 650px){.chat{bottom:40px;width:45%}.chat .chatBox .messages .message{font-size:16px}}.planet-background-front,.planet-background-mid{position:fixed;top:0;left:0;min-width:1920px;width:100vw;min-height:1080px;height:100vh;background-size:cover}.planet-background-sky{position:fixed;top:0;left:0;min-width:100%;width:100vw;min-height:100%;height:100vh;background-size:cover}.page{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.colorEdit{position:absolute;display:flex;flex-direction:column;top:0;right:0}.colorButton{margin:4px;padding:2px 4px}.pickerClose{position:fixed;padding:0 12px;font-size:2.5rem;background-color:#968989;color:#fff;border:none;top:0;right:0}.picker{position:fixed;z-index:60;left:0;margin:12px}.picker.sky{bottom:80px}.picker.back{bottom:30px}.login{margin-top:10%;display:flex;flex-direction:column;align-items:center}.login label{display:flex;flex-direction:column;padding:4px}.login label input{padding:2px 6px}.login button{width:fit-content;margin:8px;padding:4px 12px;border:none;border-radius:4px}.login button:hover{cursor:pointer}.userInfo{margin-top:5%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.userInfo label{width:80%;display:flex;flex-direction:column;padding:4px}.userInfo label input{padding:2px 6px}form{z-index:10;text-align:center}form .submitButton{margin:8px;padding:4px 12px;border:none;border-radius:4px}form .submitButton:hover{cursor:pointer}.inputAddress{width:100%;display:flex;justify-content:center;list-style:none;font-family:sg1Glyph;margin-right:5px;font-size:1.8rem;color:#ee7f4f}.gateInfo{display:flex;flex-direction:column}.gateInfo p{width:100%;text-align:center;font-size:1rem;padding:.5rem 0}.gateInfo .tuto{width:100%;text-align:center}@font-face{font-family:sg1Glyph;src:url(/assets/stargate_sg1_adress_glyphs.bfccb422.ttf)}*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden;max-height:100vh}.App{display:flex;justify-content:center;align-items:center;height:100vh;max-height:100vh;width:100vw;max-width:100vw;font-family:Arial,Helvetica,sans-serif;font-size:14px;overflow:hidden;background-color:#796e67}.App .volumeControl{display:flex}.App .volumeControl .volumeRange{display:flex;width:120px;justify-content:space-between;z-index:50}.App .volumeControl .volumeRange input{width:80px}.App .abydos{background-color:#a38b47}.App .background{position:absolute;top:286px;left:0;width:100%;height:100%;clip-path:polygon(38% 3%,78% 5%,100% 5%,100% 100%,70% 100%,30% 100%,0 100%,0 5%);background-color:#c0a446}.App .frontground{position:absolute;top:370px;left:0;width:100%;height:100%;background-color:#c0a446}.App .openAddressBook{position:absolute;top:0;left:0;background-color:#413f3f;border:solid 2px rgb(61,45,37);color:#777371;padding:8px 16px;border-radius:0 0 1rem;transition:.1s}.App .openAddressBook:active{border:solid 2px rgb(231,89,26);color:#ee7f4f;cursor:pointer}@media screen and (min-width: 650px){.App .volumeControl{display:flex}.App .volumeControl .volumeRange{display:flex;width:200px;justify-content:space-between;z-index:50}.App .volumeControl .volumeRange input{width:150px}.App .background{top:490px}.App .frontground{top:570px}.App .openAddressBook{position:absolute;top:0;left:0;background-color:#413f3f;border:solid 2px rgb(61,45,37);color:#777371;padding:8px 16px;border-radius:0 0 1rem;transition:.1s}.App .openAddressBook:hover{border:solid 2px rgb(231,89,26);color:#ee7f4f;cursor:pointer}}