/* SmileDice v13.0 — Casino-color Sport PRO.
   Scoped ONLY to active #sport-screen. The existing Casino and its logic are untouched.
   Target: same shell width, typography and navy-blue/cyan/gold premium visual system.
   Responsive widths are calculated from available space, without fake live data. */

/* EXACT SAME app shell and page sizing as Casino: no 78vw Sport shrinking. */
body:has(#sport-screen:not([hidden])){
 background:radial-gradient(ellipse at 52% -20%,#19234a 0%,#080e1e 34%,#050a16 75%)!important;
 color:#f8f9ff!important;width:auto!important;max-width:none!important;min-width:320px!important;
}
body:has(#sport-screen:not([hidden])) .app-shell{
 width:auto!important;max-width:1460px!important;min-width:0!important;
 margin:10px auto 26px!important;min-height:calc(100vh - 36px)!important;
 border:1.5px solid #5474ce!important;border-radius:26px!important;
 background:linear-gradient(160deg,#080f20 0%,#050b17 100%)!important;
 box-shadow:0 0 0 1px #1a2a51 inset,0 12px 52px #0009!important;overflow:hidden!important;
}
body:has(#sport-screen:not([hidden])) .site-header{
 width:auto!important;max-width:none!important;margin:0!important;border-radius:0!important;
 border-bottom:1px solid #1b2b44!important;
 background:linear-gradient(180deg,#0b1224,#080e1d)!important;
}
body:has(#sport-screen:not([hidden])) .page-content{
 max-width:none!important;width:auto!important;margin:0!important;padding:18px 20px 14px!important;
}
body:has(#sport-screen:not([hidden])) .site-footer{display:flex!important}

/* Casino palette: teal-blue edges, electric cyan highlights, gold achievements,
   restrained indigo (used by Casino), never a magenta/purple tint over entire Sport. */
#sport-screen.sd-sport-app{
 --sp-purple:#609eff;--sp-dark:#091329;--sp-border:#34568c;
 --sp-cyan:#41e3f5;--sp-gold:#ffd054;
 color:#f6f9ff!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif!important;
 font-size:13px!important;
 background:radial-gradient(ellipse at 78% 8%,#0a4e8c12,transparent 53%)!important;
 border-radius:15px!important;
}
#sport-screen .sp-shell{
 display:grid!important;position:static!important;left:auto!important;
 grid-template-columns:minmax(166px,14.2%) minmax(0,1fr) minmax(268px,22.5%)!important;
 gap:14px!important;width:100%!important;max-width:100%!important;align-items:start!important;
}
#sport-screen .sp-sidebar,#sport-screen .sp-center,#sport-screen .sp-right{min-width:0!important}
#sport-screen .sp-sidebar{
 min-height:735px!important;padding:9px!important;border-radius:15px!important;
 background:linear-gradient(168deg,#101e3c 0%,#0c172d 36%,#080f21 100%)!important;
 border:1px solid #355e9a!important;
 box-shadow:inset 0 0 0 1px #143c664a,0 5px 28px #0005,0 0 13px #176dcb30!important;
}
#sport-screen .sp-side-brand{
 padding:11px 9px!important;min-height:60px!important;margin:0 0 12px!important;border-radius:13px!important;
 border:1px solid #348cc4!important;background:linear-gradient(110deg,#112d58,#0a1830 78%)!important;
 box-shadow:inset 0 1px 0 #6bcdfc38,0 0 16px #11bce839!important;
}
#sport-screen .sp-side-icon{
 width:39px!important;height:39px!important;flex-basis:39px!important;
 border:1px solid #41dffd!important;background:linear-gradient(145deg,#174f8b,#0b234b)!important;
 box-shadow:0 0 12px #26d6ff7a,inset 0 0 12px #40e0ff30!important;
}
#sport-screen .sp-side-icon img.sp-svg{width:34px!important;height:34px!important;filter:drop-shadow(0 0 6px #63daff)!important}
#sport-screen .sp-side-brand>span:last-child{
 font-size:clamp(17px,1.26vw,22px)!important;font-weight:950!important;
 letter-spacing:-.7px!important;line-height:1.05!important;
}
#sport-screen .sp-side-brand small{font-size:8px!important;color:#aac8e9!important;letter-spacing:1.25px!important}
#sport-screen .sp-cyan{color:#35e9ef!important}
#sport-screen .sp-side-user{margin:4px 0 12px!important;padding:5px 2px!important;background:transparent!important}
#sport-screen .sp-user-avatar{
 width:46px!important;height:46px!important;flex-basis:46px!important;
 border:2px solid #fbd36b!important;background:radial-gradient(circle at 27% 15%,#235891,#122043 68%,#09162f)!important;
 box-shadow:0 0 0 3px #24446f,0 0 12px #eab9517a!important;
 font-size:18px!important;
}
#sport-screen .sp-side-user strong{font-size:12px!important;color:#fff!important;font-weight:850!important}
#sport-screen .sp-side-user small{
 background:#1b3558!important;color:#c6e1ff!important;border:1px solid #4274a2!important;
 font-size:9px!important;max-width:105px!important;
}
#sport-screen .sp-side-crown{color:#ffd459!important;text-shadow:0 0 10px #ffcd54!important}
#sport-screen .sp-wallet-stack{gap:7px!important;margin:8px 0 13px!important}
#sport-screen .sp-wallet-pill{
 min-height:37px!important;padding:7px 8px!important;color:#dce9fa!important;
 background:linear-gradient(120deg,#122644,#0b192e)!important;border:1px solid #2a4772!important;
 border-radius:9px!important;font-size:11px!important;
}
#sport-screen .sp-wallet-pill:hover{border-color:#45b4ef!important;box-shadow:0 0 12px #21beec39!important}
#sport-screen .sp-wallet-pill .sp-svg{
 background:linear-gradient(135deg,#15385e,#0a2243)!important;border-color:#3769a2!important;
 filter:drop-shadow(0 0 3px #1cbdff)!important;
}
#sport-screen .sp-wallet-pill strong{font-size:11px!important;color:#35eddc!important}
#sport-screen .sp-svg{filter:drop-shadow(0 0 3px #47b5ec78)!important}
#sport-screen .sp-upgrade{
 color:#1c1909!important;border:1px solid #ffe17a!important;
 background:linear-gradient(175deg,#ffe578,#ffbe38)!important;
 box-shadow:0 0 12px #ffca4f84,inset 0 1px 0 #fff8!important;
 font-size:11px!important;text-shadow:none!important;
}
#sport-screen .sp-upgrade:hover{filter:brightness(1.06)!important;box-shadow:0 0 16px #ffcf65b5!important}
#sport-screen .sp-logout{
 color:#d5e5ff!important;border:1px solid #34547e!important;background:#172542!important;
}
#sport-screen .sp-logout:hover{border-color:#36c4e6!important}
#sport-screen .sp-side-label{
 color:#a8dbfd!important;text-shadow:none!important;font-size:9px!important;
 letter-spacing:1.7px!important;margin-top:16px!important;
}
#sport-screen .sp-side-label::before{background:linear-gradient(90deg,transparent,#3474b0)!important}
#sport-screen .sp-side-label::after{background:linear-gradient(90deg,#3474b0,transparent)!important}
#sport-screen .sp-side-nav{gap:4px!important}
#sport-screen .sp-nav-item{
 color:#dae5f5!important;font-size:11.5px!important;font-weight:750!important;
 min-height:34px!important;gap:9px!important;padding:4px 5px!important;
}
#sport-screen .sp-nav-item .sp-nav-visual{
 width:26px!important;min-width:26px!important;height:26px!important;
 background:linear-gradient(140deg,#1a3e6b,#142946)!important;border:1px solid #386a9c!important;
 box-shadow:inset 0 0 7px #41aafb1b!important;
}
#sport-screen .sp-nav-item .sp-svg{width:17px!important;height:17px!important}
#sport-screen .sp-nav-item.is-active{
 color:#fff!important;border:1px solid #4c96db!important;
 background:linear-gradient(100deg,#28549b,#172e63)!important;
 box-shadow:inset 0 1px 0 #aad4ff33,0 0 13px #387fff85!important;
}
#sport-screen .sp-nav-item.is-active .sp-nav-visual{background:#214f86!important;border-color:#74c6fa!important}
#sport-screen .sp-nav-item:hover:not(.is-active){background:#152d4a!important;border-color:#3c74ad!important}
#sport-screen .sp-side-foot>div{
 color:#51e9fa!important;background:linear-gradient(135deg,#153661,#102342)!important;
 border:1px solid #2b88c1!important;box-shadow:0 0 10px #28afed52!important;
}
#sport-screen .sp-side-foot small{color:#92aec9!important}

