.barra{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:14px 20px;display:grid}.barra nav{align-items:center;gap:6px;display:flex}.barra .der{gap:10px}.barra .der .boton{min-width:142px}.barra .izq{justify-content:flex-end}.barra nav a:not(.boton){border-radius:var(--radio-chico);color:var(--texto-suave);white-space:nowrap;padding:9px 14px;font-weight:700}.barra nav a:not(.boton):hover,.barra nav a.activo{color:var(--texto-fuerte);background:rgb(var(--velo) / 6%);box-shadow:inset 0 -2px 0 var(--rosa)}.interruptor{cursor:pointer;border:2px solid var(--carta-borde);background:linear-gradient(90deg,#3a3a40,#141416);border-radius:999px;flex:none;width:64px;height:32px;margin-right:6px;padding:0;transition:background .25s,border-color .2s;position:relative}.interruptor:hover{border-color:var(--rosa)}.interruptor .icono{pointer-events:none;width:18px;height:auto;position:absolute;top:50%;transform:translateY(-50%)}.interruptor .sol-ic{left:7px}.interruptor .luna-ic{right:7px}.interruptor .perilla{background:#b3a7ff;border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.4,1.5,.6,1),background .25s;position:absolute;top:2px;left:2px;transform:translate(32px);box-shadow:0 2px 6px #00000059}:root[data-tema=claro] .interruptor{background:linear-gradient(90deg,#ffe9b8,#cfe9ff)}:root[data-tema=claro] .interruptor .perilla{background:#fff;transform:none;box-shadow:0 2px 6px #3a2a4a59}.logo img{width:auto;max-width:none;height:74px}.online{color:var(--texto-suave);justify-content:center;align-items:center;gap:6px;margin:-4px 0 14px;font-size:13px;display:flex}.online[hidden]{display:none}.online i{background:var(--sube);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #3dffa233}.marco{grid-template-columns:250px minmax(0,1fr);gap:22px;max-width:1180px;margin:0 auto;padding:0 20px 40px;display:grid}.lado{flex-direction:column;gap:16px;display:flex}.jugar{isolation:isolate;border-radius:var(--radio);color:#fff;text-shadow:0 1px 3px #000c;box-shadow:0 0 0 1px rgb(var(--velo) / 15%), 0 0 30px #ff2d9a55, 0 0 60px #00d4ff33;background:url(/img/boton_gorila.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;padding:22px 10px;transition:transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.jugar:before{content:"";z-index:-1;background:#00000073;transition:background .2s;position:absolute;inset:0}.jugar:hover{box-shadow:0 0 0 1px rgb(var(--velo) / 25%), 0 0 36px #ff2d9a77, 0 0 70px #00d4ff44;transform:translateY(-2px)}.jugar:hover:before{background:#0000004d}.jugar span{letter-spacing:1px;font-size:30px;font-weight:900}.jugar small{opacity:.95;margin-top:2px;font-size:12px;font-weight:600}.caja{padding:16px}.caja h3{text-transform:uppercase;letter-spacing:1px;color:var(--cian);margin-bottom:10px;font-size:13px}.chico{font-size:13px;line-height:1.45}.cuenta form{flex-direction:column;gap:8px;display:flex}.cuenta-titulo{all:unset;box-sizing:border-box;width:100%;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:default;align-items:center;gap:6px;display:flex}.cuenta-titulo:focus-visible{outline:2px solid var(--cian);outline-offset:2px;border-radius:6px}.cuenta-quien{color:var(--texto-suave);text-transform:none;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:none;overflow:hidden}.cuenta form[hidden],#yo[hidden]{display:none}.aviso-cuenta{color:var(--baja)}.saludo{margin-bottom:4px;font-size:15px}.cuenta a{color:var(--cian-claro)}.salir{width:100%;margin-top:10px;padding:7px}.mi-circulo{white-space:normal;text-align:center;background:linear-gradient(90deg, var(--cian), #4d7cff);width:100%;margin-bottom:4px;padding:8px;transition:box-shadow .2s,transform .15s;box-shadow:0 0 18px #00d4ff44;color:#07121a!important}.mi-circulo:hover{transform:translateY(-1px);box-shadow:0 0 26px #00d4ff77}[data-circulo] .tenue{text-align:center;font-size:12px;display:block}.mi-ranking{white-space:normal;text-align:center;background:linear-gradient(90deg,#3dffa0,#10b981);width:100%;margin:8px 0 4px;padding:8px;font-size:13px;line-height:1.45;transition:box-shadow .2s,transform .15s;box-shadow:0 0 18px #22e58f44;color:#06140d!important}a.mi-ranking:hover{transform:translateY(-1px);box-shadow:0 0 26px #22e58f77}.mi-ranking.apagado{box-shadow:none;cursor:not-allowed;opacity:.75;background:linear-gradient(90deg,#1f5c43,#173f31);color:#8fbfa8!important}.mis-datos{margin:8px 0 10px}.nivel-yo{align-items:center;gap:8px;font-size:15px;display:flex}.puesto-yo{background:#ffd23f14;border:1px solid #ffd23f66;border-radius:999px;margin-left:auto;padding:5px 10px;font-size:13px;font-weight:800;line-height:1;transition:background .15s,box-shadow .15s;color:var(--oro)!important}a.puesto-yo:hover{background:#ffd23f2e;box-shadow:0 0 12px #ffd23f55}a.puesto-yo:after{content:" ›";opacity:.8}.puesto-yo.fuera{border-color:var(--carta-borde);cursor:help;background:0 0;color:var(--texto-tenue)!important}.barra-exp{background:rgb(var(--velo) / 7%);border-radius:99px;height:8px;margin:8px 0;overflow:hidden}.barra-exp i{border-radius:inherit;background:linear-gradient(90deg, var(--rosa), var(--cian));height:100%;display:block;box-shadow:0 0 10px #ff2d9a88}.numeros{grid-template-columns:auto 1fr;gap:2px 10px;font-size:13px;display:grid}.numeros dt{color:var(--texto-tenue)}.numeros dd{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.falta{margin-top:4px;font-size:11px}.menu a{border-radius:var(--radio-chico);color:var(--texto-suave);margin-top:6px;padding:10px 12px;font-size:14px;font-weight:600;display:block}.menu a:hover{color:var(--texto-fuerte)}.menu a.activo{color:var(--rosa-claro);box-shadow:inset 3px 0 0 var(--rosa);background:#ff2d9a1f}.discord{flex-direction:column;gap:2px;display:flex}.discord:hover{border-color:#5865f2}.discord small{font-size:12px}.contenido{min-width:0;padding:26px 28px}.titulo{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:8px;display:flex}.titulo h1{font-size:26px}.titulo .estrella{color:var(--oro);text-shadow:0 0 14px var(--oro)}.migas{color:var(--texto-tenue);font-size:12px}.migas b{color:var(--texto-suave)}.pie{text-align:center;color:var(--texto-tenue);padding:24px;font-size:12px}.pie a{color:var(--texto-suave)}@media (width<=1020px){.barra{grid-template-columns:1fr;justify-items:center;gap:10px}.barra .logo{order:-1}.barra nav{flex-wrap:wrap;justify-content:center}}@media (width<=860px){.logo img{height:60px}.marco{grid-template-columns:1fr;gap:12px;padding:0 12px 30px}.lado{gap:10px}.lado>:not(.menu):not(.cuenta){display:none}.cuenta{padding:0}.cuenta h3{margin:0}.cuenta-titulo{cursor:pointer;padding:12px 16px}.cuenta-titulo:after{content:"▾";margin-left:auto;transition:transform .2s}.cuenta.abierta .cuenta-titulo:after{transform:rotate(180deg)}.cuenta-quien{display:inline}.cuenta:not(.abierta)>:not(h3){display:none!important}.cuenta.abierta>form,.cuenta.abierta>#yo{padding:0 16px 16px}.menu{gap:6px;padding:6px;display:flex;overflow-x:auto}.menu h3{display:none}.menu a{white-space:nowrap;text-align:center;flex:1;margin-top:0}.contenido{padding:16px}.titulo h1{font-size:22px}}