/*! (c) 2026 Spooky Digital Ltd - spookydigital.io - licensed to Dart Gear Ltd for dartgearcompetitions.co.uk. Not for reuse in other products. */
:root{--bg:#0A0C10;--side:#10131A;--card:#10131A;--line:#232936;--line-2:#2E3546;--ink:#E8EBF1;--mut:#8B93A5;--text-2:#A3ABBC;
  --field:#161A23;--raised:#161A23;--hov:#1B2030;--blue:#4F8CFF;--blue-soft:rgba(79,140,255,.14);--accent-line:rgba(79,140,255,.45);
  --green-ok:#2FBF71;--red-bad:#F05A5A;--red-soft:rgba(240,90,90,.12);--gold-hq:#F2C744;--amber:#F2B544;
  --ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.3,1.25,.5,1);
  --ft:"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,Inter,Roboto,system-ui,sans-serif;
  --fd:"Segoe UI Variable Display","Segoe UI",-apple-system,BlinkMacSystemFont,Inter,Roboto,system-ui,sans-serif}
html,body{background:var(--bg)!important;color:var(--ink);font:14px/1.5 var(--ft)!important;overflow-x:clip}

.sx-shell{display:flex;min-height:100vh}
.sx-side{width:250px;flex:0 0 250px;background:var(--side);border-right:1px solid var(--line);padding:14px 10px 10px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:40}
.sx-shell:has(#tabs.hidden) .sx-side{display:none}
.sx-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px}
.sx-brand img{height:34px;width:auto}
.sx-hq{font:700 11px/1 var(--ft);letter-spacing:.08em;color:var(--blue);border:1px solid var(--accent-line);border-radius:6px;padding:4px 6px}
svg.sxi{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sx-main{flex:1;min-width:0;padding:0 32px 56px;max-width:1440px}
.sx-shell #tabs{position:static!important;top:auto!important;display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;overflow-y:auto;padding:0;background:none;border:0;scrollbar-width:thin}
.sx-shell #tabs.hidden{display:none!important}
.sx-shell #tabs button{display:flex;align-items:center;gap:10px;flex:none;width:100%;max-width:none;height:36px;min-height:36px;padding:0 10px;border-radius:9px;margin:0;
  background:transparent;box-shadow:none;color:var(--text-2);font:500 14px/1 var(--ft);text-transform:none;letter-spacing:0;text-align:left;justify-content:flex-start;position:relative;transform:none}
.sx-shell #tabs button:hover{background:rgba(255,255,255,.035);color:var(--ink)}
.sx-shell #tabs button.on{background:var(--blue-soft);color:var(--ink)}
.sx-shell #tabs button.on::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--blue)}
.sx-shell #tabs button.on svg.sxi{color:var(--blue)}
.sx-shell #tabs button[data-g="money"] svg.sxi{color:#34D399}.sx-shell #tabs button[data-g="run"] svg.sxi{color:#A78BFA}
.sx-shell #tabs button[data-g="comms"] svg.sxi{color:#F472B6}.sx-shell #tabs button[data-g="people"] svg.sxi{color:#FBBF24}.sx-shell #tabs button[data-g="top"] svg.sxi{color:#6EA8FF}
.sx-shell #tabs i{position:static;margin-left:auto;min-width:20px;height:20px;padding:0 7px;border-radius:10px;font:700 11.5px/20px var(--ft);font-style:normal;text-align:center;background:rgba(242,181,68,.14);color:var(--amber)}
.sx-shell #tabs i#gameDot{min-width:0;width:9px;height:9px;padding:0;background:var(--green-ok);box-shadow:0 0 0 3px rgba(47,191,113,.22)}
.sx-navgrp{flex:none;margin:14px 0 4px;padding:0 10px;font:600 11.5px/1.4 var(--ft);letter-spacing:.02em;color:var(--mut)}
.sx-foot{margin-top:10px;padding:10px 2px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;color:var(--mut);font-size:12px}
.sx-shell header{position:sticky;top:0;z-index:30;height:60px;display:flex;align-items:center;gap:8px;margin:0 -32px 26px;padding:0 32px;
  background:rgba(10,12,16,.86);border-bottom:1px solid var(--line)!important;box-shadow:none}
