:root{--brand-teal-deep: #051915;--brand-teal-nav: #082d25;--brand-emerald: #05c48b;--brand-yellow: #c6ff00;--brand-yellow-hover: #b2e600;--brand-gold: #ffd700;--brand-purple: #9c27b0;--bg-dark: #05070a;--bg-panel: rgba(16, 21, 30, .75);--bg-card: rgba(28, 36, 48, .6);--bg-card-hover: rgba(38, 48, 64, .85);--bg-odds: rgba(33, 43, 58, .8);--bg-odds-hover: rgba(49, 63, 85, .95);--text-main: #ffffff;--text-muted: #8fa0b5;--text-yellow: #c6ff00;--live-green: #00ffaa;--live-red: #ff3e6c;--border-color: rgba(255, 255, 255, .07);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif}html{overflow-x:hidden;width:100%}*{box-sizing:border-box;margin:0;padding:0;max-width:100%}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw;background:radial-gradient(at 0% 0%,rgba(13,35,29,.5) 0px,transparent 50%),radial-gradient(at 50% 0%,rgba(8,12,19,.8) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(26,9,36,.4) 0px,transparent 50%),#05070a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-emerald)}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600}@keyframes flashGreen{0%{background-color:#00ffaa40;box-shadow:inset 0 0 0 1.5px var(--live-green)}to{background-color:var(--bg-odds);box-shadow:none}}@keyframes flashRed{0%{background-color:#ff3e6c40;box-shadow:inset 0 0 0 1.5px var(--live-red)}to{background-color:var(--bg-odds);box-shadow:none}}.flash-up{animation:flashGreen 1s ease}.flash-down{animation:flashRed 1s ease}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%;max-width:100vw;overflow-x:hidden}.main-layout{display:grid;grid-template-columns:260px 1fr 350px;flex-grow:1;overflow:hidden;height:calc(100vh - 56px);width:100%;max-width:100%}.left-sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border-color);padding:12px 0;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.right-sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden;border-left:1px solid var(--border-color);background-color:var(--bg-panel)}.dashboard-main{display:flex;flex-direction:column;gap:14px;padding:14px;overflow-y:auto;height:100%;background-color:var(--bg-dark)}.promos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;flex-shrink:0}.sport-pills-container{display:flex;align-items:center;gap:8px;padding:10px 12px;overflow-x:auto;background:#080c1499;border-bottom:1px solid rgba(255,255,255,.06);-webkit-overflow-scrolling:touch;scrollbar-width:none}.sport-pills-container::-webkit-scrollbar{display:none}.sport-pill{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-muted);font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .18s ease;font-family:var(--font-body);flex-shrink:0}.sport-pill:hover{background:#ffffff17;color:#fff;border-color:#fff3}.sport-pill-active{background:#c6ff001f!important;border-color:var(--brand-yellow)!important;color:var(--brand-yellow)!important;font-weight:700}.match-card{transition:transform .15s ease,box-shadow .15s ease}.match-card:hover{transform:translateY(-1px);box-shadow:0 6px 24px #0000004d}.match-odds-row{display:flex;gap:6px;margin-top:2px;padding-bottom:10px}.odds-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 4px;background:var(--bg-odds);border:1px solid rgba(255,255,255,.08);border-radius:7px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;min-width:0}.odds-btn:hover{background:var(--bg-odds-hover);border-color:#ffffff2e;transform:translateY(-1px)}.odds-btn-selected{background:#c6ff001a!important;border-color:var(--brand-yellow)!important}.odds-label{font-size:.65rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.odds-value{font-size:.9rem;font-weight:700;color:var(--text-main);font-family:var(--font-display)}.odds-btn-selected .odds-value{color:var(--brand-yellow)}.match-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color);transition:background-color .2s ease;cursor:pointer;gap:12px}.match-info{flex:1;min-width:150px}.match-odds-container{display:flex;gap:8px;justify-content:flex-end;align-items:center}.roulette-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}@media (max-width: 1280px){.main-layout{grid-template-columns:220px 1fr}.right-sidebar{display:none!important}}@media (max-width: 768px){.main-layout{grid-template-columns:1fr;height:calc(100vh - 112px)}.left-sidebar{display:none!important}.dashboard-main{padding:10px;gap:10px}.promos-grid{grid-template-columns:1fr;gap:8px}}@media (max-width: 600px){.roulette-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.match-odds-row{gap:5px}.odds-btn{padding:6px 2px}.odds-value{font-size:.82rem}.match-row{flex-direction:column;align-items:stretch;padding:12px;gap:10px}.match-info{min-width:unset}.match-odds-container{justify-content:space-between;width:100%}.match-odds-container button{flex:1}}.btn-primary{background-color:var(--brand-yellow);color:#080a0f;font-weight:700;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;font-family:var(--font-display);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #c6ff0040}.btn-primary:hover{background-color:var(--brand-yellow-hover);transform:translateY(-1.5px);box-shadow:0 6px 20px #c6ff0066}.btn-secondary{background-color:#ffffff08;color:var(--text-main);border:1px solid var(--border-color);border-radius:6px;padding:10px 20px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#ffffff14;border-color:var(--text-muted)}.card-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000005e;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-panel:hover{border-color:#05c48b33;box-shadow:0 12px 40px #05c48b14}.odds-cell{background-color:var(--bg-odds);border:1px solid var(--border-color);border-radius:6px;padding:10px;text-align:center;cursor:pointer;transition:background-color .2s,border-color .2s,transform .1s;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.odds-cell:hover{background-color:var(--bg-odds-hover);transform:translateY(-.5px)}.odds-cell.selected{background-color:#c6ff001a;border-color:var(--brand-yellow);color:var(--brand-yellow);box-shadow:0 0 10px #c6ff0026}.odds-cell.selected .odds-val{color:var(--brand-yellow);font-weight:700}.odds-lbl{font-size:.72rem;color:var(--text-muted)}.odds-val{font-size:.95rem;color:var(--text-main);font-weight:600}.pitch-container{position:relative;width:100%;aspect-ratio:16/10;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 40px #00000080}.pitch-lines{position:absolute;top:5%;bottom:5%;left:5%;right:5%;border:1px solid rgba(255,255,255,.15)}.pitch-center-line{position:absolute;top:5%;bottom:5%;left:50%;border-left:1px dashed rgba(255,255,255,.15)}.pitch-center-circle{position:absolute;width:60px;height:60px;border:1px solid rgba(255,255,255,.15);border-radius:50%}.pitch-penalty-area-l{position:absolute;left:5%;width:15%;height:40%;border:1px solid rgba(255,255,255,.15);border-left:none}.pitch-penalty-area-r{position:absolute;right:5%;width:15%;height:40%;border:1px solid rgba(255,255,255,.15);border-right:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#05070ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .25s ease}.modal-content{background:#141b26f2;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0009,0 0 30px #05c48b1a;border-radius:16px;width:90%;max-width:500px;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-input{width:100%;background-color:#0003;border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;color:#fff;font-size:.85rem;outline:none;font-family:var(--font-body);transition:border-color .2s}.form-input:focus{border-color:var(--brand-emerald)}.chat-widget-container{position:fixed;bottom:24px;right:24px;z-index:90;display:flex;flex-direction:column;align-items:flex-end}@media (max-width: 768px){.chat-widget-container{bottom:72px;right:16px}}.chat-bubble{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--brand-emerald) 0%,#009688 100%);box-shadow:0 4px 16px #00968866,0 0 0 4px #05c48b26;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#080a0f;transition:all .2s cubic-bezier(.4,0,.2,1)}.chat-bubble:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 20px #00968899}.chat-window{width:320px;height:400px;background:#10151efa;border:1px solid var(--border-color);box-shadow:0 12px 40px #00000080;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;margin-bottom:12px;animation:slideUp .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-header{background:var(--brand-teal-nav);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.chat-body{flex-grow:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-msg{max-width:80%;padding:8px 12px;border-radius:8px;font-size:.78rem;line-height:1.3}.chat-msg.agent{background-color:#ffffff0d;color:#fff;align-self:flex-start;border-bottom-left-radius:2px}.chat-msg.user{background-color:var(--brand-emerald);color:#080a0f;align-self:flex-end;border-bottom-right-radius:2px;font-weight:500}.chat-input-area{padding:8px 12px;border-top:1px solid var(--border-color);background-color:#0003;display:flex;gap:8px}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background-color:#080a0f;border-top:1px solid var(--border-color);justify-content:space-around;align-items:center;z-index:80;box-shadow:0 -4px 16px #0006}@media (max-width: 768px){.mobile-bottom-nav{display:flex}.main-layout{height:calc(100vh - 112px)}}@keyframes spinReel{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.slots-reel-spinning{animation:spinReel .1s linear infinite}@keyframes spinRoulette{0%{transform:rotate(0)}to{transform:rotate(1440deg)}}.roulette-spinning{animation:spinRoulette 2.5s cubic-bezier(.1,.8,.1,1) 1}.header-login-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;color:#fff;padding:6px 16px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.header-login-btn:hover{background-color:#ffffff0d}.header-join-btn{background-color:var(--brand-emerald);border:none;border-radius:6px;color:#080a0f;padding:7px 16px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #05c48b40;white-space:nowrap}.header-join-btn:hover{background-color:#04b27d}.header-nav{display:flex;gap:4px;height:56px}.header-search{position:relative;display:flex;align-items:center}.currency-label{font-size:.65rem;color:var(--text-muted)}.wallet-title{font-size:.6rem;color:var(--text-muted);font-weight:600}.wallet-sub-balance{font-size:.6rem;color:var(--text-muted);margin-top:-1px}@media (max-width: 900px){.header-search{display:none!important}}@media (max-width: 768px){.header-nav{display:none!important}}@media (max-width: 580px){.currency-label,.wallet-title,.wallet-sub-balance{display:none!important}}@media (max-width: 480px){.app-header{padding:0 8px!important}.logo-text,.logo-badge{display:none!important}.header-right{gap:8px!important}.header-auth-buttons{gap:6px!important}.header-login-btn,.header-join-btn{padding:5px 10px;font-size:.72rem}}