@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css);body,html{margin:0;padding:0;height:100%;overflow:hidden;animation:gradientBackground 40s ease infinite;background:linear-gradient(270deg,#ffba91,#ff8dec,#f0f9ff,#6ef7eb);background-size:800% 800%}.custom-width{max-width:300px}.input-group{width:100%;max-width:400px}form{display:flex;justify-content:center;width:100%}.error-box{background-color:red;padding:10px;border-radius:5px}@keyframes gradientBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.navbar[data-v-1d203b1e]{transition:all .3s ease}.navbar-brand[data-v-1d203b1e]{cursor:pointer;transition:transform .2s ease}.navbar-brand[data-v-1d203b1e]:hover{transform:scale(1.1)}.nav-link[data-v-1d203b1e]{font-size:1.1rem;font-weight:500}.navbar-brand i[data-v-1d203b1e]{font-size:1.5rem}.navbar-brand span[data-v-1d203b1e]{font-size:1.2rem;font-weight:700}.game-grid[data-v-5eb0dd55]{margin-top:1.5rem}.game-card[data-v-5eb0dd55]{transition:all .3s ease;border-radius:12px;overflow:hidden;cursor:pointer;background:#fff}.game-card[data-v-5eb0dd55]:hover{transform:translateY(-8px);box-shadow:0 12px 20px rgba(0,0,0,.15)!important}.card-header-custom[data-v-5eb0dd55]{height:200px;overflow:hidden;background:linear-gradient(135deg,#0061f2,#6ea8fe);position:relative;display:flex;justify-content:center;align-items:center}.game-img[data-v-5eb0dd55]{width:50%;height:auto;-o-object-fit:contain;object-fit:contain;transition:all .3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.game-card:hover .game-img[data-v-5eb0dd55]{transform:scale(1.05)}.game-title[data-v-5eb0dd55]{font-size:1.5rem;font-weight:700;color:#212529;margin-bottom:.5rem;text-align:center}.game-description[data-v-5eb0dd55]{font-size:.9rem;color:#6c757d;text-align:center;line-height:1.6}.game-stats[data-v-5eb0dd55]{display:flex;flex-direction:column;font-size:.9rem;color:#495057}.game-ribbon[data-v-5eb0dd55]{position:absolute;top:20px;right:-5px;z-index:1;overflow:hidden;width:100px;height:100px}.game-ribbon span[data-v-5eb0dd55]{position:absolute;display:block;width:140px;padding:8px 0;background-color:#3a86ff;box-shadow:0 5px 10px rgba(0,0,0,.2);color:#fff;font-size:.8rem;text-align:center;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.2);transform:rotate(45deg);top:20px;right:-30px}.btn-primary[data-v-5eb0dd55]:active{transform:scale(.98)}.btn[data-v-5eb0dd55]{transition:all .2s ease}.btn-primary[data-v-5eb0dd55]{box-shadow:0 4px 6px rgba(0,123,255,.25)}.btn-primary[data-v-5eb0dd55]:hover{box-shadow:0 6px 12px rgba(0,123,255,.3)}@media (max-width:768px){.card-header-custom[data-v-5eb0dd55]{height:180px}.game-title[data-v-5eb0dd55]{font-size:1.3rem}}.user-chat[data-v-1436ef5e]{display:flex;flex-direction:column;width:100%;max-width:380px;height:88vh;border:1px solid #dee2e6;background-color:#fffffffa;padding:0;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s;border-radius:.5rem}.hidden-chat[data-v-1436ef5e]{transform:translateX(-120%)}.card-header[data-v-1436ef5e]{padding:12px 15px;box-sizing:border-box;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.1);position:relative}.chat-title[data-v-1436ef5e]{font-size:1.1rem;font-weight:600}.users-container[data-v-1436ef5e]{background-color:#f8f9fa;padding:6px;border-bottom:1px solid #dee2e6}.user-list[data-v-1436ef5e]{display:flex;flex-wrap:wrap;gap:5px}.user-box[data-v-1436ef5e]{padding:4px 8px;border-radius:12px;font-size:.85rem;background-color:#6c757d;color:#fff}.messages-container[data-v-1436ef5e]{flex:1;overflow-y:auto;padding:15px;background-color:#f9f9f9}.messages[data-v-1436ef5e]{display:flex;flex-direction:column}.message[data-v-1436ef5e]{margin-bottom:12px;padding:8px 12px;border-radius:8px;background-color:#e9ecef;max-width:85%;box-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;word-break:break-word}.message-header[data-v-1436ef5e]{display:flex;justify-content:space-between;margin-bottom:4px}.message-time[data-v-1436ef5e]{font-size:.7rem;color:#6c757d}.message-content[data-v-1436ef5e]{font-size:.95rem;line-height:1.4}.system-message[data-v-1436ef5e]{background-color:#e3f2fd;font-style:italic;margin-left:auto;margin-right:auto;text-align:center;max-width:70%;padding:5px 12px}.join-message[data-v-1436ef5e]{color:#28a745;background-color:#d4edda}.exit-message[data-v-1436ef5e]{color:#dc3545;background-color:#f8d7da}.my-message[data-v-1436ef5e]{background-color:#cfe2ff;color:#084298;align-self:flex-end;text-align:right}.input-group[data-v-1436ef5e]{padding:12px;box-sizing:border-box;flex-shrink:0;background-color:#fff;border-top:1px solid #dee2e6}.input-group .form-control[data-v-1436ef5e]{border-radius:20px;padding-left:15px;border:1px solid #ced4da}.input-group .form-control[data-v-1436ef5e]:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.25);border-color:#86b7fe}.send-btn[data-v-1436ef5e]{border-radius:20px;margin-left:8px}.toggle-chat-btn[data-v-1436ef5e]{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.show-chat-btn[data-v-1436ef5e]{position:absolute;top:100px;left:15px;background-color:#0d6efd;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:8px 15px;border-radius:20px;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:all .2s ease}.show-chat-btn[data-v-1436ef5e]:hover{background-color:#0b5ed7;transform:translateY(-2px)}.cursor-pointer[data-v-ed5b6c56]{cursor:pointer}.game-icon[data-v-ed5b6c56]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--bs-primary)}.card-header[data-v-ed5b6c56]{border-bottom:0}.list-group-item[data-v-ed5b6c56]:hover{background-color:#f8f9fa;cursor:pointer}.disabled-game[data-v-ed5b6c56]{opacity:.7;cursor:not-allowed!important}.disabled-game[data-v-ed5b6c56]:hover{background-color:inherit!important}.min-vh-100[data-v-ed5b6c56]{min-height:100vh}.player-count[data-v-ed5b6c56]{min-width:60px}.list-group-item-action:not(.disabled-game):hover .btn-primary[data-v-ed5b6c56]{background-color:#0b5ed7;transform:scale(1.05)}.btn[data-v-ed5b6c56],.list-group-item[data-v-ed5b6c56]{transition:all .2s ease}.badge[data-v-ed5b6c56]{font-weight:500}