@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Orbitron:wght@400;500;600;700;800&family=Rajdhani:wght@400;500;600;700&display=swap');
:root{--bg:#f4f2eb;--paper:#fbfaf6;--ink:#171a16;--muted:#777a70;--line:#deded4;--lime:#d8fa48;--green:#365b30;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(calc((100vw - 1240px)/2),36px);gap:64px;background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:700 15px var(--display);letter-spacing:1px}.brand-mark,.brand-mini{height:32px;width:32px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font:700 19px var(--display)}.brand-sub{display:block;font:500 8px var(--mono);letter-spacing:2px;margin-top:2px}.topbar nav{display:flex;gap:34px;align-self:stretch}.topbar nav a{display:flex;align-items:center;text-decoration:none;color:#797c72;font-size:13px}.topbar nav a.active{color:var(--ink);border-bottom:2px solid var(--ink)}.account{margin-left:auto;display:flex;align-items:center;gap:18px}.quiet,.text-button{border:0;background:none;font:600 12px var(--font);cursor:pointer}.button{border:0;background:var(--ink);color:white;font:600 12px var(--font);padding:14px 18px;cursor:pointer;transition:.15s}.button:hover{background:var(--green);transform:translateY(-1px)}.button.small{padding:11px 15px}.main{max-width:1240px;margin:auto}.hero{max-width:1240px;margin:0 auto;min-height:390px;background:#20271e;color:#f5f5eb;position:relative;overflow:hidden;padding:53px 58px 0}.hero-copy{position:relative;z-index:2}.eyebrow{font:500 9px var(--mono);letter-spacing:1.6px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px}.hero h1{font:600 52px/.99 var(--display);letter-spacing:-2.6px;margin:24px 0 15px}.hero h1 em,.section-head h2 em,.modal-card h2 em{font-weight:400;color:#aeca63}.hero-copy p{font-size:13px;color:#bac0b1;margin-bottom:30px}.hero-link{font:500 11px var(--mono);color:var(--lime);text-decoration:none}.hero-link span{font-size:16px;margin-left:8px}.hero-art{position:absolute;right:0;top:0;width:53%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 58% 45%,#536e36 0,#384b2d 31%,#252f23 69%,#20271e 100%)}.court{position:absolute;width:360px;height:250px;transform:rotate(-25deg);border:1px solid #91a77c;top:67px;right:80px;opacity:.8}.court:before,.court:after{content:"";position:absolute;border:1px solid #91a77c}.court:before{top:0;bottom:0;left:50%;width:0}.court:after{width:115px;height:115px;border-radius:50%;left:calc(50% - 57px);top:calc(50% - 57px)}.court-line{position:absolute;left:15px;top:45px;width:35px;height:160px;border:1px solid #91a77c;border-left:0}.court-center{position:absolute;right:15px;top:45px;width:35px;height:160px;border:1px solid #91a77c;border-right:0}.court-arc{position:absolute;width:100%;height:30px;border:1px solid #91a77c;bottom:-15px;border-radius:50%}.orb{position:absolute;border-radius:50%;z-index:1}.orb-a{width:96px;height:96px;background:radial-gradient(circle at 32% 28%,#f2f78b,#a8c843 45%,#556833 80%);box-shadow:14px 19px 30px #1119;right:27%;top:89px}.orb-b{width:18px;height:18px;background:#e8f48d;right:59%;top:265px}.hero-tag{position:absolute;right:11%;top:72px;z-index:2;font:10px var(--mono);line-height:1.7;letter-spacing:1px;color:#e0edbe}.hero-tag b{font-size:15px;color:var(--lime)}.hero-number{position:absolute;bottom:48px;right:47px;color:#bfcead;font:10px var(--mono)}.hero-footer{position:absolute;left:58px;right:58px;bottom:18px;display:flex;justify-content:space-between;border-top:1px solid #ffffff27;padding-top:11px;color:#9ea793;font:8px var(--mono);letter-spacing:1px}.layout{max-width:1124px;margin:52px auto 80px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:40px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:21px}.muted{color:var(--muted)}.section-head h2{font:600 28px var(--display);letter-spacing:-.8px;margin:7px 0 0}.section-head h2 em{color:#728954}.sport-tabs{display:flex;gap:5px}.sport-tabs button{border:1px solid var(--line);background:transparent;padding:8px 11px;font:10px var(--font);color:#74776e;cursor:pointer}.sport-tabs button.selected{background:#20271e;color:white;border-color:#20271e}.event-list{display:grid;gap:11px}.event-card{background:var(--paper);border:1px solid #e3e2d8;padding:17px 19px 15px}.event-top{display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);letter-spacing:.7px;margin-bottom:17px}.league{color:#537146}.match-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.team{font:600 15px var(--display)}.team.away{text-align:right}.vs{font:9px var(--mono);color:#98998f}.odds-row{display:flex;gap:8px;margin-top:16px}.odd{flex:1;min-width:0;border:1px solid var(--line);background:#f7f6f0;padding:9px 10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;font:10px var(--font);color:var(--ink)}.odd:hover,.odd.picked{border-color:#527544;background:#ecf1e3}.odd b{font:500 11px var(--mono);color:#42623a}.slip{align-self:start;background:var(--paper);border:1px solid var(--line);padding:18px;position:sticky;top:18px}.slip-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.slip-head h3{font:600 20px var(--display);margin:5px 0 0}.slip-head h3 span{font:10px var(--mono);background:#e8e9de;border-radius:20px;padding:4px 7px;vertical-align:middle}.text-button{color:#73776c}.slip-empty{display:flex;align-items:center;flex-direction:column;gap:7px;padding:32px 0;color:#777a70;font-size:11px}.ticket-icon{font:24px var(--display);color:#5b7449}.slip-empty b{font:600 12px var(--display);color:var(--ink)}.slip-pick{padding:16px 0 13px;border-bottom:1px solid var(--line)}.pick-head{display:flex;justify-content:space-between;align-items:start}.pick-head b{font:600 12px var(--display)}.remove-pick{border:0;background:transparent;font-size:18px;cursor:pointer;color:#8d9085}.pick-sub{color:var(--muted);font-size:10px;margin-top:5px}.pick-odds{font:500 11px var(--mono);color:#42623a;margin-top:10px}.slip-summary{padding-top:18px}.slip-summary label{font:600 11px var(--font);display:flex;justify-content:space-between}.slip-summary label span{font:8px var(--mono);color:#85877c}.stake-input{height:42px;border:1px solid var(--line);display:flex;align-items:center;margin-top:9px;padding:0 10px;gap:8px}.stake-input>span{font:11px var(--mono);color:#72776b}.stake-input input{border:0;background:none;outline:none;min-width:0;width:100%;font:600 13px var(--mono)}.stake-input .currency{font-size:9px}.potential{display:flex;justify-content:space-between;margin:16px 0;font-size:11px;color:#777a70}.potential b{font:500 12px var(--mono);color:var(--ink)}.place-button{width:100%;display:flex;justify-content:space-between}.fine-print{font-size:9px;color:#8b8d84;text-align:center;margin:11px 0 0}.signed-out-note{border-top:1px solid var(--line);padding:14px 0 0;text-align:center;font-size:10px;color:#7d8075}.hidden{display:none!important}.my-bets{margin-top:54px}.history{background:var(--paper);border:1px solid var(--line)}.empty{padding:24px;color:#82857c;font-size:11px}.bet-row{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.bet-row:last-child{border-bottom:0}.bet-main b{font:600 12px var(--display)}.bet-main small{display:block;color:#777a70;font-size:10px;margin-top:5px}.bet-amount{text-align:right;font:500 11px var(--mono)}.bet-amount small{display:block;color:#777a70;font:9px var(--mono);margin-top:5px}footer{max-width:1124px;margin:0 auto;border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:9px;font:700 10px var(--display);letter-spacing:1px}.brand-mini{height:22px;width:22px;font-size:13px}.footer-note{margin-left:auto;font:8px var(--mono);color:#808379;letter-spacing:1px}.footer-year{font:9px var(--mono);color:#808379;margin-left:20px}.modal{position:fixed;inset:0;z-index:5;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#10130dcc}.modal-card{position:relative;z-index:1;width:min(420px,calc(100vw - 32px));background:var(--paper);padding:34px}.close{position:absolute;right:16px;top:12px;background:transparent;border:0;font-size:25px;cursor:pointer;color:#777}.modal-card h2{font:600 27px var(--display);margin:11px 0}.modal-card h2 em{color:#728954}.modal-intro{font-size:12px;color:#73776d;margin-bottom:25px}.modal-card form label{display:block;font-size:10px;font-weight:600;margin-bottom:15px}.modal-card input{display:block;width:100%;height:42px;margin-top:7px;background:#f7f6f0;border:1px solid var(--line);padding:0 11px;font:12px var(--font)}.form-error{color:#a8332a;font-size:10px;min-height:16px;margin:-3px 0 7px}.button.full{width:100%;display:flex;justify-content:space-between}.switch-auth{text-align:center;font-size:10px;color:#73776d;margin-top:19px}.switch-auth button{border:0;background:none;color:#42623a;font:600 10px var(--font);cursor:pointer}.modal-fine{border-top:1px solid var(--line);padding-top:12px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#20271e;color:#f5f5eb;padding:12px 18px;font-size:11px;transition:.2s;z-index:9}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.topbar{padding:0 24px;gap:30px}.hero{margin:0 20px}.layout{margin:38px 24px 65px;grid-template-columns:minmax(0,1fr) 285px;gap:22px}.sport-tabs button{padding:8px}.hero-art{width:50%}.court{right:0}.hero-footer{left:35px;right:35px}}
@media(max-width:650px){.topbar{height:65px;padding:0 15px;gap:20px}.topbar nav{gap:15px}.topbar nav a{font-size:11px}.account{gap:9px}.quiet{font-size:11px}.button.small{font-size:10px;padding:10px}.brand{font-size:12px}.brand-mark{height:28px;width:28px}.hero{margin:0;min-height:355px;padding:40px 25px 0}.hero h1{font-size:43px}.hero-art{width:60%;opacity:.7}.hero-tag{right:8%;top:65px}.court{width:280px;height:200px;right:-80px;top:91px}.orb-a{right:23%;top:114px;width:67px;height:67px}.hero-footer{left:25px;right:25px;font-size:7px}.layout{margin:32px 15px 55px;display:flex;flex-direction:column;gap:32px}.section-head{align-items:start;gap:14px;flex-direction:column}.sport-tabs{max-width:100%;overflow:auto}.sport-tabs button{white-space:nowrap}.slip{position:static;order:-1}.match-row{gap:8px}.team{font-size:12px}.event-card{padding:14px 12px}.odds-row{gap:5px}.odd{padding:9px 7px;font-size:9px;gap:3px;flex-direction:column;align-items:start}.odd b{font-size:10px}.my-bets{margin-top:42px}footer{margin:0 15px}.footer-note{font-size:7px}.footer-year{margin-left:6px}}
.balance-chip{font:500 11px var(--mono);white-space:nowrap}.balance-chip small{font:8px var(--mono);color:#777a70;margin-left:4px;letter-spacing:.5px}
:root{--bg:#070a14;--paper:#0e1424;--ink:#edf4ff;--muted:#9aa9c2;--line:#26324d;--lime:#49e7ff;--green:#b24eff;--font:'Rajdhani',sans-serif;--display:'Orbitron',sans-serif;--mono:'DM Mono',monospace}
body{background:radial-gradient(ellipse at 15% 8%,#121937 0,transparent 38%),var(--bg);color:var(--ink)}
.topbar{background:#080c18;border-color:#202c45}.brand{color:#f0f6ff;gap:11px}.brand-mark{background:linear-gradient(135deg,#5af2ff,#a44dff);color:#080c18;box-shadow:0 0 18px #5af2ff4a}.brand-name{font:800 16px var(--display);letter-spacing:1px}.brand-name>span{color:#fc3658}.brand-name small{display:block;font:600 8px var(--mono);letter-spacing:1.5px;color:#7cecff;margin-top:4px}.quiet{color:#c7d2e5}.quiet:hover,.text-button:hover{color:var(--lime)}
.hero{background:linear-gradient(105deg,#0d1430 0,#0a1022 49%,#080b17 100%);border:1px solid #263657;box-shadow:0 22px 70px #0007}.hero h1 em,.section-head h2 em,.modal-card h2 em{color:#57e8ff}.hero-copy p{color:#bdc9e1}.hero-art{width:52%;background:radial-gradient(ellipse at 54% 48%,#182957 0,#111a35 46%,#090d1a 83%);display:flex;align-items:center;justify-content:center}.hero-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#7cecff08 6px 7px);pointer-events:none}.hero-logo{position:relative;z-index:1;width:min(94%,570px);height:auto;max-height:330px;object-fit:contain;filter:drop-shadow(0 0 28px #2ddff44a)}.nebula{position:absolute;border-radius:50%;filter:blur(42px);opacity:.26}.nebula-one{width:180px;height:180px;background:#00d9ff;top:15%;left:20%}.nebula-two{width:160px;height:160px;background:#d428ff;right:15%;bottom:8%}.hero-tag{z-index:2;color:#d5e9ff;right:7%;top:28px;font-size:8px}.hero-tag b{color:#57e8ff}.hero-number{z-index:2;color:#8da7da}.hero-footer{border-color:#56709554;color:#8ea3c5}.hero-link{color:#6ff1ff}.live-dot{box-shadow:0 0 12px #48ecff}
.layout{color:var(--ink)}.league{color:#65eaff}.section-head h2 em{color:#be67ff}.event-card,.slip,.history,.modal-card{background:linear-gradient(145deg,#10182b,#0c1221);border-color:#263550;box-shadow:0 10px 28px #0003}.event-top{color:#94a5c0}.team{color:#eaf1ff}.vs{color:#7990b5}.sport-tabs button{color:#a9b7d0;border-color:#2a3857;background:#0c1220}.sport-tabs button.selected{background:#243761;color:#eafaff;border-color:#51dff8;box-shadow:inset 0 0 14px #31d5f51b}.odd{color:#dbe7fa;background:#111a2c;border-color:#2a3957}.odd:hover,.odd.picked{background:#122b3c;border-color:#48e4f7;box-shadow:0 0 14px #3de6f31c}.odd b,.pick-odds{color:#69edff}.slip-head{border-color:#2b3955}.slip-head h3{color:#f0f5ff}.slip-head h3 span{background:#1c2942;color:#70eaff}.text-button{color:#a7b7d1}.slip-empty{color:#9cacc5}.slip-empty b{color:#f1f5ff}.ticket-icon{color:#58e8ff}.pick-head b{color:#f2f5ff}.pick-sub,.fine-print,.signed-out-note{color:#9aa9c2}.signed-out-note{border-color:#2b3955}.stake-input{border-color:#2a3957;background:#0b1120}.stake-input input{color:#f3f6ff}.stake-input>span{color:#aab8d1}.potential{color:#a6b4cb}.potential b{color:#eff5ff}.button{background:linear-gradient(100deg,#7137cf,#2b9bc8);color:white;box-shadow:0 5px 20px #4d62e34a}.button:hover{background:linear-gradient(100deg,#8c4ee8,#28bad1)}.balance-chip{color:#72efff}.balance-chip small{color:#99a9c4}.bet-row{border-color:#273550}.bet-main b,.bet-amount{color:#e8f0ff}.bet-main small,.bet-amount small{color:#96a7c1}.empty{color:#9baac2}.modal-backdrop{background:#030611e8}.close{color:#b4c3dd}.modal-intro,.switch-auth{color:#a6b4cb}.modal-card input{background:#0a1121;color:#ecf3ff;border-color:#293958}.modal-card input::placeholder,.admin-grid input::placeholder{color:#7688a7}footer{border-color:#263550;color:#a8b7ce}.footer-note,.footer-year{color:#8497b5}.hero h1{font-family:var(--display);font-size:clamp(34px,4vw,49px);letter-spacing:-1.8px}.empty-esports{min-height:140px;display:flex;flex-direction:column;justify-content:center;gap:9px;color:#dfeaff}.empty-esports b{font:600 16px var(--display)}.empty-esports span{font-size:12px;color:#97a9c7}.odd:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:650px){.brand-name{font-size:12px}.brand-name small{font-size:6px}.hero-art{width:59%;opacity:.78}.hero-logo{width:110%;max-width:none;max-height:240px}.hero-tag{display:none}.hero h1{font-size:32px;letter-spacing:-1px}.hero-copy p{max-width:250px}}
.hero{min-height:660px}.hero-copy{max-width:53%}.stream-feature{position:relative;z-index:3;width:min(100%,500px);margin-top:23px}.stream-label{font:500 9px var(--mono);letter-spacing:1.2px;color:#a6c0df;margin-bottom:9px}.stream-label .live-dot{background:#ff405d;box-shadow:0 0 12px #ff405d88}.stream-frame{position:relative;width:100%;height:300px;background:#030611;border:1px solid #344463;box-shadow:0 10px 30px #0007}.stream-frame iframe{display:block;width:100%;height:100%;border:0}.stream-saved{font-size:10px;color:#70eaff}.admin-actions .stream-saved:empty{display:none}
.hero-logo{transform:translateY(120px)}
.forgot-password{display:block;margin:12px auto 0;border:0;background:none;color:#69edff;font:600 11px var(--font);cursor:pointer}.forgot-password:hover{text-decoration:underline}
@media(max-width:900px) and (min-width:651px){.hero{min-height:650px}.hero-copy{max-width:56%}.hero-art{width:44%}.stream-frame{height:260px}}
@media(max-width:650px){.hero{min-height:0;padding:38px 22px 58px}.hero-copy{max-width:none}.hero-art{display:none}.hero h1{font-size:32px}.hero-copy p{max-width:100%}.stream-feature{width:100%;margin-top:23px}.stream-frame{height:auto;aspect-ratio:16/9;min-height:190px}.hero-footer{bottom:15px;left:22px;right:22px}}
.username-help{display:block;margin-top:5px;color:#96a7c1;font-size:9px;font-weight:400}.username-chip{font:500 10px var(--mono);color:#73edff;white-space:nowrap}@media(max-width:650px){.username-chip{display:none}}
.recharge-button{border:1px solid #18c9b2;background:#10252c;color:#57f2df;padding:8px 11px;font:600 11px var(--font);cursor:pointer;white-space:nowrap}.recharge-button span{font-size:14px;margin-right:4px}.recharge-button:hover{background:#15333a;box-shadow:0 0 12px #31e4d229}.recharge-card{text-align:center}.recharge-card .modal-intro{margin-bottom:15px}.yape-qr{display:block;width:min(100%,360px);height:auto;margin:0 auto;border-radius:15px}.recharge-note{font-size:10px;color:#9eafc9;margin:12px 0 0}@media(max-width:650px){.recharge-button{padding:7px 8px;font-size:9px}.recharge-button span{font-size:12px;margin-right:2px}}
body{background-image:linear-gradient(180deg,#050813c9 0%,#070a14b8 45%,#070a14e3 100%),url('/assets/starcraft-background.webp');background-position:center top;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}@media(max-width:650px){body{background-attachment:scroll}}
