/* SIGNAL MONSTER 8.7 — approved annotated layout, Cloudflare Pages */
:root{--sm-turquoise:#48e9df;--sm-purple:#ad91ff;--sm-pink:#ff648c}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 90% 4%,#15233b 0,transparent 35%),#07111f}
.shell{max-width:1540px!important}
.top{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:'brand right' 'nav nav';gap:12px 16px!important;align-items:center!important;padding:14px 6px!important}
.top>.brand{grid-area:brand;min-width:0}.top>.right{grid-area:right;justify-self:end;display:flex;align-items:center;gap:7px}.top>.nav{grid-area:nav;width:100%;justify-content:flex-start;border-top:1px solid #294058;padding-top:9px;gap:7px;flex-wrap:wrap}
.top .brand .logo{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 0 17px #2dcbef55;border:1px solid #53d5ef}
.top .brand .logo:after{content:'';position:absolute;inset:-75%;background:linear-gradient(110deg,transparent 38%,#ffffffd6 49%,transparent 59%);transform:translateX(-95%) rotate(20deg);animation:smLogoShine 6.5s ease-in-out infinite;pointer-events:none}
@keyframes smLogoShine{0%,75%,100%{transform:translateX(-100%) rotate(20deg)}88%{transform:translateX(100%) rotate(20deg)}}
.top .brand strong{letter-spacing:.11em}.top .right .pill{font-size:10px}
#marketPage>.hero:first-child{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:5px}
#marketPage>.hero:first-child>div:first-child{display:none}
#marketPage>.hero:nth-child(2){margin-top:-42px!important;margin-bottom:18px;pointer-events:none}
#marketPage>.hero:nth-child(2) #coins{pointer-events:auto}
#marketPage #periods{margin-left:auto;order:2}
#marketPage>.hero:nth-child(2) .chips{margin-right:160px}
#marketPage .grid{align-items:start}
#marketPage .stack>section.panel:first-child{position:relative;overflow:visible}
#sm87PriceHeader{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 14px;padding:10px 4px}
.sm87-price-label{font-size:11px;letter-spacing:.09em;color:#91aac1;font-weight:800}
.sm87-price-number{font-size:clamp(21px,3.4vw,39px);font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap}
.sm87-price-live{color:var(--sm-turquoise);transition:color .35s ease}.sm87-price-live.falling{color:var(--sm-pink)}
.sm87-delta{font-size:12px;font-weight:800;margin-left:6px;color:#8db2c6}.sm87-delta.rise{color:#3ee9a0}.sm87-delta.fall{color:#ff708c}
.sm87-divider{height:52px;background:#29435d}
.sm87-clock{text-align:right;color:#62ecdf;font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;text-shadow:0 0 16px #35e2d866;min-width:84px}
.sm87-clock small{display:block;font-size:10px;letter-spacing:.1em;color:#9bb3c9;text-shadow:none}
#marketPage .stack>section.panel:first-child>.row:first-child{display:none!important}
#smV86MainSpot{min-height:265px!important;padding:10px!important;background:linear-gradient(180deg,#071b2c,#081626)!important}
#smV86MainSpot svg{height:250px!important;min-height:250px!important}
#smV86MainSpot .smv86-equator{border-top:1px dashed #9bd6e899!important;top:50%!important}
#sm87Moves{display:flex;gap:7px;overflow-x:auto;margin:9px 0 0;padding-bottom:3px;scrollbar-width:thin}
#sm87Moves span{font-size:11px;font-weight:750;white-space:nowrap}.sm87-up{color:#42dfd3}.sm87-down{color:#ff718d}
#historyTrigger{position:relative;z-index:3;white-space:normal;text-align:left}
#historyPopover{position:absolute;z-index:15;bottom:100%;left:12px;width:min(420px,calc(100% - 24px));max-height:300px;overflow-y:auto;box-shadow:0 16px 50px #000c;background:#0b1c30;border:1px solid #2d6882;border-radius:15px}
#smV86History{display:flex!important;gap:7px!important;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%}
#smV86History .smv86-round{flex:1;min-width:70px!important;font-size:10px}
#smV86History .smv86-round i{width:13px;height:13px}
#sm87ChartFooter{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#sm87ChartFooter .chart-tools{margin-left:auto}
#smYodaDuo{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#smYodaDuo .forecast-card{min-width:0;box-shadow:inset 0 1px #b2faff22,0 12px 36px #0003}
#smYodaDuo .outcome-card{border-color:#2e9d9b!important}#smYodaDuo .flip-card{border-color:#8166b2!important}
#smYodaDuo .smYodaAction{background:#0d2636}
#tradeActions .trade-action small,#sides button small{display:none!important}
#tradeActions{margin-top:9px}#sides{margin-top:12px!important}#sides button{position:relative;padding:12px 10px!important;min-height:82px}
#sides .side-price{display:block!important;font-size:19px!important;margin-top:7px!important}
#buyAmountSection #amounts{display:none!important}
#tradeAmountControl{display:block!important}
#sm87AmountExtras{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:8px 0}
#sm87AmountExtras button{background:#172a43;border:1px solid #335b79;color:#d8eff9;border-radius:9px;padding:8px 14px;font-weight:800}
#sm87AmountExtras button:active{transform:scale(.96)}
#sellPercentButtons button[data-pct='75']{display:none!important}
body.smv86-selling #sm87BuyPayout{display:none!important}
#sm87BuyPayout{margin-top:12px;padding:12px;border-radius:12px;background:#0c2933;border:1px solid #27685f;display:flex;justify-content:space-between;gap:10px}
#sm87BuyPayout strong{color:#66f5ce;font-variant-numeric:tabular-nums}
#smV86SellValue strong{color:#70eade}
#simulateBtn{min-height:52px;font-size:14px!important;font-weight:900!important}
#sportPage .sm-sport-feature{padding:23px 26px!important;background:radial-gradient(ellipse at 85% 15%,#0a7b8560,transparent 55%),linear-gradient(135deg,#0c2944,#091423)!important}
#sportPage .sm-sport-feature h2{font-size:clamp(20px,3vw,31px)}
#sportPage .sports-tabs{gap:7px;display:flex;flex-wrap:wrap;margin:17px 0}
#sportPage .sports-tabs button{border:1px solid #2d5772;border-radius:11px;padding:11px 15px}
#sm87SportQuick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.sm87-sport-tile{background:linear-gradient(135deg,#0d2b42,#0b192b);border:1px solid #2d6279;border-radius:16px;padding:16px}
.sm87-sport-tile strong{display:block;color:#e9f9ff;font-size:14px;margin:7px 0}.sm87-sport-tile small{color:#8db0c5;font-size:11px;line-height:1.5}
#sm87AccountMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.sm87-metric{padding:14px;border:1px solid #294e67;background:#0c2034;border-radius:14px}.sm87-metric small{display:block;color:#9bb7cb;font-size:11px}.sm87-metric strong{display:block;margin-top:8px;font-size:20px;color:#78e9e4}
#sm87SettingsActions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}
#sm87SettingsActions button{background:#13283f;border:1px solid #2f5873;border-radius:11px;padding:11px 15px;color:#e7f8ff;font-weight:750}
#sm87SettingsActions button:disabled{opacity:.45;cursor:not-allowed}
#overlay:has(#pinPanel:not([hidden])) #overlayTag{display:none!important}
#overlay:has(#pinPanel:not([hidden])) #overlayDesc{font-size:14px!important;line-height:1.6!important;max-width:370px;margin:12px auto!important;text-align:center}
#overlay:has(#pinPanel:not([hidden])) #overlayTitle{text-align:center!important;font-size:20px!important}
#overlay:has(#pinPanel:not([hidden])) #pinPanel .pin-label{display:block!important;text-align:center;font-size:13px!important;letter-spacing:.01em!important;color:#fff!important;margin:8px auto!important}
#overlay:has(#pinPanel:not([hidden])) #pinMessage,#overlay:has(#pinPanel:not([hidden])) #sm77PinHint{display:none!important}
#overlay:has(#pinPanel:not([hidden])) #pinInput{font-size:24px!important}
#overlay:has(#pinPanel:not([hidden])) .modal{max-width:400px!important}
@media(max-width:850px){#marketPage>.hero:nth-child(2){margin-top:-38px!important}#sm87PriceHeader{gap:10px}#sm87SportQuick{grid-template-columns:1fr 1fr}#sm87AccountMetrics{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.top .right .pill{font-size:8px;padding:5px}.top .nav{gap:4px}.top .nav button{padding:9px 8px!important;font-size:11px!important}#marketPage>.hero:nth-child(2){margin-top:0!important}#marketPage>.hero:nth-child(2) .chips{margin-right:0}#marketPage>.hero:first-child{margin-bottom:5px}#marketPage #periods{margin-left:auto}#sm87PriceHeader{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:7px}#sm87PriceHeader .sm87-clock{grid-column:1/-1;text-align:right;font-size:22px}#sm87PriceHeader .sm87-clock small{display:inline;margin-right:7px}#sm87PriceHeader .sm87-price-number{font-size:clamp(17px,5vw,25px)}#smYodaDuo{gap:7px!important}#smYodaDuo .forecast-card{padding:10px 8px!important}#sm87SportQuick{grid-template-columns:1fr}#smV86MainSpot svg{height:205px!important;min-height:205px!important}}
@media(prefers-reduced-motion:reduce){.top .brand .logo:after{animation:none!important}*{scroll-behavior:auto!important}}