@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font);color:var(--text)}:root{--font: "Noto Sans Mono", monospace;--bg: #000000;--bg-accent: #1b1b1b;--bg-highlight: #747474;--border-radius: 7.5px;--text: #ffffff;--success-green: #21b40b;--error-red: #e01212;--highlight-yellow: #ffc700;--placeholder-color: #7a7a7a}body{background-color:var(--bg-accent)}.nav_menu{width:80%;background-color:var(--bg-accent);display:flex;align-items:center;margin:0 auto;padding:1rem}.nav_menu>img{margin-left:1rem;transform:scale(.8)}#app{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;overflow:hidden;width:1000px;height:700px}.hy{color:var(--highlight-yellow)}.flex-center{display:flex;align-items:center;justify-content:space-between}input:focus{outline:none}button:hover,input[type=button]:hover{cursor:pointer}.container{margin-top:5rem;display:flex;justify-content:center;align-items:center;position:relative}#overlays,#snackbars{position:absolute;height:100%;width:inherit;top:0}#snackbars{display:flex;justify-content:center;z-index:-1}#snackbar{display:flex;justify-content:space-between;align-items:center;position:absolute;font-size:1rem;padding:1rem 2rem;color:var(--text);background:var(--bg);min-width:50%;max-width:80%;margin:0 auto;top:1rem;transition:transform .3s ease-in-out}#snackbar.closeState{transform:translateY(-50%) scaleY(0)}#alert,#dialog{font-family:var(--font);display:flex;justify-content:space-between;align-items:center;position:absolute;font-size:1.25rem;padding:1rem 2rem;color:var(--text);background:var(--bg);border-top:solid 2px var(--bg-highlight);width:100%;margin:0 auto;height:5rem;bottom:0;transition:transform .3s ease-in-out}#alert.closeState,#dialog.closeState{transform:translateY(50%) scaleY(0)}.conv-container{margin-top:1rem}#close-button,.close-button{height:1.5rem;width:1.5rem;background-color:transparent;background:url(/assets/close.d5544a5f.svg);font-family:var(--font);top:1rem;right:2rem;position:absolute;font-size:20px;border:none;color:var(--text)}#snackbar>#close-button{position:static}.icon-button,.audio-controls>button{cursor:pointer;display:flex;align-items:center;justify-content:center;background:none;padding:.5rem .75rem;border:none;border-radius:var(--border-radius)}.icon-button:hover,.audio-controls>button:hover{background:var(--bg-accent)}.icon-button:disabled{opacity:.5}.icon-button:disabled:hover{background:none}.icon-button__icon{width:1rem;height:1rem}.icon-button__text,.mute-icon-text{font-family:var(--font);margin:0 .5rem;color:#fff;font-size:1rem}.button-set{display:flex;justify-content:space-between;gap:1rem}.control-container{display:flex;width:35%;padding:0 1rem;align-items:center;justify-content:space-between}.control-container>span{font-size:1rem;margin:.75rem 0;color:var(--highlight-yellow)}#dialog{display:block;height:16rem}.question-container{display:flex;align-items:center;font-size:1rem}.question-container>img,.response-container>img{width:3.5rem}.question-container>p{width:50%;text-align:left;padding:.75rem;background-color:var(--bg-accent);border-radius:var(--border-radius);margin:1rem 2rem}.question-container:nth-child(2){justify-content:flex-end}.response-container{display:flex;align-items:center;justify-content:flex-end;font-size:1rem}.response__input-container{display:flex;align-items:center;justify-content:space-between;border-radius:var(--border-radius);background:var(--bg-accent);padding:.5rem;position:relative}.response__input-container>span{margin:0 1rem 0 .5rem;font-size:1.5rem}.response__input-container>.error-icon{position:absolute;right:1rem}.response__input-box,.chat__input-form>input{border:none;border-radius:var(--border-radius);background:var(--bg-accent);padding:.25rem;color:var(--text);caret-color:var(--text);font-size:inherit;font-family:var(--font)}.response__input-box::placeholder{color:var(--placeholder-color);font-family:var(--font)}.response__next-btn{border:none;border-radius:var(--border-radius);background:var(--highlight-yellow);color:var(--bg);margin:0 1rem;font-size:1rem;padding:.75rem 1.2rem;font-family:var(--font)}.response__next-btn:disabled{background:var(--bg-highlight)}.button-group{display:flex;justify-content:flex-end;align-items:center}.button-group>button{border-radius:var(--border-radius);padding:.6rem 1.2rem;border:solid 1px var(--bg-highlight);color:var(--text);font-size:1rem;margin:.5rem;background:none}.button-group>button:hover{background:var(--bg-highlight)}.button-group>img{width:3.5rem}.avatar-picker__container,.popup-container{position:absolute;padding:3rem 2rem;background-color:var(--bg);border-radius:var(--border-radius);top:50%;left:50%;transform:translate(-50%) translateY(-50%);display:flex;justify-content:center;align-items:center;z-index:10;width:70%;gap:2rem;transition:transform .3s ease-in-out}.popup-container.closeState{transform:scale(0)}.right-arrow{transform:rotate(180deg);cursor:pointer}.left-arrow{cursor:pointer}.img-preview{width:7rem}.avatar-picker__details{color:var(--text);text-align:left;font-weight:normal}.avatar-picker__details>h1{font-size:1.5rem;margin-bottom:1.5rem}.avatar-picker__details>h2{margin-bottom:.5rem;color:var(--highlight-yellow);font-size:1rem}.avatar-picker__details>h3{font-size:1rem;margin-bottom:1.5rem}.avatar-picker__details>button{border:none;border-radius:var(--border-radius);color:var(--bg);background:var(--highlight-yellow);padding:.6rem 1rem;font-weight:800;font-size:1rem}.bg-disabled{position:absolute;width:inherit;height:inherit;z-index:2;background:var(--bg-highlight);opacity:.7}.shop-container{color:var(--text);text-align:left}.shop-container>h1{font-size:1.25rem;margin-bottom:1.5rem}.shop-container>h2{font-size:1rem;margin-bottom:1.25rem}.shop__item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-height:15rem;overflow-y:scroll}.shop-item__container{position:relative;display:flex;padding:.5rem;flex-direction:column;text-align:center;align-items:center;border-radius:var(--border-radius);transition:background .1s ease-in-out}.shop-item__container:hover{background:var(--bg-highlight)}.shop-item__container>img{width:80%;border-radius:var(--border-radius);margin-bottom:.5rem}.item-details__container{position:absolute;width:100%;height:100%;background:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:inherit;border-radius:inherit}.item-details__container>img{display:inline-block;width:100%;transform:scale(.8)}.item-text__container{text-align:left}.item-text__container>h1{font-size:1.25rem;margin-bottom:1.25rem;font-weight:bold}.item-text__container>h2{font-size:1rem;margin-bottom:1.25rem;font-weight:bold}.item-text__container>p{font-size:1rem;margin-bottom:1.25rem}.item-text__container>.flex-center{width:30%;font-size:1.2rem;margin-bottom:1.25rem}.item-text__container button{padding:0 .5rem;color:var(--bg);background:var(--highlight-yellow);border:none;font-size:1.25rem;border-radius:var(--border-radius)}.item-text__container>button{font-size:1rem;padding:.7rem 1.5rem}.game-frame{width:100%;height:60vh}.stats-container{position:absolute;right:5%;padding:1rem 1.5rem 1.5rem;border-radius:var(--border-radius);border-top-left-radius:0;border-top-right-radius:0;background:var(--bg);align-items:flex-start}.stats-container>.misc-details{display:flex;gap:3rem}.stats-container>.misc-details>div{display:flex;align-items:center;gap:.75rem;font:1rem;font-weight:bold}.stats-container>.exp-details{text-align:left;margin-top:.5rem}.exp-meter-container{width:100%;height:1rem;border-radius:20px;background-color:var(--text);margin-top:.75rem;border:solid 3px var(--highlight-yellow)}.exp-meter-container>.exp-meter-fill{background:var(--success-green);height:100%;width:0;border-radius:inherit}.chat-container{width:100%}.chats__container>h2{text-align:left}.chat__window{height:45vh;overflow-y:scroll;padding:1rem}.float-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5}.chat__input-form{display:flex;justify-content:space-between;margin:0 auto;width:95%}.chat__input-form>input{width:80%;padding:.7rem;font-size:1rem}.chat__input-form>button{background:var(--highlight-yellow)}.chat__input-form>button>span{color:var(--bg);font-size:1rem}.chat__input-form>button>img{transform:rotate(0) scale(1.3);margin-left:5px}.chat__input-form>button:hover{background:var(--highlight-yellow)}.chat__input-form>button:disabled{background:var(--bg-highlight)}.chat_message{border-radius:var(--border-radius);background:var(--bg-accent);padding:.7rem 1.4rem;margin:.7rem 0;position:relative;width:fit-content;max-width:60%}.chat_message.from-me{margin-left:auto}.chat_message>span:first-child{display:inline-block;text-align:left}.chat_message>span:last-child{margin-left:1rem;position:relative;text-align:right;font-size:.8rem;opacity:.6}.participant-container{display:flex;align-items:center;justify-content:center}.participant{display:inline-block;border-radius:var(--border-radius);padding:2.5rem 2.5rem 1rem;background:var(--bg-accent);margin:1rem;position:relative}.participant>img{width:100%;display:block;margin-bottom:1rem}.participant>span{display:flex;align-items:center}.participant .mute-icon-div{padding:.3rem;background:var(--bg);border-radius:var(--border-radius);position:absolute;top:.5rem;left:.5rem}.participant .mute-icon{display:inline-block;width:18px;height:18px}.audio-controls{display:flex;font-size:1rem;justify-content:center;margin-top:1rem}.audio-controls .mute-icon{display:inline-block;background-repeat:no-repeat!important;background-position:center!important;width:24px;height:24px}.leaderboard_container{text-align:left;width:90%}.player-list{padding:1rem;width:100%;height:28rem;overflow-y:scroll}.leaderboard-stub{width:100%;padding:.5rem;border-bottom:solid var(--bg-highlight) 1px;display:flex;justify-content:left;align-items:center;text-align:left;margin:.75rem 0}.leaderboard-stub>.rank{width:15%}.leaderboard-stub>.username{width:35%}.leaderboard-stub>.score{width:25%}.leaderboard-stub>.times-played{width:25%}.leaderboard-stub .medal{transform:scale(.9)}.leaderboard-stub>.rank strong{font-size:1.4rem}.game-grid{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;padding:1rem}.game-container{padding:1rem;border-radius:var(--border-radius)}.game-container:hover{box-shadow:#ffffff1a 0 4px 12px}.game-img-name>img{display:block;margin:0 auto;height:5rem;width:5rem}.game-img-name>.game-name{display:block;margin-top:.5rem;font-size:1.2rem;font-weight:bold}.game-container>button{background:none;border:solid 1px var(--text);border-radius:var(--border-radius);margin:.75rem .5rem 0;padding:.4rem 0}.game-container>button:hover{background:var(--bg-highlight)}.game-container>button>img{width:40%}