@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #f70776;--color-secondary: #c3195d;--color-tertiary: #680747;--color-background: #141010;--color-surface: #1e1a1a;--color-surface-light: #2a2323;--color-text: #f5f5f5;--color-text-muted: #a89a9e;--color-success: #a8e4b1;--color-danger: #ff4d4d;--color-gold: #f6d365;--color-border: #3a2f2f;--radius: 8px;--radius-lg: 12px;--font-family: "Figtree", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-secondary)}.page-container{display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 1rem}.navbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.navbar-brand{font-weight:700;font-size:1.25rem;color:var(--color-primary);letter-spacing:-.5px}.navbar-links{display:flex;align-items:center;gap:1.5rem}.navbar-links a{color:var(--color-text-muted);font-size:.875rem;font-weight:500;transition:color .2s}.navbar-links a:hover,.navbar-links a.active{color:var(--color-text)}.navbar-user{position:relative;display:flex;align-items:center;gap:.75rem;cursor:pointer}.navbar-user-name{color:var(--color-text);font-size:.875rem;font-weight:500}.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;background-color:var(--color-tertiary);color:var(--color-text);overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:180px;box-shadow:0 10px 30px #00000080;z-index:50;overflow:hidden;display:none}.dropdown-menu.open{display:block}.dropdown-menu a,.dropdown-menu button{display:block;width:100%;text-align:left;padding:.625rem 1rem;font-size:.875rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:background-color .15s,color .15s}.dropdown-menu a:hover,.dropdown-menu button:hover{background-color:var(--color-surface-light);color:var(--color-text)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:.5rem}.mobile-nav{max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,transform .3s ease;background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:0 1rem}.mobile-nav.open{max-height:500px;opacity:1;transform:translateY(0);padding:1rem}.mobile-nav a{display:block;padding:.75rem 0;color:var(--color-text-muted);font-size:.875rem;font-weight:500;border-bottom:1px solid var(--color-border)}.mobile-nav a:last-child{border-bottom:none}.main-content{padding:2rem 1rem}.main-content-inner{max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.card-header{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.375rem}.form-input{width:100%;padding:.625rem .875rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.875rem;transition:border-color .2s;outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f7077626}.form-input::placeholder{color:var(--color-text-muted);opacity:.6}.form-input.error{border-color:var(--color-danger)}.form-error{font-size:.75rem;color:var(--color-danger);margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:background-color .2s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-secondary)}.btn-secondary{background-color:var(--color-surface-light);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-tertiary)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#e63c3c}.btn-gold{background-color:var(--color-gold);color:#1a1a1a}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.alert{padding:.875rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem}.alert-success{background-color:#a8e4b126;border:1px solid var(--color-success);color:var(--color-success)}.alert-danger{background-color:#ff4d4d26;border:1px solid var(--color-danger);color:var(--color-danger)}.alert-info{background-color:#f707761a;border:1px solid var(--color-primary);color:var(--color-primary)}.guest-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;background:radial-gradient(circle at center,#1c1e28,#060913);position:relative;overflow-x:hidden}.guest-container *{font-family:Outfit,sans-serif}.guest-card{width:100%;max-width:440px;background:#0e1529a6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:2.5rem 2rem;box-shadow:0 20px 50px #0009,inset 0 1px 2px #ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.guest-logo{text-align:center;margin-bottom:2rem}.guest-logo a{font-size:2rem;font-weight:900;color:#ff4c95;letter-spacing:-.5px;filter:drop-shadow(0 0 10px rgba(247,7,118,.4))}.guest-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:2.25rem;color:#fff;letter-spacing:.2px}.guest-footer{text-align:center;margin-top:1.75rem;font-size:.875rem;color:#ffffff80}.guest-footer a{color:#ff4c95;font-weight:600;transition:color .2s ease}.guest-footer a:hover{color:#ff85b9}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.remember-me{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.remember-me input[type=checkbox]{accent-color:var(--color-primary)}.remember-me span{font-size:.875rem;color:var(--color-text-muted)}.forgot-link{font-size:.875rem;color:var(--color-primary)}.forgot-link:hover{color:var(--color-secondary)}.stats-row{display:flex;gap:1rem;flex-wrap:wrap}.stat-card{flex:1;min-width:120px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.avatar-upload{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.avatar-upload .user-avatar{width:64px;height:64px;font-size:1.25rem}.avatar-upload-actions{display:flex;flex-direction:column;gap:.5rem}@media(max-width:640px){.navbar-links,.navbar-user-name{display:none}.mobile-menu-btn{display:block}.main-content{padding:1rem .75rem}.card{padding:1.25rem}.stats-row{flex-direction:column}.btn-lg{padding:.625rem 1.25rem;font-size:.875rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media(max-width:480px){.guest-card{padding:1.5rem}.page-header h1{font-size:1.25rem}}.site-footer{margin-top:auto;padding:1.5rem 1rem;border-top:1px solid var(--color-border);background-color:var(--color-surface)}.site-footer-guest{margin-top:2rem}.footer-inner{max-width:1200px;margin:0 auto;text-align:center}.footer-fixed{font-size:.8rem;color:var(--color-text-muted)}.footer-custom{font-size:.75rem;color:var(--color-text-muted);margin-top:.5rem;opacity:.8}.footer-links{margin-top:.75rem;display:flex;justify-content:center;gap:1rem}.footer-links a{font-size:.75rem;color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-primary)}.perfil-publico-container{max-width:500px;margin:0 auto}.perfil-publico-card{text-align:center}.perfil-publico-header{margin-bottom:1.5rem}.perfil-publico-avatar{width:80px;height:80px;font-size:1.5rem;margin:0 auto 1rem}.perfil-publico-name{font-size:1.5rem;font-weight:800;color:var(--color-text);display:flex;align-items:center;justify-content:center;gap:.5rem}.perfil-publico-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.perfil-publico-stat{display:flex;flex-direction:column;align-items:center}.perfil-publico-stat-value{font-size:1.5rem;font-weight:800;color:var(--color-primary)}.perfil-publico-stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.perfil-publico-ultima-partida{margin-bottom:1.5rem}.perfil-publico-label{display:block;font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:.25rem}.perfil-publico-date{color:var(--color-text);font-size:.875rem}.perfil-publico-share{padding-top:1.5rem;border-top:1px solid var(--color-border)}.perfil-publico-share-label{display:block;font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:.75rem}.perfil-publico-share-buttons{display:flex;justify-content:center;gap:.5rem}.perfil-share-btn{display:inline-flex;align-items:center;gap:.35rem}.perfil-publico-historial{margin-bottom:1.5rem;text-align:left}.perfil-historial-list{display:flex;flex-direction:column;gap:.5rem}.perfil-historial-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-surface);border-radius:8px}.perfil-historial-asunto{font-size:.875rem;color:var(--color-text);flex:1;margin-right:1rem}.perfil-historial-meta{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.perfil-historial-fecha{font-size:.75rem;color:var(--color-text-muted)}.perfil-historial-puntos{font-size:.8rem;font-weight:700;color:var(--color-primary)}.mantenimiento-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background-color:var(--color-background)}.mantenimiento-icon{margin-bottom:1.5rem}.mantenimiento-title{font-size:2rem;font-weight:800;color:var(--color-primary);margin-bottom:.75rem}.mantenimiento-text{color:var(--color-text-muted);max-width:400px}.normas-container{max-width:700px;margin:0 auto}.normas-card{line-height:1.8;font-size:.925rem;color:var(--color-text)}.cookie-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;transform:translateY(100%);transition:transform .3s ease}.cookie-overlay.active{transform:translateY(0)}.cookie-box{background-color:#0a0f1cf2;border-top:1px solid rgba(255,255,255,.08);padding:1.15rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -10px 30px #00000080}.cookie-title{font-weight:700;font-size:.85rem;color:#fff;display:inline-block;margin-right:.5rem}.cookie-text{font-size:.825rem;color:#ffffffb3;flex:1;text-align:left}.cookie-actions{flex-shrink:0}.admin-config-textarea{resize:vertical;min-height:60px;font-family:var(--font-family)}.admin-config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.admin-config-item{padding:1rem}.admin-config-label{display:block;font-weight:600;font-size:.875rem;color:var(--color-text);margin-bottom:.25rem}.admin-config-tip{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.5rem;line-height:1.4}.admin-config-desc{display:none}@media(max-width:640px){.perfil-publico-stats{gap:1rem}.perfil-publico-share-buttons{flex-wrap:wrap}.cookie-box{flex-direction:column;text-align:center;gap:1rem;align-items:center}}.siguiente-ronda-container{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.siguiente-ronda-content{max-width:400px}.siguiente-ronda-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:.5rem;display:block}.siguiente-ronda-title{font-size:1.75rem;font-weight:800;color:var(--color-text);margin-bottom:1.5rem}.siguiente-ronda-countdown{font-size:4rem;font-weight:900;color:var(--color-primary);line-height:1;margin-bottom:.5rem}.siguiente-ronda-subtitle{font-size:1rem;color:var(--color-text-muted)}.resultado-final-container{max-width:600px;margin:0 auto}.resultado-final-header{text-align:center;margin-bottom:1.5rem}.resultado-final-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;display:block;margin-bottom:.25rem}.resultado-final-title{font-size:1.75rem;font-weight:800;color:var(--color-gold)}.resultado-final-rounds{padding:0}.resultado-final-round{padding:1rem;border-bottom:1px solid var(--color-border)}.resultado-final-round:last-child{border-bottom:none}.resultado-final-round-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.resultado-final-round-num{font-size:.7rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px}.resultado-final-round-asunto{font-size:.8rem;color:var(--color-text-muted)}.resultado-final-round-players{display:flex;flex-direction:column;gap:.35rem}.resultado-final-round-player{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:.35rem .5rem;border-radius:4px}.resultado-final-round-player.es-mi{background:#f707761a}.resultado-final-round-name{color:var(--color-text)}.resultado-final-round-pts{font-weight:700;color:var(--color-primary);font-size:.8rem}.resultado-final-actions{text-align:center;margin-top:1.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:10000;display:none;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .2s ease}.modal-overlay.active{display:flex}.modal-card{width:100%;max-width:500px;padding:2rem;position:relative;margin:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:.75rem}.modal-header h3{font-size:1.25rem;font-weight:800;color:var(--color-primary);margin:0}.modal-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.5rem;line-height:1}.modal-close-btn:hover{color:var(--color-text)}.form-section-title{font-size:.95rem;font-weight:700;color:var(--color-primary);margin-top:1.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.perfil-publico-redes{margin-top:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:center;gap:1.25rem}.perfil-red-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-surface-light);color:var(--color-text-muted);border:1px solid var(--color-border);transition:all .2s ease}.perfil-red-link:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:var(--color-tertiary);transform:translateY(-2px)}.warning-text{color:var(--color-gold)!important}.welcome-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem 1rem;background-color:#060913;background-image:radial-gradient(rgba(247,7,118,.15) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px,40px 40px,40px 40px;background-position:center center}.welcome-container *{font-family:Outfit,sans-serif}.welcome-glow-1{position:absolute;width:800px;height:800px;top:-200px;right:-100px;background:radial-gradient(circle,rgba(0,150,255,.08) 0%,transparent 70%);filter:blur(120px);pointer-events:none;z-index:1}.welcome-glow-2{position:absolute;width:800px;height:800px;bottom:-200px;left:-100px;background:radial-gradient(circle,rgba(247,7,118,.07) 0%,transparent 70%);filter:blur(120px);pointer-events:none;z-index:1}.welcome-content{position:relative;z-index:5;text-align:center;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-shield-wrapper{position:absolute;width:580px;height:580px;z-index:2;pointer-events:none;opacity:.35;top:42%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.welcome-title{font-size:6rem;font-weight:900;margin:0 0 .5rem;background:linear-gradient(to bottom,#fff,#ff5297 30%,#e60067 70%,#99003f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9)) drop-shadow(0 4px 20px rgba(247,7,118,.65));letter-spacing:-2px;line-height:1;text-transform:none}.welcome-subtitle{font-size:1.25rem;color:#ffffffbf;margin:0 0 3rem;font-weight:400;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.8)}.welcome-btn-group{display:flex;gap:1.5rem;z-index:10;flex-wrap:wrap;justify-content:center}.welcome-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 3rem;background:linear-gradient(180deg,#ff4c95,#e60067,#b3004f);border:1px solid rgba(255,255,255,.4);border-radius:50px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 20px #f707768c,inset 0 1.5px 3px #fff9,0 8px 30px #00000080;transition:all .25s cubic-bezier(.4,0,.2,1)}.welcome-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #f70776bf,inset 0 2px 4px #ffffffb3,0 12px 40px #0009;border-color:#fff9}.welcome-btn-primary:active{transform:translateY(0)}.welcome-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 3rem;background:#0a0f1cbf;border:1px solid rgba(247,7,118,.6);border-radius:50px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 15px #00000080,inset 0 1px 2px #ffffff0d;transition:all .25s cubic-bezier(.4,0,.2,1)}.welcome-btn-secondary:hover{transform:translateY(-2px);background:#f707761f;border-color:#ff5c9f;box-shadow:0 0 25px #f7077673,0 6px 20px #00000080}.welcome-btn-secondary:active{transform:translateY(0)}@media(max-width:640px){.welcome-title{font-size:4rem}.welcome-subtitle{font-size:1.1rem;padding:0 1rem;margin-bottom:2rem}.welcome-btn-group{flex-direction:column;width:100%;max-width:280px;gap:1rem}.welcome-btn-primary,.welcome-btn-secondary{width:100%;padding:.85rem 2rem}.welcome-shield-wrapper{width:380px;height:380px}}.guest-card .form-input{background-color:#06091399;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;padding:.8rem 1rem;font-size:.95rem;transition:all .25s ease}.guest-card .form-input:focus{border-color:#f7077699;box-shadow:0 0 10px #f7077640,inset 0 1px 2px #ffffff0d;background-color:#060913d9}.guest-card .btn-primary,.guest-card button[type=submit]{padding:.75rem 2.25rem;background:linear-gradient(180deg,#ff4c95,#e60067,#b3004f);border:1px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 0 20px #f7077673,0 4px 15px #0006;transition:all .25s ease}.guest-card .btn-primary:hover,.guest-card button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 0 25px #f70776a6,0 6px 20px #00000080;border-color:#ffffff80}.site-footer-guest{margin-top:3rem!important;padding:0!important;background:none!important;border-top:none!important}.site-footer-guest .footer-fixed{color:#ffffff4d!important;font-size:.8rem}.site-footer-guest .footer-links{margin-top:.5rem!important}.site-footer-guest .footer-links a{color:#ff4c95!important;font-size:.8rem;font-weight:600}.site-footer-guest .footer-links a:hover{color:#ff85b9!important}#cookie-accept{background:transparent;border:1px solid rgba(247,7,118,.6);border-radius:50px;color:#ff4c95;padding:.5rem 1.5rem;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .25s ease}#cookie-accept:hover{background:#f707761a;border-color:#ff5c9f;box-shadow:0 0 10px #f7077640}.dashboard-body .main-content{padding:0!important}.dashboard-body .main-content-inner{max-width:100%!important;margin:0!important}.navbar{position:relative!important;z-index:100!important;background-color:#0e1529b3!important;border-bottom:1px solid rgba(255,255,255,.05)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar-links a{color:#fff9!important;font-weight:600;transition:all .25s ease;padding:.5rem 0;position:relative}.navbar-links a:hover,.navbar-links a.active{color:#fff!important}.navbar-links a.active:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:2.5px;background-color:#ff4c95;box-shadow:0 0 10px #f70776cc,0 0 20px #f7077666;border-radius:2px}.navbar-user{background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:50px!important;padding:.35rem .6rem .35rem .4rem!important;display:inline-flex;align-items:center;gap:.6rem;box-shadow:inset 0 1px 1px #ffffff0d;transition:all .25s ease}.navbar-user:hover{background:#ffffff14!important;border-color:#ffffff26!important}.user-avatar-initials{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,#ff85b9,#d8065b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;box-shadow:0 2px 5px #0000004d}.user-avatar-img{width:28px;height:28px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.user-avatar-img img{width:100%;height:100%;object-fit:cover}.dashboard-wrapper{min-height:calc(100vh - 60px);background-color:#060913;background-image:radial-gradient(circle at 12% 25%,rgba(247,7,118,.08) 0%,transparent 45%),radial-gradient(circle at 88% 75%,rgba(0,150,255,.06) 0%,transparent 50%);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem}.dashboard-user-card{position:absolute;top:2.5rem;left:2.5rem;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.15rem 1.6rem;display:flex;align-items:center;gap:1.15rem;box-shadow:0 15px 35px #0006,inset 0 1px 2px #ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10}.dashboard-user-avatar{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#ff85b9,#d8065b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;box-shadow:0 4px 10px #0000004d;overflow:hidden}.dashboard-user-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-user-info{display:flex;flex-direction:column;gap:.15rem}.dashboard-user-greeting{margin:0;font-size:1.15rem;font-weight:800}.dashboard-user-greeting a{color:#fff!important;transition:color .2s ease}.dashboard-user-greeting a:hover{color:#ff4c95!important}.dashboard-user-points{display:flex;align-items:center;gap:.4rem}.dashboard-user-points .points-text{font-size:.85rem;color:#ffffff80;font-weight:500}.dashboard-user-points .diamond-icon{display:inline-flex;filter:drop-shadow(0 0 5px rgba(247,7,118,.7))}.dashboard-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding-bottom:5rem;margin-top:2rem}.dashboard-pedestal{position:absolute;bottom:-2.5rem;width:680px;height:180px;z-index:2;opacity:.85;pointer-events:none;filter:drop-shadow(0 -10px 40px rgba(247,7,118,.15))}.dashboard-hero-content{position:relative;z-index:5;text-align:center;display:flex;flex-direction:column;align-items:center}.dashboard-hero-title{font-size:3rem;font-weight:900;color:#fff;margin-bottom:.75rem;letter-spacing:-.5px;text-shadow:0 0 20px rgba(247,7,118,.6)}.dashboard-hero-subtitle{font-size:1.1rem;color:#ffffffa6;margin-bottom:2.5rem;text-shadow:0 2px 5px rgba(0,0,0,.5)}.dashboard-actions{display:flex;flex-direction:column;gap:1.25rem;width:260px}.dashboard-btn-play{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.95rem 2rem;background:linear-gradient(180deg,#ff4c95,#e60067,#b3004f);border:1px solid rgba(255,255,255,.35);border-radius:50px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 20px #f707768c,inset 0 1.5px 3px #fff9,0 8px 30px #00000080;transition:all .25s cubic-bezier(.4,0,.2,1)}.dashboard-btn-play:hover{transform:translateY(-3px);box-shadow:0 6px 30px #f70776bf,inset 0 2px 4px #ffffffb3,0 12px 40px #0009;border-color:#fff9}.dashboard-btn-play svg{filter:drop-shadow(0 0 3px rgba(255,255,255,.4))}.dashboard-btn-ranking{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.95rem 2rem;background:#0a0f1ccc;border:1px solid rgba(255,255,255,.25);border-radius:50px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 15px #00000080,inset 0 1px 2px #ffffff0d;transition:all .25s cubic-bezier(.4,0,.2,1)}.dashboard-btn-ranking:hover{transform:translateY(-3px);background:#ffffff14;border-color:#ffffff73;box-shadow:0 0 20px #ffffff26,0 6px 20px #00000080}@media(max-width:800px){.dashboard-wrapper{padding:1.5rem 1rem;justify-content:flex-start;gap:2rem;min-height:calc(100vh - 60px)}.dashboard-user-card{position:static;width:100%;max-width:320px;margin:0 auto;justify-content:center}.dashboard-hero{padding-bottom:0;margin-top:0}.dashboard-pedestal{display:none}.dashboard-hero-title{font-size:2.25rem}.navbar-links{gap:1rem}.navbar-links a.active:after{bottom:-22px}}.mesh-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.65}.waiting-room-wrapper{min-height:calc(100vh - 60px);background-color:#0b0c10;background-image:radial-gradient(circle at 50% 20%,rgba(0,150,255,.09) 0%,rgba(247,7,118,.05) 30%,transparent 60%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.028'/%3E%3C/svg%3E");position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem!important;width:100%}.waiting-room-wrapper .waiting-room-header{width:100%!important;max-width:950px!important;margin:0 auto .25rem!important;display:flex!important;justify-content:flex-start!important}.waiting-room-wrapper .waiting-room-header h1{font-size:2rem!important;font-weight:800!important;color:#fff!important;text-shadow:0 0 15px rgba(247,7,118,.4)!important;margin:0!important;text-align:left!important}.waiting-room-wrapper .cola-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1000px;margin:0 auto;text-align:center;position:relative;z-index:10;gap:.75rem!important}.waiting-room-wrapper .concentric-spinner{position:relative;width:72px!important;height:72px!important;display:flex;align-items:center;justify-content:center;margin:0 auto .25rem!important}.waiting-room-wrapper .spinner-ring{position:absolute;border-radius:50%;border:3px solid transparent;animation:spin linear infinite}.waiting-room-wrapper .ring-1{width:72px!important;height:72px!important;border-top-color:#ff4c95;border-bottom-color:#ff4c95;animation-duration:2s;filter:drop-shadow(0 0 8px rgba(255,76,149,.7))}.waiting-room-wrapper .ring-2{width:54px!important;height:54px!important;border-left-color:#b3004f;border-right-color:#b3004f;animation-duration:1.5s;animation-direction:reverse;filter:drop-shadow(0 0 6px rgba(179,0,79,.6))}.waiting-room-wrapper .ring-3{width:36px!important;height:36px!important;border-top-color:#0096ff;border-bottom-color:#0096ff;animation-duration:1s;filter:drop-shadow(0 0 5px rgba(0,150,255,.8))}.waiting-room-wrapper .cola-search-text{font-size:1rem!important;color:#ffffffb3!important;font-weight:500;margin-bottom:.75rem!important;letter-spacing:.3px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.waiting-room-wrapper .cola-timer-card{background:linear-gradient(180deg,#ffffff14,#0f1423a6)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;padding:.75rem 1.5rem!important;width:100%!important;max-width:380px!important;margin-bottom:1rem!important;box-shadow:0 15px 35px #0006,inset 0 1px 1px #ffffff26!important;backdrop-filter:blur(12px) saturate(180%)!important;-webkit-backdrop-filter:blur(12px) saturate(180%)!important;position:relative;opacity:0;display:none;transition:opacity .4s ease}.waiting-room-wrapper .cola-timer-card:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#ff4c95,#b3004f,transparent);box-shadow:0 0 8px #ff4c95;border-radius:2px}.waiting-room-wrapper .cola-timer-card.active{display:block!important;opacity:1!important}.waiting-room-wrapper .cola-timer-card.waiting-state{padding:.85rem 1.5rem!important}.waiting-room-wrapper .cola-timer-card.waiting-state .cola-timer-value,.waiting-room-wrapper .cola-timer-card.waiting-state .cola-timer-bar-track,.waiting-room-wrapper .cola-timer-card.waiting-state .cola-timer-sublabel{display:none!important}.waiting-room-wrapper .cola-timer-card.waiting-state .cola-timer-label{margin-bottom:0!important;font-size:.85rem!important;color:#ff4c95!important;text-shadow:0 0 10px rgba(255,76,149,.4)!important}.waiting-room-wrapper .cola-timer-label{font-size:.7rem!important;font-weight:700!important;color:#ffffff80!important;letter-spacing:1px!important;margin-bottom:.25rem!important}.waiting-room-wrapper .cola-timer-value{font-size:3rem!important;font-weight:900!important;color:#ff4c95!important;line-height:1!important;filter:drop-shadow(0 0 10px rgba(247,7,118,.65))!important;margin-bottom:.5rem!important}.waiting-room-wrapper .cola-timer-bar-track{width:100%!important;height:8px!important;background:#ffffff0d!important;border-radius:50px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;margin-bottom:.5rem!important}.waiting-room-wrapper .cola-timer-bar-fill{height:100%!important;background:linear-gradient(90deg,#ff4c95,#b3004f,#0096ff)!important;box-shadow:0 0 8px #f70776cc!important;width:100%;transition:width .1s linear!important;mask-image:repeating-linear-gradient(90deg,black,black 7px,transparent 7px,transparent 9px)!important;-webkit-mask-image:repeating-linear-gradient(90deg,black,black 7px,transparent 7px,transparent 9px)!important}.waiting-room-wrapper .cola-timer-sublabel{font-size:.6rem!important;font-weight:700!important;color:#ffffff59!important;letter-spacing:.5px!important}.waiting-room-wrapper .players-grid-card{width:100%;max-width:950px;background:linear-gradient(180deg,#ffffff12,#0f1423a6)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:16px;padding:1.25rem 1.5rem!important;margin-bottom:1rem!important;box-shadow:0 20px 40px #00000080,inset 0 1px 2px #ffffff1f!important;backdrop-filter:blur(12px) saturate(180%)!important;-webkit-backdrop-filter:blur(12px) saturate(180%)!important;background-image:linear-gradient(rgba(0,150,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.02) 1px,transparent 1px)!important;background-size:16px 16px}.waiting-room-wrapper .players-grid-header{text-align:center;margin-bottom:1.25rem!important}.waiting-room-wrapper .players-grid-title{font-size:.9rem!important;font-weight:800;color:#fff;letter-spacing:.5px;margin-bottom:.15rem!important}.waiting-room-wrapper .players-grid-subtitle{font-size:.75rem!important;color:#fff6;font-weight:500}.waiting-room-wrapper .cola-players{display:grid!important;grid-template-columns:repeat(10,1fr)!important;gap:.5rem!important;width:100%!important;background:none!important;border:none!important;padding:0!important}.waiting-room-wrapper .cola-player-slot{position:relative;background:linear-gradient(180deg,#ffffff0d,#0a0f1ca6)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;padding:1rem .25rem .75rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:110px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:inset 0 1px #ffffff14!important}.waiting-room-wrapper .slot-num{position:absolute;top:6px;left:8px;font-size:.6rem!important;font-weight:800;color:#ffffff4d}.waiting-room-wrapper .slot-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.5rem!important}.waiting-room-wrapper .slot-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background-color:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;font-size:.85rem!important;color:#fff!important;overflow:hidden!important;transition:all .3s ease!important;opacity:1!important}.waiting-room-wrapper .slot-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.waiting-room-wrapper .slot-username{font-size:.65rem!important;font-weight:700;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waiting-room-wrapper .cola-player-slot.active{border-color:#ff4c95!important;box-shadow:0 0 15px #f7077673,inset 0 1px 1px #ffffff1a!important;opacity:1!important}.waiting-room-wrapper .cola-player-slot.active .slot-avatar{border:2px solid #ff4c95!important;box-shadow:0 0 10px #f7077680,inset 0 0 8px #f7077680!important;background:#060913!important}.waiting-room-wrapper .cola-player-slot.waiting{border-color:#f7077666!important;background:radial-gradient(circle at center,#f7077614,#0a0f1cb3)!important;box-shadow:0 0 20px #f7077659,inset 0 1px 1px #ffffff0d!important;opacity:1!important}.waiting-room-wrapper .cola-player-slot.waiting .slot-avatar{border:1px solid rgba(247,7,118,.5)!important;background:none!important;box-shadow:0 0 8px #f707764d!important;animation:pulseGlow 2s infinite ease-in-out!important}.waiting-room-wrapper .waiting-moon-svg{width:24px!important;height:24px!important;animation:rotateMoon 4s linear infinite}.waiting-room-wrapper .cola-player-slot.waiting .slot-status{font-size:.55rem!important;font-weight:800!important;color:#ff4c95!important;letter-spacing:.2px!important;animation:pulseText 1.5s infinite ease-in-out!important}.waiting-room-wrapper .cola-player-slot.pending .slot-avatar{color:#ffffff26!important;background-color:#ffffff05!important;border:1px solid rgba(255,255,255,.05)!important}.waiting-room-wrapper .cola-player-slot.pending .slot-status{font-size:.58rem!important;font-weight:700!important;color:#fff3!important;letter-spacing:.5px!important}.waiting-room-wrapper .btn-salir-sala{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2.75rem;background:#0a0f1ccc;border:1px solid rgba(255,255,255,.18);border-radius:50px;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 15px #00000080,inset 0 1px 2px #ffffff0d;transition:all .25s cubic-bezier(.4,0,.2,1);margin-top:.5rem!important;text-decoration:none}.waiting-room-wrapper .btn-salir-sala:hover{transform:translateY(-2px);background:#f707760d;border-color:#f7077680;box-shadow:0 0 15px #f7077640,0 6px 20px #0006;color:#fff}.waiting-room-wrapper .sala-countdown-container{position:relative;width:100%;max-width:450px;min-height:220px;margin:4rem auto;display:none;align-items:center;justify-content:center}.waiting-room-wrapper .sala-countdown-step{position:absolute;width:100%;opacity:0;pointer-events:none;transform:scale(.95);transition:opacity .5s ease,transform .5s ease;background:linear-gradient(135deg,#ffffff0f,#ffffff05)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;padding:2rem!important;box-shadow:0 15px 35px #0006,inset 0 1px 2px #ffffff14!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.waiting-room-wrapper .sala-countdown-step.active{opacity:1!important;pointer-events:auto!important;transform:scale(1)!important;z-index:2!important}.waiting-room-wrapper .sala-countdown-step.done{opacity:0!important;transform:scale(1.05)!important;z-index:1!important}.waiting-room-wrapper .sala-countdown-msg{font-size:.85rem!important;font-weight:700!important;color:#fff9!important;letter-spacing:1px!important;text-transform:uppercase!important;margin-bottom:1rem!important}.waiting-room-wrapper .sala-countdown-timer{font-size:4rem!important;font-weight:900!important;color:#ff4c95!important;line-height:1!important;filter:drop-shadow(0 0 15px rgba(247,7,118,.65))!important}.waiting-room-wrapper .sala-countdown-timer-unit{font-size:.65rem!important;font-weight:700!important;color:#fff6!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-left:.25rem!important}.waiting-room-wrapper .sala-countdown-bar-track{width:100%!important;height:10px!important;background:#ffffff0f!important;border-radius:50px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.1)!important;margin:1.25rem auto 0!important}.waiting-room-wrapper .sala-countdown-bar-fill{height:100%!important;background:linear-gradient(90deg,#ff4c95,#b3004f,#0096ff)!important;box-shadow:0 0 10px #f70776cc!important;width:100%;transition:width .1s linear!important;mask-image:repeating-linear-gradient(90deg,black,black 7px,transparent 7px,transparent 9px)!important;-webkit-mask-image:repeating-linear-gradient(90deg,black,black 7px,transparent 7px,transparent 9px)!important}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #f707761a;border-color:#f707764d}50%{box-shadow:0 0 12px #f7077673;border-color:#f70776b3}}@keyframes pulseText{0%,to{opacity:.5}50%{opacity:1}}@keyframes rotateMoon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:991px){.waiting-room-wrapper .cola-players{grid-template-columns:repeat(5,1fr)!important;gap:.5rem!important}}@media(max-width:550px){.waiting-room-wrapper .cola-players{grid-template-columns:repeat(3,1fr)!important}.waiting-room-wrapper .cola-timer-card{padding:1.25rem!important;margin-bottom:2rem!important}.waiting-room-wrapper .cola-timer-value{font-size:3rem!important}}