.sx-shell header>img{height:28px;display:none}
.sx-shell:has(#tabs.hidden) header>img{display:block}
.sx-shell header .ttl{display:none}
#dgGrp:empty,#dgGrp:empty+#dgSep{display:none}
.sxcrumb{display:flex;align-items:center;gap:6px;color:var(--mut);font-size:13px}.sxcrumb b{color:var(--ink);font-weight:600}
.sx-shell:has(#tabs.hidden) .sxcrumb,.sx-shell:has(#tabs.hidden) .sxmenu{display:none!important}
.sx-shell header .st{margin-left:auto;display:flex;align-items:center;gap:10px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:16px;font:500 12.5px/1 var(--ft);color:var(--text-2);text-align:left}
.sx-shell header .st b{display:inline-flex;align-items:center;gap:7px;font:600 12.5px/1 var(--ft);color:var(--text-2)}
.sx-shell header .st b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mut)}
.sx-shell header .st b.ok{color:var(--ink)}.sx-shell header .st b.ok::before{background:var(--green-ok);box-shadow:0 0 0 3px rgba(47,191,113,.2)}
.sx-shell header .st b.bad{color:#FCA5A5}.sx-shell header .st b.bad::before{background:var(--red-bad)}
.sx-shell header .st span:empty{display:none}
.sxib{width:38px;height:38px;min-height:38px;border-radius:10px;display:grid;place-items:center;padding:0;background:transparent!important;border:1px solid transparent;color:var(--text-2)!important;box-shadow:none!important}
.sxib:hover{background:var(--hov)!important;color:var(--ink)!important}
.sxmenu{display:none!important}
.sx-shell .hbtn{min-height:36px;padding:0 14px;border-radius:10px;font:600 13.5px/1 var(--ft);text-transform:none;background:var(--raised);border:1px solid var(--line-2);color:var(--ink);box-shadow:none}
.sx-shell .hbtn .ph{border-color:var(--text-2);width:10px;height:15px;border-width:1.6px}
.sx-shell main#app{max-width:none;margin:0;padding:0}
.sx-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.sx-top h1{font:700 25px/1.25 var(--fd);letter-spacing:-.015em;margin:0 0 4px;color:var(--ink)}
.sx-top .sub{font-size:14px;color:var(--text-2);max-width:72ch;margin:0}
.sx-shell h2{font:650 15.5px/1.35 var(--fd)!important;text-transform:none!important;letter-spacing:0!important;margin:0 0 12px!important;color:var(--ink)}
.sx-shell h2 small{font:500 13px var(--ft)!important;color:var(--mut);margin-left:6px}
.sx-shell .blk{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px 20px;margin:0 0 16px}
.sx-shell .blk>.card,.sx-shell .blk .card{background:none;border:0;border-radius:0;padding:0}
.sx-shell .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.sx-shell .note{font-size:13px;color:var(--text-2)}
.sx-shell details.blk{padding:0;overflow:hidden}
.sx-shell details.blk>summary{min-height:50px;padding:12px 18px;gap:10px;align-items:center}
.sx-shell details.blk>summary h2{margin:0!important}
.sx-shell details.blk>summary:hover{background:var(--hov)}
.sx-shell details.blk>summary::after{width:8px;height:8px;margin:0 4px 0 0;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg)}
.sx-shell details.blk[open]>summary::after{transform:rotate(-135deg);margin-top:6px}
.sx-shell details.blk[open]>summary{border-bottom:1px solid var(--line)}
.sx-shell details.blk>:not(summary){margin:16px 20px 20px}
.sx-shell .tile{background:var(--raised);border:1px solid var(--line-2);border-radius:12px;padding:16px}
.sx-shell .tile.live{border-color:rgba(47,191,113,.6);box-shadow:0 0 0 3px rgba(47,191,113,.14)}
.sx-shell .tile__top b{font:700 17px/1.2 var(--fd);text-transform:none}
.sx-shell .tile__st{font:600 12.5px/1.2 var(--ft);color:var(--mut)}.sx-shell .tile.live .tile__st{color:var(--green-ok)}
.sx-shell .bz-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.sx-shell .bz-t{background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:14px 16px;flex-direction:column-reverse;gap:6px}
.sx-shell .bz-t i{font:500 12.5px/1.3 var(--ft);color:var(--text-2);text-transform:none;letter-spacing:0}
.sx-shell .bz-t b{font:700 24px/1.1 var(--fd);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}
.sx-shell .bz-t.g b{color:var(--green-ok)}.sx-shell .bz-t.r b{color:var(--red-bad)}
.sx-shell table,.sx-shell .bz-tbl{width:100%;border-collapse:collapse;font-size:13px}
.sx-shell th,.sx-shell td{padding:8px;border-bottom:1px solid var(--line)!important;text-align:left}
.sx-shell th{font-size:12px;font-weight:600;color:var(--mut)}
.sx-shell tbody tr:hover{background:rgba(255,255,255,.022)}
.sx-shell main button,.sx-shell #login button,.sx-shell .sheet button{font:600 14px/1.2 var(--ft);text-transform:none;letter-spacing:0;border-radius:10px;padding:11px 16px;min-height:44px;
  background:var(--raised);border:1px solid var(--line-2);color:var(--ink);box-shadow:none;transition:background .15s,border-color .15s,box-shadow .2s}