/* Promotional artwork: keep original Football Manager asset, no duplicate large text. */
#sport-screen .sp-hero{
 border:1.4px solid #4083da!important;border-radius:14px!important;
 background:#081427!important;box-shadow:0 0 0 1px #244e8a77 inset,0 0 14px #2469cf48!important;
 aspect-ratio:4.02/1!important;
}
#sport-screen .sp-hero-art{object-fit:fill!important}
#sport-screen .sp-hero-arrow{
 width:36px!important;height:43px!important;border:1px solid #4679b5!important;
 background:#0c2448d9!important;color:#e3f8ff!important;
 box-shadow:0 0 10px #238ac855!important;
}
#sport-screen .sp-hero-arrow:hover{background:#165a99!important}
#sport-screen .sp-hero-indicators button.is-selected{background:#7bdfff!important;box-shadow:0 0 10px #45caffac!important}
#sport-screen .sp-hero-alternate{background:linear-gradient(110deg,#081e40,#122a52 76%)!important}
#sport-screen .sp-hero-alternate>span{color:#51e9fa!important}
#sport-screen .sp-hero-alternate p{color:#c9def2!important}

/* Marketplace echoes Casino blue Daily Rewards card; warm golden CTA. */
#sport-screen .sp-marketplace{
 min-height:105px!important;margin:13px 0 13px!important;padding:13px 16px!important;
 background:radial-gradient(ellipse at 13% 15%,#213e7c 0%,#111f48 52%,#0a1933 100%)!important;
 border:1.4px solid #4a74c7!important;border-radius:14px!important;
 box-shadow:inset 0 1px 0 #aac5f928,0 0 15px #3569cf30!important;
}
#sport-screen .sp-marketplace h3{
 color:#fff!important;font-size:17px!important;line-height:1.17!important;
 letter-spacing:-.3px!important;font-weight:900!important;text-shadow:none!important;
}
#sport-screen .sp-marketplace p{font-size:11px!important;color:#b5c8e5!important;line-height:1.42!important}
#sport-screen .sp-market-crown{color:#ffd054!important;text-shadow:0 0 9px #ffcf6b!important}
#sport-screen .sp-gold-button{
 border-radius:10px!important;border:1px solid #ffe786!important;
 background:linear-gradient(120deg,#ffe18a,#ffc43b)!important;color:#2a210c!important;
 box-shadow:0 0 12px #fac75260!important;font-size:11px!important;font-weight:900!important;
}
#sport-screen .sp-gold-button:hover{box-shadow:0 0 15px #fac752a8!important}
#sport-screen .sp-market-number{
 background:linear-gradient(135deg,#1b3056,#0e1d36)!important;border:1px solid #446493!important;
 box-shadow:inset 0 1px 0 #93c7ff24!important;
}
#sport-screen .sp-market-number strong{font-size:26px!important}
#sport-screen .sp-market-number span{color:#afc4e7!important}

