/* Reference-led presentation only; execution and authoritative state remain unchanged. */
:root{--ink:#252a31;--muted:#727a87;--line:#e9eaed;--surface:#f5f6f8}
.wrap{max-width:1360px;padding-left:32px;padding-right:32px}.topbar{height:72px;gap:28px}.brand{font-size:22px;font-weight:700;letter-spacing:-.6px}.search{max-width:600px}.account{gap:14px}.account strong{font-size:17px}.account .eyebrow{letter-spacing:.3px;font-size:9px}.navigation{height:44px}.navigation nav{gap:25px}main{padding-top:20px}.detail-layout,.crypto-detail{grid-template-columns:minmax(0,1fr) 340px;gap:30px}.detail-heading h1{font-size:24px;font-weight:600;letter-spacing:-.6px}.back:has(+.crypto-detail){display:none}
.ticket{padding:16px;border-radius:16px;background:#fff;box-shadow:0 2px 3px #172a4108}.ticket-heading{padding-bottom:10px;margin-bottom:8px;border:0}.ticket-heading h2{font-size:14px;font-weight:500;color:var(--muted)}.ticket-heading .pill{background:var(--brand-soft);color:var(--brand)}.trade-tabs{gap:16px;border-bottom:1px solid var(--line);margin:0 -16px 20px;padding:0 16px}.trade-tabs button{padding:10px 0 8px;font-size:16px}.trade-tabs button.selected{border-color:var(--ink)}.ticket .outcomes{gap:12px;margin-bottom:18px}.ticket .outcomes button{border:1px solid var(--line);border-radius:10px;min-height:48px;background:#fff;font-weight:600}.ticket .outcomes button.yes{color:var(--green)}.ticket .outcomes button.no{color:var(--red)}.ticket .outcomes button.selected.yes{background:#00852b;color:#fff;border-color:#00852b}.ticket .outcomes button.selected.no{background:var(--red);color:#fff;border-color:var(--red)}.ticket .quote-bar:has([hidden]){margin:0}.ticket .cash-buy{gap:10px;margin:16px 0}.cash-buy>label{font-size:12px;color:var(--muted)}.ticket .cash-buy>input{font-size:26px;font-weight:600;padding:10px 12px;border-color:var(--line);border-radius:10px;font-variant-numeric:tabular-nums}.ticket .quick-values{gap:8px}.ticket .quick-values button{min-height:48px;font-size:17px;border-radius:12px;box-shadow:0 1px 2px #18212e12}.execution-settings summary{min-height:28px;padding:5px 0}.estimate{padding:12px 0;gap:8px}.trade-submit{background:var(--brand);min-height:48px;border-radius:10px}.trade-submit:hover{background:var(--brand-hover)}.trade-error:empty{margin:0}
.crypto-detail .detail-heading{gap:16px;margin:0 0 24px;align-items:center}.crypto-detail .detail-heading>div{min-width:0}.crypto-detail .detail-heading h1{font-size:24px;line-height:1.25;font-weight:600;margin:0 0 5px;letter-spacing:-.6px}.crypto-detail .detail-heading .eyebrow{display:none}.crypto-detail .detail-heading .market-image{width:64px;height:64px;flex-basis:64px;border-radius:10px;font-size:46px}.crypto-detail .market-meta{border:0;padding:0;font-size:14px;line-height:1.4;display:block}.crypto-detail .crypto-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(110px,.8fr);gap:20px;padding:0 0 12px;align-items:start}.crypto-metrics>div{gap:3px}.crypto-metrics small{font-size:12px;letter-spacing:0;font-weight:500}.crypto-detail .crypto-metrics #spot-price,.crypto-detail .crypto-metrics #opening-price{font-size:25px;line-height:1.3;font-weight:600;letter-spacing:-.6px}.crypto-detail #spot-price{color:#e78b00}.crypto-metrics>div:last-child{text-align:right}.crypto-metrics #countdown{color:#ef4444;font-size:26px;font-weight:500;font-variant-numeric:tabular-nums}.crypto-detail #price-delta{font-size:11px;font-weight:500}.crypto-detail #chart{padding:0;margin:14px 0 0;min-height:280px}.crypto-detail #chart svg{width:100%;height:280px;overflow:visible}.crypto-detail #chart .chart-empty{height:280px;background:#fff}.reference-details #feed-status,.reference-details #reference-status{display:block;font-size:12px;margin:8px 0}.underlying-line{stroke:#ff9800;stroke-width:1.7}.underlying-end{fill:#ff9800}.last-guide{stroke:#ff9800;opacity:.5}.target-guide{stroke:#9aa1ac;stroke-width:1;stroke-dasharray:5 5}.price-grid{stroke:#eff0f2}.round-nav{gap:6px;margin:14px 0 24px}.round-nav a{background:#f4f5f7;border-color:transparent;font-size:12px;min-height:36px;padding:7px 12px;font-weight:500}.round-nav [aria-current]{background:#292e35;color:#fff;border-color:#292e35}.market-volume{padding:14px 16px;border-radius:14px;background:#fff;gap:4px 12px;margin:18px 0 20px;box-shadow:0 1px 2px #18212e0a}.market-volume strong{font-size:14px}.crypto-rail .crypto-header{margin-top:26px;padding:18px 12px 0;gap:14px}.crypto-rail .crypto-header .categories{gap:4px}.crypto-rail .crypto-header .categories a{padding:8px 10px;font-size:12px;min-height:40px;border-radius:10px}.crypto-rail .categories a.selected{box-shadow:none;background:#f2f3f5;color:var(--ink)}.crypto-result-card{background:#fff;padding:28px 20px;gap:12px;border-radius:14px;box-shadow:0 1px 2px #18212e0a}.crypto-result-card h2{font-size:18px;font-weight:500}.crypto-result-card p,.crypto-result-card small{font-size:13px;line-height:1.5}.crypto-result-card .result-check{background:var(--brand-soft);color:var(--brand)}.crypto-result-card[data-phase="final"] h2{color:var(--ink)}.crypto-detail .rules{margin-top:18px;padding-top:18px}.crypto-detail .rules h2{font-size:16px;font-weight:600}.intro h1{font-size:26px;font-weight:600}.market-card{border-color:var(--line);box-shadow:0 1px 2px #18212e06;border-radius:14px}.market-grid{gap:14px}.market-title{font-weight:600}.categories .selected{box-shadow:none}
@media(max-width:1000px) and (min-width:701px){.wrap{padding-left:24px;padding-right:24px}.topbar{gap:16px}.detail-layout,.crypto-detail{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.account .portfolio-link{display:none}.crypto-detail .crypto-metrics{gap:12px}.crypto-detail .crypto-metrics #spot-price,.crypto-detail .crypto-metrics #opening-price{font-size:20px}}
@media(max-width:700px){.wrap{padding-left:16px;padding-right:16px}.topbar{height:auto;min-height:64px;padding-top:10px;padding-bottom:10px;gap:8px}.brand{font-size:18px;gap:6px}.brand-logo{width:40px;height:32px;flex-basis:40px}.account{gap:8px}.account strong{font-size:14px}.account .eyebrow{font-size:7.5px;letter-spacing:0}header:has(~main .crypto-detail) .search{display:none}.navigation{height:44px}.navigation nav{gap:22px}.navigation a,.navigation button{font-size:12px}.navigation button{min-height:44px}main{padding-top:16px}.intro h1{font-size:24px}.market-grid{gap:10px}.market-card{border-radius:12px}.card-top{min-height:72px}.market-title{font-size:13px}.market-card .outcomes a{min-height:44px}.mobile-trade-entry{left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));font-size:13px}.crypto-detail{gap:0}.crypto-detail .detail-heading{margin:0 0 22px;gap:12px}.crypto-detail .detail-heading .market-image{width:40px;height:40px;flex-basis:40px;font-size:30px;border-radius:7px}.crypto-detail .detail-heading h1{font-size:20px;line-height:1.2;margin:0 0 5px;letter-spacing:-.4px}.crypto-detail .market-meta{font-size:12px;line-height:1.45}.crypto-detail .crypto-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 62px;gap:10px;padding:0 0 8px}.crypto-detail .crypto-metrics>div:last-child{grid-column:auto}.crypto-metrics small{font-size:10px}.crypto-detail .crypto-metrics #spot-price,.crypto-detail .crypto-metrics #opening-price{font-size:20px;white-space:normal;line-height:1.3;letter-spacing:-.6px}.crypto-detail #price-delta{font-size:10px;line-height:1.4}.crypto-metrics #countdown{font-size:22px;line-height:1.3}.crypto-detail #next-round .live-round-link{font-size:10px;min-height:32px;line-height:1.3}.crypto-detail #chart{order:0;width:100%;margin:10px 0 14px;min-height:230px}.crypto-detail #chart svg{height:230px}.crypto-detail #chart .chart-empty{height:230px;min-height:230px}.crypto-rail{display:contents}.crypto-rail .ticket,.crypto-rail .crypto-result-card{order:1;width:100%;margin:0 0 16px}.crypto-rail .ticket{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:12px 0 16px;box-shadow:none}.crypto-rail .ticket-heading{padding:0;margin-bottom:2px}.crypto-rail .trade-tabs{margin:0 0 12px;padding:0}.crypto-rail .ticket .outcomes{margin-bottom:12px}.crypto-rail .cash-buy{margin:12px 0}.crypto-rail .crypto-header{order:3;width:100%;margin:14px 0;padding:12px 0;border-bottom:1px solid var(--line)}.crypto-detail .round-nav{order:2;margin:0 0 16px;flex-wrap:nowrap;overflow-x:auto;width:100%;padding:2px 0 4px}.round-nav a{flex:0 0 auto;min-height:44px;display:flex;align-items:center;font-size:11px}.crypto-detail .market-volume{order:3;margin:0 0 12px}.crypto-detail .reference-details,.crypto-detail .chart-details,.crypto-detail .source-details{order:3;margin:0 0 12px;width:100%}.crypto-detail .rules{order:4;margin:4px 0 0;width:100%}.crypto-result-card{padding:20px 16px}.crypto-result-card h2{font-size:17px}.crypto-result-card p,.crypto-result-card small{font-size:12px}.crypto-rail .crypto-header .categories a{min-height:44px}.mobile-trade-entry{order:5}}
/* VA-01: restore the ordinary mobile column after the desktop parity grid. */
@media(max-width:700px){.detail-layout:not(.crypto-detail){grid-template-columns:minmax(0,1fr)}.detail-layout:not(.crypto-detail)>section,.detail-layout:not(.crypto-detail) .detail-heading>div{min-width:0}.detail-layout:not(.crypto-detail) .detail-heading h1{font-size:20px;line-height:24px}.detail-layout:not(.crypto-detail)>.ticket{width:100%}}
@media(max-width:700px){.crypto-detail:has(.crypto-result-card:not([data-phase="active"])) .crypto-metrics>div:last-child{grid-column:1/-1;text-align:left;display:flex;flex-direction:row;align-items:center;gap:12px}.crypto-detail:has(.crypto-result-card:not([data-phase="active"])) #countdown{font-size:14px;white-space:nowrap}.crypto-detail:has(.crypto-result-card:not([data-phase="active"])) .crypto-metrics>div:last-child small{display:none}}
@media(max-width:360px){.brand{font-size:16px}.brand-logo{width:34px;flex-basis:34px}.account{gap:5px}#account-button{padding:8px;font-size:11px}.navigation nav{gap:18px}.market-title{font-size:14px}.crypto-detail .crypto-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 54px;gap:6px}.crypto-detail .crypto-metrics #spot-price,.crypto-detail .crypto-metrics #opening-price{font-size:18px}.crypto-metrics #countdown{font-size:20px}.crypto-metrics small{font-size:9px}.crypto-detail #chart,.crypto-detail #chart svg{min-height:220px;height:220px}}