/* THE ACE OF SELF (Tropical Fool universe) — landing navigation */
.nav-unlock { display:inline-flex; align-items:center; justify-content:center; padding:10px 15px; border:1px solid #EC8B1B; border-radius:999px; background:#EC8B1B; color:#241708 !important; font-weight:700; letter-spacing:.13em; box-shadow:0 8px 22px rgba(236,139,27,.25); }
.nav-unlock:hover { background:#F5A64A; color:#241708 !important; transform:translateY(-1px); }

.actions .button { min-width: 190px; min-height: 48px; justify-content: center; align-items: center; border-radius: 999px; margin-top: 18px; }
.actions .button:not(.alt) { background: #EC8B1B; border-color: #EC8B1B; color: #241708; font-weight: 700; }
.actions .button:not(.alt):hover { background: #F5A64A; border-color: #F5A64A; color: #241708; }
.actions .button.alt { background: transparent; border-color: rgba(36,23,8,.4); color: #241708; }
.actions .button.alt:hover { background: rgba(236,139,27,.12); border-color: #EC8B1B; color: #241708; }

/* Mobile navigation */
.nav-toggle { display:none; }
@media (max-width: 800px) {
  header.top { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(14px); }
  .top .brand { position: relative; z-index: 52; }
  .nav-toggle { display:inline-flex; position:relative; z-index:52; width:42px; height:42px; align-items:center; justify-content:center; border:1px solid rgba(236,139,27,.55); border-radius:999px; background:rgba(243,232,207,.9); color:#241708; cursor:pointer; }
  .nav-toggle span, .nav-toggle span::before, .nav-toggle span::after { display:block; width:18px; height:2px; background:currentColor; border-radius:2px; transition:transform .18s ease, opacity .18s ease; }
  .nav-toggle span::before, .nav-toggle span::after { content:''; position:absolute; }
  .nav-toggle span::before { transform:translateY(-6px); }
  .nav-toggle span::after { transform:translateY(6px); }
  .nav-toggle[aria-expanded="true"] span { background:transparent; }
  .nav-toggle[aria-expanded="true"] span::before { transform:rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span::after { transform:rotate(-45deg); }
  .top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .nav { position:absolute; left:0; right:0; top:100%; display:flex; flex-direction:column; align-items:stretch; gap:4px; padding:18px 6vw 22px; background:rgba(243,232,207,.97); border-bottom:1px solid rgba(236,139,27,.4); box-shadow:0 18px 40px rgba(36,23,8,.18); transform:translateY(-12px); opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease; }
  .nav.is-open { transform:translateY(0); opacity:1; pointer-events:auto; }
  .nav.is-open a { display:block; }
  .nav > a { padding:13px 10px; color:#241708; }
  .nav .langs { display:flex; gap:8px; padding:12px 10px 0; }
  .nav .langs button { min-width:46px; min-height:38px; border:1px solid rgba(236,139,27,.5); border-radius:999px; background:transparent; color:#241708; }
  .nav .langs button.active { background:#EC8B1B; color:#241708; }
  body.nav-open { overflow:hidden; }
}