:root{--alo-logo-h: clamp(48px, 7.8vh, 70px)}.game-header{--nav-h: 36px;position:relative;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:16px clamp(16px,3vw,36px) 6px;background:transparent;border:none}.logo-container .brand-link{display:flex;align-items:center;border-radius:8px;text-decoration:none;transition:transform .25s ease}.logo-container .brand-link:hover{transform:scale(1.03)}.logo-container img{display:block;height:var(--alo-logo-h);width:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}.header-bar{display:flex;align-items:center;gap:2px;min-width:0;padding:5px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#202020e6;box-shadow:0 10px 28px #00000059,inset 0 1px #ffffff0d;transition:border-color .3s ease,box-shadow .3s ease}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.header-bar{background:#202020a8;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}}.nav-group{display:flex;align-items:center;gap:2px}.nav-actions{display:flex;align-items:center;gap:4px;margin-left:4px;padding-left:6px;border-left:1px solid rgba(255,255,255,.1)}.game-header .nav-link{display:inline-flex;align-items:center;gap:8px;height:var(--nav-h);padding:0 14px;border-radius:999px;color:#b6bcc6;font-family:var(--font-main);font-size:.875rem;font-weight:600;letter-spacing:.01em;text-decoration:none;white-space:nowrap;transition:color .2s ease,background-color .2s ease}.game-header .nav-link:hover{color:#fff;background:#ffffff12}.game-header .nav-link[aria-current=page]{color:var(--alo-ivory, #F6F0E2);background:#ffffff14}.game-header .nav-icon{width:18px;height:18px;flex-shrink:0}.game-header .nav-link.nav-external{color:var(--color-gold, #F59E0B)}.game-header .nav-link.nav-external:hover{color:#fbbf24;background:#f59e0b1f}.game-header .nav-external-mark{width:12px;height:12px;margin-left:-3px;opacity:.8;flex-shrink:0}.game-header .nav-link.nav-discord{color:#a5b0ff}.game-header .nav-link.nav-discord .icon-discord{color:#5865f2;transition:color .2s ease}.game-header .nav-link.nav-discord:hover{color:#fff;background:#5865f238}.game-header .nav-link.nav-discord:hover .icon-discord{color:#fff}.game-header #nav-discord-link{display:none}body.demo-active .game-header #nav-discord-link{display:inline-flex;animation:aloNavAparece .45s ease-out both}body.demo-active .game-header #nav-discord-link.nav-discord--nuevo{animation:aloNavAparece .45s ease-out both,aloNavResalta 1.2s ease-out .45s 2}@keyframes aloNavAparece{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes aloNavResalta{0%{box-shadow:0 0 #5865f2a6}to{box-shadow:0 0 0 12px #5865f200}}@media(prefers-reduced-motion:reduce){body.demo-active .game-header #nav-discord-link,body.demo-active .game-header #nav-discord-link.nav-discord--nuevo{animation:none}}.game-header .nav-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--nav-h);height:var(--nav-h);padding:0;border:1px solid transparent;border-radius:999px;background:transparent;color:#c9ced6;line-height:1;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.game-header .nav-icon-btn:hover{color:#fff;background:#ffffff14}.game-header .nav-icon-btn.muted{color:#6b7280}.sound-icon{width:18px;height:18px;stroke:currentColor;display:block}.game-header .nav-session{position:relative;display:inline-flex;align-items:center;gap:8px;height:var(--nav-h);padding:0 14px 0 12px;border:1px solid rgba(213,27,30,.55);border-radius:999px;background:#d51b1e1a;color:#ffd4d5;font-family:var(--font-main);font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.game-header .nav-session:before{content:"";flex-shrink:0;width:16px;height:16px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E") center / contain no-repeat}.game-header .nav-session:hover{color:#fff;background:#d51b1e38;border-color:#d51b1ed9}.game-header .nav-cta{display:inline-flex;align-items:center;gap:7px;height:var(--nav-h);padding:0 16px 0 12px;border:1px solid #0E3B22;border-radius:999px;background:linear-gradient(to bottom,#22a85c,#188c4b);box-shadow:0 2px #0e3b22;color:#fff;font-family:var(--font-main);font-size:.875rem;font-weight:700;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,.3);white-space:nowrap;transition:filter .15s ease,transform .1s ease,box-shadow .1s ease}.game-header .nav-cta:hover{color:#fff;filter:brightness(1.08)}.game-header .nav-cta .nav-icon{width:15px;height:15px}.game-header .nav-cta:active{box-shadow:none}.game-header .nav-session:active,.game-header .nav-icon-btn:active,.game-header .nav-cta:active{transform:translateY(1px)}.game-header a:focus-visible,.game-header button:focus-visible{outline:2px solid #E3B55A;outline-offset:2px}@media(max-width:899.98px){:root{--alo-logo-h: clamp(40px, 6vh, 46px)}.game-header{gap:10px;padding:10px 12px 4px}.header-bar{gap:2px;padding:3px}.nav-group{gap:2px}.game-header .nav-link{justify-content:center;width:var(--nav-h);padding:0}.game-header .nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-header .nav-icon{width:20px;height:20px}.game-header .nav-external-mark{display:none}.nav-actions{gap:2px;margin-left:2px;padding-left:4px}.game-header .nav-session{justify-content:center;width:var(--nav-h);padding:0;overflow:hidden;text-indent:200%}.game-header .nav-session:before{position:absolute;inset:0;width:18px;height:18px;margin:auto}.game-header .nav-cta{padding:0 14px 0 11px}}@media(max-width:359.98px){:root{--alo-logo-h: 38px}.game-header{--nav-h: 32px;padding:8px 8px 4px}.game-header .nav-cta{padding:0 11px 0 9px;font-size:.8rem}}.nav-plegable{display:grid;grid-template-columns:1fr;transition:grid-template-columns .35s ease,opacity .25s ease .1s,visibility 0s}.nav-plegable-interior{display:flex;align-items:center;gap:2px;min-width:0;margin:-4px;padding:4px;overflow:hidden}.game-header .nav-plegar{display:none;align-items:center;justify-content:center;flex-shrink:0;width:var(--nav-h);height:var(--nav-h);margin-left:2px;padding:0;border:0;border-radius:999px;background:#ffffff0f;color:#c9ced6;cursor:pointer;transition:color .2s ease,background-color .2s ease,margin .35s ease}.game-header .nav-plegar:hover{color:#fff;background:#ffffff1f}.game-header .nav-plegar .nav-icon{width:18px;height:18px;transition:transform .35s ease}body:has(.game-table:not(.ocultar-por-wallet)) .game-header .nav-plegar{display:inline-flex}.game-header{transition:margin-bottom .35s ease}body.menu-plegado:has(.game-table:not(.ocultar-por-wallet)) .nav-plegable{grid-template-columns:0fr;opacity:0;visibility:hidden;transition:grid-template-columns .35s ease,opacity .2s ease,visibility 0s linear .35s}body.menu-plegado:has(.game-table:not(.ocultar-por-wallet)) .game-header .nav-plegar{margin-left:-2px}body.menu-plegado:has(.game-table:not(.ocultar-por-wallet)) .game-header .nav-plegar .nav-icon{transform:rotate(180deg)}body.menu-plegado:has(.game-table:not(.ocultar-por-wallet)) .game-header{margin-bottom:calc(-1 * var(--header-alto, 76px));pointer-events:none}body.menu-plegado:has(.game-table:not(.ocultar-por-wallet)) .game-header .logo-container,body.menu-plegado:has(.game-table:not(.ocultar-por-wallet)) .game-header .header-bar{pointer-events:auto}@media(prefers-reduced-motion:reduce){.nav-plegable,.game-header,.game-header .nav-plegar,.game-header .nav-plegar .nav-icon,body.menu-plegado:has(.game-table:not(.ocultar-por-wallet)) .nav-plegable{transition:none}}