.friends-panel[data-v-b1daa08e]{z-index:100;background-color:#2d2d2d;border-radius:5px;flex-direction:column;width:400px;min-height:200px;max-height:600px;display:flex;position:absolute;top:50px;right:0;box-shadow:3px 3px 5px #00000040}.friends-panel[data-open="0"][data-v-b1daa08e]{pointer-events:none}.friends-panel.room-mode[data-v-b1daa08e]{z-index:25;top:auto;bottom:50px}.friends-panel header[data-v-b1daa08e]{background-color:#3c3c3c;border-radius:5px;justify-content:space-between;align-items:center;padding:5px 10px;display:flex;box-shadow:0 3px 5px #00000040}.friends-panel header span[data-v-b1daa08e]{font-size:18px;font-weight:700}.friends-panel header button[data-v-b1daa08e]{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:25px;height:30px;padding:0;display:flex}.friends-panel header button img[data-v-b1daa08e]{width:25px;height:25px}.friends-panel .list[data-v-b1daa08e]{scrollbar-width:none;flex-direction:column;gap:10px;padding:10px;display:flex;overflow-y:auto}.friends-panel .list .section-title[data-v-b1daa08e]{color:#b4b4b4;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:5px;font-family:Manrope-Medium;font-size:14px;display:flex}.friends-panel .list .section-title .count[data-v-b1daa08e]{text-align:center;color:#dcdcdc;background-color:#3c3c3c;border-radius:999px;height:16px;padding:0 10px;font-size:12px;line-height:16px}.friends-panel .list .item[data-v-b1daa08e]{background-color:var(--user-theme-bg,#3c3c3c);border-radius:5px;grid-template-columns:1fr auto auto;align-items:center;gap:5px;padding:5px;display:grid;box-shadow:0 3px 5px #00000040}.friends-panel .list .item .left[data-v-b1daa08e]{align-items:center;gap:5px;display:flex}.friends-panel .list .item .left img[data-v-b1daa08e]{border-radius:50%;width:24px;height:24px}.friends-panel .list .item .left .nick[data-v-b1daa08e]{white-space:nowrap;text-overflow:ellipsis;height:18px;font-size:16px;overflow:hidden}.friends-panel .list .item .info[data-v-b1daa08e]{gap:5px;display:flex}.friends-panel .list .item .info .room-info[data-v-b1daa08e]{flex-direction:column;align-items:flex-end;display:flex}.friends-panel .list .item .info .room-info .room[data-v-b1daa08e]{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:12px;overflow:hidden}.friends-panel .list .item .info .room-info .game[data-v-b1daa08e]{color:#787878;font-size:12px}.friends-panel .list .item .info .room-info .game.active[data-v-b1daa08e]{color:#32ff64}.friends-panel .list .item .info .invite-select[data-v-b1daa08e]{position:relative}.friends-panel .list .item .info .invite-select .invite-btn[data-v-b1daa08e]{cursor:pointer;background-color:#1e1e1e;border:none;border-radius:5px;justify-content:center;align-items:center;width:25px;height:25px;padding:0;transition:background-color .25s ease-in-out;display:flex}.friends-panel .list .item .info .invite-select .invite-btn[data-v-b1daa08e]:hover:enabled{background-color:#2d2d2d}.friends-panel .list .item .info .invite-select .invite-btn[data-v-b1daa08e]:disabled{opacity:.5;cursor:not-allowed}.friends-panel .list .item .info .invite-select .invite-btn img[data-v-b1daa08e]{width:16px;height:16px}.friends-panel .list .item .actions[data-v-b1daa08e]{gap:5px;display:flex}.friends-panel .list .item .actions button[data-v-b1daa08e]{cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:25px;height:25px;padding:0;transition:background-color .25s ease-in-out;display:flex}.friends-panel .list .item .actions button[data-v-b1daa08e]:disabled{opacity:.5;cursor:default}.friends-panel .list .item .actions button img[data-v-b1daa08e]{width:16px;height:16px}.friends-panel .list .item .actions .accept[data-v-b1daa08e]{color:#0a0a0a;background-color:#32ff64bf}.friends-panel .list .item .actions .accept[data-v-b1daa08e]:hover{background-color:#32ff64}.friends-panel .list .item .actions .danger[data-v-b1daa08e]{color:#dcdcdc;background-color:#ff3232bf}.friends-panel .list .item .actions .danger[data-v-b1daa08e]:hover{background-color:#ff3232}.friends-panel .list .empty[data-v-b1daa08e]{color:#787878;text-align:center;margin:55px}.friends-panel-enter-active[data-v-b1daa08e],.friends-panel-leave-active[data-v-b1daa08e]{transition:opacity .25s ease-in-out,transform .25s ease-in-out}.friends-panel-enter-from[data-v-b1daa08e],.friends-panel-leave-to[data-v-b1daa08e]{opacity:0;transform:translateY(-30px)}@media (width<=1280px){.friends-panel[data-v-b1daa08e]{max-height:calc(100dvh - 60px);top:40px}.friends-panel.room-mode[data-v-b1daa08e]{bottom:30px}.friends-panel header[data-v-b1daa08e]{padding:5px}.friends-panel header span[data-v-b1daa08e]{font-size:14px}.friends-panel header button[data-v-b1daa08e]{width:20px;height:20px}.friends-panel header button img[data-v-b1daa08e]{width:15px;height:15px}.friends-panel .list[data-v-b1daa08e]{gap:5px;padding:5px}.friends-panel .list .section-title[data-v-b1daa08e]{gap:3px;font-size:10px}.friends-panel .list .section-title .count[data-v-b1daa08e]{height:14px;padding:0 5px;font-size:8px;line-height:14px}.friends-panel .list .item[data-v-b1daa08e]{gap:10px;padding:3px}.friends-panel .list .item .left[data-v-b1daa08e]{gap:3px}.friends-panel .list .item .left img[data-v-b1daa08e]{width:16px;height:16px}.friends-panel .list .item .left .nick[data-v-b1daa08e]{height:14px;font-size:12px}.friends-panel .list .item .info[data-v-b1daa08e]{gap:10px}.friends-panel .list .item .info .room-info .room[data-v-b1daa08e],.friends-panel .list .item .info .room-info .game[data-v-b1daa08e]{font-size:10px}.friends-panel .list .item .info .invite-select .invite-btn[data-v-b1daa08e]{width:20px;height:20px}.friends-panel .list .item .info .invite-select .invite-btn img[data-v-b1daa08e]{width:14px;height:14px}.friends-panel .list .item .actions[data-v-b1daa08e]{gap:10px}.friends-panel .list .item .actions button[data-v-b1daa08e]{width:20px;height:20px}.friends-panel .list .item .actions button img[data-v-b1daa08e]{width:14px;height:14px}}.switch[data-v-990d7f16]{--switch-width:170px;--switch-knob:calc((var(--switch-width) - 4px) / 2);--switch-translate:calc(var(--switch-knob) + 2px);justify-content:space-between;align-items:center;display:flex}.switch .switch-label[data-v-990d7f16]{width:calc(100% - var(--switch-width) - 5px);align-items:center;gap:5px;height:18px;display:inline-flex}.switch label[data-v-990d7f16]{width:var(--switch-width);height:25px;position:relative;box-shadow:3px 3px 5px #00000040}.switch label input[data-v-990d7f16]{opacity:0;width:0;height:0;position:absolute}.switch label .slider[data-v-990d7f16]{cursor:pointer;background-color:#2d2d2d;border:1px solid #3c3c3c;border-radius:5px;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:0}.switch label .slider span[data-v-990d7f16]{color:#dcdcdc;text-align:center;width:100%;font-size:14px;transition:color .25s ease-in-out;position:relative}.switch label .slider[data-v-990d7f16]:before{content:"";width:var(--switch-knob);background-color:#dcdcdc;border-radius:5px;height:23px;transition:transform .25s ease-in-out;position:absolute;top:0;left:0}.switch label input:checked+.slider[data-v-990d7f16]:before{transform:translateX(var(--switch-translate))}.switch label input:not(:checked)+.slider span[data-v-990d7f16]:first-child,.switch label input:checked+.slider span[data-v-990d7f16]:last-child{color:#0a0a0a}.switch label input:disabled+.slider[data-v-990d7f16]{cursor:not-allowed}.settings[data-v-fc9d1308]{z-index:25;background-color:#1e1e1e;border-radius:5px;flex-direction:column;width:400px;display:flex;position:absolute;bottom:50px;right:0;box-shadow:3px 3px 5px #00000040}.settings[data-open="0"][data-v-fc9d1308]{pointer-events:none}.settings header[data-v-fc9d1308]{background-color:#2d2d2d;border-radius:5px;justify-content:space-between;align-items:center;padding:5px 10px;display:flex;box-shadow:0 3px 5px #00000040}.settings header span[data-v-fc9d1308]{font-size:18px;font-weight:700}.settings header button[data-v-fc9d1308]{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:25px;height:30px;padding:0;display:flex}.settings header button img[data-v-fc9d1308]{width:25px;height:25px}.settings .change-devices[data-v-fc9d1308]{background-color:#1e1e1e;border-radius:5px;flex-direction:column;gap:10px;padding:10px;display:flex}.settings .change-devices .switch-div[data-v-fc9d1308]{flex-direction:column;gap:10px;width:100%;display:flex}.settings .change-devices .switch-div .hot-btn[data-v-fc9d1308]{color:#000;background-color:#dcdcdc;border-radius:5px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:11px;font-weight:700;display:inline-flex}.settings .change-devices .volume-block[data-v-fc9d1308]{justify-content:space-between;align-items:center;gap:10px;display:flex}.settings .change-devices .volume-block .volume-text[data-v-fc9d1308]{color:#dcdcdc;height:18px;font-size:16px}.settings .change-devices .volume-block .volume[data-v-fc9d1308]{-webkit-overflow-scrolling:touch;background-color:#2d2d2d;border-radius:5px;justify-content:space-between;align-items:center;gap:5px;width:150px;height:20px;padding:5px;display:flex;box-shadow:3px 3px 5px #00000040}.settings .change-devices .volume-block .volume img[data-v-fc9d1308]{flex:none;width:20px;height:20px}.settings .change-devices .volume-block .volume .volume-slider[data-v-fc9d1308]{--ui-slider-filled-height:100%;--ui-slider-filled-radius:5px;--ui-slider-filled-border:#3c3c3c;--ui-slider-filled-bg:#2d2d2d;--ui-slider-filled-color:#dcdcdc;--ui-slider-filled-focus:#3c3c3c;flex:auto;min-width:0;height:80%}.settings .change-devices .volume-block .volume span[data-v-fc9d1308]{text-align:center;flex:none;min-width:32px;font-size:12px}.settings .change-devices .switch-device-div[data-v-fc9d1308]{flex-direction:column;gap:5px;width:100%;display:flex}.settings .change-devices .switch-device-div .ui-select[data-v-fc9d1308]{width:100%;position:relative;box-shadow:3px 3px 5px #00000040}.settings .change-devices .switch-device-div .ui-select button[data-v-fc9d1308]{cursor:pointer;background-color:#1e1e1e;border:1px solid #3c3c3c;border-radius:5px;justify-content:space-between;align-items:center;width:100%;height:30px;padding:0 10px;transition:background-color .25s ease-in-out;display:flex}.settings .change-devices .switch-device-div .ui-select button[data-v-fc9d1308]:hover{background-color:#2d2d2d}.settings .change-devices .switch-device-div .ui-select button span[data-v-fc9d1308]{color:#dcdcdc;white-space:nowrap;text-overflow:ellipsis;height:16px;font-family:Manrope-Medium;font-size:14px;line-height:1;overflow:hidden}.settings .change-devices .switch-device-div .ui-select button img[data-v-fc9d1308]{width:15px;height:15px}.settings .change-devices .switch-device-div ul[data-v-fc9d1308]{z-index:30;transform-origin:bottom;background-color:#2d2d2d;border:1px solid #3c3c3c;border-radius:5px;width:calc(100% - 2px);margin:0;padding:0;position:absolute;bottom:0}.settings .change-devices .switch-device-div ul[data-open="0"][data-v-fc9d1308]{pointer-events:none}.settings .change-devices .switch-device-div ul .option[data-v-fc9d1308]{cursor:pointer;justify-content:space-between;align-items:flex-start;padding:10px;transition:background-color .25s ease-in-out;display:flex}.settings .change-devices .switch-device-div ul .option[data-v-fc9d1308]:hover{background-color:#3c3c3c}.settings .change-devices .switch-device-div ul .option span[data-v-fc9d1308]{color:#dcdcdc;white-space:nowrap;text-overflow:ellipsis;height:16px;font-size:14px;overflow:hidden}.settings .change-devices .switch-device-div ul .option img[data-v-fc9d1308]{width:15px;height:15px}.settings .change-devices .switch-device-div ul .option.selected[data-v-fc9d1308]{background-color:#3c3c3c}.settings .change-devices .switch-device-div ul .empty[data-v-fc9d1308]{color:#787878;padding:10px;font-size:14px}.menu-enter-active[data-v-fc9d1308],.menu-leave-active[data-v-fc9d1308]{will-change:opacity, transform;transition:opacity .25s ease-in-out,transform .25s ease-in-out}.menu-enter-from[data-v-fc9d1308],.menu-leave-to[data-v-fc9d1308]{opacity:0;transform:translateY(30px)}.panel-enter-active[data-v-fc9d1308],.panel-leave-active[data-v-fc9d1308]{transition:opacity .25s ease-in-out,transform .25s ease-in-out}.panel-enter-from[data-v-fc9d1308],.panel-leave-to[data-v-fc9d1308]{opacity:0;transform:translateY(30px)}@media (width<=1280px){.settings[data-v-fc9d1308]{bottom:30px}}.params[data-v-2366bdac]{flex-direction:column;gap:15px;padding:10px;display:flex}.params .range[data-v-2366bdac]{flex-direction:column;gap:5px;display:flex}@media (width<=1280px){.params[data-v-2366bdac]{gap:10px}}.game-params-panel[data-v-eaa76fba]{z-index:25;background-color:#1e1e1e;border-radius:5px;flex-direction:column;width:400px;max-height:600px;display:flex;position:absolute;bottom:50px;right:0;box-shadow:3px 3px 5px #00000040}.game-params-panel[data-open="0"][data-v-eaa76fba]{pointer-events:none}.game-params-panel header[data-v-eaa76fba]{background-color:#2d2d2d;border-radius:5px;justify-content:space-between;align-items:center;padding:5px 10px;display:flex;box-shadow:0 3px 5px #00000040}.game-params-panel header span[data-v-eaa76fba]{font-size:18px;font-weight:700}.game-params-panel header button[data-v-eaa76fba]{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:25px;height:30px;padding:0;display:flex}.game-params-panel header button img[data-v-eaa76fba]{width:25px;height:25px}.game-params-panel .modal-div[data-v-eaa76fba]{scrollbar-width:none;background-color:#1e1e1e;flex-direction:column;display:flex;overflow-y:auto}.game-params-panel .save-game[data-v-eaa76fba]{justify-content:center;align-items:center;padding:0 0 10px;display:flex}.game-params-panel .save-game button[data-v-eaa76fba]{color:#0a0a0a;cursor:pointer;background-color:#dcdcdc;border:none;border-radius:5px;width:calc(100% - 20px);height:40px;padding:0;font-family:Manrope-Medium;font-size:18px;line-height:1;transition:opacity .25s ease-in-out,background-color .25s ease-in-out}.game-params-panel .save-game button[data-v-eaa76fba]:disabled{opacity:.5;cursor:not-allowed}.game-params-panel .save-game button[data-v-eaa76fba]:hover{background-color:#fff}.panel-enter-active[data-v-eaa76fba],.panel-leave-active[data-v-eaa76fba]{transition:opacity .25s ease-in-out,transform .25s ease-in-out}.panel-enter-from[data-v-eaa76fba],.panel-leave-to[data-v-eaa76fba]{opacity:0;transform:translateY(30px)}@media (width<=1280px){.game-params-panel[data-v-eaa76fba]{max-height:calc(100dvh - 40px);bottom:30px}.game-params-panel header[data-v-eaa76fba]{padding:5px}.game-params-panel header span[data-v-eaa76fba]{font-size:14px}.game-params-panel header button[data-v-eaa76fba]{width:20px;height:20px}.game-params-panel header button img[data-v-eaa76fba]{width:15px;height:15px}.game-params-panel .save-game button[data-v-eaa76fba]{height:30px;font-size:14px}}