/* HoopIQ v109 Pro Mega Navigation — Lovable-exact hover menus without replacing features */
:root{--mega-bg:rgba(9,13,24,.96);--mega-card:rgba(255,255,255,.045);--mega-line:rgba(255,255,255,.095);--mega-text:#f8f2ea;--mega-muted:#969cac;--mega-orange:#ff7a18;--mega-gold:#ffbd2e;--mega-blue:#3f78ff}
.pro-mega-nav{position:relative;z-index:50;align-items:center!important;gap:12px!important;overflow:visible!important}.mega-nav-item{position:relative;display:flex;align-items:center}.mega-nav-trigger{display:inline-flex;align-items:center;gap:7px;color:#9ca2b3!important;font-size:.89rem!important;font-weight:850!important;padding:22px 3px!important;text-decoration:none!important;outline:none}.mega-nav-trigger::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);opacity:.62;transition:transform .18s ease,opacity .18s ease}.mega-nav-item:hover>.mega-nav-trigger,.mega-nav-item:focus-within>.mega-nav-trigger,.mega-nav-trigger.active{color:#fff!important}.mega-nav-item:hover>.mega-nav-trigger::after,.mega-nav-item:focus-within>.mega-nav-trigger::after{opacity:1;transform:rotate(225deg) translateY(-1px)}.mega-panel{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-6px) scale(.985);width:min(610px,calc(100vw - 28px));padding:16px;border:1px solid var(--mega-line);border-radius:22px;background:linear-gradient(180deg,rgba(13,18,33,.98),rgba(6,9,18,.96));box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,122,24,.025),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:200}.mega-panel::before{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;background:rgba(13,18,33,.98);border-left:1px solid var(--mega-line);border-top:1px solid var(--mega-line);transform:translateX(-50%) rotate(45deg)}.mega-nav-item:hover>.mega-panel,.mega-nav-item:focus-within>.mega-panel,.mega-nav-item.is-open>.mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}.mega-panel-head{display:grid;grid-template-columns:1fr;gap:3px;padding:4px 6px 13px}.mega-panel-head span{text-transform:uppercase;letter-spacing:.23em;font-size:.66rem;font-weight:950;color:var(--mega-orange)}.mega-panel-head strong{font-size:1.05rem;color:var(--mega-text);letter-spacing:-.025em}.mega-panel-head small{color:var(--mega-muted);font-size:.82rem;line-height:1.35}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mega-grid a{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:1px 10px;align-items:center;min-height:70px;padding:12px;border-radius:16px;text-decoration:none!important;color:var(--mega-text)!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.mega-grid a:hover,.mega-grid a:focus-visible{transform:translateY(-2px);background:rgba(255,122,24,.085);border-color:rgba(255,122,24,.24);box-shadow:0 16px 44px rgba(0,0,0,.28)}.mega-grid a span{grid-row:1/3;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,122,24,.22),rgba(63,120,255,.16));border:1px solid rgba(255,255,255,.08)}.mega-grid a strong{font-size:.91rem;line-height:1.05}.mega-grid a small{color:var(--mega-muted);font-size:.76rem;line-height:1.25}.arena-nav>.mega-nav-item+.mega-nav-item{margin-left:1px}.arena-nav>.arena-more{margin-left:2px}.arena-nav>.arena-more>summary{padding:22px 3px!important}.site-header.arena-live-header{overflow:visible!important}.arena-ticker{z-index:21!important}.lovable-exact-main{position:relative;z-index:1}.arena-pop{position:fixed;z-index:99999;transform:translate(-50%,-50%);font-size:1.7rem;pointer-events:none;animation:arenaPop109 .78s ease forwards;text-shadow:0 10px 25px rgba(0,0,0,.45)}@keyframes arenaPop109{0%{opacity:0;transform:translate(-50%,-20%) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-150%) scale(1.55)}}
/* Professional polish fixes discovered in static pass */
.profile-dropdown,.nav-more-menu,.mega-panel{color:#f5f7ff!important}.profile-dropdown a,.profile-dropdown button,.nav-more-menu a{color:#eef2ff!important}.profile-dropdown small{color:#97a0b4!important}.game-card,.panel,.battle-card,.broadcast-card,.leaderboard-main-card,.metric-card{min-width:0}.btn,button,a{touch-action:manipulation}.site-header input,.site-header button,.site-header a{white-space:nowrap}.arena-search input{min-width:0}.header-actions{min-width:0}.profile-menu{position:relative}.profile-dropdown{right:0!important;left:auto!important;z-index:220!important}.notification-panel,.modal,.profile-modal{z-index:300!important}.soft-note[data-dev-note],.dev-note,.demo-note,.ai-note{display:none!important}
@media(max-width:1280px){.pro-mega-nav{gap:8px!important}.mega-nav-trigger{font-size:.85rem!important}.mega-panel{width:min(560px,calc(100vw - 24px))}.mega-grid a{min-height:66px}.arena-nav>.arena-more>summary{font-size:.85rem!important}}
@media(max-width:1180px){.pro-mega-nav .mega-nav-item:nth-of-type(n+4){display:none}.mega-panel{left:0;transform:translate(0,-6px) scale(.985)}.mega-nav-item:hover>.mega-panel,.mega-nav-item:focus-within>.mega-panel,.mega-nav-item.is-open>.mega-panel{transform:translate(0,0) scale(1)}}
@media(max-width:760px){.pro-mega-nav.is-open{position:fixed!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;left:10px!important;right:10px!important;top:72px!important;max-height:calc(100dvh - 92px)!important;overflow:auto!important;padding:12px!important;border-radius:20px!important;background:rgba(8,12,23,.98)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 28px 90px rgba(0,0,0,.55)!important}.pro-mega-nav.is-open .mega-nav-item{display:block!important}.mega-nav-trigger{width:100%;justify-content:space-between;padding:12px 10px!important}.mega-panel{position:static;width:100%;opacity:1;visibility:visible;pointer-events:auto;transform:none!important;display:none;margin:0 0 8px;padding:10px;border-radius:16px;background:rgba(255,255,255,.035);box-shadow:none}.mega-nav-item.is-open>.mega-panel,.mega-nav-item:focus-within>.mega-panel{display:block}.mega-panel::before{display:none}.mega-grid{grid-template-columns:1fr}.mega-grid a{min-height:62px}.arena-nav>.arena-more{display:block!important}.arena-nav>.arena-more>summary{padding:12px 10px!important}.nav-more-menu{position:static!important;transform:none!important;width:100%!important;box-shadow:none!important;margin-top:8px!important}}
@media(prefers-reduced-motion:reduce){.mega-panel,.mega-grid a,.mega-nav-trigger::after,.arena-pop{transition:none!important;animation:none!important}}