/* Filters and create: cyan active navigation; same gold action language as Casino. */
#sport-screen .sp-feed-bar{gap:10px!important;margin-bottom:12px!important}
#sport-screen .sp-feed-tabs{gap:7px!important}
#sport-screen .sp-feed-tabs button{
 min-height:38px!important;border:1px solid #33517d!important;border-radius:11px!important;
 background:linear-gradient(120deg,#132743,#0d1b30)!important;
 color:#ccddf3!important;font-size:11px!important;font-weight:800!important;
 box-shadow:none!important;
}
#sport-screen .sp-feed-tabs button.active{
 border:1px solid #5aa5eb!important;background:linear-gradient(125deg,#254b8e,#1a3767)!important;
 box-shadow:0 0 11px #337dd58a,inset 0 1px 0 #aecbff38!important;color:#fff!important;
}
#sport-screen .sp-feed-tabs button:hover{border-color:#6aaef0!important;box-shadow:0 0 9px #167cc755!important}
#sport-screen .sp-add-cta{
 min-height:38px!important;color:#112119!important;
 border:1px solid #ffe18a!important;background:linear-gradient(130deg,#ffe389,#ffbd32)!important;
 box-shadow:0 0 11px #dfaf3866!important;font-weight:950!important;font-size:11px!important;
}
#sport-screen .sp-add-cta:hover{filter:brightness(1.06)!important}