.sx-shell main button:hover,.sx-shell #login button:hover,.sx-shell .sheet button:hover{border-color:var(--accent-line);background:var(--hov)}
.sx-shell main button:active,.sx-shell #login button:active{transform:scale(.97);box-shadow:none}
.sx-shell main button.green,.sx-shell #login button.green,.sx-shell .sheet button.green{background:var(--blue);border-color:var(--blue);color:#fff}
.sx-shell main button.green:hover,.sx-shell #login button.green:hover{background:#6A9EFF;box-shadow:0 6px 20px -8px var(--blue)}
.sx-shell main button.gold{background:rgba(242,199,68,.14);border-color:rgba(242,199,68,.55);color:var(--gold-hq)}
.sx-shell main button.gold:hover{background:rgba(242,199,68,.22);border-color:var(--gold-hq)}
.sx-shell main button.red{background:transparent;border-color:rgba(240,90,90,.55);color:var(--red-bad)}
.sx-shell main button.red:hover{background:var(--red-soft)}
.sx-shell main button.small,.sx-shell #login button.small{font-size:13.5px;min-height:40px;padding:9px 12px}
.sx-shell main button:disabled{opacity:.45}
.sx-shell main .chips button{min-height:34px;padding:7px 12px;border-radius:999px;font-size:13px}
.sx-shell .grid.three button,.sx-shell .tile__btns button,.sx-shell #pdThrow,.sx-shell #pdTake,.sx-shell #pdSkip,.sx-shell #ssPtt,.sx-shell [data-ss][data-ph]{min-height:54px;font-size:15px}
.sx-shell .bz-r button.on{background:var(--blue-soft);border-color:var(--accent-line);color:var(--ink)}
.sx-shell label{font:500 13px/1.4 var(--ft);color:var(--text-2);text-transform:none;letter-spacing:0;margin:12px 0 6px}
.sx-shell input,.sx-shell textarea,.sx-shell select{font:500 14px/1.4 var(--ft);color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.sx-shell input:focus,.sx-shell textarea:focus,.sx-shell select:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--blue-soft);outline:none}
.sx-shell .toggle input{width:44px;height:24px;background:var(--line-2)}
.sx-shell .toggle input::after{width:18px;height:18px;top:3px;left:3px}
.sx-shell .toggle input:checked{background:var(--blue)}
.sx-shell .toggle input:checked::after{transform:translateX(20px)}
.sx-shell .msg{background:var(--raised);border:1px solid var(--line);border-radius:12px}
.sx-shell .msg.host{background:linear-gradient(90deg,var(--blue-soft),var(--raised))}
.sx-shell .msg .acts button,.sx-shell .list button,.sx-shell .res .acts button,.sx-shell .bdrow .bdact button{min-height:32px;padding:5px 10px;font-size:12.5px}
.sx-shell .list>div,.sx-shell .res,.sx-shell .bdrow,.sx-shell .wins div,.sx-shell .mini>div{border-bottom-color:var(--line)}
.sx-shell .ssbar b,.sx-shell .ssbar span,.sx-shell .bdrow .rk{font-family:var(--fd);font-style:normal;text-transform:none}
.sx-shell .ssbar b{font-size:18px;color:var(--gold-hq)}.sx-shell .ssbar span{font-size:22px}
.sx-shell .res__top em,.sx-shell .bdrow .pz{color:var(--green-ok)}
.sx-shell .mini b{color:var(--gold-hq)}
.sx-shell #login{margin:40px auto;max-width:420px;padding:28px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-align:left}
.sx-shell #login img{width:180px;display:block;margin:0 auto 10px}
.sx-shell #login h2{text-align:center}.sx-shell #login p{color:var(--text-2)}
.sx-shell .paircode{border-top-color:var(--line)}
.sheet{background:rgba(0,0,0,.62)!important}
.sheet__box{background:var(--card)!important;border:1px solid var(--line-2)!important;border-radius:16px!important;padding:26px 30px!important;box-shadow:0 24px 70px rgba(0,0,0,.6)}
.sheet__code{font:700 40px/1 var(--fd)!important;color:var(--gold-hq)!important}
#toast{border-radius:12px!important;background:#12241A!important;border:1px solid rgba(47,191,113,.5)!important;color:var(--ink)!important;font:600 13px/1.4 var(--ft)!important;box-shadow:0 12px 34px rgba(0,0,0,.55)!important}
#toast.bad{background:#2A1515!important;border-color:rgba(248,113,113,.6)!important;color:#FCA5A5!important}
.sx-shell footer{color:var(--mut)}
@media (min-width:1000px){.sx-shell .pane[data-pane="live"],.sx-shell .pane[data-pane="stream"]{column-gap:16px}.sx-shell .pane[data-pane="games"]{gap:0 16px}}
.sx-foot #dgSignout{width:100%;height:38px;min-height:38px;display:flex;align-items:center;gap:10px;padding:0 10px;font:500 14px/1 var(--ft);text-transform:none;letter-spacing:0;border-radius:9px}
.sx-shell .bz-ev-go select{width:auto;min-width:150px}
.sx-scrim{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .25s}
@media (max-width:800px){
  .sx-shell{display:block}
  .sx-side{position:fixed!important;left:0;top:0;bottom:0;width:min(84vw,300px)!important;height:100vh!important;z-index:60;transform:translateX(-102%);transition:transform .28s var(--ease)}
  body.nav-open .sx-side{transform:none;box-shadow:0 0 60px rgba(0,0,0,.6)}
  body.nav-open .sx-scrim{opacity:1;pointer-events:auto}
  body.nav-open{overflow:hidden}
  .sx-main{padding:0 16px 44px}
  .sx-shell header{margin:0 -16px 20px;padding:0 10px 0 6px;padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top))}
  .sxmenu{display:grid!important}
  #dgGrp,#dgSep{display:none}
  .sx-shell header .st{padding:0 10px}
  .sx-top h1{font-size:22px}
}
@media (max-width:420px){.sx-shell header .st span{display:none}.sx-shell .hbtn{padding:0 10px}}
@media (pointer:coarse){.sx-shell #tabs button{height:44px;min-height:44px}.sxib{width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.sx-side,.sx-scrim{transition:none}}

.cu-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 10px}
.cu-bar input{flex:1 1 260px;max-width:420px}
.cu-bar .bz-r,.cu-filters{margin:0}
.cu-filters{margin:0 0 12px}
.cu-tbl tbody tr{cursor:pointer}
.cu-tbl tbody tr:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.cu-tag{display:inline-block;padding:2px 8px;border-radius:999px;font:600 11px/1.5 var(--ft);background:var(--blue-soft);color:#9DBDFF;vertical-align:1px}
.cu-tag.cu-vip{background:rgba(242,199,68,.14);color:var(--gold-hq)}.cu-tag.cu-watch{background:var(--red-soft);color:#FCA5A5}.cu-tag.cu-staff{background:rgba(148,163,184,.16);color:#CBD5E1}
.cu-pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:12px}
.cu-pager .note{margin:0}
.cu-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start;margin-bottom:16px}
.cu-name{font:700 22px/1.25 var(--fd)!important;margin:0 0 4px!important}
.cu-tags{display:flex;gap:6px;flex-wrap:wrap}
.cu-h{font:650 14.5px/1.3 var(--fd);margin:22px 0 10px;color:var(--ink)}
.cu-note{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.cu-note p{margin:0;flex:1}.cu-note .note{margin:0;white-space:nowrap}
.cu-addnote{margin-top:10px}.cu-addnote textarea{min-height:70px}
@media (max-width:700px){.cu-tbl thead{display:none}.cu-tbl tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--line)}
  .cu-tbl td{border:0!important;padding:0}.cu-tbl td:nth-child(2){grid-column:1/-1;color:var(--text-2);font-size:12.5px}.cu-tbl td:nth-child(3),.cu-tbl td:nth-child(6){display:none}}

