/* Refinements: white top bar without the wordmark, unbranded tickets, full-bleed Game of the Hour with
   odds overlaid on the artwork, and the share pop-out. Loaded last. */

/* ---------- Top bar: white, no wordmark ---------- */
body .topbar{background:#fff!important;border-bottom:1px solid var(--d-line)!important;box-shadow:0 1px 2px #1018280d!important}
body .topbar .brand{display:none!important}
body .topnav a{color:var(--d-ink2)!important}
body .topnav a:hover{color:var(--d-ink)!important}
body .topnav a.active{color:var(--d-ink)!important;font-weight:800;box-shadow:inset 0 -3px var(--d-red)!important;background:transparent!important}
body .topnav a.active:after,body .topnav a.active:before{background:var(--d-red)!important}
body .search-trigger{background:var(--d-surface2)!important;border:1px solid var(--d-line2)!important;color:var(--d-ink2)!important}
body .search-trigger *{color:inherit!important}
body .search-trigger kbd{background:#fff!important;border-color:var(--d-line2)!important}
body .search-trigger .icon{stroke:currentColor}
body .balance-head,body .balance-head *{color:var(--d-ink)!important}
body .balance-head small{color:var(--d-sub)!important}
body .avatar{background:var(--d-surface2)!important;border:1px solid var(--d-line2)!important;color:var(--d-ink2)!important}
body .avatar .icon{stroke:currentColor;color:currentColor}

/* ---------- Tickets: no SubLines branding ---------- */
body .model-ticket-brand{display:none!important}
body .model-ticket-top{justify-content:flex-end!important}
body .model-share{background:transparent;border:1px solid var(--d-line2);border-radius:999px;color:var(--d-ink)!important;font:800 12px Manrope,sans-serif;padding:6px 12px;cursor:pointer;margin-right:8px;white-space:nowrap}
body .model-share:hover{border-color:var(--d-ink);background:var(--d-surface2)}
body .model-ticket-bottom{align-items:center}
body .share-row{margin:0 0 14px}

/* ---------- Game of the Hour: full width beside the slip, odds on the artwork ---------- */
body.games-experience .main{--gl:44px;--gr:24px;padding-top:0!important}
@media (max-width:1050px){body.games-experience .main{--gl:16px;--gr:16px;padding-left:var(--gl)!important;padding-right:var(--gr)!important}}
body #app .game-spotlight.broadcast-screen{margin:0 calc(-1 * var(--gr)) 22px calc(-1 * var(--gl))!important;width:auto!important;max-width:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;background:#05070a!important;overflow:hidden}
body #app .game-spotlight .supplied-stadium{inset:0 0 var(--chan,72px) 0!important}
body #app .game-spotlight .spotlight-content{padding:clamp(18px,2.4vw,30px) clamp(18px,3vw,44px) 0!important;background:transparent!important}
body #app .game-spotlight .spotlight-shade{background:linear-gradient(90deg,#000c,#0000 55%),linear-gradient(0deg,#000e 0%,#000a 26%,#0000 52%)!important;bottom:var(--chan,72px)!important}
body #app .game-spotlight .spotlight-story{min-height:clamp(260px,30vw,380px)!important}
/* The market strip now floats on the artwork */
body #app .game-spotlight.broadcast-screen .spotlight-lines{background:transparent!important;border:0!important;padding:6px 0 4px!important;position:relative;z-index:2}
body #app .game-spotlight.broadcast-screen .spotlight-lines h2{color:#ffffffd9!important;text-shadow:0 1px 3px #000}
body #app .game-spotlight.broadcast-screen .spotlight-lines .odds{background:#ffffffeb!important;border:1px solid #ffffff!important;color:var(--d-ink)!important;backdrop-filter:blur(6px);box-shadow:0 6px 18px #0006!important}
body #app .game-spotlight.broadcast-screen .spotlight-lines .odds :is(span,.line,.price){color:var(--d-ink)!important}
body #app .game-spotlight.broadcast-screen .spotlight-lines .odds .line{color:var(--d-sub)!important}
body #app .game-spotlight.broadcast-screen .spotlight-lines .odds:hover:not(:disabled):not(.selected){background:#fff!important}
body #app .game-spotlight.broadcast-screen .spotlight-lines .odds.selected{background:var(--d-red)!important;border-color:#ff5b6e!important}
body #app .game-spotlight.broadcast-screen .spotlight-lines .odds.selected :is(span,.line,.price){color:#fff!important}
body #app .game-spotlight.broadcast-screen .spotlight-lines .odds:disabled{background:#ffffffb3!important}
body #app .game-spotlight.broadcast-screen .spotlight-bottom{background:transparent!important;padding:6px 0 18px!important;position:relative;z-index:2}
body #app .game-spotlight.broadcast-screen .spotlight-bottom :is(span,a,button){color:#fffffff2!important;text-shadow:0 1px 3px #000}
body #app .game-spotlight.broadcast-screen .spotlight-bottom>span{color:#ffffffb3!important}
body #app .game-spotlight.broadcast-screen .broadcast-channels{position:relative;z-index:2;height:var(--chan,72px);background:#fff!important;border-top:0!important}
@media (max-width:700px){
  body #app .game-spotlight .spotlight-story{min-height:0!important}
  body #app .game-spotlight .spotlight-lines{grid-template-columns:1fr!important}
}

/* ---------- Share pop-out ---------- */
.share-layer{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}
.share-backdrop{position:absolute;inset:0;background:#0e1116a6;backdrop-filter:blur(4px)}
.share-sheet{position:relative;width:min(460px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;color:var(--d-ink);border-radius:20px;padding:20px 20px 16px;box-shadow:0 30px 80px #0008;font-family:Manrope,'Segoe UI',sans-serif;animation:shIn .22s ease-out}
@keyframes shIn{from{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.share-sheet{animation:none}}
.share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.share-kicker{margin:0 0 4px;color:var(--d-red);font:800 11px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.share-head h2{margin:0;font:800 22px/1.2 Manrope,sans-serif;color:var(--d-ink)!important}
.share-x{width:38px;height:38px;border-radius:50%;border:0;background:var(--d-surface2);color:var(--d-ink);font-size:22px;cursor:pointer}
.sh-ticket{position:relative;border:1px solid var(--d-line);border-radius:16px;padding:16px 18px 12px;background:#fff;box-shadow:0 10px 30px #1018281a;overflow:hidden}
.sh-ticket:before{content:'';position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#ff1a35,#c3001a)}
.sh-top{display:flex;justify-content:space-between;align-items:center;margin:6px 0 8px}
.sh-kind{color:var(--d-red);font:800 12px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.sh-status{font:800 11px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--d-ink);padding:5px 10px;border-radius:999px}
.sh-won{background:#0f8a4b}.sh-lost,.sh-not-accepted{background:#5b6470}.sh-pending{background:#a36f00}
.sh-legs{list-style:none;margin:0;padding:0}
.sh-legs li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--d-line)}
.sh-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--team-primary,#eef0f3);color:var(--team-ink,#0e1116);box-shadow:inset 0 0 0 3px var(--team-trim,#d5d9de);font:800 12px Manrope,sans-serif}
.sh-legs strong{display:block;font:800 16px/1.25 Manrope,sans-serif;color:var(--d-ink)}
.sh-legs small{display:block;color:var(--d-sub);font:600 12px/1.4 Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-legs b{font:800 17px Manrope,sans-serif;color:var(--d-ink)}
.sh-combined{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--d-line);color:var(--d-sub);font:700 13px Manrope,sans-serif}
.sh-combined b{color:var(--d-ink);font-size:16px}
.sh-money{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;padding-top:12px;border-top:2px dashed var(--d-line2)}
.sh-money div:last-child{text-align:right}
.sh-money small{display:block;color:var(--d-sub);font:800 11px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.sh-money b{font:800 26px Manrope,sans-serif;color:var(--d-ink)}
.sh-foot{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:var(--d-dim);font:600 11px Manrope,sans-serif}
.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.share-actions>*{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px!important;font:800 14px Manrope,sans-serif!important;text-decoration:none;cursor:pointer}
.share-actions>.primary{grid-column:1/-1}
.share-note{margin:12px 2px 0;color:var(--d-sub);font:500 12px/1.5 Manrope,sans-serif;text-align:center}

/* ---------- Gold Coins / Social Cash ---------- */
.coin{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font:900 10px/1 Manrope,sans-serif;font-style:normal;flex:none}
.coin-gc{background:radial-gradient(circle at 35% 30%,#ffe9a3,#f5b800 55%,#c98a00);color:#6b4300;box-shadow:inset 0 0 0 1.5px #d69a00}
.coin-sc{background:radial-gradient(circle at 35% 30%,#b9f5d2,#19b46a 55%,#0b7a45);color:#fff;box-shadow:inset 0 0 0 1.5px #0f8a4b}
body .coin-balances{display:flex!important;flex-direction:column;gap:3px;padding:4px 12px!important;border:1px solid var(--d-line2)!important;border-radius:10px;background:var(--d-surface2)!important;text-decoration:none;min-width:150px}
body .coin-balances .coin-row{display:flex;align-items:center;gap:7px;line-height:1}
body .coin-balances b{font:800 14px Manrope,sans-serif;color:var(--d-ink)!important;font-variant-numeric:tabular-nums}
body .coin-balances small{font:700 10px Manrope,sans-serif;color:var(--d-sub)!important;letter-spacing:.04em;text-transform:uppercase;margin-left:auto;padding-left:8px}
body .slip-rail .stake-wrap .gc-dot{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a3,#f5b800 55%,#c98a00);box-shadow:inset 0 0 0 1.5px #d69a00}

/* ---------- Account dropdown ---------- */
.account-menu{position:relative}
body .account-menu .avatar{cursor:pointer;display:grid;place-items:center;width:42px;height:42px;border-radius:50%}
body .account-menu .avatar[aria-expanded="true"]{border-color:var(--d-ink)!important;box-shadow:0 0 0 3px #0e111614}
.account-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:260px;background:#fff;border:1px solid var(--d-line);border-radius:14px;box-shadow:0 18px 44px #10182829;padding:8px;z-index:120;font-family:Manrope,'Segoe UI',sans-serif;animation:shIn .16s ease-out}
.account-dropdown-head{padding:8px 10px 6px}
.account-dropdown-head strong{display:block;color:var(--d-ink);font-size:15px}
.account-dropdown-head small{color:var(--d-sub);font-size:12px}
.account-dropdown-bal{display:grid;gap:6px;margin:4px 6px 8px;padding:10px;border-radius:10px;background:var(--d-surface2);font:800 13px Manrope,sans-serif;color:var(--d-ink)}
.account-dropdown-bal span{display:flex;align-items:center;gap:8px}
.account-dropdown a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;color:var(--d-ink2)!important;text-decoration:none;font:700 14px Manrope,sans-serif}
.account-dropdown a .icon{width:18px;height:18px;stroke:currentColor}
.account-dropdown a:hover,.account-dropdown a:focus-visible{background:var(--d-surface2);color:var(--d-ink)!important;outline:0}
.account-dropdown a.active{background:var(--d-red-soft);color:var(--d-red2)!important}
@media (max-width:700px){body .coin-balances{min-width:0;padding:3px 8px!important}body .coin-balances small{display:none}}
body #app .game-spotlight.broadcast-screen .spotlight-lines,body #app .game-spotlight.broadcast-screen .spotlight-bottom{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body #app .game-spotlight.broadcast-screen .broadcast-channels{margin:0 calc(-1 * clamp(18px,3vw,44px))!important;width:auto!important}
body .topbar{z-index:60!important}
body #app .game-spotlight.broadcast-screen .spotlight-lines .odds{flex-direction:column!important;justify-content:center!important;gap:2px!important;padding:6px 6px!important;min-height:54px!important}
body #app .game-spotlight.broadcast-screen .spotlight-lines .odds .line{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:12.5px!important}
body #app .game-spotlight.broadcast-screen .spotlight-lines .odds .price{font-size:17px!important}

/* ---- share window: the preview is the shared image itself ---- */
body .kx-sheet{width:min(440px,100%);padding:16px 16px 14px;border-radius:24px;background:#101215!important;color:#fff!important;border:1px solid rgba(255,255,255,.08);display:grid;gap:12px}
body .kx-head{display:flex;align-items:center;justify-content:space-between}
body .kx-head h2{margin:0;font:800 18px/1.2 Manrope,sans-serif;color:#fff!important}
body .kx-sheet .share-x{width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff!important;font-size:20px;line-height:1;cursor:pointer}
body .kx-preview{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#07080a;box-shadow:0 18px 50px -20px rgba(0,0,0,.9)}
body .kx-preview img{display:block;width:100%;height:100%;object-fit:cover}
body .kx-spin{position:absolute;inset:0;margin:auto;width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#ff2d46;animation:kxSpin .8s linear infinite}
@keyframes kxSpin{to{transform:rotate(360deg)}}
body .kx-opts{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body .kx-chips{display:flex;gap:6px;padding:4px;border-radius:999px;background:rgba(255,255,255,.06)}
body .kx-chip{min-height:30px;padding:0 14px;border-radius:999px;border:0;background:transparent;color:rgba(255,255,255,.7)!important;font:800 12.5px/1 Manrope,sans-serif;cursor:pointer}
body .kx-chip.on{background:#fff;color:#0d1014!important}
body .kx-toggle{display:inline-flex;align-items:center;gap:8px;font:700 13px Manrope,sans-serif;color:rgba(255,255,255,.85)!important;cursor:pointer}
body .kx-toggle input{width:16px;height:16px;accent-color:#ff2d46}
body .kx-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}
body .kx-act{display:grid;justify-items:center;gap:6px;padding:6px 2px;border:0;background:transparent;color:#fff!important;text-decoration:none;cursor:pointer}
body .kx-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.09);transition:background .15s}
body .kx-act:hover .kx-ico,body .kx-act:focus-visible .kx-ico{background:rgba(255,255,255,.18)}
body .kx-act:first-child .kx-ico{background:#ff2d46}
body .kx-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body .kx-act small{font:700 11.5px/1.2 Manrope,sans-serif;color:rgba(255,255,255,.78)!important;white-space:nowrap}
body .kx-sheet .share-note{margin:0;text-align:center;font:600 11.5px/1.4 Manrope,sans-serif;color:rgba(255,255,255,.5)!important}
@media (max-width:480px){body .kx-layer{place-items:end center;padding:0}body .kx-sheet{border-radius:24px 24px 0 0;width:100%}}