/* Real data and DEMO cards are live HTML, not a screenshot. */
#sport-screen .sp-picks{display:flex!important;flex-direction:column!important;gap:12px!important}
#sport-screen .sp-pick{
 background:linear-gradient(106deg,#0f213d,#09172b 61%,#0d1c35)!important;
 border:1.25px solid #395d92!important;border-radius:15px!important;
 box-shadow:inset 0 1px 0 #86baff1c,0 8px 20px #0004!important;
 overflow:hidden!important;
}
#sport-screen .sp-pick:hover{border-color:#51acd8!important;box-shadow:0 0 13px #1b9acb55!important}
#sport-screen .sp-pick-grid{
 grid-template-columns:24% 28% 13% 9% 10% 16%!important;
 min-height:190px!important;
}
#sport-screen .sp-pick-grid>div{padding:12px 10px!important;border-right:1px solid #263c5d!important}
#sport-screen .sp-pick-grid>div:last-child{border:0!important}
#sport-screen .sp-pick-status-col{display:none!important}
#sport-screen .sp-pick-creator{background:linear-gradient(125deg,#172d53,#101e37)!important}
#sport-screen .sp-creator-head{gap:8px!important}
#sport-screen .sp-creator-head strong{font-size:12px!important;line-height:1.2!important;color:#fff!important}
#sport-screen .sp-creator-head small{font-size:9px!important;color:#a7c5e9!important}
#sport-screen .sp-pick-avatar{
 background:linear-gradient(145deg,#194b8c,#082746)!important;border:1.5px solid #f8cf6b!important;
 box-shadow:0 0 9px #e6b45577!important;font-size:14px!important;
 width:43px!important;height:43px!important;flex-basis:43px!important;
}
#sport-screen .sp-tipster-mini{
 padding:9px!important;background:#0b1d35!important;border:1px solid #294969!important;
 border-radius:9px!important;
}
#sport-screen .sp-tipster-mini span{color:#8daed5!important;font-size:10px!important}
#sport-screen .sp-tipster-mini strong{font-size:11px!important;color:#32e8c6!important}
#sport-screen .sp-tipster-form{gap:4px!important}
#sport-screen .sp-tipster-form i{font-size:9px!important;width:20px!important;height:20px!important}
#sport-screen .sp-free-badge{
 color:#56f9bc!important;background:linear-gradient(110deg,#073d31,#0a3127)!important;
 border:1px solid #168761!important;box-shadow:0 0 9px #0ce09947!important;
 font-size:10px!important;padding:5px 12px!important;
}
#sport-screen .sp-pick-demo .sp-free-badge{
 color:#ffe2a2!important;border:1px solid #9b7d36!important;
 background:#413217!important;box-shadow:0 0 8px #ffc54f45!important;
}
#sport-screen .sp-pick-league-row{gap:8px!important}
#sport-screen .sp-pick-league-row strong{font-size:10px!important;color:#ecf6ff!important;letter-spacing:.15px!important}
#sport-screen .sp-pick-league-row small{font-size:9px!important;color:#84acd3!important}
#sport-screen .sp-league-icon{background:#153e75!important;border:1px solid #386c9f!important}
#sport-screen .sp-pick-match{
 min-height:58px!important;background:#0e2140!important;border:1px solid #31537e!important;
 border-radius:9px!important;gap:8px!important;padding:9px 6px!important;
}
#sport-screen .sp-team-name{color:#fff!important;font-size:11px!important;font-weight:900!important}
#sport-screen .sp-vs{background:#1b375e!important;border:1px solid #39689c!important;color:#cbeeff!important;font-size:11px!important}
#sport-screen .sp-fixture-tag{background:#104b64!important;border-color:#2a9cc6!important;color:#84f1ff!important}
#sport-screen .sp-pick-fixture-footer{font-size:9px!important;color:#94accb!important}
#sport-screen .sp-pick-selection,#sport-screen .sp-pick-stake,#sport-screen .sp-pick-odds,#sport-screen .sp-pick-analysis-box{gap:7px!important;justify-content:center!important}
#sport-screen .sp-pick-selection small,#sport-screen .sp-pick-stake small,#sport-screen .sp-pick-odds small,#sport-screen .sp-pick-analysis-box small{color:#a2bddc!important;font-size:9px!important;letter-spacing:.65px!important;font-weight:900!important}
#sport-screen .sp-pick-selection .sp-pick-type{font-size:10px!important;color:#bde8f5!important;font-weight:800!important}
#sport-screen .sp-pick-selection strong{font-size:14px!important;line-height:1.17!important;color:#ffdc84!important;text-shadow:0 0 6px #cf9c395a!important}
#sport-screen .sp-pick-stake strong{font-size:23px!important;color:#fff!important}
#sport-screen .sp-pick-stake>span{background:linear-gradient(90deg,#48d9f9 var(--sp-confidence-fill,0%),#1d3557 var(--sp-confidence-fill,0%))!important;border-radius:4px!important}
#sport-screen .sp-pick-odds strong{font-size:22px!important;color:#fff!important;text-shadow:none!important}
#sport-screen .sp-pick-analysis-box p{font-size:10px!important;line-height:1.5!important;color:#c9d8eb!important;-webkit-line-clamp:4!important}
#sport-screen .sp-analysis-action{font-size:10px!important;color:#4ce8f4!important}
#sport-screen .sp-pick-bottom{
 min-height:33px!important;padding:5px 12px!important;
 background:#0a1830!important;border-top:1px solid #2b456d!important;
}
#sport-screen .sp-pick-bottom button{font-size:10px!important;color:#c2e6f7!important}
#sport-screen .sp-demo-bottom-note{font-size:9px!important;color:#c3a26c!important}