.ol-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ol-ctl{display:flex;gap:8px}.ol-ctl button.on{background:var(--blue-soft);border-color:var(--accent-line)}
.ol-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green-ok);box-shadow:0 0 0 3px rgba(47,191,113,.22);margin-right:6px}
.ol-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 16px}
.ol-lane{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;min-height:120px}
.ol-lane h3{display:flex;justify-content:space-between;gap:8px;margin:0 0 10px;font:650 14px/1.3 var(--fd);color:var(--ink)}
.ol-lane h3 span{font:600 12.5px/1.4 var(--ft);color:var(--mut)}
.ol-checkout{border-color:rgba(47,191,113,.45)}.ol-basket{border-color:rgba(242,199,68,.4)}.ol-reveal{border-color:rgba(167,139,250,.45)}
.ol-card{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;background:var(--raised);border:1px solid var(--line);margin-bottom:8px}
.ol-card.ol-bg{opacity:.65}
.ol-av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:#9DBDFF;font:700 12.5px/1 var(--ft)}
.ol-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ol-who b{font-size:13.5px}.ol-who small{color:var(--text-2);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.ol-card button{flex:none}
.ol-paid{display:flex;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.ol-paid span{color:var(--green-ok)}.ol-paid small{margin-left:auto;color:var(--mut)}

.bx-comp{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.bx-comp img,.bx-noimg{flex:none;width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--raised)}
.bx-comp.is-live img{box-shadow:0 0 0 2px var(--bx,#FACC15)}
.bx-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bx-info small{color:var(--text-2);font-size:12.5px}
.bx-pill{align-self:flex-start;padding:3px 9px;border-radius:999px;font:700 11.5px/1.5 var(--ft);background:color-mix(in srgb,var(--bx,#FACC15) 18%,transparent);color:var(--bx,#FACC15);border:1px solid color-mix(in srgb,var(--bx,#FACC15) 50%,transparent)}
.bx-go{flex:none;display:flex;gap:6px}
.bx-cols{display:flex;gap:8px;flex-wrap:wrap}
.sx-shell main button.bx-sw{width:34px;height:34px;min-height:34px;padding:0;border-radius:50%;border:2px solid var(--line-2)}
.sx-shell main button.bx-sw.on{border-color:#fff;box-shadow:0 0 0 3px var(--blue-soft)}
.bx-owe{padding:14px 0;border-bottom:1px solid var(--line)}.bx-owe.is-paid{opacity:.6}
.bx-owe-h{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.bx-owe-a{display:flex;gap:10px;align-items:center}.bx-amt{font:700 18px/1 var(--fd);color:var(--amber)}
@media (max-width:700px){.bx-comp{flex-wrap:wrap}.bx-go{width:100%}.bx-go button{flex:1}}

.sx-shell #tabs button[data-g="pay"] svg.sxi{color:#F97316}
.sx-shell #tabs i#jobsBadge.late{background:var(--red-soft);color:#FCA5A5}
.jb-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.jb-st{flex:none;min-width:78px;text-align:center;padding:3px 8px;border-radius:999px;font:700 11.5px/1.5 var(--ft);background:var(--raised);color:var(--text-2)}
.jb-late .jb-st{background:var(--red-soft);color:#FCA5A5}.jb-soon .jb-st{background:rgba(242,181,68,.14);color:var(--amber)}
.jb-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.jb-t small{color:var(--text-2);font-size:12.5px}
.iw-box{margin:0 0 14px;padding:14px 16px;border:1px solid var(--accent-line);border-radius:14px;background:var(--raised)}
.iw-act{white-space:nowrap}.cu-tag.cu-ok{background:rgba(47,191,113,.14);color:#86EFAC}
.pl-cost{white-space:nowrap}.sx-shell .pl-cost input{width:84px;min-height:32px;padding:4px 8px;display:inline-block;margin-right:6px}
.mx-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.mx-wrap .bz-tbl td,.mx-wrap .bz-tbl th{white-space:nowrap}
.pl-neg{color:var(--red-bad)}.pl-pos{color:var(--green-ok)}
@media (max-width:700px){.jb-row{flex-wrap:wrap}.jb-row button{width:100%}.iw-act{white-space:normal}}

.ev-now{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ev-bar{height:10px;border-radius:6px;background:var(--raised);overflow:hidden;margin:12px 0 6px}.ev-bar i{display:block;height:100%;background:var(--amber)}
.ev-list{margin:10px 0 0;padding-left:18px}.ev-list li{margin:3px 0}
.ev-comp{padding:12px 0;border-bottom:1px solid var(--line)}.ev-comp.on{background:linear-gradient(90deg,rgba(26,168,255,.06),transparent)}
.ev-pick{display:flex;gap:10px;align-items:center;margin:0 0 4px}.ev-pick input{width:auto;min-height:0}
.ev-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.ev-row label{display:flex;gap:6px;align-items:center;margin:0;flex-wrap:wrap}
.sx-shell .ev-row input{width:84px;min-height:34px;padding:4px 8px}
.ev-worst{font-size:12.5px;color:var(--amber)}
.ft-srcs{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto;padding:4px 0}.ft-chk{display:flex;gap:8px;align-items:center;margin:0}.ft-chk input{width:auto;min-height:0}

.ch-right{display:flex;gap:6px;align-items:center;margin:0;font-size:12.5px;color:var(--text-2)}.ch-right input{width:auto;min-height:0}
.ch-win{padding:12px 14px;border:1px solid var(--accent-line);border-radius:12px;background:var(--raised);margin-bottom:12px;line-height:1.7}

.hh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:8px 0 14px}
.hh-p{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--raised);cursor:pointer;margin:0}
.hh-p input{flex:none;width:18px;height:18px;min-height:0;margin:0}.hh-p b{display:block;font-size:14px}.hh-p small{display:block;color:var(--text-2);font-size:12px;margin-top:2px}.hh-p.off{opacity:.55;cursor:not-allowed}
.hh-ck{display:flex!important;align-items:center;gap:8px;margin:0 0 10px;cursor:pointer}.hh-ck input{flex:none;width:18px;height:18px;min-height:0;margin:0}
.hh-games{display:flex;flex-wrap:wrap;gap:6px 18px;margin:4px 0 12px}.hh-games .hh-ck{margin:0}
.hh-codes{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}.hh-code{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:999px;border:1px solid var(--line);font:600 12.5px/1.2 ui-monospace,Consolas,monospace}.hh-code.used{opacity:.65;padding-right:10px}
.hh-big{font:700 28px/1.1 var(--fd);margin:0 0 10px}.hh-live{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 0}
@media (max-width:640px){.hh-grid{grid-template-columns:1fr}}

.sx-shell #tabs button[data-g="stream"] svg.sxi{color:#22D3EE}
.ov-t small.ov-d{display:block;font:600 11.5px/1.3 var(--ft);color:var(--text-2)}.ov-t small.ov-d.up{color:var(--green-ok)}.ov-t small.ov-d.down{color:var(--red-bad)}
.ov-link{cursor:pointer}.ov-link:hover{border-color:var(--accent-line)}
.ov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:0 24px}
.ov-list{display:flex;flex-direction:column}
.ov-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.ov-row:last-child{border-bottom:0}
.ov-row div{min-width:0}.ov-row div b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-row small{display:block;color:var(--text-2);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ov-row img,.ov-noimg{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--raised);display:block}
.ov-time{font:700 13px/1 var(--fd);color:var(--text-2);font-variant-numeric:tabular-nums}
.ov-rank{width:26px;height:26px;border-radius:50%;background:var(--raised);display:grid;place-items:center;font:700 12px/1 var(--fd)}
.ov-amt{text-align:right;font-variant-numeric:tabular-nums}.ov-amt small{font-weight:500}.ov-soon{color:#FBBF24}
.an-bars{display:flex;align-items:flex-end;gap:3px;height:170px;padding-top:6px}
.an-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}
.an-bar{background:linear-gradient(180deg,#34D399,#0f766e);border-radius:4px 4px 0 0;min-height:0}
.an-bar.now{background:linear-gradient(180deg,#FBBF24,#b45309)}
.an-col span{display:block;height:16px;margin-top:4px;font:600 10.5px/16px var(--ft);color:var(--text-2);text-align:center;white-space:nowrap;overflow:visible}
.an-bars.dense{gap:1px}
.an-range{align-items:center}.an-range .on{background:var(--accent);color:#fff}
.an-custom{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.an-custom input{width:auto;min-height:0;padding:6px 8px}

.pu-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:900px){.pu-grid{grid-template-columns:1fr}}
.pu-cols{display:flex;flex-wrap:wrap;gap:10px}.pu-cols label{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;color:var(--text-2)}.pu-cols input{width:38px;height:30px;padding:0;min-height:0;border:0;background:none}
.pu-prev{position:relative;height:420px;border-radius:14px;border:1px dashed var(--line);background:repeating-linear-gradient(45deg,#101015 0 12px,#13131a 12px 24px);display:flex;padding:12px;overflow:hidden}
.pu-prev[data-pos="c"]{align-items:center;justify-content:center;background-color:#08080b}.pu-prev[data-pos="b"]{align-items:flex-end;justify-content:center}.pu-prev[data-pos="t"]{align-items:flex-start;justify-content:center}
.pu-prev[data-pos="bl"]{align-items:flex-end;justify-content:flex-start}.pu-prev[data-pos="br"]{align-items:flex-end;justify-content:flex-end}
.pu-card{position:relative;width:min(300px,100%);max-height:100%;overflow:auto;border-radius:16px;border:2px solid}
.pu-card img{display:block;width:100%;max-height:150px;object-fit:cover;border-radius:14px 14px 0 0}
.pu-in{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.pu-in b{font:800 19px/1.1 var(--fd);text-transform:uppercase;padding-right:24px}.pu-in p{margin:0;font-size:13.5px;line-height:1.45;white-space:pre-line;opacity:.9}
.pu-go{align-self:flex-start;padding:8px 16px;border-radius:999px;font:800 13px/1 var(--fd);text-transform:uppercase;letter-spacing:.04em}
.pu-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pu-x{position:absolute;right:8px;top:6px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;font-size:16px}

.afr-rules input,.afr-rules select,.afr-ov input{min-height:34px;padding:5px 8px}.afr-rules select{min-width:118px}
.afr-rules td,.afr-ov td{vertical-align:top}
.af-acts{display:flex;gap:6px;align-items:center}.af-acts select{width:auto!important;min-width:0;flex:none}.af-acts button{flex:none}

.lo-on{color:var(--good,#36d36c)}.lo-off{color:var(--text-2)}
.lo-tbl td{vertical-align:middle}
.lo-bd{display:block;width:40px;height:40px}
.lo-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 14px;margin:10px 0}
.lo-pk{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;cursor:pointer}.lo-pk input{width:auto;min-height:0}.lo-pk img{width:28px;height:28px}
.lo-rev td{opacity:.55;text-decoration:line-through}.lo-rev td:last-child{text-decoration:none}
.lo-warn{color:var(--warn,#f6c445)}
#loWheelBox{width:100%;margin-top:8px;font-family:inherit}
[data-locid]{cursor:pointer}

.al-sw{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line,rgba(255,255,255,.08))}
.al-sw button{flex:none}
#alBody{width:100%;font-family:inherit}
.tfa-qr svg{display:block;width:200px;height:200px;background:#fff;padding:8px;border-radius:10px;margin:10px 0}
.tfa-key{font-family:ui-monospace,Consolas,monospace;letter-spacing:.06em;word-break:break-all}
.sx-shell #tabs button[data-g="account"] svg.sxi{color:#94A3B8}

.od-row,.cp-row{cursor:pointer}.od-row:hover td,.cp-row:hover td{background:rgba(255,255,255,.03)}
.od-ref td{opacity:.6}.od-tag{font-size:11px;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.08);color:var(--text-2)}
.od-win{font-size:11px;padding:1px 6px;border-radius:6px;background:rgba(54,211,108,.15);color:var(--green-ok,#36d36c)}
.od-det{padding:8px 4px}.od-chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;margin-right:8px}.od-chk input{width:auto;min-height:0}
#odGw .on,.an-range .on,[data-cpshow].on{background:var(--accent);color:#fff}
.cp-bar{position:relative;height:6px;border-radius:4px;background:rgba(255,255,255,.08);margin-top:5px;min-width:90px}.cp-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--accent)}
.cp-bar b{position:absolute;top:-3px;width:2px;height:12px;background:#f6c445}
.cp-st{font-size:12px;font-weight:600}.cp-st.g{color:var(--green-ok,#36d36c)}.cp-st.r{color:var(--red-bad,#ff5a52)}
.sx-shell a[data-odcust]{color:var(--ink,#fff);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.sx-shell a[data-odcust]:hover{color:var(--accent)}
.in-link{cursor:pointer}.in-link:hover{border-color:var(--accent)}
.sx-shell table.in-heat{width:auto;border-collapse:separate;border-spacing:2px;font-size:11px}.in-heat tbody th{text-align:left;padding-right:6px}.in-heat th{font-weight:500;color:var(--text-2);padding:0 2px;text-align:center}
.in-heat td{width:26px;height:22px;text-align:center;border-radius:4px;background:rgba(255,255,255,.04);color:#fff;font-variant-numeric:tabular-nums}

.ow-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red-bad,#ff5a52);color:#fff;font:700 11.5px/20px var(--ft);text-align:center}
.ow-card{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 12px;background:var(--raised)}
.ow-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}.ow-pay{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ow-pay b{font-size:20px}
.ow-kind{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.ow-kind.b{background:rgba(246,196,69,.18);color:#f6c445}.ow-kind.e{background:rgba(26,168,255,.18);color:#4fd2ff}.ow-kind.f{background:rgba(54,211,108,.15);color:var(--green-ok,#36d36c)}
.ow-done td{opacity:.5;text-decoration:line-through}