/* SmileDice v10 — Sport premium design layer. Only #sport-screen: Casino untouched. */
#sport-screen.sd-sport-app{--sp-bg:#07081b;--sp-card:#11112f;--sp-border:#7137bf;--sp-accent:#b94aff;--sp-cyan:#1de8ec;--sp-gold:#ffd355;font-size:13px;color:#f4efff}
#sport-screen .sp-shell{grid-template-columns:minmax(170px,192px) minmax(0,1fr) minmax(245px,316px);gap:14px}
#sport-screen .sp-sidebar{background:linear-gradient(165deg,#240c50 0,#0b0925 31%,#080d24 100%);border:1px solid #9b42f2;box-shadow:0 0 22px #9b32ff44,inset 0 1px 0 #bf94ff35;padding:12px 10px}
#sport-screen .sp-side-brand{background:linear-gradient(117deg,#5a16a0 0%,#1a103f 60%,#0f1b3d);border:1px solid #b658ff;box-shadow:0 0 19px #a23bff88,inset 0 0 15px #b749ff40;padding:12px 9px}
#sport-screen .sp-side-icon{background:linear-gradient(145deg,#762cdd,#4b149a);border:1px solid #d59cff;box-shadow:0 0 19px #aa3dffcc}
#sport-screen .sp-side-user{border:1px solid #60399b;background:linear-gradient(100deg,#24204e,#12132e)}
#sport-screen .sp-user-avatar{border:2px solid #e5b754;box-shadow:0 0 0 3px #a54cff33,0 0 15px #a64affb5}
#sport-screen .sp-side-wallet{border:1px solid #403268;background:linear-gradient(90deg,#151132,#0b1128)}
#sport-screen .sp-upgrade{background:linear-gradient(135deg,#9f32f3,#6820d8 55%,#b842ff);box-shadow:0 0 14px #b838ffe0,inset 0 1px 0 #fff9}
#sport-screen .sp-side-label{color:#e8d9ff;letter-spacing:2.2px}
#sport-screen .sp-nav-item{font-size:11px;padding:7px 8px;color:#d3cef0}
#sport-screen .sp-nav-item>span{background:#1e174a;border:1px solid #6640a3;color:#d5bcff}
#sport-screen .sp-nav-item.is-active{background:linear-gradient(90deg,#a42affaa,#4d0d8daa);border-color:#bf63ff;box-shadow:0 0 12px #a63bff8f,inset 0 0 10px #af4bff3e}
#sport-screen .sp-nav-item.is-active>span{border-color:#efc5ff;box-shadow:0 0 12px #b35bff}
#sport-screen .sp-top-search{background:linear-gradient(90deg,#130b2f,#0b1334);border:1px solid #764bc3;box-shadow:0 0 13px #7430dc3d}
#sport-screen .sp-searchbox{background:#0a0c22;border:1px solid #473b8b}
#sport-screen .sp-sport-notice{border-radius:11px}
#sport-screen .sp-hero{min-height:252px;background-image:linear-gradient(90deg,#16082c 0%,#130c2be6 28%,#090c2238 64%,#0d0b2529 100%),url('assets/sport/football-manager.png');background-size:cover;background-position:center;box-shadow:0 0 18px #9d35ff90,inset 0 0 0 1px #e0adff42;border:1px solid #d163ff}
#sport-screen .sp-hero-overlay{min-height:252px;max-width:65%;padding:24px 26px;z-index:1;background:linear-gradient(90deg,#18092dbf 0%,#17092e88 60%,transparent)}
#sport-screen .sp-eyebrow{border:1px solid #2acadb99;color:#7effff;background:#05152bad;border-radius:6px;box-shadow:0 0 13px #28cdff60;padding:5px 9px;font-size:9px;letter-spacing:1.4px}
#sport-screen .sp-hero-title{font-weight:1000;font-size:clamp(38px,4vw,63px);text-shadow:0 4px 15px #0009;margin:13px 0 6px}
#sport-screen .sp-hero-title small{font-weight:1000;color:white;font-size:clamp(23px,2.5vw,39px);margin-top:9px}
#sport-screen .sp-hero p{color:#d9dbf3;max-width:370px;font-size:11px}
#sport-screen .sp-hero-features{margin-top:6px;gap:12px;font-size:9px;font-weight:900;color:#20f5f5}
#sport-screen .sp-main-cta{background:linear-gradient(115deg,#8614d9,#6e14ce 55%,#bc28ff);border:1px solid #e27cff;box-shadow:0 0 18px #a829ffc0,inset 0 1px 0 #ffffff66}
#sport-screen .sp-hero-perks{position:absolute;right:13px;top:23%;z-index:1;display:flex;flex-direction:column;gap:15px;color:#fff;font-weight:900;text-shadow:0 2px 9px #020712;font-size:11px;max-width:200px}
#sport-screen .sp-hero-perks span:first-letter{color:#35ffaf}
#sport-screen .sp-marketplace{background:linear-gradient(115deg,#251044 0%,#160e32 54%,#221033);border:1px solid #ac4bfb;box-shadow:0 0 19px #ae3eff66,inset 0 1px 0 #b65eff55;min-height:105px}
#sport-screen .sp-marketplace h3{color:#fff;font-size:16px}
#sport-screen .sp-marketplace p{color:#c4b6df;font-size:11px}
#sport-screen .sp-gold-button{background:linear-gradient(135deg,#ffd56a,#fbc12b 58%,#d78c05);box-shadow:0 0 20px #ffc122b7,inset 0 1px 0 white;border-color:#ffe792;color:#26120a}
#sport-screen .sp-feed-tabs button{border:1px solid #65409d;background:#111331;color:#e6d6fd;border-radius:13px;min-height:39px;font-size:11px}
#sport-screen .sp-feed-tabs button.active{background:linear-gradient(135deg,#a928ec,#6716bf);border:1px solid #ce7cff;box-shadow:0 0 16px #aa3bf9a6}
#sport-screen .sp-add-cta{border:1px solid #e380ff;background:linear-gradient(140deg,#aa21f1,#6512b5);box-shadow:0 0 17px #c043f9aa}
#sport-screen .sp-picks{gap:14px}
#sport-screen .sp-pick{border:1px solid #8551ce;border-radius:16px;background:linear-gradient(115deg,#181333,#0a142d 67%,#14102f);box-shadow:0 0 11px #a346ff45, inset 0 1px 0 #caafff22;overflow:hidden}
#sport-screen .sp-pick:hover{border-color:#cb8cff;box-shadow:0 0 17px #a446ff80}
#sport-screen .sp-pick-demo{border-color:#b87b26;background:linear-gradient(120deg,#29203a,#10132b 54%,#161333);box-shadow:0 0 15px #b9852959}
#sport-screen .sp-pick-grid{display:grid;grid-template-columns: minmax(140px,1.05fr) minmax(200px,1.63fr) minmax(108px,.8fr) minmax(72px,.55fr) minmax(122px,1fr);min-height:166px}
#sport-screen .sp-pick-grid>div{min-width:0;padding:15px 11px;border-right:1px solid #322c5a}
#sport-screen .sp-pick-grid>div:last-child{border-right:0}
#sport-screen .sp-pick-creator{background:linear-gradient(100deg,#241139,#161632);display:flex;flex-direction:column;gap:8px}
#sport-screen .sp-creator-head{display:flex;gap:9px;align-items:center}
#sport-screen .sp-pick-avatar{width:42px;height:42px;flex:0 0 42px;font-size:13px;border:2px solid #e8b958;background:linear-gradient(140deg,#604417,#2c1d38);box-shadow:0 0 14px #e7b83f70;color:white}
#sport-screen .sp-creator-head strong{font-size:13px;font-weight:900;display:block;line-height:1.15;overflow-wrap:anywhere}
#sport-screen .sp-creator-head small{color:#9bc3e9;display:block;font-size:8px;margin-top:5px}
#sport-screen .sp-tipster-mini{display:grid;grid-template-columns:1fr auto;gap:2px 6px;padding:7px 8px;background:#0d1630;border:1px solid #44366f;border-radius:8px;font-size:9px}
#sport-screen .sp-tipster-mini span{color:#a7a4c9}
#sport-screen .sp-tipster-mini strong{color:#37e5c5;font-size:9px}
#sport-screen .sp-tipster-form{display:flex;gap:3px;margin-top:auto}
#sport-screen .sp-tipster-form i{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#0c704b;color:#7affe0;font-style:normal;font-size:9px;font-weight:900}
#sport-screen .sp-tipster-form i:nth-child(2),#sport-screen .sp-tipster-form i:nth-child(5){color:#ff9ca7;background:#65192c}
#sport-screen .sp-free-badge{border:1px solid #219b65;color:#6cf2ad;background:#06543e54;box-shadow:0 0 10px #18a36b35;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:900;text-align:center}
#sport-screen .sp-pick-demo .sp-free-badge{background:#57381766;border-color:#dfac51;color:#ffde85}
#sport-screen .sp-pick-fixture{display:flex;flex-direction:column;gap:10px}
#sport-screen .sp-pick-league-row{display:flex;align-items:center;gap:7px}
#sport-screen .sp-league-icon{font-size:17px;display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;background:#0e2549;border:1px solid #2b6286;border-radius:7px}
#sport-screen .sp-pick-league-row strong{display:block;font-size:11px;color:#f6f4ff;line-height:1.3}
#sport-screen .sp-pick-league-row small{display:block;color:#9aaed6;font-size:9px;margin-top:4px}
#sport-screen .sp-pick-match{display:flex;align-items:center;justify-content:center;gap:5px;background:#071126;border:1px solid #2b345b;border-radius:10px;min-height:44px;padding:6px 4px;font-size:12px;font-weight:900;line-height:1.3}
#sport-screen .sp-team-name{text-align:center;flex:1;overflow-wrap:anywhere}
#sport-screen .sp-vs{display:grid;place-items:center;flex:0 0 26px;height:25px;border:1px solid #49426e;border-radius:7px;background:#1c2242;color:#ebeeff;font-size:9px}
#sport-screen .sp-pick-fixture-footer{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;margin-top:auto;font-size:9px;color:#9ab1da}
#sport-screen .sp-fixture-tag{background:#133853;border:1px solid #255777;color:#7ad8ff;border-radius:8px;padding:3px 5px;font-size:8px}
#sport-screen .sp-pick-selection,#sport-screen .sp-pick-odds,#sport-screen .sp-pick-analysis-box{display:flex;flex-direction:column;gap:8px;justify-content:center}
#sport-screen .sp-pick-selection small,#sport-screen .sp-pick-odds small,#sport-screen .sp-pick-analysis-box small{color:#94a7c8;font-size:9px;font-weight:900;letter-spacing:1.2px}
#sport-screen .sp-pick-type{font-size:11px;font-weight:850;color:#d8e1ff;overflow-wrap:anywhere}
#sport-screen .sp-pick-selection strong{color:#ffe186;font-size:15px;line-height:1.1;overflow-wrap:anywhere;text-shadow:0 0 7px #dfad3166}
#sport-screen .sp-pick-odds{text-align:center}
#sport-screen .sp-pick-odds strong{font-size:27px;color:white;font-weight:1000}
#sport-screen .sp-pick-odds span{font-size:9px;color:#9ca9c7}
#sport-screen .sp-pick-analysis-box p{color:#d9d9f0;font-size:10px;line-height:1.45;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;overflow-wrap:anywhere}
#sport-screen .sp-pick-state{align-self:flex-start;margin-top:auto;display:inline-block;font-weight:800;padding:5px 8px}
#sport-screen .sp-pick-state.is-demo{background:#443019;border-color:#e7b54d;color:#ffe28b}
#sport-screen .sp-pick-bottom{background:#0b0c26;padding:8px 12px;gap:8px;min-height:43px}
#sport-screen .sp-pick-bottom button{border:1px solid #3f4275;background:#111a38;color:#b5eefe;padding:6px 10px;border-radius:9px;font-size:10px}
#sport-screen .sp-demo-bottom-note{color:#e6be7c;font-size:10px;margin-left:auto}
#sport-screen .sp-right .sp-side-card{border-color:#8746d4;box-shadow:0 0 13px #9e42f94d;background:linear-gradient(160deg,#180e37,#0a132b)}
#sport-screen .sp-side-card-heading{background:linear-gradient(90deg,#29114c66,#171333);border-bottom-color:#543784}
#sport-screen .sp-chat-card .sp-side-card-heading strong{color:#fff}
#sport-screen .sp-chat-summary>div{background:#1a0f36;border:1px solid #422e79}
#sport-screen .sp-chat-msg{background:#15122f;border:1px solid #3c2e68}
#sport-screen .sp-chat-compose button{background:linear-gradient(135deg,#e456ff,#7928dc);box-shadow:0 0 10px #b73bff99}
#sport-screen .sp-creator-head strong,#sport-screen .sp-pick-selection strong{word-break:normal}
#sport-screen .sp-preview-notice{background:linear-gradient(110deg,#573116,#381d3f);border:1px solid #e5b750;padding:10px 12px;color:#ffe6a7;display:inline-block;font-weight:900;font-size:11px;border-radius:10px;margin-bottom:15px}
/* Make all real functional layouts fit laptops, tablets and phones. */
@media(min-width:1750px){#sport-screen .sp-shell{grid-template-columns:215px minmax(0,1fr) 345px;gap:16px}#sport-screen .sp-pick-grid{grid-template-columns:minmax(175px,1.05fr) minmax(250px,1.5fr) minmax(120px,.75fr) 100px minmax(150px,.95fr)}#sport-screen .sp-pick-grid>div{padding:16px 13px}}
@media(max-width:1320px){#sport-screen .sp-shell{grid-template-columns:160px minmax(0,1fr) 245px;gap:10px}#sport-screen .sp-pick-grid{grid-template-columns: minmax(115px,.9fr) minmax(150px,1.5fr) minmax(100px,.85fr) minmax(58px,.5fr)}#sport-screen .sp-pick-analysis-box{grid-column:2/-1;border-top:1px solid #342653}#sport-screen .sp-pick-grid>div{padding:10px}#sport-screen .sp-pick-creator{grid-row:1/3}#sport-screen .sp-pick-odds{border-right:0}#sport-screen .sp-hero-perks{right:10px;font-size:10px}}
@media(max-width:1000px){#sport-screen .sp-shell{grid-template-columns:minmax(0,1fr) 250px}#sport-screen .sp-hero-perks{display:none}#sport-screen .sp-hero-overlay{max-width:80%}#sport-screen .sp-pick-grid{grid-template-columns:minmax(110px,.9fr) minmax(160px,1.6fr) minmax(95px,.8fr)}#sport-screen .sp-pick-creator{grid-row:1/3}#sport-screen .sp-pick-odds{grid-column:3}#sport-screen .sp-pick-selection{grid-column:3;grid-row:1}#sport-screen .sp-pick-odds{grid-row:2;border-top:1px solid #342653}#sport-screen .sp-pick-analysis-box{grid-column:2;grid-row:2;border-top:1px solid #342653}}
@media(max-width:760px){#sport-screen .sp-shell{display:flex;flex-direction:column;gap:12px}#sport-screen .sp-sidebar{border-radius:14px}#sport-screen .sp-center,#sport-screen .sp-right{width:100%}#sport-screen .sp-hero{min-height:240px}#sport-screen .sp-hero-overlay{min-height:240px;max-width:90%}#sport-screen .sp-pick-grid{grid-template-columns: minmax(130px,.8fr) minmax(180px,1.5fr) minmax(105px,.7fr)}#sport-screen .sp-pick-creator{grid-row:1/3}#sport-screen .sp-pick-selection{grid-column:3;grid-row:1}#sport-screen .sp-pick-odds{grid-column:3;grid-row:2}#sport-screen .sp-pick-analysis-box{grid-column:2;grid-row:2}#sport-screen .sp-right{display:grid;grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:520px){#sport-screen .sp-hero{min-height:218px;background-position:58% center}#sport-screen .sp-hero-overlay{min-height:218px;max-width:100%;padding:15px;background:linear-gradient(90deg,#120727eb,#130c29b5 72%,transparent)}#sport-screen .sp-hero-title{font-size:36px}#sport-screen .sp-hero-title small{font-size:23px}#sport-screen .sp-hero p{font-size:10px;max-width:220px}#sport-screen .sp-hero-features{font-size:8px;gap:7px}#sport-screen .sp-marketplace{min-height:90px}#sport-screen .sp-pick-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#sport-screen .sp-pick-grid>div{padding:11px}#sport-screen .sp-pick-creator{grid-column:1/3;grid-row:auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px}#sport-screen .sp-tipster-mini,#sport-screen .sp-tipster-form{display:none}#sport-screen .sp-free-badge{margin-left:auto}#sport-screen .sp-pick-fixture{grid-column:1/3;grid-row:auto;border-top:1px solid #393058}#sport-screen .sp-pick-selection{grid-column:1;grid-row:auto;border-top:1px solid #393058}#sport-screen .sp-pick-odds{grid-column:2;grid-row:auto;border-top:1px solid #393058}#sport-screen .sp-pick-analysis-box{grid-column:1/3;grid-row:auto;border-top:1px solid #393058}#sport-screen .sp-pick-match{font-size:13px;justify-content:center}#sport-screen .sp-demo-bottom-note{font-size:9px}#sport-screen .sp-right{display:flex;flex-direction:column}}
@media(prefers-reduced-motion:reduce){#sport-screen *{animation:none!important;transition:none!important}}
/* Cover text already baked into the banner art so only live HTML text is readable. */
#sport-screen .sp-hero{background-image:linear-gradient(90deg,#120823 0%,#120823 41%,#150b2de8 52%,#0b0b2529 82%),url('assets/sport/football-manager.png')}
#sport-screen .sp-hero-title{width:min(590px,100%)}
#sport-screen .sp-hero-title small{white-space:nowrap}
@media(max-width:760px){#sport-screen .sp-hero{background-image:linear-gradient(90deg,#120823 0%,#100724e0 38%,#150b2d75 66%,#0b0b2510 100%),url('assets/sport/football-manager.png')}#sport-screen .sp-hero-title small{font-size:clamp(21px,4.6vw,30px)}}
@media(max-width:520px){#sport-screen .sp-hero{background-image:linear-gradient(90deg,#120823 0%,#100724e3 42%,#150b2d71 70%,#0b0b2510 100%),url('assets/sport/football-manager.png')}#sport-screen .sp-hero-title small{font-size:24px}}
#sport-screen .sp-hero-perks{top:24%;right:12px;max-width:168px;gap:10px;background:linear-gradient(120deg,#18072ddc,#110c2dc9);border:1px solid #7845bb85;border-radius:12px;padding:13px 11px;backdrop-filter:blur(4px);box-shadow:0 0 12px #070720a8}
#sport-screen .sp-hero-perks span{color:#e9fdf8;line-height:1.35}
@media(max-width:1280px){#sport-screen .sp-hero-perks{display:none}}