/* Right panels feel like Casino Live Rolls, not purple arcade panels. */
#sport-screen .sp-right{gap:13px!important}
#sport-screen .sp-side-card{
 background:linear-gradient(160deg,#101d35 0%,#0c172b 72%,#0a1629 100%)!important;
 border:1px solid #36588e!important;border-radius:15px!important;
 box-shadow:0 7px 20px #0003,inset 0 1px 0 #90b5ff15!important;
}
#sport-screen .sp-chat-card{min-height:375px!important}
#sport-screen .sp-side-card-heading{padding:13px 14px 10px!important;min-height:43px!important}
#sport-screen .sp-side-card-heading strong{font-size:15px!important;color:#fff!important;letter-spacing:-.2px!important}
#sport-screen .sp-dot{background:#20f1b7!important;box-shadow:0 0 9px #20f1b7a5!important}
#sport-screen .sp-chat-tag{color:#94adcb!important}
#sport-screen .sp-chat-summary{gap:6px!important;padding:5px 10px 11px!important}
#sport-screen .sp-chat-summary>div{
 border-radius:9px!important;border:1px solid #2b486e!important;
 background:linear-gradient(145deg,#142742,#0d1c33)!important;
 min-height:74px!important;padding:9px 7px!important;
}
#sport-screen .sp-chat-summary>div>small:first-child{font-size:8px!important;color:#a7c6e9!important}
#sport-screen .sp-chat-summary b{font-size:10px!important;color:#fff!important}
#sport-screen .sp-chat-summary>div>small:last-child{color:#84a3c3!important;font-size:9px!important}
#sport-screen .sp-chat-log{
 background:linear-gradient(180deg,#0a172c,#0d1b33)!important;border-top:1px solid #254064!important;
 max-height:208px!important;min-height:195px!important;scrollbar-color:#376ca4 #0b1b34!important;
}
#sport-screen .sp-chat-msg{border-bottom:1px solid #243b59!important;padding:8px 7px!important}
#sport-screen .sp-chat-msg .sp-name{font-size:11px!important;color:#fff!important}
#sport-screen .sp-chat-msg time{font-size:9px!important;color:#83a2c3!important}
#sport-screen .sp-chat-msg p{font-size:11px!important;color:#d7e4f7!important}
#sport-screen .sp-chat-log>p{font-size:11px!important;color:#adbfdb!important}
#sport-screen .sp-chat-compose{
 background:#0d1b32!important;border-top:1px solid #28496b!important;padding:10px!important;
}
#sport-screen .sp-chat-compose input{
 background:#09162a!important;border:1px solid #3b5886!important;color:#fff!important;height:35px!important;
 border-radius:10px!important;font-size:11px!important;
}
#sport-screen .sp-chat-compose button{
 background:#142848!important;border:1px solid #395b88!important;color:#d8edff!important;height:35px!important;
}
#sport-screen .sp-chat-compose .sp-chat-submit{
 background:linear-gradient(125deg,#42e3fb,#18a7e0)!important;color:#002d3e!important;
 border:1px solid #92ecff!important;box-shadow:0 0 11px #2ac6f670!important;
}
#sport-screen .sp-chat-compose .sp-chat-tip{font-size:10px!important;color:#f8d77d!important}
#sport-screen .sp-tipsters-card{min-height:329px!important}
#sport-screen .sp-tipsters-tabs{border-bottom:1px solid #234268!important}
#sport-screen .sp-tipsters-tabs button{font-size:10px!important;color:#b4c8e4!important}
#sport-screen .sp-tipsters-tabs button.is-active{color:#ffd56b!important}
#sport-screen .sp-tipsters-tabs button.is-active::after{background:#ffcf4e!important;box-shadow:0 0 9px #ffcd4e6a!important}
#sport-screen #sp-top-tipsters{min-height:241px!important}
#sport-screen .sp-tipster-row{
 background:#0e223e!important;border:1px solid #294768!important;border-radius:10px!important;
 font-size:11px!important;
}
#sport-screen .sp-tipster-name small{font-size:9px!important;color:#a7c1dc!important}
#sport-screen #sp-top-tipsters .sp-empty{font-size:11px!important;color:#9caec8!important}
#sport-screen .sp-rank-pager span{background:#3b5276!important}
#sport-screen .sp-rank-pager span.is-selected{background:#ffd14c!important;box-shadow:0 0 11px #ffd14c85!important}
#sport-screen .sp-top-tipsters-link{min-height:55px!important;font-size:15px!important;color:#fff!important}
#sport-screen .sp-top-tipsters-link>span:last-child{color:#84c8e5!important}
#sport-screen .sp-sport-stats-card{min-height:94px!important}
#sport-screen .sp-side-card:hover{border-color:#4d80b7!important}

