.page-title[data-v-b840e6d1]{color:#666}.header-container[data-v-b840e6d1]{display:flex;align-items:center;gap:30px}.header[data-v-b840e6d1]{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#e0e0e0;padding:15px 20px;border-bottom:1px solid #ccc;margin-bottom:20px;box-sizing:border-box}.nav-menu[data-v-b840e6d1]{display:flex;gap:15px}.menu-btn[data-v-b840e6d1]{cursor:pointer;text-decoration:none;color:#666}.menu-btn[data-v-b840e6d1]:hover{color:#000;text-decoration:underline}.router-link-active[data-v-b840e6d1]{text-decoration:underline}.user-controls[data-v-b840e6d1]{display:flex;align-items:center;color:#666}.user-badge[data-v-b840e6d1]{width:28px;height:28px;margin-right:10px;display:flex;align-items:center}.user-badge svg[data-v-b840e6d1]{width:100%;height:100%}.logout-btn[data-v-b840e6d1]{background-color:#d9534f;padding:10px 20px;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-left:10px;font-size:16px}.logout-btn[data-v-b840e6d1]:hover{background-color:#c9302c}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.main-content{display:flex;justify-content:center;align-items:center}.button-group[data-v-43e589e2]{width:100%;display:flex;flex-direction:column;gap:15px}.board[data-v-03fdf781]{display:flex;flex-direction:column;gap:4px;margin:auto}.board-row[data-v-03fdf781]{display:flex;gap:4px;justify-content:center}.cell[data-v-03fdf781]{width:100px;height:100px;background-color:#eee;display:flex;justify-content:center;align-items:center;font-size:40px;cursor:pointer;border:1px solid #ccc;transition:background-color .3s}.cell[data-v-03fdf781]:hover:not(.disabled){background-color:#ddd}.cell-x[data-v-03fdf781]{color:#d9534f}.cell-o[data-v-03fdf781]{color:#2078cb}.disabled[data-v-03fdf781]{cursor:not-allowed}.zoom-enter-active[data-v-03fdf781]{animation:zoom-in-03fdf781 .2s}@keyframes zoom-in-03fdf781{0%{transform:scale(0)}to{transform:scale(1)}}.cell.winner[data-v-03fdf781]{background-color:#ebf9f2!important;z-index:10}.game-wrapper[data-v-60eaa2bc]{display:flex;flex-direction:column;align-items:center;gap:10px}.players-info[data-v-60eaa2bc]{display:flex;align-items:center;gap:30px;margin-bottom:10px}.player-box[data-v-60eaa2bc]{padding:10px 20px;display:flex;align-items:center;gap:10px;border:1px solid transparent}.player-box.active[data-v-60eaa2bc]{border-color:#ccc}.badge[data-v-60eaa2bc]{font-weight:700;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#fff}.badge.x[data-v-60eaa2bc]{background:#d9534f}.badge.o[data-v-60eaa2bc]{background:#2078cb}.vs[data-v-60eaa2bc]{font-weight:700;color:#999}.text-turn[data-v-60eaa2bc]{text-align:center}.text-win[data-v-60eaa2bc]{color:#047458;text-align:center}.text-lose[data-v-60eaa2bc]{text-align:center;color:#d9534f}.info-wrapper[data-v-66aef0c9]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none}.info-backdrop[data-v-66aef0c9]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe4;border-radius:8px;z-index:101;pointer-events:auto}.info-panel[data-v-66aef0c9]{position:relative;background:#fff;padding:25px;width:90%;max-width:400px;border-radius:12px;z-index:102;pointer-events:auto;box-shadow:0 4px 20px #00000026;border:1px solid #eee}.slide-up-enter-active[data-v-66aef0c9],.slide-up-leave-active[data-v-66aef0c9]{transition:all .3s ease}.slide-up-enter-from[data-v-66aef0c9],.slide-up-leave-to[data-v-66aef0c9]{opacity:0;transform:scale(.95)}.info-header[data-v-66aef0c9]{text-align:center;margin-bottom:20px}.fade-enter-active[data-v-66aef0c9],.fade-leave-active[data-v-66aef0c9]{transition:opacity .3s ease}.fade-enter-from[data-v-66aef0c9],.fade-leave-to[data-v-66aef0c9]{opacity:0}.players-grid[data-v-66aef0c9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:10px 0}.player[data-v-66aef0c9]{display:flex;flex-direction:column;text-align:center;flex:1}.role[data-v-66aef0c9]{font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.name[data-v-66aef0c9]{font-size:18px;color:#333;word-break:break-all}.wr[data-v-66aef0c9]{font-size:13px;color:#2078cb;font-weight:600;margin-top:4px}.vs[data-v-66aef0c9]{font-weight:900;color:#eee;font-style:italic;padding:0 20px;font-size:20px}.game-meta[data-v-66aef0c9]{text-align:center;border-top:1px solid #f5f5f5;padding-top:15px}.uuid[data-v-66aef0c9]{font-size:10px;color:#ccc;font-family:monospace}.status-badge[data-v-66aef0c9]{font-size:12px;font-weight:700;padding:6px 14px;border-radius:6px;text-transform:uppercase}.status-waiting[data-v-66aef0c9]{background:#fff4e5;color:#b7791f}.status-playing[data-v-66aef0c9]{background:#e3f2fd;color:#1976d2}.status-finished[data-v-66aef0c9]{background:#e6f4ea;color:#1e7e34}.top-bar[data-v-a226d6ca]{display:flex;justify-content:flex-end;width:100%;margin-bottom:20px}.btn-history[data-v-a226d6ca]{padding:10px 20px;background-color:#2078cb;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-right:20px;font-size:16px}.btn-history[data-v-a226d6ca]:hover{background-color:#144f85}.loader[data-v-a226d6ca],.error[data-v-a226d6ca]{text-align:center;margin-top:50px}.game-wrapper[data-v-a226d6ca]{position:relative;display:block;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.game-wrapper[data-v-a226d6ca]>*{margin-left:auto;margin-right:auto}.btn-info-absolute[data-v-a226d6ca]{position:absolute;top:20px;left:52%;transform:translate(80px);width:28px;height:28px;border-radius:50%;border:1px solid #ccc;background-color:#f8f9fae6;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.btn-info-absolute[data-v-a226d6ca]:hover{background-color:#fff;transform:translate(80px) scale(1.1);box-shadow:0 2px 8px #0000001a}.games-wrapper[data-v-93def99f]{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 0 15px #0000001a;width:450px;max-width:90%;margin-top:40px;max-height:85vh}.status-message[data-v-93def99f]{text-align:center}.button-row[data-v-93def99f]{display:flex;flex-direction:row;gap:10px;justify-content:center;width:100%}button[data-v-93def99f]{flex:1;padding:12px 10px;font-size:14px;cursor:pointer;border:none;border-radius:5px;transition:background-color .3s;white-space:nowrap}.btn-main[data-v-93def99f]{background-color:#808284;color:#fff}.btn-main[data-v-93def99f]:hover{background-color:#575656}.btn-danger[data-v-93def99f]{background-color:#d9534f;color:#fff}.btn-danger[data-v-93def99f]:hover{background-color:#c9302c}#gameList[data-v-93def99f]{list-style-type:none;padding:0;margin:20px 0;max-height:70vh;overflow-y:auto;border:1px solid #eee;text-align:left;overflow-y:scroll}#gameList li[data-v-93def99f]{padding:15px;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center}#gameList li.brokenGame[data-v-93def99f]{background-color:#ffebeb!important;animation:shake-93def99f .5s}#gameList[data-v-93def99f]::-webkit-scrollbar{width:8px;display:block}#gameList[data-v-93def99f]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}#gameList[data-v-93def99f]::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#gameList[data-v-93def99f]::-webkit-scrollbar-thumb:hover{background:#808284}#gameList li[data-v-93def99f]:hover{background-image:linear-gradient(#7270701a,#7574741a)}.game-id[data-v-93def99f]{font-size:11px;color:#bbb}.game-owner[data-v-93def99f]{font-size:15px;color:#333}h1[data-v-93def99f]{font-size:22px;margin:30px;text-align:center}@keyframes shake-93def99f{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.game-item.my-game[data-v-93def99f]{border-left:5px solid #28a745;background-color:#f8fff9}.game-item.participant[data-v-93def99f]{border-left:5px solid #2078cb;background-color:#f0f7ff}.game-item.open-game[data-v-93def99f]{border-left:5px solid #ccc}.games-wrapper[data-v-eb890bfa]{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 0 15px #0000001a;width:500px;max-width:95vh;margin:40px auto}#gameList[data-v-eb890bfa]{list-style-type:none;padding:0;margin:20px 0;border:1px solid #eee;border-radius:4px;max-height:75vh;overflow-y:scroll}#gameList li[data-v-eb890bfa]{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}#gameList li[data-v-eb890bfa]:last-child{border-bottom:none}.game-info[data-v-eb890bfa]{display:flex;align-items:center;gap:10px;font-size:14px;color:#333}.game-id[data-v-eb890bfa]{color:#999;width:100px}.status-message[data-v-eb890bfa]{text-align:center}.status-badge[data-v-eb890bfa]{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700;min-width:90px;text-align:center;display:inline-block}.win[data-v-eb890bfa]{background-color:#e6f4ea;color:#1e7e34}.loss[data-v-eb890bfa]{background-color:#fce8e6;color:#c53929}.draw[data-v-eb890bfa]{background-color:#f1f3f4;color:#5f6368}h1[data-v-eb890bfa]{font-size:22px;text-align:center;margin-bottom:10px;color:#444}#gameList[data-v-eb890bfa]::-webkit-scrollbar{width:8px;display:block}#gameList[data-v-eb890bfa]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}#gameList[data-v-eb890bfa]::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#gameList[data-v-eb890bfa]::-webkit-scrollbar-thumb:hover{background:#808284}.users-wrapper[data-v-62ed5830]{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 0 15px #0000001a;width:500px;max-width:95vh;margin:40px auto}#userList[data-v-62ed5830]{list-style-type:none;padding:0;margin:20px 0;border:1px solid #eee;border-radius:4px;max-height:75vh;overflow-y:scroll}#userList li[data-v-62ed5830]{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}#userList li[data-v-62ed5830]:last-child{border-bottom:none}.user-info[data-v-62ed5830]{display:flex;align-items:center;gap:10px;font-size:14px;color:#333}.user-id[data-v-62ed5830]{color:#999;width:100px}.status-message[data-v-62ed5830]{text-align:center}.status-badge[data-v-62ed5830]{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700;min-width:90px;text-align:center;display:inline-block}.win[data-v-62ed5830]{background-color:#e6f4ea;color:#1e7e34}.loss[data-v-62ed5830]{background-color:#fce8e6;color:#c53929}.draw[data-v-62ed5830]{background-color:#f1f3f4;color:#5f6368}h1[data-v-62ed5830]{font-size:22px;text-align:center;margin-bottom:10px;color:#444}#userList[data-v-62ed5830]::-webkit-scrollbar{width:8px;display:block}#userList[data-v-62ed5830]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}#userList[data-v-62ed5830]::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}#userList[data-v-62ed5830]::-webkit-scrollbar-thumb:hover{background:#808284}#userList li.me[data-v-62ed5830]{background-color:#e3f2fd}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.auth-form{display:flex;flex-direction:column;align-items:center;gap:20px;width:33%;max-width:150px;min-width:300px;background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 0 15px #0000001a}.auth-fields{display:flex;flex-direction:column;gap:15px;width:100%}.auth-fields input{width:100%;padding:15px;font-size:16px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;text-align:center}.btn{width:100%;padding:15px;font-size:18px;background-color:#808284;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:#575656}.loader{color:#808284;font-weight:700;margin:5px 0}.error{color:#d9534f;background:#f2dede;padding:10px;border-radius:4px;width:100%;box-sizing:border-box;text-align:center}.button-group{width:100%;display:flex;flex-direction:column;gap:15px}