/* SIGNAL MONSTER V8.9 — premium visual refinement; no simulated live data */
:root{--sm89-bg:#07111f;--sm89-panel:#0d1d31;--sm89-line:#29425b;--sm89-glow:#45e5e0;--sm89-ease:cubic-bezier(.22,1,.36,1)}
html{-webkit-text-size-adjust:100%}body{background:radial-gradient(ellipse 70% 28% at 86% -4%,#15325188,transparent),radial-gradient(ellipse 50% 30% at 4% 0%,#11345155,transparent),#07111f;overflow-x:hidden}
.shell{width:100%;max-width:1380px!important;padding:clamp(12px,2.3vw,30px)!important}
.top{gap:10px 14px!important;margin-bottom:10px;padding:8px 0 13px!important;background:none!important;border-radius:0!important}
.top>.nav{background:transparent;border:0;border-top:1px solid #29415c;border-radius:0;padding:12px 0 0;gap:7px}
.top>.nav button{border:1px solid #29415c;border-radius:10px;background:#0d1d31;min-height:40px;padding:9px 14px!important;font-weight:700}
.top>.nav button.active{background:linear-gradient(130deg,#133c58,#164f6a);border-color:#3ca9c1;box-shadow:inset 0 -2px #47e5e0,0 0 18px #3ad8e21a}
.top .brand .logo{flex:none;border-radius:12px;box-shadow:0 0 15px #25a9dc44,inset 0 0 15px #134eaa44}
.top .right{margin-left:0!important;flex-wrap:wrap;justify-content:flex-end}
.top .right .pill{white-space:nowrap}
.panel,.forecast-card,.sm87-metric,.sm87-sport-tile{border-color:#29445e!important;background-image:linear-gradient(145deg,#11253b,#0a1728)!important;box-shadow:0 15px 35px #00000024,inset 0 1px 0 #ffffff09}
.panel{border-radius:17px!important}.panel.pad{padding:clamp(13px,1.65vw,20px)!important}
.sectiontitle{color:#a9c4d8;letter-spacing:.12em}
/* Stop relying on a negative margin and a pointer-events-disabled selector row. */
#marketPage>.hero:first-child{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:9px 0 14px!important;min-height:49px}
#marketPage>.hero:nth-child(2){display:none!important}
#marketPage #coins{margin:0!important;pointer-events:auto!important}
#marketPage #periods{margin:0!important;order:2}
#coins,#periods{background:#0b1b2c;border-color:#2b4c65}
#coins button,#periods button{font-weight:800;letter-spacing:.01em}
#sm87PriceHeader{padding:8px 2px 15px!important;gap:clamp(8px,1.4vw,18px)!important;border-bottom:1px solid #253c52;margin-bottom:13px!important}
.sm87-price-label{font-size:10px!important;letter-spacing:.10em}.sm87-price-number{font-size:clamp(20px,3vw,34px)!important}
.sm87-clock{font-size:clamp(19px,2.5vw,28px)!important;min-width:80px}
#smV86MainSpot{border:1px solid #2b4a60!important;border-radius:14px!important;min-height:295px!important;background:linear-gradient(180deg,#071b2b,#091827)!important}
#smV86MainSpot svg{height:276px!important;min-height:276px!important}
#sm87Moves{padding:5px 2px 8px;min-height:28px}
#sm87ChartFooter{margin-top:10px;gap:8px}
#sm87ChartFooter .chart-tools{display:flex;flex-wrap:wrap;gap:6px}
#smYodaDuo{gap:12px!important}
#smYodaDuo .forecast-card{padding:clamp(12px,1.8vw,19px)!important;border-radius:15px!important;min-height:unset!important}
#smYodaDuo .forecast-main strong{font-size:clamp(18px,2vw,25px)!important}
#smYodaDuo .forecast-mini{gap:5px}
#smYodaDuo .forecast-mini span{min-width:0;overflow-wrap:anywhere}
#tradeActions button,#sides button{border-radius:12px!important}
#sm87AmountExtras button{min-width:51px;min-height:42px}
#simulateBtn{min-height:52px;letter-spacing:.035em}
#sm87BuyPayout{align-items:center}
#sm87SportQuick{gap:11px}#sm87SportQuick .sm87-sport-tile{min-height:128px}
#sm87AccountMetrics{gap:10px}#sm87AccountMetrics .sm87-metric{min-height:102px}
#sm87AccountMetrics .sm87-metric strong{font-size:clamp(12px,1.4vw,17px)!important;overflow-wrap:anywhere}
/* PIN: single M emblem, clean heading, contextual greeting, keypad. */
#overlay:has(#pinPanel:not([hidden])){background:radial-gradient(ellipse at 50% 20%,#123654aa,transparent 55%),#030b18e8}
#overlay:has(#pinPanel:not([hidden])) .modal{max-width:405px!important;padding:clamp(18px,3.8vw,29px)!important;background:linear-gradient(160deg,#14263d,#0a1628)!important;border:1px solid #315774!important;box-shadow:0 30px 85px #000a,0 0 32px #36a6dc0d}
#overlay:has(#pinPanel:not([hidden])) .modal>.row:first-child{justify-content:flex-start}
#overlay:has(#pinPanel:not([hidden])) #overlayIcon{display:none!important}
#overlay:has(#pinPanel:not([hidden])) #overlayTitle{font-size:clamp(17px,4.5vw,21px)!important;line-height:1.25;letter-spacing:-.015em;margin:16px 0 8px!important}
#overlay:has(#pinPanel:not([hidden])) #overlayDesc{margin:0 auto 16px!important;max-width:350px;font-size:13px!important;line-height:1.55!important;color:#a8c4d6}
#overlay:has(#pinPanel:not([hidden])) .pin-label{font-size:13px!important;font-weight:750;color:#e7f9ff!important;margin:9px auto!important}
#overlay:has(#pinPanel:not([hidden])) #pinInput{min-height:49px!important;letter-spacing:.4em;text-align:center;border:1px solid #315775;border-radius:10px;background:#0b1a2b}
#overlay:has(#pinPanel:not([hidden])) .pin-keypad{gap:7px!important}
#overlay:has(#pinPanel:not([hidden])) .pin-keypad button{min-height:43px;border-radius:9px;background:#172a42;border:1px solid #294762;font-size:16px}
#overlay:has(#pinPanel:not([hidden])) .pin-keypad button:active{background:#1d5670}
#overlay:has(#pinPanel:not([hidden])) #overlayAction{background:#35c9ec;color:#061927}
/* Explicit snapshot state, not a fake live countdown. */
#sm89ArchiveNote{display:inline-flex;align-items:center;gap:6px;color:#d4b991;background:#2d251c;border:1px solid #665031;border-radius:8px;padding:5px 9px;font-size:10px;font-weight:750;letter-spacing:.045em;margin:0 0 8px}
#sm89ArchiveNote::before{content:'●';font-size:8px;color:#f1b866}
/* Tap comfort and keyboard accessibility. */
button{touch-action:manipulation}button:focus-visible,[role="button"]:focus-visible{outline:2px solid #65f2e6!important;outline-offset:3px}
@media(max-width:1000px){.top .right .pill{font-size:9px}.grid{gap:12px!important}}
@media(max-width:750px){#sm87PriceHeader{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)!important}#sm87PriceHeader .sm87-clock{grid-column:1/-1;text-align:right}.sm87-clock small{display:inline;margin-right:8px}#smYodaDuo{grid-template-columns:repeat(2,minmax(0,1fr))!important}.forecast-mini{grid-template-columns:1fr 1fr!important}.top .brand strong{font-size:13px}}
@media(max-width:510px){.shell{padding:12px!important}.top>.nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px!important}.top>.nav button{font-size:10px!important;padding:9px 3px!important}.top .right .pill:nth-child(2){display:none}.top .brand small{font-size:8px}.top .brand strong{font-size:12px;letter-spacing:.07em}#marketPage>.hero:first-child{gap:7px}#coins,#periods{max-width:100%}#coins button,#periods button{font-size:11px;padding:8px!important;min-height:40px}#sm87PriceHeader{gap:6px!important}.sm87-price-number{font-size:clamp(17px,5.2vw,23px)!important}#smV86MainSpot{min-height:222px!important}#smV86MainSpot svg{height:206px!important;min-height:206px!important}#smYodaDuo .forecast-mini{grid-template-columns:1fr!important}#smYodaDuo .forecast-card{padding:10px!important}.forecast-percent{font-size:21px!important}#sm87AccountMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}#overlay:has(#pinPanel:not([hidden])) .modal{animation:none!important}}
/* Override V8.7's original first-child hide rule after moving #coins into hero. */
#marketPage>.hero:first-child>#coins{display:flex!important;visibility:visible!important;pointer-events:auto!important;order:0!important}
#marketPage>.hero:first-child>div:not(#coins):not(#periods){display:none!important}
#marketPage>.hero:first-child>#periods{display:flex!important;order:2!important;margin-left:auto!important}