/* Other screens retain genuine existing functions but now share same design system. */
#sport-screen .sp-subview .sp-content-head,#sport-screen .sp-form,#sport-screen .sp-info-card{
 background:linear-gradient(140deg,#111f39,#0b1a30)!important;
 border:1px solid #356093!important;box-shadow:0 6px 15px #0003!important;
 color:#edf4ff!important;
}
#sport-screen .sp-form input,#sport-screen .sp-form select,#sport-screen .sp-form textarea{
 background:#081a31!important;border-color:#38598b!important;color:#fff!important;
}
#sport-screen .sp-main-cta{
 color:#122319!important;background:linear-gradient(110deg,#ffe085,#ffc23a)!important;
 box-shadow:0 0 11px #f4c75b55!important;border:1px solid #ffe39c!important;
}
#sport-screen .sp-empty{color:#a5c0e0!important}
#sport-screen .sp-dialog{z-index:100000!important}
#sport-screen button:focus-visible,#sport-screen input:focus-visible{outline:2px solid #3de9ed!important;outline-offset:2px}

/* Responsive rules: desktop three columns, laptop two, tablet/mobile stacked. */
@media(max-width:1510px){
 #sport-screen .sp-shell{grid-template-columns:minmax(153px,14.6%) minmax(0,1fr) minmax(245px,22.5%)!important;gap:11px!important}
 #sport-screen .sp-pick-grid{grid-template-columns:23% 31% 14% 9% 9% 14%!important}
 #sport-screen .sp-pick-grid>div{padding:11px 7px!important}
 #sport-screen .sp-side-brand>span:last-child{font-size:18px!important}
 #sport-screen .sp-pick-selection strong{font-size:13px!important}
 #sport-screen .sp-chat-summary>div{padding:8px 5px!important}
}
@media(max-width:1210px){
 #sport-screen .sp-shell{grid-template-columns:minmax(0,1fr) minmax(260px,27%)!important;gap:12px!important}
 #sport-screen .sp-sidebar{
  grid-column:1/-1!important;display:flex!important;flex-direction:row!important;align-items:center!important;
  flex-wrap:wrap!important;min-height:0!important;padding:9px!important;gap:8px!important;
 }
 #sport-screen .sp-side-brand{flex:0 0 185px!important;height:51px!important;min-height:51px!important;margin:0!important;padding:6px!important}
 #sport-screen .sp-side-user{flex:0 0 auto!important;margin:0!important;padding:4px!important}
 #sport-screen .sp-wallet-stack,#sport-screen .sp-upgrade,#sport-screen .sp-logout,#sport-screen .sp-side-label,#sport-screen .sp-side-foot{display:none!important}
 #sport-screen .sp-side-nav{
  display:flex!important;flex-direction:row!important;flex:1 1 100%!important;width:100%!important;
  white-space:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:5px!important;
 }
 #sport-screen .sp-side-nav .sp-nav-item{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;padding:5px 9px!important;border:1px solid #2b5283!important}
 #sport-screen .sp-center{grid-column:1!important;grid-row:2!important}
 #sport-screen .sp-right{grid-column:2!important;grid-row:2!important}
 #sport-screen .sp-pick-grid{grid-template-columns:25% 36% 14% 10% 15%!important}
 #sport-screen .sp-pick-stake,#sport-screen .sp-pick-status-col{display:none!important}
 #sport-screen .sp-hero{aspect-ratio:3.7/1!important}
 #sport-screen .sp-chat-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #sport-screen .sp-chat-summary>div:last-child{display:none!important}
}
@media(max-width:970px){
 body:has(#sport-screen:not([hidden])) .page-content{padding:12px!important}
 #sport-screen .sp-shell{display:flex!important;flex-direction:column!important;gap:12px!important}
 #sport-screen .sp-sidebar,#sport-screen .sp-center,#sport-screen .sp-right{width:100%!important;max-width:100%!important}
 #sport-screen .sp-sidebar{order:1!important;display:flex!important;min-height:0!important}
 #sport-screen .sp-center{order:2!important}
 #sport-screen .sp-right{order:3!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 #sport-screen .sp-chat-card{grid-column:1/-1!important}
 #sport-screen .sp-hero{aspect-ratio:3.25/1!important}
 #sport-screen .sp-chat-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #sport-screen .sp-chat-summary>div:last-child{display:block!important}
 #sport-screen .sp-pick-grid{grid-template-columns:24% 30% 16% 12% 18%!important}
 #sport-screen .sp-pick-selection,#sport-screen .sp-pick-odds,#sport-screen .sp-pick-analysis-box{display:flex!important}
}
@media(max-width:700px){
 body:has(#sport-screen:not([hidden])) .app-shell{width:calc(100% - 16px)!important;margin:8px auto 12px!important;border-radius:16px!important}
 body:has(#sport-screen:not([hidden])) .page-content{padding:10px!important}
 #sport-screen .sp-sidebar{gap:7px!important}
 #sport-screen .sp-hero{aspect-ratio:2.8/1!important}
 #sport-screen .sp-right{display:flex!important;flex-direction:column!important;gap:12px!important}
 #sport-screen .sp-chat-card,#sport-screen .sp-tipsters-card,#sport-screen .sp-top-tipsters-link,#sport-screen .sp-sport-stats-card{width:100%!important}
 #sport-screen .sp-pick-grid{grid-template-columns:34% 38% 28%!important}
 #sport-screen .sp-pick-selection,#sport-screen .sp-pick-stake,#sport-screen .sp-pick-odds,#sport-screen .sp-pick-status-col{display:none!important}
 #sport-screen .sp-pick-analysis-box{display:flex!important}
 #sport-screen .sp-chat-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:470px){
 #sport-screen .sp-side-brand{flex:0 0 146px!important;min-width:0!important;padding:5px!important}
 #sport-screen .sp-side-brand>span:last-child{font-size:17px!important}
 #sport-screen .sp-side-icon{width:29px!important;height:29px!important;flex-basis:29px!important}
 #sport-screen .sp-user-avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
 #sport-screen .sp-sidebar{padding:7px!important}
 #sport-screen .sp-hero{aspect-ratio:2.35/1!important}
 #sport-screen .sp-hero-art{object-fit:cover!important;object-position:65% center!important}
 #sport-screen .sp-hero-mobile-copy{
  display:flex!important;background:linear-gradient(90deg,#07122ce8 0%,#07122cbd 63%,transparent 100%)!important;
  width:78%!important;padding:19px 0 0 33px!important;
 }
 #sport-screen .sp-hero-mobile-copy>span,#sport-screen .sp-hero-mobile-copy>strong{font-size:22px!important}
 #sport-screen .sp-marketplace{min-height:110px!important;padding:9px!important}
 #sport-screen .sp-marketplace h3{font-size:14px!important}
 #sport-screen .sp-marketplace p{font-size:10px!important}
 #sport-screen .sp-market-number{flex-basis:69px!important;width:69px!important}
 #sport-screen .sp-feed-tabs{max-width:calc(100% - 87px)!important;gap:4px!important;overflow-x:auto!important}
 #sport-screen .sp-feed-tabs button{min-height:35px!important;font-size:10px!important;padding:6px 9px!important}
 #sport-screen .sp-add-cta{font-size:10px!important;padding:7px!important;min-height:35px!important}
 #sport-screen .sp-pick-grid{grid-template-columns:1fr 1fr!important}
 #sport-screen .sp-pick-grid>.sp-pick-creator,#sport-screen .sp-pick-grid>.sp-pick-fixture{min-height:160px!important}
 #sport-screen .sp-pick-grid>.sp-pick-analysis-box{grid-column:1/-1!important;min-height:75px!important;border-top:1px solid #284064!important;border-right:0!important}
 #sport-screen .sp-pick-creator{padding:9px 7px!important}
 #sport-screen .sp-pick-fixture{padding:9px 7px!important}
 #sport-screen .sp-chat-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #sport-screen .sp-chat-summary>div:last-child{display:block!important}
 #sport-screen .sp-tipsters-card{min-height:248px!important}
}
@media(prefers-reduced-motion:reduce){#sport-screen *{animation:none!important;transition:none!important}}

/* IMPORTANT: overwrite legacy v12 laptop mode at 1211–1510 px.
   It forced a giant full-width sidebar and a 204px-wide main column. */
@media (min-width:1211px) and (max-width:1510px){
 #sport-screen .sp-shell{display:grid!important;grid-template-columns:minmax(170px,14.6%) minmax(0,1fr) minmax(260px,22.5%)!important;align-items:start!important;gap:11px!important}
 #sport-screen .sp-sidebar{display:block!important;grid-column:auto!important;grid-row:auto!important;min-height:735px!important;max-height:none!important;padding:9px!important}
 #sport-screen .sp-center{grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:auto!important}
 #sport-screen .sp-right{grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:auto!important;display:flex!important;flex-direction:column!important}
 #sport-screen .sp-side-brand{flex:none!important;position:static!important;min-width:0!important;max-height:none!important;min-height:60px!important;height:auto!important;margin:0 0 12px!important;padding:11px 9px!important}
 #sport-screen .sp-side-user{flex:none!important;max-height:none!important;min-height:0!important;margin:4px 0 12px!important}
 #sport-screen .sp-wallet-stack{display:flex!important}
 #sport-screen .sp-upgrade,#sport-screen .sp-logout{display:flex!important}
 #sport-screen .sp-side-label{display:flex!important}
 #sport-screen .sp-side-foot{display:block!important}
 #sport-screen .sp-side-nav{display:flex!important;flex-direction:column!important;white-space:normal!important;overflow:visible!important;width:100%!important;max-width:100%!important;flex:none!important}
 #sport-screen .sp-side-nav .sp-nav-item{width:100%!important;flex:none!important;min-width:0!important;padding:5px 6px!important;border:1px solid transparent!important}
 #sport-screen .sp-side-nav .sp-nav-item.is-active{border-color:#4c96db!important}
 #sport-screen .sp-chat-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #sport-screen .sp-chat-summary>div:last-child{display:block!important}
 #sport-screen .sp-hero{aspect-ratio:4.02/1!important}
 #sport-screen .sp-pick-grid{grid-template-columns:23% 31% 14% 9% 9% 14%!important}
 #sport-screen .sp-pick-stake{display:flex!important}
 #sport-screen .sp-pick-status-col{display:none!important}
}
/* Readable UI at desktop and notebook without changing the original Casino controls. */
@media(min-width:1211px){
 #sport-screen .sp-side-nav .sp-nav-item>span:nth-child(2){font-size:12px!important}
 #sport-screen .sp-marketplace p{max-width:95%}
}