#app{font-family:FOT-マティス Pro B;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-image{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/img/background.6330e799.webp);background-size:cover;background-position:50%;background-repeat:no-repeat}@media (max-width:1440px){.bg-image{background-image:url(/img/background-phone.c2fb5963.jpg)}}[data-v-76ee598b]:root{--base-font-size:14px}.room-container[data-v-76ee598b]{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;font-size:var(--base-font-size)}.header[data-v-76ee598b]{justify-content:space-between;padding:0;width:100%}.header-group[data-v-76ee598b],.header[data-v-76ee598b]{display:flex;align-items:center}.font-size-selector[data-v-76ee598b]{margin-right:10px;padding:0;border-radius:5px;border:1px solid #ccc;background-color:#fff;height:32px;vertical-align:middle}.font-size-container[data-v-76ee598b]{display:flex;align-items:center}img[data-v-76ee598b]{max-width:100%}.mesgs[data-v-76ee598b]{width:100%;height:100svh;overflow-y:auto}.msg_history[data-v-76ee598b]{overflow-y:auto;height:calc(100svh - 80px);background:hsla(0,0%,100%,.8)}.type_msg[data-v-76ee598b]{width:100%;max-width:1320px;position:fixed;bottom:0;left:calc(100svw - 1320px) /2;padding:10px 15px;background-color:#f8f8f8;box-shadow:0 -2px 5px rgba(0,0,0,.1);z-index:100}.input_msg_write[data-v-76ee598b]{display:flex;justify-content:center;align-items:center;width:100%}.msg_send_btn[data-v-76ee598b]{flex-shrink:0;width:40px;height:40px;padding:5px;background-color:#4caf50;color:#fff;border:none;border-radius:50%;cursor:pointer;align-self:center}.recipient-selector[data-v-76ee598b]{margin-right:10px;padding:4px 8px;border:1px solid #ccc;border-radius:4px;background-color:#fff}.fa-paper-plane-o[data-v-76ee598b]{font-size:16px}.input_msg_write input[data-v-76ee598b]{flex-grow:1;margin-right:10px}.received_msg_img[data-v-76ee598b],.sent_msg_img[data-v-76ee598b]{border-radius:50%;width:40px;height:40px;bottom:0;flex-shrink:0;display:inline-block;overflow:hidden}.sent_msg_img[data-v-76ee598b]{margin-left:10px}.received_msg_img[data-v-76ee598b]{margin-right:10px}.sent_msg[data-v-76ee598b]{display:flex;justify-content:flex-end;width:100%;align-items:center}.sent_msg p[data-v-76ee598b]{background:#151339;border-radius:3px;font-size:var(--base-font-size);color:#fff;padding:5px 5px;margin-right:0;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;margin-bottom:3px}.received_msg[data-v-76ee598b]{display:flex;justify-content:flex-start;width:100%;align-items:center}.received_withd_msg[data-v-76ee598b]{display:flex;flex-direction:column}.received_withd_msg p[data-v-76ee598b]{background:#ebebeb;border-radius:8px;color:#646464;font-size:var(--base-font-size);padding:5px 5px;margin-left:0;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;margin-bottom:3px}.time_date[data-v-76ee598b]{color:#747d8c;font-size:12px;margin-left:5px}.sent_author_name[data-v-76ee598b]{text-align:right}.received_author_name[data-v-76ee598b],.sent_author_name[data-v-76ee598b]{color:#747d8c;font-size:var(--base-font-size - 1);font-weight:700;margin-bottom:0}.received_author_name[data-v-76ee598b]{text-align:left}.logout-button[data-v-76ee598b]{padding:5px 10px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer}.write_msg[data-v-76ee598b]{flex-grow:1;margin-right:10px;padding:8px;border:1px solid #ccc;border-radius:4px;resize:none}.menu-button[data-v-76ee598b]{padding:8px 12px;font-size:18px;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:all .3s ease;margin-right:auto;outline:none}.menu-button[data-v-76ee598b]:focus,.menu-button[data-v-76ee598b]:hover{background-color:#367c39;box-shadow:0 4px 8px rgba(0,0,0,.3)}.menu-button[data-v-76ee598b]:active{transform:scale(.95)}.dropdown-menu[data-v-76ee598b]{display:block;position:absolute;top:32px;width:auto;min-width:160px;overflow:visible}.dropdown-menu ul[data-v-76ee598b]{list-style-type:none;padding:0}.dropdown-menu li[data-v-76ee598b]{padding:12px 16px;text-align:left;cursor:pointer;display:block;color:#000;font-size:16px}.dropdown-menu li[data-v-76ee598b]:hover{background-color:#f1f1f1}.modal[data-v-76ee598b]{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-76ee598b]{background:#fff;padding:20px;border-radius:5px;width:90%;max-width:600px}.close[data-v-76ee598b]{float:right;font-size:28px;cursor:pointer}.message-system[data-v-76ee598b]{color:#888!important;font-style:italic!important;background-color:#90ee90!important;border-radius:10px!important}.topics-textarea[data-v-76ee598b]{padding:10px;border-radius:5px;border:1px solid #ccc;resize:vertical}.login-button[data-v-76ee598b]{padding:5px 10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.user-list[data-v-76ee598b]{display:flex;flex-direction:row;align-items:flex-start;background:hsla(0,0%,100%,.8);padding:10px;width:100%;overflow-x:auto}.user-entry[data-v-76ee598b]{display:flex;flex-direction:column;align-items:flex-start;margin:0 0}.user-icon[data-v-76ee598b]{width:40px;height:40px;border-radius:50%;align-self:center}.user-name[data-v-76ee598b]{font-size:14px;color:#000;margin-top:0}.start-button[data-v-76ee598b]{padding:5px 10px;background-color:#4caf50;color:#fff;font-size:14px;border:none;border-radius:5px;cursor:pointer;margin-right:10px;transition:background-color .3s,box-shadow .3s}.start-button[data-v-76ee598b]:focus,.start-button[data-v-76ee598b]:hover{background-color:#367c39;box-shadow:0 2px 5px rgba(0,0,0,.2)}.start-button[data-v-76ee598b]:active{transform:scale(.95)}.topic-button[data-v-76ee598b]{padding:5px 10px;background-color:#333;color:#fff;font-size:14px;border:none;border-radius:5px;cursor:pointer;margin-right:10px;transition:background-color .3s,box-shadow .3s}.topic-button[data-v-76ee598b]:focus,.topic-button[data-v-76ee598b]:hover{background-color:#666;box-shadow:0 2px 5px rgba(0,0,0,.2)}.topic-button[data-v-76ee598b]:active{transform:scale(.95)}.timer-display[data-v-76ee598b]{font-size:1.5rem;color:#fff;padding-left:.5rem;padding-right:.5rem;background-color:#4caf50;margin:0 auto;height:50px;display:flex;justify-content:center;align-items:center}.topic-text[data-v-76ee598b]{white-space:pre-wrap;text-align:left;margin:15px 0;color:#333;font-size:16px}.voting-modal[data-v-76ee598b]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);z-index:1050}.voting-modal-content[data-v-76ee598b]{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:90%;max-width:500px}.voting-modal h3[data-v-76ee598b]{margin-bottom:15px;color:#333;text-align:center}.voting-select[data-v-76ee598b]{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;background-color:#f8f8f8;-webkit-appearance:none;-moz-appearance:none;appearance:none}.voting-button[data-v-76ee598b]{width:100%;background-color:#4caf50;color:#fff;border:none;padding:12px 20px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.voting-button[data-v-76ee598b]:hover{background-color:#367c39}.voting-button[data-v-76ee598b]:disabled{background-color:#ccc;cursor:default}.results-modal[data-v-76ee598b]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.75);z-index:2000}.results-modal-content[data-v-76ee598b]{background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:600px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center}.close-modal[data-v-76ee598b]{float:right;font-size:24px;cursor:pointer;color:#333}.topic-header[data-v-76ee598b]{margin-top:20px;color:#5a5a5a;font-size:20px;font-weight:700}.topic-content[data-v-76ee598b]{color:#333;font-size:16px;margin-bottom:20px;padding:10px;background-color:#f7f7f7;border-left:0 solid #4caf50;text-align:left;white-space:pre-wrap}.vote-results-list[data-v-76ee598b]{list-style-type:none;padding:0}.vote-result-item[data-v-76ee598b]{padding:10px;margin-top:5px;background-color:#f9f9f9;border-bottom:1px solid #ececec}.vote-result-item[data-v-76ee598b]:nth-child(odd){background-color:#e9e9e9}.vote-result-owner[data-v-76ee598b]{font-style:italic;color:#c76c04}.vote-result-normal[data-v-76ee598b]{color:#087f23}.team-villager[data-v-76ee598b]{color:green}.team-werewolf[data-v-76ee598b]{color:red}.results-button[data-v-76ee598b]{margin-left:auto;padding:5px 10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.results-button[data-v-76ee598b]:hover{background-color:#367c39}.timer-controls[data-v-76ee598b]{display:flex;align-items:center;justify-content:center}.timer-button[data-v-76ee598b]{padding:5px 10px;margin:0 5px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.timer-button[data-v-76ee598b]:hover{background-color:#367c39}.scroll-buttons[data-v-76ee598b]{position:absolute;right:50%;transform:translateX(50%);z-index:10}.scroll-button[data-v-76ee598b]{background-color:hsla(0,0%,100%,0);border:none;cursor:pointer;color:rgba(0,0,0,.6);font-size:16px;width:30px;height:30px;display:block;margin:5px 0;transition:background-color .3s}.scroll-button[data-v-76ee598b]:hover{background-color:hsla(0,0%,100%,.8)}.user-icon.muted[data-v-76ee598b]{opacity:.4}.mute-indicator[data-v-76ee598b]{color:red;margin-left:10px}h3[data-v-94f9f9d4]{font-size:21px;margin:auto;font-weight:700}button[data-v-94f9f9d4]{margin-top:50px;border-radius:8px;padding:15px;font-weight:700;border:1px solid #e5e8e8;cursor:pointer}button[data-v-94f9f9d4]:hover{background:#151339;color:#e5e8e8}.icon-image[data-v-94f9f9d4]{width:100px;position:center}.login-container[data-v-94f9f9d4]{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:300px;text-align:center;height:30vh}.card[data-v-94f9f9d4],.login-container[data-v-94f9f9d4]{display:flex;flex-direction:column;justify-content:space-between}.card[data-v-94f9f9d4]{height:100%}.login-button[data-v-94f9f9d4]{margin-bottom:20px;padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer}.icon-setting[data-v-7b70fce3]{position:absolute;display:flex;flex-direction:column;align-items:center;overflow:hidden;top:45vh;left:50%;transform:translate(-50%,-50%)}.current-icon img[data-v-7b70fce3]{width:150px;height:150px;margin:20px}.icon-selector[data-v-7b70fce3]{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;overflow-y:auto;max-height:50vh;width:100%}.icon-item img[data-v-7b70fce3]{width:50px;height:50px;cursor:pointer;transition:transform .3s}.icon-item img[data-v-7b70fce3]:hover{transform:scale(1.1)}.back-button[data-v-7b70fce3]{margin-top:20px;padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer}.room-list-container[data-v-50f7c929]{margin:auto;padding:0;position:absolute;align-items:center;width:100%;left:50%;transform:translateX(-50%)}.tab-header[data-v-50f7c929]{display:flex;justify-content:space-around;background-color:#f5f5f5;border-bottom:2px solid #ccc}button[data-v-50f7c929]{background-color:transparent;border:none;padding:10px 20px;cursor:pointer}button.active[data-v-50f7c929]{background-color:#fff;border-bottom:2px solid #000}.tab-content[data-v-50f7c929]{padding:0;height:calc(100svh - 64px);background:hsla(0,0%,100%,.8);overflow-y:auto}.room-card[data-v-50f7c929]{border-bottom:2px solid #ccc;padding:5px;cursor:pointer}.room-info[data-v-50f7c929]{display:flex;justify-content:space-between;align-items:center}.room-meta[data-v-50f7c929]{display:flex;gap:10px}.room-creator[data-v-50f7c929]{display:flex;align-items:center;gap:10px}.creator-icon[data-v-50f7c929]{width:40px;height:40px;border-radius:50%}.room-type[data-v-50f7c929]{padding:5px 10px;border-radius:5px;color:#fff}.tag-ww[data-v-50f7c929]{background-color:#ff5733}.tag-chat[data-v-50f7c929]{background-color:#3498db}.tag-other[data-v-50f7c929]{background-color:#9b59b6}.room-detail[data-v-50f7c929],.room-name[data-v-50f7c929]{margin-top:5px}.created-by[data-v-50f7c929]{max-width:120px;white-space:normal;word-break:break-word}.logout-button[data-v-50f7c929]{top:0;right:0;background-color:#f44336;border:none;align-self:flex-start}.create-room-button[data-v-50f7c929],.logout-button[data-v-50f7c929]{position:absolute;padding:5px 10px;color:#fff;border-radius:5px;cursor:pointer;height:32px}.create-room-button[data-v-50f7c929]{background-color:#007bff;bottom:10px;right:50%;transform:translateX(50%)}.create-room-container[data-v-6253bf7d]{padding:20px;background:hsla(0,0%,100%,.8);width:90%;max-width:600px;margin:auto;border-radius:10px;text-align:center;position:relative;top:3svh;overflow-y:auto;max-height:90vh}.form-group[data-v-6253bf7d]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:15px}input[data-v-6253bf7d],textarea[data-v-6253bf7d]{padding:10px;border-radius:5px;border:1px solid #ccc}select[data-v-6253bf7d]{padding:5px;border-radius:5px;border:1px solid #ccc}label[data-v-6253bf7d]{font-weight:700;flex:1}button[data-v-6253bf7d]{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}button[data-v-6253bf7d]:hover{background-color:#0056b3}button[data-v-6253bf7d]:active{background-color:#004080}.submit-button[data-v-6253bf7d]{text-transform:uppercase;letter-spacing:1px}.back-button[data-v-6253bf7d]{position:absolute;top:10px;left:10px}.form-text[data-v-6253bf7d]{font-size:12px;color:#555}.radio-buttons-left[data-v-6253bf7d]{justify-content:start;margin-bottom:0}.radio-buttons-left label[data-v-6253bf7d]{margin-bottom:0}textarea[data-v-6253bf7d]{padding:10px;border-radius:5px;border:1px solid #ccc;resize:vertical}.btn-control[data-v-6253bf7d]{margin:0 5px;padding:5px 10px;background-color:#007bff;border:none;color:#fff;font-size:16px;border-radius:4px;cursor:pointer}.btn-control[data-v-6253bf7d]:active{background-color:#0056b3}.form-control[disabled][data-v-6253bf7d]{background-color:#e9e9e9;color:#666;cursor:not-allowed}.d-flex.align-items-center[data-v-6253bf7d]{display:flex;align-items:center}