/* EV PICKS // FROSTFIRE — full mobile-first rebuild, Oct 2026 */
:root{color-scheme:dark!important;--ev-ice:#5ddcff!important;--ev-blue:#2caaff!important;--ev-red:#ff355b!important;--ev-line:#1c5379!important;background:#020813!important;color:#eff8ff!important}
html{background:#020813!important}
body{color:#eff8ff!important;background:radial-gradient(ellipse 90% 26% at 50% 0%,#07437a88,transparent 90%),radial-gradient(ellipse 55% 22% at 100% 35%,#b0092738,transparent 85%),#020813!important}
body:before{content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;z-index:-1!important;opacity:.34!important;background:repeating-linear-gradient(0deg,transparent 0 61px,#238bc012 62px 63px),repeating-linear-gradient(90deg,transparent 0 61px,#238bc012 62px 63px)!important;mask-image:linear-gradient(#000,transparent 82%)!important}
.wrap{max-width:1120px!important;margin:auto!important;padding:14px 17px 85px!important}
header{padding:5px 0 13px!important;min-height:105px!important;border:0!important;display:flex!important;align-items:center!important}
header:after{height:2px!important;width:100%!important;background:linear-gradient(90deg,#39baff,#ff335b 75%,transparent)!important}
.ev-brand-logo{width:220px!important;height:112px!important;max-width:55vw!important;object-fit:contain!important;object-position:left center!important;border-radius:0!important;filter:drop-shadow(0 0 14px #168be855)}
header .tag{font-size:9px!important;color:#8bb7d3!important;letter-spacing:.19em!important;margin-top:-9px!important}
#logout{padding:11px 14px!important;font-size:12px!important;border:1px solid #315475!important;border-radius:9px!important;background:#0a2036!important;color:#d4e9ff!important;white-space:nowrap!important}
.nav{position:relative!important;margin:13px 0 18px!important;padding:6px!important;gap:6px!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;background:#06192b!important;border:1px solid #1e547e!important;border-radius:14px!important;box-shadow:0 10px 28px #0007!important}
.nav::-webkit-scrollbar{display:none}
.nav button,.nav button.secondary{flex:1 0 auto!important;min-height:52px!important;padding:11px 14px!important;font-size:12px!important;font-weight:850!important;letter-spacing:.035em!important;text-transform:uppercase!important;border-radius:10px!important;background:#091e34!important;color:#aacbe1!important;box-shadow:none!important}
.nav button:not(.secondary){background:linear-gradient(145deg,#064b91,#148df7)!important;color:#fff!important;border:1px solid #67dfff!important;box-shadow:0 0 17px #1d9fff99,inset 0 0 13px #57c9ff44!important}
.nav button.secondary:hover{background:#133451!important;color:#fff!important}
.ev-arena-hero{height:235px!important;margin:0 0 15px!important;border-radius:15px!important;border:1px solid #1b79b3!important;overflow:hidden!important;background:radial-gradient(ellipse 75% 65% at 70% 5%,#1168b677,transparent),radial-gradient(ellipse 60% 65% at 98% 88%,#d20a3155,transparent),linear-gradient(115deg,#05152a,#072947 55%,#090f24)!important;box-shadow:0 0 0 1px #0b3054,0 14px 40px #0008!important}
.ev-arena-hero:before{opacity:.7!important;background:repeating-linear-gradient(90deg,transparent 0 48px,#3eaaff1e 49px 50px),repeating-linear-gradient(0deg,transparent 0 48px,#3eaaff1e 49px 50px)!important}
.ev-arena-hero:after{border-color:#37c1ff66!important;box-shadow:0 0 0 55px #168dff09,0 0 0 110px #168dff0b,0 0 90px #167cff77!important}
.ev-arena-content{padding:22px 24px!important}
.ev-arena-eyebrow{font-size:9px!important;color:#a6d9f5!important;letter-spacing:.13em!important}
.ev-live-dot{background:#ff315b!important;box-shadow:0 0 10px #ff315b!important}
.ev-arena-divider,.ev-arena-period{color:#ff315b!important}
.ev-arena-title{font-size:clamp(43px,7vw,74px)!important;line-height:.88!important;letter-spacing:-.065em!important;margin:15px 0 5px!important;font-weight:1000!important;text-shadow:0 4px 20px #000a!important}
.ev-arena-title span:not(.ev-arena-period){color:#72dcff!important;text-shadow:0 0 30px #2cb9ff88!important}
.ev-arena-content>p{color:#d6e9fa!important;font-size:12px!important;margin:7px 0!important}
.ev-arena-bottom{font-size:9px!important;color:#9ccef0!important}
.ev-arena-bottom span:first-child{color:#fff!important}
.ev-arena-light{background:#69c9ff!important;box-shadow:0 0 70px 34px #167cff77!important}
.panel{background:linear-gradient(145deg,#071c30,#051422)!important;border:1px solid #205077!important;border-radius:14px!important;padding:20px!important;margin:13px 0!important;box-shadow:0 13px 30px #0006,inset 0 1px 0 #59bdff12!important}
.panel h1,.panel h2{color:#f2faff!important;letter-spacing:-.045em!important;font-weight:900!important}
.panel .tag{color:#6fd4ff!important}
p,.muted,.ev-hist-note{color:#9ebbd1!important}
button:not(.secondary):not(.danger):not(.ev-reaction):not(.ev-chat-suggestion):not(.ev-calendar button){background:linear-gradient(145deg,#0e87e8,#48cbff)!important;color:#fff!important;box-shadow:0 0 15px #138ee62c!important}
button.secondary{background:#112a43!important;color:#d6edff!important}
input,textarea,select{background:#07192b!important;border:1px solid #295478!important;color:#f2faff!important}
input:focus,textarea:focus,select:focus{border-color:#52c8ff!important;box-shadow:0 0 0 3px #32adff26!important}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#72dfff!important}
.cards{gap:9px!important}
.metric,.ev-hist-stat,.ev-insight{background:linear-gradient(135deg,#0c2c49,#081d32)!important;border:1px solid #25618d!important;border-left:2px solid #45caff!important;border-radius:11px!important}
.metric strong,.ev-hist-stat strong,.ev-insight-value{color:#6cddff!important}
.metric small,.ev-hist-stat small{color:#a8c9e1!important}
.post,.item{border-color:#1b4261!important}
.pill{background:#0b2942!important;border-color:#2d5c7f!important;color:#b7d9ef!important}
.ev-graphic-card,.ev-chat-message{background:#0a2036!important;border-color:#245a83!important}
.ev-chat-message.own{background:#0d3655!important}
.ev-chat-head strong,.ev-chat-mention{color:#65d8ff!important}
.ev-chat-mention{background:#123d5a!important}
.ev-reaction{background:#0c2842!important;border-color:#265a7e!important;color:#effaff!important}
.ev-reaction.selected{border-color:#6fdcff!important;box-shadow:0 0 0 1px #6fdcff!important}
#evIntel .ev-intel-overall{background:linear-gradient(135deg,#0b3354,#071728)!important;border-color:#2d82b5!important}
#evIntel .ev-intel-overall .ev-insight,#evCuratedIntel .ev-insight{background:#0a233a!important;border-color:#275c83!important}
#evIntel .ev-intel-overall .ev-insight-value{color:#67dcff!important}
#evIntel .ev-intel-overall>.ev-section,#evIntel>.tag{color:#70dfff!important}
.ev-calendar button,.ev-calendar button:not(.secondary):not(.danger):not(.ev-reaction):not(.ev-chat-suggestion){background:#0b2239!important;color:#dbefff!important;border-color:#1e4b6d!important;box-shadow:none!important}
.ev-calendar button.ev-positive,.ev-calendar button.ev-positive:not(.secondary){background:#0b3c43!important;color:#73e8d8!important;border-color:#248c8a!important}
.ev-calendar button.ev-negative,.ev-calendar button.ev-negative:not(.secondary){background:#3c1b30!important;color:#ff9bb0!important;border-color:#a54562!important}
.ev-calendar button[aria-pressed=true]{outline:2px solid #6edbff!important}
.ev-calendar-weekday{color:#8eafc8!important}
.ev-details summary{color:#75d9ff!important}
footer{color:#718da6!important;border-color:#17334b!important}
@media(max-width:620px){
 .wrap{padding:8px 11px 100px!important}
 header{min-height:91px!important;padding:0 1px 10px!important}
 .ev-brand-logo{width:172px!important;height:92px!important;max-width:57vw!important}
 header .tag{font-size:8px!important;margin-top:-8px!important}
 #logout{font-size:11px!important;padding:9px 10px!important}
 .nav{position:fixed!important;z-index:100!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;padding:7px 7px max(9px,env(safe-area-inset-bottom))!important;border-radius:15px 15px 0 0!important;border:1px solid #23608a!important;border-bottom:0!important;box-shadow:0 -12px 40px #000c!important;gap:3px!important;background:#051627f7!important;backdrop-filter:blur(16px)!important}
 .nav button,.nav button.secondary{min-width:0!important;flex:1 1 0!important;padding:9px 2px!important;min-height:58px!important;font-size:9px!important;letter-spacing:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;border-radius:9px!important}
 .nav button:before{font-size:19px!important;line-height:1!important;font-weight:500!important}
 #feedTab:before{content:"⌂"}
 #dashboardTab:before{content:"▥"}
 #picksTab:before{content:"◈"}
 #intelTab:before{content:"▤"}
 #chatTab:before{content:"▢"}
 .ev-arena-hero{height:176px!important;margin:7px 0 13px!important;border-radius:13px!important}
 .ev-arena-content{padding:15px 17px!important}
 .ev-arena-eyebrow{font-size:8px!important;letter-spacing:.08em!important}
 .ev-arena-title{font-size:clamp(35px,9.2vw,52px)!important;margin:12px 0 5px!important}
 .ev-arena-content>p{font-size:11px!important;margin:5px 0!important}
 .ev-arena-bottom{font-size:8px!important}
 .panel{padding:15px 13px!important;margin:10px 0!important;border-radius:12px!important}
 .panel h1{font-size:25px!important}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .metric{padding:13px 11px!important}
 .metric strong{font-size:26px!important}
 .ev-calendar{gap:3px!important;grid-template-columns:repeat(7,minmax(0,1fr))!important}
 .ev-calendar button,.ev-calendar button:not(.secondary):not(.danger):not(.ev-reaction):not(.ev-chat-suggestion){min-height:52px!important;font-size:11px!important;padding:5px 1px!important}
 .ev-calendar button span{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Screen-specific composition: no giant promo hero above Intel, Picks or Chat. */
.nav:has(#intelTab[aria-pressed="true"])~.ev-arena-hero,.nav:has(#picksTab[aria-pressed="true"])~.ev-arena-hero,.nav:has(#chatTab[aria-pressed="true"])~.ev-arena-hero{display:none!important}
#member>.panel:first-child{display:none!important}
#member>.panel:nth-child(2){border-top:2px solid #37bfff!important}
#feed>.tag{color:#6edbff!important}
#feed>.tag:before{content:"●";color:#ff365e;margin-right:9px;text-shadow:0 0 12px #ff365e}
#evGraphicPicks>h1,#evIntel>h1,#chat>h1{font-size:clamp(29px,5vw,44px)!important;font-weight:1000!important;letter-spacing:-.06em!important;text-transform:uppercase!important}
#evGraphicPicks>h1:after,#evIntel>h1:after,#chat>h1:after{content:"";display:block;width:76px;height:3px;background:linear-gradient(90deg,#5bd9ff,#ff3a60);margin-top:10px;border-radius:2px}

.ev-arena-hero{background:linear-gradient(90deg,#031121e8 0%,#03112199 52%,#0311212b 100%),url("./stadium-night.svg") center/cover no-repeat!important}
@media(max-width:620px){.ev-arena-hero{background-position:52% center!important}}

/* Strong daily outcome states, visible at a glance even with earlier global button rules. */
#evHistory .ev-calendar button.ev-positive{background:#0d6d3d!important;background-image:linear-gradient(145deg,#145c38,#073b29)!important;border:2px solid #31e889!important;color:#caffdf!important;box-shadow:inset 0 0 20px #15d56c35,0 0 12px #00c76730!important}
#evHistory .ev-calendar button.ev-negative{background:#7c1732!important;background-image:linear-gradient(145deg,#7c1732,#451020)!important;border:2px solid #ff486c!important;color:#ffe1e7!important;box-shadow:inset 0 0 20px #ff235d35,0 0 12px #ff235d30!important}
#evHistory .ev-calendar button.ev-positive span{color:#a7ffd0!important;font-weight:900!important}
#evHistory .ev-calendar button.ev-negative span{color:#ffc0cf!important;font-weight:900!important}
#evHistory .ev-calendar button[aria-pressed=true]{outline:2px solid #8be4ff!important;outline-offset:2px!important}

/* One authoritative layout for the mobile navigation. No oversized tiles. */
@media(max-width:620px){
  .wrap{padding-bottom:calc(67px + env(safe-area-inset-bottom))!important}
  nav.nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;justify-content:stretch!important;
    flex-wrap:nowrap!important;overflow:hidden!important;gap:3px!important;
    padding:5px 7px calc(5px + env(safe-area-inset-bottom))!important;
    margin:0!important;z-index:1000!important;
    border:0!important;border-top:1px solid #244359!important;
    border-radius:0!important;background:#08192af8!important;
    box-shadow:0 -5px 18px #0009!important;backdrop-filter:blur(16px)!important;
  }
  nav.nav>button,nav.nav>button.secondary,nav.nav>button:not(.secondary){
    all:unset;
    box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    flex-direction:row!important;gap:1px!important;position:relative!important;
    height:39px!important;min-height:39px!important;max-height:39px!important;
    padding:0 2px!important;margin:0!important;
    border:1px solid transparent!important;border-radius:7px!important;
    font-family:inherit!important;font-size:clamp(10px,2.75vw,12px)!important;
    line-height:1.05!important;font-weight:700!important;letter-spacing:0!important;
    text-transform:none!important;text-align:center!important;white-space:nowrap!important;
    color:#bad0e0!important;background:transparent!important;background-image:none!important;
    box-shadow:none!important;text-shadow:none!important;cursor:pointer!important;
  }
  nav.nav>button[aria-pressed="true"],nav.nav>button:not(.secondary):not(.hidden){
    background:#15314a!important;background-image:none!important;color:#79d7ff!important;
    border-color:#2f5d78!important;box-shadow:none!important;
  }
  nav.nav>button:before{content:none!important;display:none!important}
  nav.nav>button.hidden,nav.nav>button[hidden]{display:none!important}
  nav.nav #evChatUnreadCount{
    position:absolute!important;top:-1px!important;right:0!important;
    min-width:15px!important;height:15px!important;padding:0 3px!important;
    margin:0!important;border:1px solid #08192a!important;
    font-size:9px!important;line-height:1!important;box-shadow:none!important;
  }
}