/* Mobile-first: phone defaults; larger layouts are progressive enhancements. */
:root{color-scheme:dark;--bg:#091219;--panel:#111f2a;--card:#162733;--line:#263b48;--muted:#92aabb;--green:#28e3a2;--ink:#f1f7fa;--red:#ff898f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{min-height:44px;cursor:pointer;border:1px solid var(--line);background:#1b303e;color:var(--ink);border-radius:11px;padding:10px 14px;font-weight:650;touch-action:manipulation}button:hover{background:#284454}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}.primary{background:var(--green);color:#06382a;border-color:var(--green)}.primary:hover{background:#6eebbd}.quiet{background:transparent;border-color:transparent}.danger{color:var(--red)}.small{padding:8px 11px;font-size:12px}.muted,small{color:var(--muted)}small{font-size:11px}.green{color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.2;letter-spacing:-.8px}h2{font-size:22px;line-height:1.25;letter-spacing:-.5px}h3{font-size:16px;line-height:1.35}input,select,textarea{min-height:46px;width:100%;min-width:0;background:#0c1923;border:1px solid #355261;color:var(--ink);border-radius:10px;padding:11px;font-size:16px}label{display:block;font-size:12px;color:#b3c7d4;margin-bottom:7px}a{color:var(--green)}.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;min-height:68px;padding:env(safe-area-inset-top) 12px 0;gap:6px;background:#0b1720f5;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:850;letter-spacing:-.5px;white-space:nowrap}.brand img{height:28px;width:28px}.brand span span{color:var(--green)}.brand small{display:block;font-size:7px;letter-spacing:1.3px;text-transform:uppercase;font-weight:500}.topnav{display:none}.tools{display:flex;gap:6px;align-items:center;min-width:0}.lang{display:flex;flex-shrink:0;border:1px solid var(--line);padding:3px;border-radius:9px}.lang button{min-height:32px;min-width:27px;padding:3px 4px;font-size:10px;border:0;background:transparent}.lang button.active{background:#324c5b;border-radius:6px}.wallet{background:#112f27;border:1px solid #285542;padding:5px 7px;border-radius:9px;font-size:11px;font-weight:800;max-width:100px;white-space:nowrap}.wallet small{display:block;font-size:7px;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;max-width:85px}.avatar{display:flex;align-items:center;justify-content:center;width:35px;height:35px;min-height:35px;flex-shrink:0;background:#234236;border:1px solid #437663;color:#a5e8c9;border-radius:11px;font-size:12px;font-weight:800}.tools>.avatar{display:none}.demo{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;background:#142b25;border-bottom:1px solid #2e5043;color:#a4d9c1;font-size:9px}.demo>span{min-width:0}.demo select{width:120px;min-height:32px;flex-shrink:0;padding:4px 7px;font-size:11px}.layout{padding:18px 14px calc(98px + env(safe-area-inset-bottom));max-width:1600px;margin:auto}.layout main{min-width:0}.sidebar{display:none}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;justify-content:space-around;background:#0c1922f7;backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:7px 5px calc(7px + env(safe-area-inset-bottom))}.mobilebar button{border:0;background:none;color:#8ca5b7;font-size:10px;position:relative;padding:3px 5px;min-width:52px}.mobilebar .navicon{display:block;font-size:22px;line-height:1.3}.mobilebar button.active{color:var(--green)}.mobilebar .badge{position:absolute;top:-2px;right:0;padding:0 4px;font-size:9px}.hide-mobile{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 20%,#236e5133,transparent 70%),linear-gradient(110deg,#133b30,#122632);border:1px solid #346b56;border-radius:19px;padding:23px;margin-bottom:26px;min-height:246px}.hero-copy{position:relative;z-index:2;max-width:250px}.hero h1{font-size:31px;letter-spacing:-1px}.hero h1 span{color:var(--green)}.hero p{font-size:12px;color:#a9c8bd;max-width:230px;margin:16px 0 21px}.hero button{font-size:12px}.eyebrow{color:var(--green);font-size:9px;font-weight:750;letter-spacing:1.8px;margin-bottom:12px;text-transform:uppercase}.pitch{position:absolute;right:-170px;top:30px;width:360px;height:240px;transform:perspective(500px) rotateX(25deg) rotateZ(-16deg);border:1px solid #94ffc740;background:repeating-linear-gradient(90deg,#20594122 0 44px,#33795b22 44px 88px)}.pitch:before{content:"";position:absolute;left:50%;height:100%;border-left:1px solid #b2edca44}.pitch:after{content:"";position:absolute;left:calc(50% - 35px);top:calc(50% - 35px);width:70px;height:70px;border:1px solid #b2edca44;border-radius:50%}.ball{position:absolute;right:3px;top:94px;font-size:75px;opacity:.55;transform:rotate(-20deg)}.ball svg{height:1em;width:1em}.sectionline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.sectionline>div{min-width:0}.sectionline p{font-size:12px;color:var(--muted);margin-top:6px}.sectionline h3{margin:0}.badge{display:inline-block;background:var(--green);color:#083b2c;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800;flex-shrink:0}.feedstatus{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-bottom:16px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--green);flex-shrink:0}.dot.off{background:#e8b268}.chips,.quicknav{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin:0 0 17px;scrollbar-width:thin}.chip{font-size:12px;border-radius:24px;white-space:nowrap;min-height:40px;padding:9px 14px}.chip.active{background:#1d4b3b;border-color:#3c8969;color:#8ce3bc}.quicknav button{white-space:nowrap;font-size:12px;background:#142630}.quicknav button>span{color:var(--green);margin-right:8px}.search{font-size:14px;max-width:100%}.mb{margin-bottom:18px}.match{border:1px solid var(--line);background:linear-gradient(135deg,#162a36,#101e29);border-radius:15px;overflow:hidden;margin-bottom:15px}.matchhead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #253c49;font-size:10px;color:#9fb6c7}.matchhead>span{display:flex;gap:7px;align-items:center}.matchhead time{font-size:10px;white-space:nowrap}.flag img{width:21px;height:14px;border-radius:2px;object-fit:cover;vertical-align:middle}.teams{display:flex;gap:8px;align-items:center;padding:21px 12px 17px}.team{display:flex;align-items:center;gap:7px;flex:1;font-size:11px;font-weight:750;min-width:0}.team span{overflow-wrap:anywhere}.team.away{flex-direction:row-reverse;text-align:right}.crest{height:29px;width:29px;object-fit:contain;flex-shrink:0}.score,.versus{font-size:18px;font-weight:850;color:#b7cfda;white-space:nowrap}.versus{font-size:12px;letter-spacing:2px}.marketlabel{font-size:9px;color:#7898ad;padding:0 12px;margin-bottom:8px}.odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 12px 10px}.odd{min-height:47px;border-radius:8px;display:flex;justify-content:space-between;gap:5px;padding:10px;background:#233b4b;font-size:12px}.odd span{font-weight:400;color:#a1bacb}.odd.selected{background:#226146;border-color:#41d79d;color:#deffef}.matchfooter{font-size:9px;color:#7898ab;padding:0 12px 13px}.slip{display:none;background:#11222d;border:1px solid #335261;border-radius:16px;overflow:hidden}.slip.mobileopen{display:block}.slip-title{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.slipbody{padding:18px}.empty{padding:28px 10px;text-align:center;color:var(--muted);font-size:12px}.empty strong{display:block;font-size:15px;margin-bottom:10px;color:#cedee6}.emptyicon{font-size:38px;margin-bottom:15px;color:#58788b}.slipleg{position:relative;padding:14px;background:#1a303e;border-radius:10px;margin-bottom:10px;font-size:12px}.slipleg strong{display:block;padding-right:22px;margin-bottom:5px}.slipleg .remove{position:absolute;right:0;top:0;min-height:32px;padding:5px 10px}.split{display:flex;justify-content:space-between;align-items:center;gap:10px}.slipmoney{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.slipmoney label{margin-top:17px}.slipmoney input{font-size:22px;font-weight:750}.quick{display:flex;gap:8px;margin:10px 0 15px}.quick button{flex:1;padding:6px;font-size:12px}.payout{padding:15px 0;font-size:12px}.payout strong{color:var(--green);font-size:23px}.full{width:100%}.note{font-size:11px;line-height:1.65;color:#8ca6b7;margin-top:12px}.footer{text-align:center;padding:16px;color:#6e8b9e;font-size:10px;border-top:1px solid var(--line)}.box{min-width:0;border:1px solid var(--line);background:var(--panel);padding:18px;border-radius:16px;margin-bottom:20px}.box>h3{margin-bottom:16px}.box>p.muted{font-size:12px}.grid2,.formgrid,.dash-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.grid2>.box{margin-bottom:0}.grid2{margin-bottom:20px}.formgrid{gap:14px}.field{margin-bottom:17px}.check{display:flex;align-items:center;gap:10px;font-size:11px;margin:16px 0;min-height:44px}.check input{min-height:0;height:20px;width:20px;flex-shrink:0;accent-color:var(--green)}.dash-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:4px 0 22px}.dash-intro h1{font-size:26px;max-width:480px}.dash-intro p{color:var(--muted);font-size:12px;margin-top:10px}.dash-intro>.small{font-size:0;width:44px;flex-shrink:0}.dash-intro>.small:first-letter{font-size:20px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.stat{min-width:0;position:relative;padding:17px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(140deg,#172c39,#11212c);overflow:hidden}.stat small{font-size:11px;display:block;line-height:1.45;min-height:32px;overflow-wrap:anywhere;color:#b4c9d6}.stat strong{font-size:24px;font-weight:800;letter-spacing:-.8px;display:block;line-height:1.3;margin:11px 0 8px;overflow-wrap:anywhere}.stat em,.adminamount em,.userbalance em{font-style:normal;color:#88a6b8;font-size:12px;letter-spacing:0}.stat p{font-size:10px;color:#87a4b6;line-height:1.6}.stat.accent{background:linear-gradient(135deg,#1d493b,#142d2c);border-color:#386f58}.stat.accent strong{color:#6af1bd}.stat.accent:after{content:"";height:70px;width:70px;position:absolute;border:1px solid #75d6a814;right:-15px;bottom:-15px;transform:rotate(35deg);border-radius:15px}.admincards,.usercards{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}.admincard,.usercard{min-width:0;padding:17px;border-radius:12px;border:1px solid #2b4453;background:#152834}.identity{display:flex;gap:10px;align-items:center;min-width:0}.identity strong{font-size:13px;overflow-wrap:anywhere}.identity small,.usercard small{display:block;font-size:10px;margin-top:3px}.adminamount{margin:22px 0 10px}.adminamount small{display:block;font-size:10px}.adminamount strong{font-size:27px;color:#cfefe0;letter-spacing:-.6px}.metrics{margin:12px 0 18px}.metrics>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #273c49;font-size:11px;align-items:flex-start}.metrics dt{color:#8faabd;flex:1}.metrics dd{margin:0;text-align:right;font-weight:650;max-width:60%;overflow-wrap:anywhere}.tag{display:inline-block;font-size:10px;border-radius:5px;background:#174333;color:#8aebba;border:1px solid #316a50;padding:3px 7px;white-space:nowrap}.tag.open{background:#443a22;color:#f1cc87;border-color:#665535}.tag.lost{background:#44272f;color:#f2a3a8;border-color:#643d47}.transactions{margin:0 -2px}.transaction{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;border-bottom:1px solid #273c49;padding:14px 0}.txicon{width:28px;height:28px;border-radius:9px;background:#1b4937;color:#74dfad;display:grid;place-items:center}.txicon.negative{background:#3b2e30;color:#e7a9a0}.txlabel strong{font-size:12px;overflow-wrap:anywhere}.txlabel small,.txamount small{display:block;font-size:9px;line-height:1.6;margin-top:3px}.txamount{text-align:right;font-size:11px}.txamount strong{white-space:nowrap}.userbalance{font-size:25px;font-weight:750;margin:20px 0 10px;color:#b6ead2}.useractions{display:flex;gap:8px;margin-top:16px}.useractions button{font-size:11px;flex:1}.filterform{display:grid;gap:14px;align-items:end}.auditrow{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.auditrow small{display:block;margin-top:4px}.groupbet{padding:16px 0;border-bottom:1px solid var(--line)}.groupbet p{font-size:12px;margin:13px 0 4px}.groupbet>small{display:block;font-size:10px;margin-bottom:15px}.settlecard{background:#162b38;border:1px solid #2d4654;padding:17px;border-radius:12px;margin-bottom:15px}.settlecard h3{margin:10px 0}.resultscore{font-size:30px;font-weight:800;color:#92e3bb}.settlecard form{margin-top:18px}.quotegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.betcard{border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px;background:var(--panel)}.betcard .legs{padding:16px 0;color:#acbfcb;font-size:12px}.betcard .legs div{padding:6px 0}.betcard .total{border-top:1px solid var(--line);padding-top:16px;font-size:12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{font-size:10px;color:var(--muted);font-weight:500}td .crest{width:23px;height:23px;vertical-align:middle;margin-right:8px}td.rank{color:var(--green)}.rules{font-size:12px;color:var(--muted);line-height:1.9}.editorrow{display:grid;gap:12px;border-bottom:1px solid var(--line);padding:17px 0}.textkey{font-size:10px;color:#7695a9}.installtip{padding:16px;background:#193c2f;border-radius:10px;font-size:12px;margin-top:16px}.login{min-height:100svh;background:radial-gradient(ellipse at 50% 0%,#20573f66,transparent 65%),#09131b}.login-story{display:none}.login-panel{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:86px 27px 35px;position:relative}.login-panel>.lang{position:absolute;top:25px;right:25px}.login-card{width:100%;max-width:380px}.login-card .brand{justify-content:center;font-size:26px;margin-bottom:42px}.login-card .brand img{height:46px;width:46px}.login-card .brand small{font-size:9px}.login-card h2{font-size:25px;text-align:center;margin-bottom:12px}.login-card>p{font-size:12px;text-align:center;color:var(--muted);margin-bottom:29px}.login-card .primary{min-height:49px}.accountnote{border-top:1px solid var(--line);margin-top:26px;padding-top:19px;font-size:11px;color:var(--muted);text-align:center}.demoheader{color:#98d6b8;font-size:11px;text-align:center;margin-top:26px}.demochoose{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0}.demochoose button{font-size:10px;padding:9px 3px}.login-card>.note{text-align:center}.error{color:var(--red)}#toast{display:none;position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:80;border:1px solid #4e876b;background:#224433;color:#f1fff7;padding:13px 18px;border-radius:12px;max-width:90vw;box-shadow:0 10px 30px #0007;font-size:13px}#toast.visible{display:block}
@media(min-width:600px){.layout{padding:24px 24px 100px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{padding:20px}.stat strong{font-size:28px}.admincards,.usercards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.filterform{grid-template-columns:repeat(3,minmax(0,1fr))}.editorrow{grid-template-columns:1fr 1fr}.textkey{grid-column:1/-1}.hero-copy{max-width:400px}.hero h1{font-size:40px}.hero p{max-width:320px}.pitch{right:-20px}.ball{right:70px;font-size:100px;top:80px}.hero{padding:30px}.brand{font-size:20px}.brand img{width:34px;height:34px}.wallet{max-width:160px;font-size:13px;padding:8px 13px}.wallet small{max-width:135px;font-size:8px}.lang button{font-size:12px;min-width:33px}.topbar{padding-left:24px;padding-right:24px}.tools>.avatar{display:flex}.demo{padding-left:24px;padding-right:24px;font-size:11px}.demo select{width:150px}.search{max-width:300px}.team{font-size:14px;gap:12px}.crest{height:36px;width:36px}.matchhead{padding:13px 19px;font-size:12px}.teams{padding:24px 20px}.odds{padding:0 18px 12px;gap:12px}.marketlabel,.matchfooter{padding-left:20px}.odd{padding:12px 16px;font-size:14px}.dash-intro>.small{font-size:12px;width:auto}.dash-intro>.small:first-letter{font-size:12px}}
@media(min-width:1000px){.layout{display:grid;grid-template-columns:180px minmax(0,1fr) 295px;gap:25px;padding:28px 28px 70px}.layout.adminlayout{grid-template-columns:180px minmax(0,1fr)}.sidebar{display:block}.sidebar .navlabel{color:#6f8c9f;font-size:9px;letter-spacing:1.5px;margin:20px 10px 10px;font-weight:800}.sidelink{display:flex;align-items:center;gap:10px;background:none;border-color:transparent;width:100%;text-align:left;font-size:12px;color:#a4bdcd;padding:11px;margin:3px 0}.sidelink.active{background:#173b2f;color:#88e7b6}.sidefoot{padding:15px;margin-top:32px;border:1px solid var(--line);border-radius:12px;font-size:11px;color:var(--muted)}.sidefoot strong{display:block;color:#bfd7e2;margin-bottom:8px}.slip{display:block;position:sticky;top:100px;align-self:start}.mobilebar{display:none}.hide-mobile{display:block}.topbar{height:78px;padding:0 28px;gap:20px}.topnav{display:flex;align-self:stretch;gap:20px}.topnav button{border:0;background:none;border-radius:0;padding:0 5px;color:#92aabd;font-size:12px}.topnav button.active{color:var(--green);border-bottom:2px solid var(--green)}.tools{gap:12px}.dash-columns{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:20px}.admincards{grid-template-columns:repeat(2,minmax(0,1fr))}.quicknav{flex-wrap:wrap}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-intro h1{font-size:33px}.box{padding:22px}.login{display:grid;grid-template-columns:1.1fr 1fr}.login-story{display:flex;flex-direction:column;justify-content:space-between;padding:50px 65px;position:relative;overflow:hidden;border-right:1px solid #294c3d}.login-story h1{font-size:65px;position:relative;z-index:1;letter-spacing:-2px}.login-story h1 span{color:var(--green)}.login-story p{position:relative;z-index:1;max-width:360px;color:#97bbaa;margin-top:22px}.login-story .pitch{width:500px;height:350px;top:45%;right:-150px;opacity:.5}.login-story .ball{top:47%;font-size:130px;right:10px;opacity:.3}.login-story footer{color:#7a9888;font-size:10px;letter-spacing:1px}.login-badges{display:flex;gap:15px;margin-top:35px}.login-badges .crest{height:32px;width:32px}.login-card .brand{display:none}.login-card h2,.login-card>p{text-align:left}.login-panel{padding:60px}.transaction{grid-template-columns:30px minmax(0,1fr) auto}.txamount{font-size:12px}}
@media(min-width:1350px){.layout{grid-template-columns:210px minmax(0,1fr) 320px;gap:30px}.layout.adminlayout{grid-template-columns:210px minmax(0,1fr)}.admincards{grid-template-columns:repeat(3,minmax(0,1fr))}.usercards{grid-template-columns:repeat(3,minmax(0,1fr))}.stat strong{font-size:31px}.stats{gap:16px}.hero{min-height:270px}.hero-copy{max-width:370px}.brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}