
.omni-shell{width:min(1450px,calc(100% - 24px));margin:24px auto 64px}.omni-hero{padding:30px;border-radius:30px;border:1px solid rgba(141,186,255,.12);background:radial-gradient(circle at 10% 0,rgba(123,92,255,.14),transparent 30%),linear-gradient(145deg,rgba(8,25,59,.97),rgba(6,18,43,.98));box-shadow:0 32px 100px rgba(0,0,0,.3)}.omni-hero h1{margin:7px 0 8px;font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.065em}.omni-hero p{margin:0;color:#8fa5c5;line-height:1.7}.omni-form{margin-top:14px;padding:20px;border-radius:23px}.omni-form h2{margin-top:0}.omni-form-grid{display:grid;grid-template-columns:1fr 1.4fr 1.8fr auto;gap:8px}.omni-form input,.omni-form select{min-height:46px;padding:0 12px;border-radius:13px;border:1px solid rgba(141,186,255,.09);background:#07152f;color:#fff}
.achievement-players,.challenge-list,.poll-list,.calendar-list{display:grid;gap:12px;margin-top:14px}.achievement-player{padding:19px;border-radius:23px}.achievement-player-head{display:flex;justify-content:space-between;align-items:center}.achievement-player-head h2{margin:5px 0}.achievement-player-head>strong{font-size:2rem}.achievement-statline{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.achievement-statline span{padding:6px 9px;border-radius:999px;border:1px solid rgba(141,186,255,.07);color:#91a6c6;font-size:.58rem}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.badge-card{padding:13px;border-radius:16px;border:1px solid rgba(123,92,255,.10);background:rgba(123,92,255,.03)}.badge-card b,.badge-card strong{display:block}.badge-card b{font-size:1.25rem}.badge-card strong{margin-top:5px}.badge-card.locked{opacity:.45}
.challenge-card{padding:17px;border-radius:20px;display:flex;justify-content:space-between;gap:14px;align-items:center}.challenge-card h3{margin:5px 0}.challenge-card p{margin:0;color:#8297b7}
.poll-card{padding:18px;border-radius:21px}.poll-card h3{margin:6px 0 12px}.poll-options{display:grid;gap:7px}.poll-options button{position:relative;overflow:hidden;display:flex;justify-content:space-between;padding:11px;border-radius:13px;border:1px solid rgba(141,186,255,.08);background:rgba(255,255,255,.018);color:#fff;cursor:pointer}.poll-options button i{position:absolute;left:0;bottom:0;height:2px;background:#62eaff}.poll-options button.voted{border-color:rgba(98,234,255,.18)}
.calendar-card{padding:17px;border-radius:20px;display:flex;justify-content:space-between;gap:14px;align-items:center}.calendar-card h3{margin:5px 0}.calendar-card small{color:#758aaa}.calendar-card.past{opacity:.72}.calendar-state{padding:8px 10px;border-radius:999px;border:1px solid rgba(141,186,255,.07);white-space:nowrap}.next-countdown{display:flex;gap:12px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(99,232,255,.10);background:rgba(99,232,255,.025)}.next-countdown span{color:#62eaff;font-weight:900}
@media(max-width:900px){.omni-form-grid{grid-template-columns:1fr 1fr}.badge-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.omni-shell{width:calc(100% - 14px);margin-top:10px}.omni-hero{padding:19px}.omni-form-grid{grid-template-columns:1fr}.challenge-card,.calendar-card{flex-direction:column;align-items:flex-start}.badge-grid{grid-template-columns:1fr 1fr}}


/* ======================================================
   DESKTOP NAV FIX — all items visible
   ====================================================== */
@media (min-width: 761px){
  .public-topnav.final-topnav{
    width:min(1540px,calc(100% - 24px))!important;
    margin:10px auto!important;
    padding:10px 12px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    grid-template-areas:
      "brand nav actions"
      "brand nav actions"!important;
    align-items:center!important;
    gap:10px!important;
    overflow:visible!important;
  }

  .public-brand{
    grid-area:brand!important;
    min-width:max-content!important;
    align-self:center!important;
  }

  .public-topnav-tabs,
  .final-tabs{
    grid-area:nav!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:6px!important;
    overflow:visible!important;
    min-width:0!important;
    max-width:100%!important;
    padding:0!important;
  }

  .public-topnav-tabs .public-tab,
  .final-tabs .public-tab{
    flex:0 0 auto!important;
    min-width:0!important;
    min-height:36px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    font-size:.64rem!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .public-topnav-actions{
    grid-area:actions!important;
    min-width:max-content!important;
    display:flex!important;
    gap:6px!important;
    align-items:center!important;
  }

  .public-topnav-actions .btn,
  .public-topnav-actions .public-ghost-btn,
  .public-topnav-actions .public-cta-btn{
    min-height:36px!important;
    padding:0 10px!important;
    font-size:.62rem!important;
    white-space:nowrap!important;
  }
}

/* Medium desktop/laptop: slightly tighter, still fully visible */
@media (min-width: 761px) and (max-width: 1250px){
  .public-topnav.final-topnav{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "brand"
      "nav"
      "actions"!important;
    justify-items:center!important;
    row-gap:8px!important;
  }

  .public-brand{
    justify-self:center!important;
  }

  .public-topnav-actions{
    justify-self:center!important;
  }

  .public-topnav-tabs,
  .final-tabs{
    justify-content:center!important;
  }
}

/* Wide desktop: keep a compact two-line nav when needed */
@media (min-width: 1251px){
  .public-topnav-tabs,
  .final-tabs{
    max-width:1080px!important;
    margin:0 auto!important;
  }
}

/* Never truncate nav labels */
.public-tab{
  text-overflow:clip!important;
}

/* Fix any accidentally shortened labels */
