@import url(https://fonts.googleapis.com/css2?family=Arial+Black&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body:not(.no-overlay):before{background:linear-gradient(180deg,#0009,#0000);content:"";height:6%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}body.no-overlay:before{content:none!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bg-svg-wrapper svg{height:auto;max-width:100%;object-fit:cover;width:auto}@media (min-width:450px){.bg-svg-wrapper svg{height:auto;width:210%}}@media (min-width:1450px){.bg-svg-wrapper svg{height:auto;width:150%}.bg-svg-wrapper{height:calc(100% + 120px);left:0;overflow:hidden;position:fixed;right:0;top:-120px;z-index:-1}}.game-canvas{bottom:0;left:0;position:absolute;right:0;top:var(--navbar-height)}.navbar{align-items:center;background-color:#fff0;display:flex;height:80px;justify-content:space-between;left:0;position:fixed;top:0;transition:all .5s ease;width:100%;z-index:10}.navbar-colored,.navbar-scrolled{background-color:#1a1a1a}.navbar-scrolled{box-shadow:0 4px 6px #0003;height:60px}.navbar-scrolled .logo-image{height:40px}.navbar-scrolled .nav-links li a{font-size:.9rem}.navbar-scrolled .navbar-avatar{height:40px;width:40px}.logo{font-size:1.5rem;gap:1rem;margin-left:2rem}.nav-links{display:flex;gap:1rem;list-style:none;margin-left:3rem;margin-right:3rem}.nav-links li{align-items:center;display:flex}.nav-links li a{color:#fff;text-decoration:none;transition:color .3s ease,transform .3s ease}.nav-links li a:hover{color:#fc0;transform:scale(1.1)}.user-menu{cursor:pointer;position:relative}.user-menu,.username-button{align-items:center;display:flex;gap:.5rem}.username-button{background:none;border:none;color:#fff;font-weight:700}.dropdown-menu{word-wrap:break-word;background:#1a1a1a;border-radius:6px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:column;list-style:none;max-width:220px;min-width:120px;padding:1rem 1.2rem;position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu .user-info{background:linear-gradient(45deg,coral,#d3a900);border-radius:4px;color:#fff;margin-bottom:.5rem;max-width:220px;min-width:120px;overflow-wrap:break-word;padding:.7rem;text-align:center;white-space:normal;word-break:break-word}.dropdown-menu li{font-size:2rem!important;margin:.3rem 0;padding:0}.dropdown-menu a,.dropdown-menu li{align-items:center;display:flex;justify-content:left}.dropdown-menu a{background:none;border-radius:8px;box-sizing:border-box;color:inherit;height:20px;margin:0 2px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:background .2s,color .2s;white-space:nowrap}.dropdown-menu a:hover,.dropdown-menu button:hover{color:#fc0;transform:scale(1.05)}.dropdown-menu a,.dropdown-menu button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem}.logo-image{border-radius:5%;cursor:pointer;display:flex;height:50px;transition:height .3s ease;width:auto}.navbar-avatar{border-radius:50%;height:50px;object-fit:cover;transition:width .3s ease,height .3s ease;width:50px}.dropdown-menu button{background:none;border:none;color:#f40000!important;cursor:pointer;padding:0;transition:color .3s ease,transform .3s ease}.dropdown-menu button:hover{transform:scale(1.05)}@media (max-width:600px){.dropdown-menu{font-size:.9rem;max-width:160px;min-width:120px;padding:.6rem}.navbar{height:60px}.nav-links{gap:1rem;margin-left:-1rem}.navbar-avatar{height:40px;width:40px}.logo-image{height:40px}.nav-links li a{font-size:.85rem}}@media (max-width:400px){.dropdown-menu{font-size:.9rem;max-width:160px;min-width:120px;padding:.6rem}.nav-links li a{font-size:.6rem!important}.dropdown-menu li a,.nav-links li a{word-wrap:break-word;text-align:center;width:70px}.dropdown-menu li a{font-size:.8rem!important}.navbar{height:60px}.nav-links{font-size:12px;gap:0;margin-left:-1rem}.navbar-avatar{height:40px;margin-left:1rem;width:40px}.logo-image{height:40px;margin-left:-1rem}}body,html{margin:0;padding:0}#root{display:flex;flex:1 1;flex-direction:column}.footer{background-color:#1a1a1a;color:#fff;margin-top:auto;padding:2rem;position:relative;text-align:center;width:100%;z-index:1}.footer-content{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around}.footer-section{flex:1 1;min-width:200px}.footer-section h4{color:#6450f5;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:.5rem 0}.footer-bottom a,.footer-section ul li a{color:#c86bf5;text-decoration:none;transition:color .3s}.footer-bottom a:hover,.footer-section ul li a:hover{color:#d2f567}.CC{margin:0 auto;max-width:450px}.footer-bottom{color:#ccc;font-size:.9rem;margin-top:2rem;text-align:center}.footer-links{margin-top:1rem}.footer-link{color:#c86bf5;margin:0 .5rem;text-decoration:none;transition:color .3s}.footer-link:hover{color:#d2f567}.bg-svg-wrapper{background:linear-gradient(135deg,#0b0b0b 10%,#0b0b0b 90%);background:linear-gradient(135deg,var(--dynamic-color,var(--ink-black)) 10%,var(--ink-black) 90%);background-image:radial-gradient(circle at 20% 20%,#ffffff0a 1px,#0000 2px),radial-gradient(circle at 80% 80%,#ffffff08 1px,#0000 2px),linear-gradient(135deg,#3e2e1e 10%,#0b0b0b 90%);background-image:radial-gradient(circle at 20% 20%,#ffffff0a 1px,#0000 2px),radial-gradient(circle at 80% 80%,#ffffff08 1px,#0000 2px),linear-gradient(135deg,var(--sepia-dark) 10%,var(--ink-black) 90%);background-repeat:repeat;background-size:40px 40px,50px 50px,auto;inset:0;overflow:hidden;scale:1;transform-origin:center}.bg-svg-wrapper,.color-circle{filter:brightness(.7) saturate(.7);pointer-events:none;position:fixed;z-index:-1}.color-circle{background:linear-gradient(135deg,var(--dynamic-color) 10%,#0b0b0b 90%);background:linear-gradient(135deg,var(--dynamic-color) 10%,var(--ink-black) 90%);background-image:radial-gradient(circle at 20% 20%,#ffffff0a 1px,#ffffff0a 0),radial-gradient(circle at 80% 80%,#ffffff08 1px,#ffffff08 0),linear-gradient(135deg,#3e2e1e 10%,#0b0b0b 90%);background-image:radial-gradient(circle at 20% 20%,#ffffff0a 1px,#ffffff0a 1px),radial-gradient(circle at 80% 80%,#ffffff08 1px,#ffffff08 1px),linear-gradient(135deg,var(--sepia-dark) 10%,var(--ink-black) 90%);background-repeat:repeat;background-size:40px 40px,50px 50px,auto;border-radius:50%;height:0;left:50%;left:var(--circle-left,50%);top:50%;top:var(--circle-top,50%);transform:translate(-50%,-50%);transition:width 1.5s ease-in-out,height 1.5s ease-in-out;width:0}.bg-color-layer{inset:0;position:fixed;transition:background-color 1.2s ease-in-out;z-index:-2}:root{--ink-black:#0b0b0b;--sepia-dark:#3e2e1e;--sepia-light:#bda88f;--yellow-cream:#f7e6c4;--shadow-black:#000c;--primary-blue:#64e9f5;--primary-green:#d2f567;--primary-purple:#c868f5;--primary-orange:#f5a267;--font-cartoon:"Permanent Marker",cursive}@keyframes shadow-color-change{0%{filter:drop-shadow(0 0 20px #64E9F5);filter:drop-shadow(0 0 20px var(--primary-blue))}33%{filter:drop-shadow(0 0 20px #D2F567);filter:drop-shadow(0 0 20px var(--primary-green))}66%{filter:drop-shadow(0 0 20px #C868F5);filter:drop-shadow(0 0 20px var(--primary-purple))}to{filter:drop-shadow(0 0 20px #64E9F5);filter:drop-shadow(0 0 20px var(--primary-blue))}}*,:after,:before{box-sizing:border-box}.scroll-block{margin:0;opacity:0;padding:0;transform:scale(.8) skewX(15deg) skewY(10deg);transform-origin:top center;will-change:transform,opacity}.scroll-block.fixed-size{height:var(--block-h);max-width:100%;width:min(var(--block-w),100%)}.animate-text{visibility:hidden;white-space:pre-wrap}#lineDrawing{margin:2rem auto;max-width:800px;width:100%}.mypath{fill:none;stroke:#d2f567;stroke-width:3}.home{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:4rem;min-height:100vh;overflow:visible;padding-top:8rem;z-index:1}.home,.home>*{color:#d2f567;color:var(--primary-green);position:relative}.home>*{max-width:100%;text-shadow:0 0 8px #000000b3;z-index:3}.home-main{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-bottom:14rem}.home-image img{border-radius:10px;box-shadow:0 0 20px #64e9f5;box-shadow:0 0 20px var(--primary-blue)}.home-text{background-color:#280a50d9;border-radius:10px;box-shadow:0 0 20px #c868f5;box-shadow:0 0 20px var(--primary-purple);color:#d2f567;color:var(--primary-green);max-width:1000px;padding:2rem;text-align:center}.home-text h1{color:#f5a267;color:var(--primary-orange);font-size:3rem;margin-bottom:1rem;text-shadow:0 0 12px #f5a267;text-shadow:0 0 12px var(--primary-orange)}.home-text p{color:#d2f567cc;font-size:1.5rem;line-height:1.6;margin-bottom:2rem;text-shadow:0 0 6px #00000080}.play-button{background:linear-gradient(135deg,#f5a267,#d2f567);background:linear-gradient(135deg,var(--primary-orange),var(--primary-green));border:none;border-radius:12px;box-shadow:0 6px 15px #f5a267;box-shadow:0 6px 15px var(--primary-orange);color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;padding:1.5rem 3rem;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.play-button:hover{background:linear-gradient(135deg,#d2f567,#f5a267);background:linear-gradient(135deg,var(--primary-green),var(--primary-orange));box-shadow:0 8px 20px #d2f567;box-shadow:0 8px 20px var(--primary-green);transform:scale(1.1)}.home-video{display:flex;justify-content:center;margin:0 auto 4rem}.home-video video{height:70%;width:55%}.home-video video,.video-placeholder{border-radius:10px;box-shadow:0 4px 10px #0003}.video-placeholder{align-items:center;background-color:#ddd;color:#555;display:flex;font-size:1.2rem;font-style:italic;justify-content:center;width:60%}.home-rules{background-color:#d2f56726;border-radius:10px;box-shadow:0 2px 12px #c8dc6466;color:#333;overflow:hidden;padding:1rem}.rules-image{flex:1 1 40%}.rules-image img{border-radius:6px;display:block;height:auto;width:100%}.rules-image img:hover{transform:scale(1.05) translateY(1%)}.rules-text{color:#333;display:flex;flex:1 1 60%;flex-direction:column;font-size:1.1rem;gap:1rem}.rules-text.expanded{max-height:-1.2rem;max-height:calc(var(--img-h, 0px) - 1.2rem)}.rule-item{background-color:#d2f567;background-color:var(--primary-green);border-radius:6px;box-shadow:0 0 10px #d2f567;box-shadow:0 0 10px var(--primary-green);color:#222;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.rule-item:hover{background-color:#c868f5;background-color:var(--primary-purple);box-shadow:0 0 20px #c868f5;box-shadow:0 0 20px var(--primary-purple);color:#fff;transform:scale(1.05)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(10px)}}@media (max-width:1324px){.home-rules{gap:1.5rem!important;padding:0 .5rem!important}.rules-image,.rules-text{flex:1 1 45%!important}.logo-normal{max-width:70%!important;max-width:280px!important}.logo-container.moved-right{transform:translateX(-180px) scale(1)!important;width:350px!important}.option-button{min-width:250px!important}}@media (max-width:768px){.container{flex-direction:row;gap:1rem;justify-content:center}.container.show-options{justify-content:flex-start}.logo-container{max-width:120px}.logo-container.moved-right{transform:scale(1);width:50px!important}.option-button{width:70px}}.home-rules{flex-direction:column;gap:1rem}.rules-image,.rules-text{flex:1 1 100%}.rules-text{font-size:1rem}@media (max-width:480px){.container{flex-direction:row;gap:1rem;justify-content:center}.container.show-options{justify-content:flex-start}.logo-container{max-width:120px}.logo-container.moved-right{transform:scale(1);width:50px!important}.option-button{width:70px}}.rule-item{font-size:1.2rem;line-height:1.4;padding:.8rem}.option-button{align-items:center;border:2px solid #0000;border-radius:10px;color:#eee;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;min-width:280px;padding:16px 0;text-align:center;text-decoration:none;transition:background-color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none}.osu-style-button{background:linear-gradient(135deg,#24231e,#24231e);border:2px solid #24231e}.osu-style-button:hover{background:linear-gradient(90deg,#21201e,#353431,#b6a991);border-color:#e8d9be;color:#fff}.container{flex-direction:column;gap:1.5rem;margin-top:2rem;min-height:60vh;padding:2rem 0}.container,.logo-container{align-items:center;display:flex;justify-content:center;position:relative}.logo-container{align-self:center;height:320px;margin:0 auto;max-width:420px;transition:width .5s,height .5s;transition:transform .8s cubic-bezier(.4,0,.2,1),filter .4s cubic-bezier(.4,0,.2,1);width:100vw}.logo-wrapper{align-items:center;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform:scale(1.5)}.logo-normal,.logo-wrapper{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.logo-normal{border-radius:10px;display:block;height:auto;margin:0 auto;max-width:400px;transform-origin:center center}.logo-container:hover{animation:shadow-color-change 10s linear infinite;filter:drop-shadow(0 0 20px #64E9F5);filter:drop-shadow(0 0 20px var(--primary-blue));overflow:visible;transform:scale(1.12)}.logo-container.moved-right{transform:translateX(-250px) scale(1);transition:transform .7s cubic-bezier(.4,0,.2,1);width:500px}.logo-container.moved-right:hover{animation:none;cursor:default;filter:none}@keyframes optionsFadeIn{0%{opacity:0;transform:translateX(40px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}.options-container{align-self:center;border-radius:14px;display:flex;flex-direction:column;gap:8px;left:50%;min-width:220px;opacity:0;padding:20px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.7);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);transition:opacity .4s,transform .4s;-webkit-user-select:none;user-select:none;z-index:-1}.options-container.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1) translateX(250px)}.container.show-options{align-items:flex-start;flex-direction:row;gap:0;justify-content:center}.option-button:hover{transform:scale(1.05)}#impact-wave{background:#fff9;border-radius:50%;height:100px;inset:0;margin:auto;pointer-events:none;position:fixed;transform:scale(0);width:100px;z-index:9999}@media (max-width:1440px){.logo-container{display:flex;inset:0;justify-content:center;margin:5rem auto auto}.logo-normal{margin-bottom:10rem;max-width:550px;opacity:1}.logo-normal.logo-oculto{opacity:0}}@media (max-width:1024px){.logo-container{display:flex;inset:0;justify-content:center;margin:5rem auto auto}.logo-normal{margin-bottom:10rem;max-width:450px;opacity:1}.logo-normal.logo-oculto{opacity:0}}@media (max-width:768px){#impact-wave{top:1%!important;transform:translate(-50%,-55%) scale(0)}.logo-container{display:flex;inset:0;justify-content:center;margin:auto}.logo-normal{margin-bottom:10rem;max-width:300px;opacity:1}.logo-normal.logo-oculto{opacity:0}.intro-container{align-items:flex-start;justify-content:center;padding-top:6rem}.guante-derecho,.guante-izquierdo{max-width:160px;opacity:0;top:40%!important;transform:translateY(-50%);width:38vw}.guante-izquierdo{left:8vw}.guante-derecho{right:8vw}}@media (max-width:480px){#impact-wave{top:40%;transform:translate(-50%,-60%) scale(0)}}.page-content{opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.page-content.visible{opacity:1;pointer-events:auto}.intro-container{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.guante-derecho,.guante-izquierdo{max-width:500px;opacity:0;position:absolute;top:25%;transform:translateY(-50%);width:28vw}.guante-izquierdo{left:0}.guante-derecho{right:0}.flash-effect{background:#fff;opacity:0;width:100vw;z-index:10000}#confeti-container,.flash-effect{height:100vh;left:0;pointer-events:none;position:fixed;top:0}#confeti-container{overflow:hidden;width:100%;z-index:9999}.confeti{background-color:red;border-radius:2px;height:12px;opacity:.9;position:absolute;width:8px;will-change:transform,opacity}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}@media (max-width:768px){.container{flex-direction:row;gap:1rem;justify-content:center}.container.show-options{justify-content:flex-start}.logo-container{max-width:200px}.logo-container.moved-right{transform:scale(1);width:150px!important}.option-button{margin-bottom:30%;width:70px}}.logo-container img{display:block;height:auto;width:100%}.modal-overlay{padding:0}.modal-contentA{border-radius:15px;margin:0;max-width:500px;padding:1.5rem;width:70%}.modal-options{flex-direction:row;gap:1rem;justify-content:space-between}.modal-option{width:45%}.modal-image{height:auto;width:100%}.home-video video{border-radius:12px;box-shadow:0 0 25px #d2f567;box-shadow:0 0 25px var(--primary-green)}:root{--punch-start:-140%;--punch-show:60%;--punch-back:75%;--punch-hit:5%;--punch-exit:60%;--punch-scale:1.30}@media (max-width:1050px){:root{--punch-start:-170%;--punch-show:55%;--punch-back:50%;--punch-hit:2%;--punch-exit:30%;--punch-scale:1.05}}@media (max-width:1250px){:root{--punch-start:-170%;--punch-show:75%;--punch-back:90%;--punch-hit:2%;--punch-exit:50%;--punch-scale:1.15}}@media (max-width:1650px){:root{--punch-start:-170%;--punch-show:75%;--punch-back:90%;--punch-hit:2%;--punch-exit:80%;--punch-scale:1.15}}@media (max-width:2100px){:root{--punch-start:-170%;--punch-show:75%;--punch-back:90%;--punch-hit:2%;--punch-exit:100%;--punch-scale:1.15}}@media (max-width:2460px){:root{--punch-start:-170%;--punch-show:75%;--punch-back:90%;--punch-hit:2%;--punch-exit:100%;--punch-scale:1.15}}@media (max-width:700px){.options-container{display:none!important}.option-button{margin:0}.osu-style-button{background:linear-gradient(135deg,#24231e,#24231e);border:2px solid #e8d9be}}.modal-overlay{animation:fadeIn .3s;background:#141428cc;border:2px solid #e8d9be;inset:0;z-index:10000}.modal-contentA{align-items:center;background:rgba(27,25,25,.733)!important;background-color:#3c3c3cb3;box-shadow:0 4px 28px #111a;display:flex;flex-direction:column;gap:1rem;min-width:240px;padding:1rem 10rem;position:relative}.close-modal,.modal-contentA{border:2px solid #e8d9be;border-radius:14px}.close-modal{background-color:#0b0b0b;background-color:var(--ink-black);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem}#layer1{transform-origin:center center}#Linea_1_grupo,#Linea_2_grupo,#Linea_3_grupo,#Linea_4_grupo{transform-origin:left center}#Linea_5_grupo,#Linea_6_grupo,#Linea_7_grupo,#Linea_8_grupo{transform-origin:right center}#Linea_10_grupo,#Linea_11_grupo{transform-origin:center top}#Linea_10_grupo,#Linea_11_grupo,#Linea_1_grupo,#Linea_2_grupo,#Linea_3_grupo,#Linea_4_grupo,#Linea_5_grupo,#Linea_6_grupo,#Linea_7_grupo,#Linea_8_grupo{transform-origin:center center}.rules-container{background:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#333;font-family:Segoe UI,sans-serif;padding:2rem}.rules-container h1{color:#6450f5;margin-bottom:1.5rem;text-align:center}.rules-page{align-items:center;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:8rem 2rem 2rem}.rules-section{background-color:#000000b3;border-radius:10px;box-shadow:0 4px 10px #0003;color:#fff;margin-bottom:2rem;max-width:800px;padding:2rem;text-align:center;width:90%}.rules-section h1,.rules-section h2{color:#f5a623;font-size:2.5rem;margin-bottom:1.5rem}.rules-section p{font-size:1.2rem;line-height:1.8;text-align:justify}.rules-section p.highlight{color:#f5a623;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.rules-list{list-style:none;padding:0;text-align:left}.rules-list li{font-size:1.2rem;line-height:1.8;margin-bottom:.5rem;padding-left:1rem;position:relative}.rules-list li:before{color:#f5a623;content:"•";font-size:1.5rem;left:0;position:absolute}.special-card{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem;min-height:150px}.image-container{flex-shrink:0;height:150px;position:relative;width:150px}.special-card-image{border-radius:10px;box-shadow:0 4px 6px #0003;height:150px;object-fit:cover;width:150px}.image-container.coming-soon .special-card-image{filter:grayscale(100%) brightness(.85)}.coming-soon-badge{background-color:#ff4757;border-radius:3px;box-shadow:0 1px 2px #0003;color:#fff;font-size:1.3rem;font-weight:500;left:2%;line-height:1;padding:1px 4px;position:absolute;top:50%;z-index:2}.special-card p{font-size:1.2rem;line-height:1.6;margin:0;padding-left:1.6em;text-indent:-1.6em}.rules-nav{align-items:center;border-radius:16px;margin:1.5rem auto;max-width:95%;padding:1.5rem}.rules-nav,.rules-nav-buttons{display:flex;justify-content:center}.rules-nav-buttons{flex-wrap:wrap;gap:1rem;margin-top:-10%;width:100%}.rules-nav-buttons button{background-color:#3a3a55;border:none;border-radius:12px;box-shadow:0 2px 6px #0006;color:#f6f6f2;cursor:pointer;flex:1 1 150px;font-size:1rem;font-weight:600;max-width:200px;padding:1rem;text-align:center;transition:all .2s ease-in-out}.rules-nav-buttons button:hover{background-color:#57577a;box-shadow:0 4px 12px #00000080;transform:translateY(-2px)}.rules-nav-buttons button:focus{outline:2px solid #9c9cff;outline-offset:2px}.special-card.big-card{gap:1rem;justify-content:center;position:relative}.big-card-nav{background-color:initial;border:none;border-radius:5px;cursor:pointer;font-size:2rem;padding:.5rem 1rem;position:absolute;top:40%;transform:translateY(-50%);transition:background-color .3s ease;-webkit-user-select:none;user-select:none;z-index:10}.big-card-nav-wrapper.mobile{display:flex;gap:1rem;justify-content:center;margin-top:1rem;position:static}.big-card-nav.left{left:.5rem}.big-card-nav.right{right:.5rem}.big-card-name{font-size:1.25rem;font-weight:700;margin-top:-2rem;text-align:center}.mini-carousel{-webkit-overflow-scrolling:touch;cursor:grab;display:flex;overflow-x:auto;overflow-y:hidden;padding:10px 0;scroll-behavior:smooth;scrollbar-color:#f6f6df;scrollbar-width:thin}.mini-carousel::-webkit-scrollbar{background-color:#f6f6f2;border-radius:8px;height:8px}.mini-card-wrapper{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-start;padding:.3rem;text-align:center;transition:transform .2s ease}.mini-card-wrapper.active{transform:scale(1.1)}.mini-card-wrapper:hover{opacity:1;transform:scale(1.1)}.carousel-buttons{display:flex;gap:10px;justify-content:center;margin:.5rem 0}.carousel-buttons button{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:2rem;padding:.4rem .8rem}.carousel-buttons button:hover{background:#5d2c2c}.mini-card-name{color:#fff;font-size:.75rem;margin-top:4px;max-width:80px;overflow-wrap:break-word;text-align:center;white-space:normal}.special-card.big-card{align-items:center;display:flex;flex-direction:column;margin-top:1rem}.special-card-image-large{margin-bottom:1rem}.card-description{margin-top:-50px;margin:0!important;max-width:500px;padding:0!important;text-align:left;text-indent:0!important;white-space:normal}@media (max-width:600px){.rules-page{box-sizing:border-box;min-height:100vh;padding:4rem 1rem 1rem;width:100vw}.rules-section{border-radius:15px;margin-bottom:1rem;max-width:90vw;padding:1.5rem 1rem;width:90vw}.rules-section h1,.rules-section h2{font-size:1.8rem}.rules-section p,.special-card p{font-size:1rem;text-align:left!important}.mini-carousel{-webkit-overflow-scrolling:touch;padding:8px 0;width:100%}.mini-card-wrapper{margin:0 5px;margin-bottom:10px!important;padding:.2rem}.mini-card-name{font-size:.65rem;max-width:60px}.special-card.big-card{align-items:center;flex-direction:column;margin-top:1rem}.card-description{font-size:.8rem!important;width:100%}.card-description,.card-description *{box-sizing:border-box;margin:0!important;padding:0!important}.big-card-nav{border-radius:10px;margin-top:-5%;position:static!important}.big-card-nav-wrapper.mobile{justify-content:space-around;width:100%}.big-card-name{font-size:1rem}}.about-container{background:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#333;padding:2rem}.about-nav{align-items:center;border-radius:16px;margin:1.5rem auto;max-width:95%;padding:1.5rem}.about-nav,.about-nav-buttons{display:flex;justify-content:center}.about-nav-buttons{flex-wrap:wrap;gap:1rem;margin-top:-10%;width:100%}.about-nav-buttons button{background-color:#3a3a55;border:none;border-radius:12px;box-shadow:0 2px 6px #0006;color:#f6f6f2;cursor:pointer;flex:1 1 150px;font-size:1rem;font-weight:600;max-width:200px;padding:1rem;text-align:center;transition:all .2s ease-in-out}.about-nav-buttons button:hover{background-color:#57577a;box-shadow:0 4px 12px #00000080;transform:translateY(-2px)}.about-nav-buttons button:focus{outline:2px solid #9c9cff;outline-offset:2px}.about-container h1{color:#6450f5;margin-bottom:1.5rem;text-align:center}.about-page{align-items:center;color:#333;display:flex;flex-direction:column;min-height:100vh;padding:8rem 2rem 2rem;text-align:left}.about-section{background-color:#000000b3;border-radius:10px;box-shadow:0 4px 10px #0003;color:#fff;margin-bottom:2rem;max-width:800px;padding:2rem;text-align:center;width:90%}.about-section h1,.about-section h2{color:#f5a623;font-size:2.5rem;margin-bottom:1.5rem}.about-section p{font-size:1.2rem;line-height:1.8;text-align:justify}.about-section ul{list-style:none;padding:0;text-align:center}.about-section ul li{font-size:1.2rem;line-height:1.8;margin-bottom:.5rem;padding-left:1rem;position:relative}.about-section ul li:before{color:#f5a623;content:"•";font-size:1.5rem;left:0;position:absolute}.about-section p.highlight{color:#f5a623;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.team{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around}.team-member{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:10px;box-shadow:0 4px 10px #0003;box-sizing:border-box;display:flex;flex-direction:column;padding:.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:300px}.team-member:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-10px)}.team-image{aspect-ratio:1/1;border:1px solid #6450f5;border-radius:14px;box-sizing:border-box;display:block;height:270px;margin-top:1rem;max-width:250px;object-fit:cover;width:100%}.team-member h3{color:#f5a623;font-size:1.2rem;margin-bottom:.5rem;max-width:100%;overflow-wrap:break-word;text-align:center;word-break:break-word}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-info a{color:#f5a623;font-weight:700;text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-info p{color:#fff;font-size:1rem;margin:0}.contact-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.contact-form label{font-weight:700}.contact-form input,.contact-form textarea{border:none;border-radius:5px;font-size:1rem;padding:.5rem;width:100%}.contact-form button{background-color:#6450f5;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.7rem}.contact-form button:hover{background-color:#a450f5}.about-section p:first-of-type{color:#f5a623;font-size:1.3rem;font-weight:700;margin-top:1rem}.about-section p:last-of-type{color:#ddd;font-size:1.1rem;margin-top:1rem}@media (max-width:600px){.about-page{box-sizing:border-box;padding:4rem 1rem 1rem;width:100vw}.about-section{border-radius:15px;margin-bottom:1rem;margin-top:2rem;max-width:90vw;padding:1.5rem 1rem;width:90vw}.about-section h1,.about-section h2{font-size:1.8rem}.about-section p{font-size:1rem!important;text-align:left!important}.team{align-items:center;flex-direction:column}.team-member{max-width:90%}.contact-form button{width:100%}.about-nav-buttons button{box-sizing:border-box;display:block;flex:1 1 100%;margin:.3rem 0;max-width:100%;min-width:0;width:100%}.about-nav-buttons{flex-direction:column;gap:.5rem}}.Config-container{font-family:Segoe UI,sans-serif;min-height:100vh;padding-top:7rem}.Config-container,.Config-page{align-items:center;display:flex;flex-direction:column}.Config-page{background:rgba(0,0,0,.795);border-radius:14px;box-shadow:0 4px 16px #00000040;color:#fff;margin:2rem 0;max-width:450px!important;padding:2.5rem 2.5rem 2rem;width:100%}.Config-page h2{color:#f5a623;font-size:2.1rem;margin-bottom:1.5rem;text-align:center}.Config-page h3{color:#f5a623;font-size:1.3rem;margin:1.5rem 0 1rem;text-align:center}.Config-page form{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.2rem;width:100%}.Config-page label{color:#f4bc55;font-size:1.08rem;font-weight:700;margin-bottom:.2rem}.Config-page input,.Config-page select{background:#f9f9f9;border:none;border-radius:8px;box-shadow:0 2px 6px #00000014;color:#222;font-size:1.08rem;margin-bottom:.5rem;padding:.7rem;transition:box-shadow .2s;width:100%}.Config-page input:focus,.Config-page select:focus{box-shadow:0 0 0 2px #6450f5;outline:2px solid #6450f5}.Config-page button{background:#6450f5;border:none;border-radius:10px;box-shadow:0 2px 8px #0000002e;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;margin-top:.5rem;padding:.7rem 1.5rem;transition:background .2s,transform .2s}.Config-page button:disabled{background:#888;color:#eee;cursor:not-allowed}.Config-page button:hover:not(:disabled){background:#a450f5;transform:translateY(-2px) scale(1.03)}.Config-loading{color:#f5a623;font-size:1.2rem;margin-top:2rem;text-align:center}.Config-page p{color:#fff;font-size:1.05rem;margin:.5rem 0;text-align:center}.Config-page hr{border:none;border-top:2px solid #6450f5;margin:1.5rem 0;opacity:.3;width:100%}.MuiSnackbar-root{z-index:9999}.MuiAlert-root{border-radius:8px;font-size:1rem}@media (max-width:900px){.Config-page{max-width:95vw;padding:2rem 1.2rem 1.5rem}}@media (max-width:600px){.Config-container{box-sizing:border-box;margin:0 auto;min-height:70vh;padding-bottom:1.5rem;padding-top:3.5rem;width:70vw!important}.Config-page{border-radius:15px;box-shadow:none;height:760px!important;margin:2rem 0 1rem;max-width:90vw;min-height:100vh;width:90vw}.Config-page h2{font-size:1.3rem;margin-bottom:1.5rem}.Config-page h3{font-size:1.05rem;margin-bottom:1.5rem}.Config-page label{font-size:1rem}.Config-page input,.Config-page select{font-size:.95rem;height:2rem;margin-bottom:.3rem;padding:.3rem .6rem}.Config-page button{box-sizing:border-box;font-size:.95rem;margin-top:.3rem;padding:.5rem 1.1rem;width:100%}.Config-page form{gap:.3rem;max-width:300px}.Config-page input:last-child,.Config-page select:last-child{margin-bottom:.1rem!important}.Config-page hr{margin:1rem 0}.Config-page p{font-size:.98rem}.Config-page form:last-of-type{margin-bottom:0}}@media (max-width:400px){.Config-container{box-sizing:border-box;margin:0 auto;min-height:70vh;padding-bottom:1.5rem;padding-top:3.5rem;width:70vw!important}.Config-page{border-radius:15px;box-shadow:none;height:950px!important;margin:2rem 0 1rem;max-width:90vw;min-height:100vh;width:90vw}.Config-page h2{font-size:1.3rem;margin-bottom:1.5rem}.Config-page h3{font-size:1.05rem;margin-bottom:1.5rem}.Config-page label{font-size:1rem}.Config-page input,.Config-page select{font-size:.95rem;height:2rem;margin-bottom:.3rem;padding:.3rem .6rem}.Config-page button{box-sizing:border-box;font-size:.95rem;margin-top:.3rem;padding:.5rem 1.1rem;width:100%}.Config-page form{gap:.3rem;max-width:250px}.Config-page input:last-child,.Config-page select:last-child{margin-bottom:.1rem!important}.Config-page hr{margin:1rem 0}.Config-page p{font-size:.98rem}.Config-page form:last-of-type{margin-bottom:0}}.profile-modal-content{background:rgba(0,0,0,.741)!important;border:3px solid #231f20!important;border:3px solid var(--cl-card-border,#231f20)!important;border-radius:22px!important;box-shadow:0 4px 18px #00000022!important;box-shadow:0 4px 18px var(--cl-shadow,#00000022)!important;color:#1d1c1c!important;color:var(--cl-text-main,#1d1c1c)!important;font-family:Arial Black,Arial,sans-serif!important;padding:2rem!important}.profile-modal-content .MuiDialogContent-root{max-height:400px;overflow-y:auto;padding-bottom:0!important;padding-top:.5rem!important}.profile-modal-content .MuiDialogContent-root::-webkit-scrollbar{width:8px}.profile-modal-content .MuiDialogContent-root::-webkit-scrollbar-track{background:#fffbf2;background:var(--cl-card,#fffbf2);border-radius:10px}.profile-modal-content .MuiDialogContent-root::-webkit-scrollbar-thumb{background-color:#2b2d2d;background-color:var(--cl-accent3,#2b2d2d);border:2px solid #fffbf2;border:2px solid var(--cl-card,#fffbf2);border-radius:10px}.profile-modal-content .MuiDialogContent-root::-webkit-scrollbar-thumb:hover{background-color:#d2f562;background-color:var(--cl-accent4,#d2f562)}.profile-modal-content .MuiDialogContent-root{scrollbar-color:#2b2d2d #fffbf2;scrollbar-color:var(--cl-accent3,#2b2d2d) var(--cl-card,#fffbf2);scrollbar-width:thin}.profile-modal-content .MuiDialogTitle-root,.profile-modal-content h2{color:#272725;color:var(--cl-accent2,#272725);font-size:2rem;font-weight:700;margin-bottom:1.2rem;text-align:center}.profile-modal-content .sticky-avatar-container{background:#fffbf2;background:var(--cl-card,#fffbf2);border-bottom:2px solid #2b2d2d;border-bottom:2px solid var(--cl-accent3,#2b2d2d);margin-bottom:1rem;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.profile-modal-content .MuiAvatar-root.actual-avatar{background:#fff;border:3px solid #2b2d2d;border:3px solid var(--cl-accent3,#2b2d2d);box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--cl-shadow,#00000022);height:120px!important;margin-bottom:.5rem;width:120px!important}.profile-modal-content .actual-avatar-text{color:#272725;color:var(--cl-accent2,#272725);font-weight:700;text-align:center}.profile-modal-content .MuiAvatar-root{background:#fff;border:3px solid #2b2d2d;border:3px solid var(--cl-accent3,#2b2d2d);box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--cl-shadow,#00000022);cursor:pointer;height:100px!important;margin:6px!important;transition:transform .18s,border-color .18s,box-shadow .18s;width:100px!important}.profile-modal-content .MuiAvatar-root.selected,.profile-modal-content .MuiAvatar-root[aria-selected=true]{border-color:#d2f562;border-color:var(--cl-accent4,#d2f562);box-shadow:0 0 12px #ffe95a55}.profile-modal-content .MuiAvatar-root:hover{border-color:#2b2d2d;border-color:var(--cl-accent3,#2b2d2d);transform:scale(1.08)}.profile-modal-content .MuiButton-root{background:#2b2d2d;background:var(--cl-accent3,#2b2d2d);border:2.5px solid #272725;border:2.5px solid var(--cl-accent2,#272725);border-radius:1.2rem;box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--cl-shadow,#00000022);color:#fff;font-family:Arial Black,Arial,sans-serif;font-size:1.08rem;font-weight:700;margin:0 8px;padding:.8rem 1.5rem;transition:background .18s,color .18s,border .18s}.profile-modal-content .MuiButton-root:focus,.profile-modal-content .MuiButton-root:hover{background:#fff;border-color:#d2f562;border-color:var(--cl-accent4,#d2f562);color:#2b2d2d;color:var(--cl-accent3,#2b2d2d)}.profile-modal-content .MuiButton-root.outlined{background:#fff;color:#272725;color:var(--cl-accent2,#272725)}.profile-modal-content .MuiButton-root.outlined:hover{background:#d2f562;background:var(--cl-accent4,#d2f562);border-color:#d2f562;border-color:var(--cl-accent4,#d2f562);color:#272725;color:var(--cl-accent2,#272725)}@media (max-width:600px){.profile-modal-content{border-radius:0!important;display:flex;flex-direction:column;height:100vh!important;justify-content:space-between;max-height:none!important;max-width:none!important;padding:1rem!important;width:100vw!important}.profile-modal-content .MuiDialogContent-root{max-height:none!important;overflow-y:auto}.profile-modal-content .MuiDialogTitle-root{display:none}.profile-modal-content .actual-avatar{height:120px!important;width:120px!important}.profile-modal-content .MuiAvatar-root{height:72px!important;margin:4px!important;width:72px!important}.profile-modal-content .MuiButton-root{flex:1 1;font-size:1rem;padding:.6rem 1rem}.profile-modal-content .MuiButton-root.outlined{display:none}.mobile-close-btn{background:none;border:none;color:red;cursor:pointer;font-size:1.8rem;font-weight:700;position:absolute;right:.5rem;top:.5rem;z-index:20}}:root{--cl-bg-main:#692626;--cl-bg-lines:#231f20;--cl-accent:#181b1b;--cl-marron:#2b2926;--cl-gold:#fff;--cl-text-secondary:#523a20}.create-bg-anim{background:repeating-linear-gradient(0deg,var(--lineas-mesa) 0 2px,#0000 10px 200px),linear-gradient(90deg,var(--back) 0,var(--back) 15%,var(--back) 85%,var(--back) 100%);inset:0;opacity:1;position:fixed;z-index:-100}.create-bg-anim:after{background:radial-gradient(circle at 60% 28%,#ffe95a12 0,#0000 50%),radial-gradient(circle at 25% 80%,#aec6720f 0,#0000 45%),url("data:image/svg+xml;utf8,<svg width='100%' height='100%' viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'> <rect x='80' y='70' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='180' y='120' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='300' y='60' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='420' y='100' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='540' y='80' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='660' y='130' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='780' y='60' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='900' y='110' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='120' y='300' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='240' y='350' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='360' y='320' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='480' y='370' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='600' y='340' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='720' y='390' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='840' y='320' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='960' y='370' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='60' y='600' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='180' y='650' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='300' y='620' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='420' y='670' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='540' y='640' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='660' y='690' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='780' y='620' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='900' y='670' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='120' y='850' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='240' y='900' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='360' y='870' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='480' y='920' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='600' y='890' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='720' y='940' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='840' y='870' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='960' y='920' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> </svg>");content:"";inset:0;opacity:.35;pointer-events:none;position:absolute;z-index:-3}.create-lobby{align-items:center;background:none;display:flex;flex-direction:column;font-family:Arial Black,Arial,sans-serif;gap:3rem;min-height:100vh;padding:7rem 2rem 2rem;position:relative;text-align:center;z-index:1}.create-lobby h1{background:#fffbf2;border:2.5px solid #231f20;border:2.5px solid var(--cl-card-border);border-radius:12px;box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--cl-shadow);color:#1d1c1c;color:var(--cl-text-main);display:inline-block;font-size:2.3rem;font-weight:700;letter-spacing:.04em;margin-bottom:0;padding:.5rem 2.2rem;text-shadow:0 2px 8px #fffbe6cc}.create-lobby .guest-form,.create-lobby .user-session{align-items:center;background:#fffbf2;background:var(--cl-card);border:3px solid #231f20;border:3px solid var(--cl-card-border);border-radius:22px;box-shadow:0 4px 18px #00000022;box-shadow:0 4px 18px var(--cl-shadow);color:#1d1c1c;color:var(--cl-text-main);display:flex;flex-direction:column;height:600px;margin-bottom:1.5rem;max-width:400px;overflow:hidden;padding:2.2rem 2rem 1.5rem;text-align:center;width:100%}.create-lobby .guest-form p,.create-lobby .user-session p{color:#523a20;color:var(--cl-text-secondary);font-size:1.18rem;margin-bottom:.7rem}.create-lobby .user-session h2{color:#2b2926;color:var(--cl-marron);font-size:1.35rem;font-weight:700;margin:.7rem 0 1.2rem}.create-lobby .guest-form button,.create-lobby .user-session button{background:#000;border-color:#fff;border-color:var(--cl-gold);border-radius:1.2rem;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;margin-top:1rem;padding:1rem 2.2rem;transition:background .18s,color .18s,border .18s,box-shadow .18s}.create-lobby .guest-form button:focus,.create-lobby .guest-form button:hover,.create-lobby .user-session button:focus,.create-lobby .user-session button:hover{background:#fff;border-color:#000;color:#000}.avatar-preview{background:#fff;border:3px solid #2b2d2d;border:3px solid var(--cl-accent3);border-radius:50%;box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--cl-shadow);height:90px;margin:1rem auto .7rem!important;object-fit:cover;width:90px}.guest-form{background:#fffbf2;background:var(--cl-card);border:3px solid #272725;border:3px solid var(--cl-accent2);border-radius:22px;box-shadow:0 4px 18px #00000022;box-shadow:0 4px 18px var(--cl-shadow);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;max-width:400px;overflow:hidden;padding:2rem;width:100%}.guest-form input{background:#fff;border:2px solid #272725;border:2px solid var(--cl-accent2);border-radius:1rem;box-shadow:0 2px 4px #00000022;box-shadow:0 2px 4px var(--cl-shadow);color:#1d1c1c;color:var(--cl-text-main);font-size:1.1rem;outline:none;padding:1rem;transition:border .18s}.guest-form input:focus{border-color:#181b1b;border-color:var(--cl-accent)}.guest-form button{background:#2b2d2d;background:var(--cl-accent3);border:2.5px solid #272725;border:2.5px solid var(--cl-accent2);border-radius:1.2rem;box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--cl-shadow);color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;padding:1rem 2.2rem;transition:background .18s,color .18s,border .18s,box-shadow .18s}.guest-form button:focus,.guest-form button:hover{background:#efe5d3;border-color:#000;color:#000}.selected-avatar-preview{color:var(--cl-text-main)}.selected-avatar-preview img{background:#fff;border:3px solid #2b2d2d;border:3px solid var(--cl-accent3);border-radius:50%;box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--cl-shadow);height:100px;margin-bottom:1rem;object-fit:cover;width:100px}.modal-content{background:var(--cl-card);border:3px solid var(--cl-accent2);box-shadow:0 4px 18px var(--cl-shadow)}.modal-content h2{color:var(--cl-accent2)}.avatar-option{box-shadow:0 2px 8px var(--cl-shadow)}.avatar-option:hover{border-color:var(--cl-accent3)}.avatar-option.selected{border-color:var(--cl-gold)}.modal-actions button{background:var(--cl-accent4);border:2.5px solid var(--cl-accent2);color:var(--cl-accent2)}.modal-actions button:first-child:focus,.modal-actions button:first-child:hover{border-color:var(--cl-gold);color:var(--cl-accent2)}.modal-actions button:last-child{background:var(--cl-accent2);border-color:var(--cl-gold)}.modal-actions button:last-child:focus,.modal-actions button:last-child:hover{background:var(--cl-gold);border-color:var(--cl-accent2);color:var(--cl-text-main)}.create-lobby .guest-form h2,.create-lobby .user-session h2{font-size:1.5rem}.create-lobby .guest-form p,.create-lobby .user-session p{font-size:2rem}@media (max-width:600px){body,html{box-sizing:border-box;margin:0;max-width:100vw;overflow-x:hidden!important;padding:0;width:100vw}.create-lobby{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-top:-5rem;min-height:100vh!important;padding:1.5rem .5rem 2rem}.create-lobby h1{font-size:1.85rem;margin-bottom:0;margin-top:9rem;padding:1rem 2rem}.create-lobby .guest-form,.create-lobby .user-session{align-items:center;border-radius:18px;justify-content:center;margin-bottom:1.2rem;max-width:90vw;min-width:0;padding:1.5rem .5rem;width:90vw}.guest-form p{font-size:1.7rem!important;max-width:300px}.create-lobby .user-session button,.guest-form button,.guest-form input{font-size:1.1rem;margin:.5rem 0;padding:1rem 1.5rem}.avatar-preview,.selected-avatar-preview img{height:80px;width:80px}.avatar-option{height:48px;width:48px}.avatar-preview{background:#fff;border:3px solid #2b2d2d;border:3px solid var(--cl-accent3);border-radius:50%;box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--cl-shadow);height:100px!important;margin:1rem auto .7rem!important;object-fit:cover;width:100px!important}.user-session{max-width:90vh!important;width:40vh!important}}@media (max-width:400px){body,html{box-sizing:border-box;margin:0;max-width:100vw;overflow-x:hidden!important;padding:0;width:100vw}.create-lobby{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-top:0;min-height:100vh!important;padding:1.5rem .5rem 2rem}.create-lobby h1{font-size:1.85rem;margin-bottom:0;margin-top:5rem;padding:1rem 2rem}.create-lobby .guest-form,.create-lobby .user-session{align-items:center;border-radius:18px;justify-content:center;margin-bottom:1.2rem;max-width:90vw;min-width:0;padding:1.5rem .5rem;width:90vw}.create-lobby .user-session button,.guest-form button,.guest-form input{font-size:1.1rem;margin:.5rem 0;padding:1rem 1.5rem}.avatar-preview,.selected-avatar-preview img{height:80px;width:80px}.avatar-option{height:48px;width:48px}.avatar-preview{background:#fff;border:3px solid #2b2d2d;border:3px solid var(--cl-accent3);border-radius:50%;box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--cl-shadow);height:100px!important;margin:1rem auto .7rem!important;object-fit:cover;width:100px!important}.user-session{max-width:90vh!important;width:50vh!important}}:root{--jl-bg-main:#692626;--jl-bg-lines:#231f20;--jl-card:#fffbf2;--jl-card-border:#231f20;--jl-accent:#181b1b;--jl-accent2:#272725;--jl-accent3:#2b2d2d;--jl-accent4:#d2f562;--jl-marron:#2b2926;--jl-gold:#fff;--jl-shadow:#00000022;--jl-text-main:#1d1c1c;--jl-text-secondary:#523a20}.join-bg-anim{background:repeating-linear-gradient(0deg,var(--lineas-mesa) 0 2px,#0000 10px 200px),linear-gradient(90deg,var(--back) 0,var(--back) 15%,var(--back) 85%,var(--back) 100%);inset:0;opacity:1;pointer-events:none;position:fixed;z-index:-100}.join-bg-anim:after{background:radial-gradient(circle at 60% 28%,#ffe95a12 0,#0000 50%),radial-gradient(circle at 25% 80%,#aec6720f 0,#0000 45%),url("data:image/svg+xml;utf8,<svg width='100%' height='100%' viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'> <rect x='80' y='70' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='180' y='120' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='300' y='60' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='420' y='100' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='540' y='80' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='660' y='130' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='780' y='60' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='900' y='110' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='120' y='300' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='240' y='350' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='360' y='320' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='480' y='370' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='600' y='340' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='720' y='390' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='840' y='320' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='960' y='370' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='60' y='600' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='180' y='650' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='300' y='620' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='420' y='670' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='540' y='640' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='660' y='690' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='780' y='620' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='900' y='670' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='120' y='850' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='240' y='900' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='360' y='870' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='480' y='920' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='600' y='890' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='720' y='940' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='840' y='870' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='960' y='920' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> </svg>");content:"";inset:0;opacity:.35;pointer-events:none;position:absolute;z-index:-3}.join-lobby{align-items:center;background:none;display:flex;flex-direction:column;font-family:Arial Black,Arial,sans-serif;gap:3rem;min-height:100vh;padding:7rem 2rem 2rem;position:relative;text-align:center;z-index:1}.join-lobby h1{background:#fffbf2;border:2.5px solid #231f20;border:2.5px solid var(--jl-card-border);border-radius:12px;box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--jl-shadow);color:#1d1c1c;color:var(--jl-text-main);display:inline-block;font-size:2.3rem;font-weight:700;letter-spacing:.04em;margin-bottom:0;padding:.5rem 2.2rem;text-shadow:0 2px 8px #fffbe6cc}.join-lobby .user-session input{background:#fff;border:2px solid #272725;border:2px solid var(--jl-accent2);border-radius:1rem;box-shadow:0 2px 4px #00000022;box-shadow:0 2px 4px var(--jl-shadow);color:#1d1c1c;color:var(--jl-text-main);font-size:1.1rem;margin-bottom:1rem;outline:none;padding:1rem;transition:border .18s}.join-lobby .user-session input:focus{border-color:#181b1b;border-color:var(--jl-accent)}.join-lobby .user-session{background:#fffbf2;background:var(--jl-card);border:3px solid #231f20;border:3px solid var(--jl-card-border);border-radius:22px;box-shadow:0 4px 18px #00000022;box-shadow:0 4px 18px var(--jl-shadow);color:#1d1c1c;color:var(--jl-text-main);height:500px;margin-bottom:1.5rem;max-width:400px;padding:2.2rem 2rem 1.5rem;text-align:center;width:100%}.join-lobby .user-session p{color:#523a20;color:var(--jl-text-secondary);font-size:1.18rem;margin-bottom:.7rem}.join-lobby .user-session h2{color:#2b2926;color:var(--jl-marron);font-size:1.35rem;font-weight:700;margin:.7rem 0 1.2rem}.join-lobby .user-session button{background:#000;border-color:#fff;border-color:var(--jl-gold);border-radius:1.2rem;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;margin-top:1rem;padding:1rem 2.2rem;transition:background .18s,color .18s,border .18s,box-shadow .18s}.join-lobby .user-session button:focus,.join-lobby .user-session button:hover{background:#fff;border-color:#000;color:#000}.guest-formJ{background:#fffbf2;background:var(--jl-card);border:3px solid #272725;border:3px solid var(--jl-accent2);border-radius:22px;box-shadow:0 4px 18px #00000022;box-shadow:0 4px 18px var(--jl-shadow);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;max-width:400px;padding:2rem;width:100%}.guest-formJ p{font-size:1.2rem}.guest-formJ .p1{margin-top:1rem}.guest-formJ input{background:#fff;border:2px solid #272725;border:2px solid var(--jl-accent2);border-radius:1rem;box-shadow:0 2px 4px #00000022;box-shadow:0 2px 4px var(--jl-shadow);color:#1d1c1c;color:var(--jl-text-main);font-size:1.1rem;outline:none;padding:1rem;transition:border .18s}.guest-formJ input:focus{border-color:#181b1b;border-color:var(--jl-accent)}.guest-formJ button{background:#2b2d2d;background:var(--jl-accent3);border:2.5px solid #272725;border:2.5px solid var(--jl-accent2);border-radius:1.2rem;box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--jl-shadow);color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;padding:1rem 2.2rem;transition:background .18s,color .18s,border .18s,box-shadow .18s}.guest-formJ button:focus,.guest-formJ button:hover{background:#efe5d3;border-color:#000;color:#000}.selected-avatar-preview{align-items:center;color:#1d1c1c;color:var(--jl-text-main);display:flex;flex-direction:column;margin-top:1rem}.avatar-preview,.selected-avatar-preview img{background:#fff;border:3px solid #2b2d2d;border:3px solid var(--jl-accent3);border-radius:50%;box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--jl-shadow);height:100px;margin-bottom:1rem;object-fit:cover;width:100px}.modal-overlay{align-items:center;background:#11a4a21f;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fffbf2;background:var(--jl-card);border:3px solid #272725;border:3px solid var(--jl-accent2);border-radius:18px;box-shadow:0 4px 18px #00000022;box-shadow:0 4px 18px var(--jl-shadow);max-width:500px;padding:2rem;text-align:center;width:90%}.modal-content h2{color:#272725;color:var(--jl-accent2);margin-bottom:1rem}.avatar-options{display:flex;gap:1.2rem;justify-content:center;margin-top:1rem}.avatar-option{border:2.5px solid #0000;box-shadow:0 2px 8px #00000022;box-shadow:0 2px 8px var(--jl-shadow);transition:transform .18s,border-color .18s}.avatar-option:hover{border-color:#2b2d2d;border-color:var(--jl-accent3);transform:scale(1.08)}.avatar-option.selected{border-color:#fff;border-color:var(--jl-gold);box-shadow:0 0 12px #ffe95a55}.modal-actions{display:flex;gap:1.2rem;justify-content:space-between;margin-top:1.5rem}.modal-actions button{background:#d2f562;background:var(--jl-accent4);border:2.5px solid #272725;border:2.5px solid var(--jl-accent2);border-radius:1.2rem;color:#272725;color:var(--jl-accent2);cursor:pointer;font-size:1.08rem;font-weight:700;padding:.8rem 1.5rem;transition:background .18s,color .18s,border .18s}.modal-actions button:first-child:focus,.modal-actions button:first-child:hover{background:#fffbe6;border-color:#fff;border-color:var(--jl-gold);color:#272725;color:var(--jl-accent2)}.modal-actions button:last-child{background:#272725;background:var(--jl-accent2);border-color:#fff;border-color:var(--jl-gold);color:#fff}.modal-actions button:last-child:focus,.modal-actions button:last-child:hover{background:#fff;background:var(--jl-gold);border-color:#272725;border-color:var(--jl-accent2);color:#1d1c1c;color:var(--jl-text-main)}.join-lobby .guest-form h2,.join-lobby .user-session h2{font-size:1.5rem}.join-lobby .guest-form p,.join-lobby .user-session p{font-size:2rem}@media (max-width:600px){.guest-formJ{gap:.5rem;padding:.5rem}.guest-formJ .p1{margin-top:2rem}.guest-formJ .joinBtn{margin-bottom:2rem;margin-top:1rem;width:200px}.join-lobby{gap:1.5rem;padding:4rem .7rem .7rem}.join-lobby h1{font-size:1.85rem;padding:.7rem 1.5rem}.guest-formJ,.join-lobby .user-session{border-radius:14px}.join-lobby .user-session button{font-size:1.1rem;margin:.5rem 0;padding:1rem 1.5rem}.guest-formJ input{font-size:1.1rem;margin:0 auto!important;max-width:200px!important;padding:.75rem!important}.guest-formJ input::placeholder{font-size:1rem;text-align:center}.guest-formJ button{font-size:1.1rem;margin:0 auto;max-width:300px;padding:.75rem 2.75rem}.avatar-preview,.selected-avatar-preview img{height:100px;width:100px}.avatar-option{height:38px;width:38px}.guest-formJ p{font-size:1rem}.join-lobby .user-session input{background:#fff;border:2px solid #272725;border:2px solid var(--jl-accent2);border-radius:1rem;box-shadow:0 2px 4px #00000022;box-shadow:0 2px 4px var(--jl-shadow);color:#1d1c1c;color:var(--jl-text-main);font-size:1.1rem;margin-bottom:.5rem;max-width:200px;outline:none;transition:border .18s}.join-lobby{min-height:80vh}}:root{--back:#c5bdb8;--lineas-mesa:#7c5a3c;--marron-card: ;--marron-border:#2d2c2d;--beige-claro:#f5d48d;--amarillo-suave:#000;--beige-interior:#f7efdd;--sombra-card:#a97c5033;--marron-oscuro:#523a20;--text-main:#1d1c1c;--text-secondary:#000;--icon-copy:#a97c50;--verde-suave:#aec672;--rojo-suave:#e88e6b;--chip-rojo:#e36a5a;--chip-verde:#aec672;--chip-amarillo:#f7e267;--chip-azul:#8fa8c6;--fuente-base:Arial,Helvetica,sans-serif}.lobby-bg-anim{background:repeating-linear-gradient(0deg,#7c5a3c 0 2px,#0000 10px 200px),linear-gradient(90deg,#c5bdb8,#c5bdb8 15%,#c5bdb8 85%,#c5bdb8);background:repeating-linear-gradient(0deg,var(--lineas-mesa) 0 2px,#0000 10px 200px),linear-gradient(90deg,var(--back) 0,var(--back) 15%,var(--back) 85%,var(--back) 100%);inset:0;opacity:1;pointer-events:none;position:fixed;z-index:-100}.lobby-bg-anim:after{background:radial-gradient(circle at 60% 28%,#ffe95a12 0,#0000 50%),radial-gradient(circle at 25% 80%,#aec6720f 0,#0000 45%),url("data:image/svg+xml;utf8,<svg width='100%' height='100%' viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'> <rect x='80' y='70' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='180' y='120' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='300' y='60' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='420' y='100' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='540' y='80' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='660' y='130' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='780' y='60' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='900' y='110' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='120' y='300' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='240' y='350' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='360' y='320' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='480' y='370' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='600' y='340' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='720' y='390' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='840' y='320' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='960' y='370' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='60' y='600' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='180' y='650' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='300' y='620' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='420' y='670' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='540' y='640' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='660' y='690' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='780' y='620' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='900' y='670' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='120' y='850' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='240' y='900' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='360' y='870' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='480' y='920' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> <rect x='600' y='890' width='38' height='60' rx='8' fill='%2311a4a2' fill-opacity='0.64'/> <rect x='720' y='940' width='38' height='60' rx='8' fill='%23f5a267' fill-opacity='0.64'/> <rect x='840' y='870' width='38' height='60' rx='8' fill='%23c868f5' fill-opacity='0.64'/> <rect x='960' y='920' width='38' height='60' rx='8' fill='%23d2f562' fill-opacity='0.64'/> </svg>");content:"";inset:0;opacity:.35;pointer-events:none;position:absolute;z-index:-3}.lobby-new,body{background:none;color:#1d1c1c;color:var(--text-main);font-family:Arial,Helvetica,sans-serif;font-family:var(--fuente-base)}.lobby-new{background:none;display:flex;flex-direction:column;font-family:Arial Black,Arial,sans-serif;min-height:100vh;padding-bottom:5vh;z-index:1}.lobby-new,.lobby-room-token{align-items:center;position:relative}.lobby-room-token{background:#f7efdd;background:var(--beige-interior);border:2.5px solid #2d2c2d;border:2.5px solid var(--marron-border);border-radius:36px;box-shadow:0 0 8px #a97c5033;box-shadow:0 0 8px var(--sombra-card);color:#2d2c2d;color:var(--marron-border);display:inline-flex;font-size:1.32rem;font-weight:600;gap:.95rem;letter-spacing:.09em;margin-bottom:1.5rem;margin-top:6rem;padding:.5rem 2.2rem}.lobby-room-token strong{color:var(--marron-card);font-family:monospace;font-size:2rem;letter-spacing:.17em}.copy-btn{align-items:center;background:#fff9ed;border:2px solid;border:2px solid var(--marron-card);border-radius:8px;box-shadow:0 1px 2px #a97c5033;box-shadow:0 1px 2px var(--sombra-card);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.19rem .36rem;transition:background .16s,border .16s,box-shadow .16s}.copy-btn svg{display:block;height:22px;width:22px}.copy-btn svg rect{fill:#fff9ed;stroke:#a97c50;stroke:var(--icon-copy);transition:fill .2s,stroke .2s}.copy-btn:focus,.copy-btn:hover{border-color:#000;border-color:var(--amarillo-suave)}.copy-btn:focus svg rect,.copy-btn:hover svg rect{stroke:#000;stroke:var(--amarillo-suave)}.copy-feedback{animation:fadeUp .7s;background:#f5d48d;background:var(--beige-claro);border-radius:8px;color:#2d2c2d;color:var(--marron-border);font-size:1.01rem;font-weight:700;left:50%;padding:.17rem .7rem;pointer-events:none;position:absolute;top:-2.1rem;transform:translateX(-50%)}@keyframes fadeUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(-2px)}}.lobby-players-circle{align-items:flex-end;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;margin-top:1rem}.lobby-player-avatar{align-items:center;animation:avatar-breath 2.2s infinite alternate;background:#f7efdd;background:var(--beige-interior);border:3px solid;border:3px solid var(--marron-card);border-radius:20%;box-shadow:0 4px 14px #a97c5033;box-shadow:0 4px 14px var(--sombra-card);display:flex;flex-direction:column;height:96px;justify-content:center;padding:3.6rem;position:relative;transition:transform .16s,box-shadow .16s,border .16s;width:96px}@keyframes avatar-breath{0%{transform:scale(1)}to{transform:scale(1.02)}}.lobby-player-avatar.disconnected{filter:grayscale(.8);opacity:.4}.lobby-player-avatar.disconnected:after{background:#f5d48d;background:var(--beige-claro);border-radius:6px;bottom:-1.2em;box-shadow:0 2px 6px #e88e6b33;color:#e88e6b;color:var(--rojo-suave);content:"Desconectado";font-size:.8em;left:50%;padding:2px 8px;position:absolute;transform:translateX(-50%)}.lobby-player-avatar.host{animation:host-crown 1.2s infinite alternate,avatar-breath 2.2s infinite alternate;border-color:#000;border-color:var(--amarillo-suave);box-shadow:0 0 12px #ffe95a44}@keyframes host-crown{0%{box-shadow:0 0 12px #ffe95a55}to{box-shadow:0 0 25px #ffe95a99}}.lobby-player-avatar img{background:#fff;border:2px solid;border:2px solid var(--marron-card);border-radius:50%;height:64px;margin-bottom:.1rem;object-fit:cover;width:64px}.lobby-player-avatar span{color:#000;color:var(--text-secondary);font-size:.99rem;font-weight:700;margin-top:.15rem}.host-crown{animation:host-crown-bounce 1.2s infinite alternate;left:50%;pointer-events:none;position:absolute;top:-10px;transform:translateX(-50%);z-index:2}@keyframes host-crown-bounce{0%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-4px)}}.lobby-mode-cards{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);justify-items:center;margin-bottom:2.5rem;margin-top:0;padding:1.2rem}.lobby-mode-card{align-items:center;background:#f4ead5;border:3.5px solid #a97c50;border-radius:22px;cursor:pointer;display:flex;flex-direction:column;height:300px;opacity:0;overflow:hidden;padding-bottom:1.5rem;position:relative;transition:transform .18s,box-shadow .18s,border .18s;width:300px}.lobby-mode-img-wrap{align-items:flex-start;display:flex;justify-content:center;margin-top:1rem;transition:opacity .6s cubic-bezier(.4,0,.2,1.5),transform .6s cubic-bezier(.4,0,.2,1.5);width:100%;will-change:transform,opacity}.lobby-mode-img-wrap img{border-radius:6px;box-shadow:0 2px 7px #a97c5044;display:block;height:206px;margin-top:.4rem;max-width:390px;object-fit:cover;width:90%}.lobby-mode-title{border-radius:0 0 16px 16px;color:var(--marron-card);font-size:1.23rem;font-weight:700;letter-spacing:.03em;margin:0;padding:.57rem 0 .13rem;text-align:center;transition:opacity .5s cubic-bezier(.4,0,.2,1.5),transform .5s cubic-bezier(.4,0,.2,1.5);width:100%;will-change:transform;z-index:1}.lobby-mode-card .lobby-mode-img-wrap{opacity:1;transform:none}.lobby-mode-card .lobby-mode-title{transform:none}.lobby-mode-card .lobby-mode-desc,.lobby-mode-desc{opacity:0;pointer-events:none;transform:translateY(60px)}.lobby-mode-desc{background:#f5d48d;background:var(--beige-claro);color:#7c5a3c;font-size:1.13rem;font-weight:600;min-height:60px;min-height:-webkit-fit-content;min-height:fit-content;padding:.4rem 1.2rem;text-align:center;transition:opacity .7s cubic-bezier(.4,0,.2,1.5),transform .7s cubic-bezier(.4,0,.2,1.5);width:100%}.mode-badge.selected{background:#000;background:var(--amarillo-suave);border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;height:30px;left:14px;max-width:150px;position:absolute;right:auto;text-align:center;z-index:5}.lobby-mode-desc p{color:#000;color:var(--text-secondary);font-size:1.07rem;font-weight:600;margin:0;text-align:center}.lobby-mode-card.hovered .lobby-mode-img-wrap,.lobby-mode-img-wrap{opacity:0;transform:translateY(-72px)}.lobby-mode-card.hovered .lobby-mode-title,.lobby-mode-title{transform:translateY(-160px)}.lobby-mode-card.hovered .lobby-mode-desc,.lobby-mode-desc{opacity:1;pointer-events:auto;transform:translateY(-125px)}.lobby-mode-card.selected{border-color:#000;border-color:var(--amarillo-suave);transform:scale(1.05) translateY(-8px);z-index:2}.lobby-modes-title{background:none;box-shadow:none;color:#1d1c1c;color:var(--text-main);flex-shrink:0;font-size:1.45rem;font-weight:700;letter-spacing:.04em;margin:0;padding:0;text-align:center;text-shadow:#fffbe6 0 1px 5px;width:auto}.lobby-tab-pill{align-items:center;background:url("data:image/svg+xml;utf8,<svg width=%27420%27 height=%27120%27 viewBox=%270 0 420 120%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M30,60 Q0,20 80,20 Q140,0 210,20 Q280,0 340,20 Q420,20 390,60 Q420,100 340,100 Q280,120 210,100 Q140,120 80,100 Q0,100 30,60 Z%27 fill=%27%23f7efdd%27 stroke=%27%237c5a3c%27 stroke-width=%276%27/></svg>");background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:1.6rem;display:flex;justify-content:center;min-height:100px;min-width:260px;padding:1.2rem 3rem}.lobby-btn-modes-wrapper{align-items:center;display:flex;flex-direction:column;gap:1.1rem}.lobby-start-btn-simple{background:#f7efdd;background:var(--beige-interior,#f7efdd);border:3px solid;border:3px solid var(--marron-card,#a97c50);border-radius:1.3rem;color:var(--marron-card,#a97c50);cursor:pointer;display:inline-block;font-family:inherit;font-size:2rem;font-weight:700;outline:none;padding:.75rem 2rem;transition:background .18s,color .18s,border .18s}.lobby-start-btn-simple:focus,.lobby-start-btn-simple:hover{background:#181818;border-color:#f7efdd;border-color:var(--beige-interior,#f7efdd);color:#f7efdd;color:var(--beige-interior,#f7efdd)}@media (max-width:900px){.lobby-btn-modes-wrapper{gap:.7rem;margin-bottom:1.1rem}.lobby-start-btn-simple{border-radius:1rem;font-size:1.05rem;padding:.7rem 1.2rem}}.lobby-mode-card.coming-soon{filter:grayscale(.85) brightness(.82);opacity:.7;pointer-events:none;position:relative}.badge{border-radius:12px;color:#fff;font-size:2rem!important;letter-spacing:.03em;padding:.15rem .3rem;position:absolute;z-index:4}.badge.coming-soon-badge{background:#444b;border-radius:18px;box-shadow:0 4px 18px #2226;color:#fff;font-size:2.35rem;font-weight:700;left:50%;letter-spacing:.08em;padding:.5rem 2.7rem;pointer-events:none;position:absolute;text-shadow:0 2px 8px #0008;top:50%;transform:translate(-50%,-20%) rotate(-16deg);z-index:10}.host-alert{background-color:#fff8e0;border:1.5px solid #c58a49;border-radius:4px;box-sizing:border-box;color:#b25530;font-weight:700;left:0;margin-bottom:16px;padding:8px 12px;position:fixed;text-align:center;top:0;width:100%;z-index:10}@media (max-width:900px){.lobby-mode-cards{grid-template-columns:1fr}.lobby-new{height:auto}.lobby-mode-card{max-height:250px;max-width:510px;min-height:0;min-width:0;padding-bottom:1rem;width:98vw}.lobby-mode-img-wrap{margin-top:.6rem;opacity:1!important;transform:none!important}.lobby-mode-img-wrap img{height:94px;max-width:120px}.lobby-mode-desc,.lobby-mode-title{transform:none!important}.lobby-mode-desc{font-size:.97rem;opacity:1!important;padding:1.1rem;pointer-events:auto}.lobby-players-circle{gap:1rem;margin-bottom:1.1rem}.lobby-player-avatar{height:62px;width:62px}.lobby-player-avatar img{height:38px;width:38px}.lobby-room-token{flex-direction:column;font-size:1.08rem;gap:.27rem;padding:.36rem 1rem}.lobby-room-token strong{font-size:1.15rem}}@media (max-width:600px){.lobby-mode-card{height:auto;max-width:99vw;min-width:0;padding-bottom:.7rem;width:59vw}.lobby-mode-img-wrap img{height:68px;max-width:98vw}.lobby-mode-title{font-size:1.03rem;padding:.5rem 0 .1rem}.lobby-mode-desc{font-size:.9rem;min-height:32px;padding:.6rem}.lobby-players-circle{gap:.7rem;margin-bottom:.8rem}.lobby-player-avatar{height:48px;width:48px}.lobby-player-avatar img{height:28px;width:28px}}.lobby-mode-card .mode-badge{border-radius:12px;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.03em;padding:.15rem .7rem;position:absolute;right:15px;top:10px;z-index:4}.lobby-mode-card .mode-badge.new{background:#aec672;background:var(--verde-suave)}.lobby-mode-desc,.lobby-mode-title{text-shadow:none}.lobby-action-btn{background:#000;background:var(--amarillo-suave);border:1.5px solid;border:1.5px solid var(--marron-card);border-radius:10px;box-shadow:0 2px 8px #ffe95a22;color:#523a20;color:var(--marron-oscuro);cursor:pointer;font-size:1.03rem;font-weight:600;margin:.8rem 0;padding:.7rem 1.5rem;transition:background .14s,box-shadow .14s}.lobby-action-btn:focus,.lobby-action-btn:hover{background:#fffbe6;box-shadow:0 4px 12px #ffe95a44}.login-wrapper{align-items:center;background-color:#c5bebe;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:linear-gradient(145deg,#fff,#f1f1f1);border-radius:15px;box-shadow:0 8px 20px #6450f526;box-sizing:border-box;margin-top:4rem;max-width:450px;padding:2rem 1.5rem}@media (max-width:480px){.login-container{margin-top:2rem;max-width:320px;padding:1.5rem 1rem}.login-container h1{font-size:1.5rem}.login-container input{font-size:.9rem;padding:10px}.login-container .google-login-button,.login-container button.normal-btn{font-size:.95rem;padding:10px}.google-logo{height:18px;margin-right:8px;width:18px}}.login-container h1{color:#6450f5;margin-bottom:1.5rem;text-align:center}.login-container input{border:1px solid #ccc;border-radius:10px;font-size:1rem;margin:.5rem 0;padding:12px!important;transition:border .3s;width:100%!important}.login-container button.normal-btn{background-color:#6450f5;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:12px;transition:background .3s ease;width:100%}.login-container button.normal-btn:hover{background-color:#c86bf5}.login-container p{color:#f54a67;margin-top:1rem;text-align:center}.login-container .google-login-button{align-items:center;background-color:#fff!important;border:1px solid #ddd;border-radius:50px;box-shadow:0 1px 2px #0000001a;color:#444;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;margin-top:20px;padding:12px;transition:background-color .3s ease;width:100%}.login-container .google-login-button:hover{background-color:#f5f5f5}.register-wrapper{background-color:#c5bebe;box-sizing:border-box}.register-container{background:linear-gradient(145deg,#fff,#f1f1f1);border-radius:15px;box-shadow:0 8px 20px #6450f526;font-family:Segoe UI,sans-serif;margin:8rem auto 6rem;max-width:450px;padding:3rem 2rem}.register-container h1{color:#6450f5;margin-bottom:1.5rem;text-align:center}.register-container input,.register-container select{border:1px solid #ccc;border-radius:10px;font-size:1rem;margin:.5rem 0;padding:12px;transition:border .3s;width:100%}.register-container input:focus,.register-container select:focus{border-color:#6450f5;outline:none}.register-container button.normal-btn{background-color:#f54a67;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:12px;transition:background .3s ease;width:100%}.register-container button.normal-btn:hover{background-color:#c86bf5}.register-container p{color:#f54a67;margin-top:1rem;text-align:center}.google-login-button{align-items:center;background-color:#fff!important;border:1px solid #ddd;border-radius:50px;box-shadow:0 1px 2px #0000001a;color:#444;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;margin-top:20px;padding:12px;transition:background-color .3s ease;width:100%}.google-login-button:hover{background-color:#f5f5f5}.google-logo{height:20px;margin-right:10px;width:20px}@media (max-width:900px){.register-container{border-radius:.5rem;margin:6rem auto;max-width:60vw;min-width:0;padding:2rem 1rem}}@media (max-width:600px){.register-container{border-radius:.5rem;box-sizing:border-box;margin-bottom:10rem;margin-top:7rem;max-width:85vw;min-width:0;padding:1.5rem 1rem;width:90vw}.register-container h1{font-size:1.3rem;margin-bottom:1rem}.register-container input,.register-container select{border-radius:8px;font-size:.98rem;margin:.4rem 0;padding:10px}.google-login-button,.register-container button.normal-btn{border-radius:30px;font-size:.98rem;margin-top:.7rem;padding:10px}.google-login-button{margin-top:16px}.google-logo{height:18px;margin-right:8px;width:18px}.register-container p{font-size:.98rem;margin-top:.7rem}}:root{--cl-card:#fffbf2;--cl-card-border:#231f20;--cl-shadow:#00000022;--cl-text-main:#1d1c1c;--cl-accent2:#272725;--cl-accent3:#2b2d2d;--cl-accent4:#d2f562}.profile-background{align-items:center;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding-top:8rem;position:relative;width:100vw}.create-bg-anim{background:linear-gradient(120deg,#6450f5,#a450f5);height:100vh;left:0;opacity:.08;pointer-events:none;position:absolute;top:0;width:100vw;z-index:0}.profile-container{align-items:center;background:#000000b3;border-radius:12px!important;box-shadow:0 4px 16px #0000002e;color:#fff;display:flex;flex-direction:column;margin-bottom:10%;min-width:320px;padding:2.5rem 2rem 2rem;position:relative;width:40%;z-index:1}.profile-container h1{color:#a450f5;font-size:2.2rem;margin-bottom:1.5rem;text-align:center}.profile-image-section{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.profile-image{background:#fff;border:3px solid #6450f5;border-radius:50%;box-shadow:0 2px 8px #0000002e;height:120px;margin-bottom:1rem;object-fit:cover;width:120px}.username{color:#f5a623;font-size:1.3rem;font-weight:700;margin-bottom:.7rem;text-align:center}.btn-pixel{background-color:#6450f5;border:none;border-radius:8px;box-shadow:0 2px 6px #0000002e;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;max-width:150px;padding:.7rem 1.5rem;transition:background .2s,transform .2s}.btn-pixel:hover{background-color:#a450f5;transform:translateY(-2px)}.profile-stats{border-radius:10px;box-shadow:0 2px 8px #0000001a;text-align:center;width:100%}.stats-item{display:flex;flex-direction:column;margin:0 auto 1rem;max-width:30%;position:relative;text-align:left}.profile-stats h2{color:#f5a623;font-size:1.4rem;margin-bottom:1rem}.profile-stats p{color:#fff;font-size:1.1rem;margin:.5rem 0}.modal-profile{background:#000000d9;border-radius:12px;box-shadow:0 4px 16px #00000040;color:#fff;margin:0 auto;max-width:350px;padding:2rem 1.5rem}.avatar-selection{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.avatar-option{background:#fff;border:2px solid #6450f5;border-radius:50%;cursor:pointer;height:60px;object-fit:cover;transition:border .2s,transform .2s;width:60px}.avatar-option.selected{border:3px solid #f5a623;transform:scale(1.08)}.modal-profile button{background-color:#6450f5;border:none;border-radius:8px;box-shadow:0 2px 6px #0000002e;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.6rem 1.2rem;transition:background .2s,transform .2s}.modal-profile button:hover{background-color:#a450f5;transform:translateY(-2px)}@media (max-width:1200px){.stats-item{display:flex;flex-direction:column;margin:0 auto 1rem;max-width:43%!important;position:relative;text-align:left}}@media (max-width:600px){.profile-container{align-items:center;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:flex-start;margin-top:5rem!important;max-height:80vh!important;max-width:90vw!important;min-height:500px!important;overflow-y:auto;padding:0;width:90vw!important}.profile-image{height:80px;width:80px}.profile-stats{padding:1rem}.modal-profile{max-width:95vw;padding:1.2rem .5rem}.avatar-option{height:44px;width:44px}.profile-stats p{color:#fff;font-size:1rem;margin-left:1.8rem}.profile-stats h2{color:#f5a623;font-size:1.4rem!important;margin-bottom:1rem}.stats-item{display:flex;flex-direction:column;margin:0 auto;max-width:50%!important;position:relative;text-align:left}.btn-pixel{max-width:125px;padding:.7rem!important}}@media (max-width:400px){.profile-container{height:auto!important;max-height:none!important;min-height:450px!important;padding:0}.profile-image{height:80px;width:80px}.profile-stats{padding:1rem}.modal-profile{max-width:95vw;padding:1.2rem .5rem}.avatar-option{height:44px;width:44px}.profile-stats p{color:#fff;font-size:.9rem;margin-left:1.2rem!important}.stats-item{display:flex;flex-direction:column;margin:0 auto 1rem;max-width:50%!important;max-width:40%;position:relative;text-align:left}}.reset-wrapper{align-items:center;background-color:#c5bebe;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-box{background:linear-gradient(145deg,#fff,#f1f1f1);border-radius:15px;box-shadow:0 8px 20px #6450f526;box-sizing:border-box;margin-top:4rem;max-width:450px;padding:2rem 1.5rem}.reset-box h1{color:#6450f5;margin-bottom:1.5rem;text-align:center}.reset-form{display:flex;flex-direction:column;gap:1rem}.reset-input{border:1px solid #6450f5;border-radius:10px;font-size:1rem;margin:.5rem 0;padding:12px;transition:border .3s;width:100%}.reset-input:focus{border:1.5px solid #6450f5;box-shadow:0 0 2px #6450f5;outline:none}.reset-btn{background-color:#6450f5;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:12px;transition:background .3s ease;width:100%}.reset-btn:hover{background-color:#c86bf5}.reset-message{color:#f54a67;font-size:1rem;margin-top:1rem;text-align:center}@media (max-width:480px){.reset-box{margin-top:2rem;max-width:320px;padding:1.5rem 1rem}.reset-box h1{font-size:1.5rem}.reset-input{font-size:.9rem;padding:10px}.reset-btn{padding:10px}.reset-btn,.reset-message{font-size:.95rem}}.chat-body,.input-row,.messages{pointer-events:auto}.input-row{background:#f0e8d5;border-top:2px solid #000;display:flex}.input-row input{background:#fff;border:none;flex:1 1;font-size:14px;padding:8px}.input-row input:focus{outline:none}.input-row button{background:#feca1b;border:none;cursor:pointer;font-weight:600;padding:8px 12px}.chat-window{bottom:20px;font-family:Montserrat,sans-serif;pointer-events:auto;position:absolute;right:20px;width:300px;z-index:10000}.chat-toggle{align-items:center;background:#feca1b;border:3px solid #000;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:1.3rem;position:absolute;right:0;top:-60px;width:40px}.chat-body{border:3px solid #000;border-radius:8px;flex-direction:column;height:360px}.chat-body,.messages{background:#fff;display:flex}.messages{flex:1 1;flex-direction:column;margin:.5rem;min-height:0;overflow-y:auto;position:relative}.msg-block{box-sizing:border-box;margin-bottom:12px}.msg-block.remote .msg-header{color:#900;font-size:14px;font-weight:600;margin-bottom:4px;margin-left:37px}.msg-item{align-items:flex-end;display:flex}.msg-body,.msg-item{box-sizing:border-box}.msg-body{word-wrap:break-word;background:#f7d4d4;border-radius:6px;color:#000;display:inline-block;font-size:14px;line-height:1.2;margin-bottom:2px;max-width:70%;overflow-wrap:break-word;padding:6px 10px;text-align:left}.msg-block.remote .msg-item:not(:last-child) .msg-body{margin-left:32px}.msg-block.remote .msg-item:last-child .msg-body{margin-left:0}.msg-block.remote .msg-body{background:#f7d4d4;color:#000;text-align:left}.msg-block.remote .msg-avatar{display:none}.msg-block.remote .msg-item:last-child .msg-avatar{align-self:flex-end;border-radius:50%;display:block;height:24px;margin-right:5px;width:24px}.msg-block.local{align-items:flex-end;display:flex;flex-direction:column}.msg-block.local .msg-header{display:none}.msg-block.local .msg-item{align-items:flex-end;display:flex;flex-direction:row-reverse}.msg-block.local .msg-item:not(:last-child) .msg-body{margin-right:32px}.msg-block.local .msg-item:last-child .msg-body{margin-right:0}.msg-block.local .msg-body{align-self:flex-end;background:#d4f7d4;box-sizing:border-box;color:#000;margin-left:0;margin-right:0;max-width:70%;overflow-wrap:break-word;padding:6px 10px;text-align:left;word-break:break-all}.msg-block.local .msg-avatar{display:none}.msg-block.local .msg-item:last-child .msg-avatar{align-self:flex-end;border-radius:50%;display:block;height:24px;margin-left:5px;width:24px}.ranking-page{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding-top:8rem}.ranking-container,.ranking-page{color:#333;font-family:Segoe UI,sans-serif}.ranking-container{background:rgba(0,0,0,.764);border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-bottom:4rem;padding:2rem}.ranking-page h1{color:#6450f5;font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.ranking-desc{color:#fff;font-size:1.2rem;margin-bottom:.5rem;text-align:center}.ranking-loading{color:#6450f5;font-size:1.3rem;font-weight:700;margin-top:2rem}.ranking-table{background:#3a3a55;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 10px #0003;color:#fff;margin:2rem auto 0;max-width:800px;overflow:hidden;width:90%}.ranking-table thead tr{background-color:#6450f5}.ranking-table th{font-size:1.1rem;padding:1rem;text-align:center}.ranking-table td{font-size:1.1rem;padding:1rem;text-align:left}.ranking-table th{color:#f4bc55;font-size:1.2rem;font-weight:700;letter-spacing:1px}.ranking-table tbody tr{transition:background .2s}.ranking-table tbody tr:nth-child(2n){background-color:#ffffff0d}.ranking-table tbody tr:hover{background-color:#141423}.ranking-user-cell{align-items:center;display:flex;gap:.8rem;justify-content:left}.ranking-avatar{background:#fff;border:2px solid #6450f5;border-radius:50%;box-shadow:0 2px 6px #0003;height:48px;margin-right:.5rem;object-fit:cover;width:48px}@media (max-width:600px){body,html{margin:0;overflow-x:hidden;padding:0;width:100vw}.ranking-page{margin-bottom:-10rem!important}.ranking-container{margin:0;max-width:100vw;min-width:0;overflow-x:hidden;padding:1rem .2rem 1.5rem;width:95vw}.ranking-container,.ranking-table{border-radius:.5rem;box-sizing:border-box}.ranking-table{display:block;margin:1rem auto 0;max-width:350px!important;overflow-x:auto;width:100%}.ranking-table table,.ranking-table tbody,.ranking-table td,.ranking-table th,.ranking-table thead,.ranking-table tr{display:revert}.ranking-desc{font-size:1rem;margin-left:1.5rem;margin-right:1.5rem}.profile-background{padding-bottom:1.5rem;padding-top:3.5rem}.profile-background,.profile-container{box-sizing:border-box;min-height:100vh;overflow-x:hidden;width:100vw}.profile-container{border-radius:0;box-shadow:none;margin:0;max-width:100vw;min-width:0;padding:1.2rem .5rem 1.5rem}.profile-container h1{font-size:1.3rem;margin-bottom:1.2rem;word-break:break-word}.profile-image-section{box-sizing:border-box;margin-bottom:1.2rem;width:100%}.profile-image{height:80px;height:auto;margin-bottom:.7rem;max-width:100%;width:80px}.username{font-size:1.05rem;margin-bottom:.5rem;text-align:center;word-break:break-word}.btn-pixel{font-size:.95rem;margin-top:.3rem;padding:.5rem 1.1rem}.btn-pixel,.profile-stats{box-sizing:border-box;width:100%}.profile-stats{margin-bottom:1rem;overflow-x:auto;padding:.8rem .3rem 1rem}.profile-stats h2{font-size:1.05rem;margin-bottom:.7rem;word-break:break-word}.stats-item{font-size:.98rem;gap:.3rem;word-break:break-word}}@media (max-width:400px){.ranking-table{border-radius:.5rem;box-sizing:border-box;display:block;margin:1rem auto 0;max-width:320px!important;overflow-x:auto;width:100%}.ranking-page{margin-bottom:4rem!important}.ranking-table thead tr{background-color:#6450f5}.ranking-table th{padding:.8rem;text-align:center}.ranking-table td{font-size:1rem;padding:.8rem;text-align:left}.ranking-table th{color:#f4bc55;font-size:1rem;font-weight:700;letter-spacing:1px}}
/*# sourceMappingURL=main.894cd342.css.map*/