@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Pacifico&display=swap";:root{--bg-root:#00020a;--bg-panel:#030712;--bg-sidebar:#02060f;--bg-elevated:#0a1424;--bg-hover:#0d1a2e;--bg-active:#80dafd1f;--bg-input:#060d1a;--border:#1a2740;--border-soft:#0e1728;--accent:#7ed9ff;--accent-mid:#4fc4f5;--accent-deep:#1a9fd9;--accent-glow:#7ed9ff8c;--accent-tab:#6ad2ff;--text:#f7fbff;--text-on-accent:#001018;--text-muted:#8fa3bb;--text-dim:#5a6f8a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--sidebar-width:248px;--header-height:68px;--font-ui:"Outfit", sans-serif;--font-brand:"Pacifico", cursive;--ease-out:cubic-bezier(.22, 1, .36, 1);--mobile-bp:900px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg-root);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#243552;border-radius:999px}::-webkit-scrollbar-track{background:0 0}@keyframes lucksy-pulse-glow{0%,to{filter:drop-shadow(0 0 8px #7ed9ff59)}50%{filter:drop-shadow(0 0 18px #7ed9ffb3)}}@keyframes lucksy-spin{to{transform:rotate(360deg)}}@keyframes lucksy-breathe{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@keyframes lucksy-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lucksy-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.header{height:var(--header-height);padding:0 22px 0 18px;padding-left:max(18px, env(safe-area-inset-left));padding-right:max(22px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;background:linear-gradient(#040a16eb,#02060eb8);border-bottom:1px solid #7ed9ff0f;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.header__left{justify-self:start;align-items:center;gap:10px;min-width:0;display:flex}.header__menu{width:40px;height:40px;color:var(--text);transition:background .2s var(--ease-out), border-color .2s var(--ease-out);background:#060e1cd9;border:1px solid #7ed9ff2e;border-radius:11px;flex-shrink:0;place-items:center;display:none}.header__menu:hover{background:var(--bg-hover);border-color:#7ed9ff66}.header__brand{transition:transform .25s var(--ease-out);align-items:center;gap:12px;display:inline-flex}.header__brand:hover{transform:translateY(-1px)}.header__mark{background:linear-gradient(160deg,#0a1828,#050d18);border:1.5px solid #7ed9ff8c;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;animation:3.2s ease-in-out infinite lucksy-pulse-glow;display:grid;box-shadow:0 0 0 1px #00000059,0 0 14px #7ed9ff38}.header__mark-letter{width:100%;height:100%;font-family:var(--font-ui);letter-spacing:-.02em;background:linear-gradient(160deg,#e8f9ff,#7ed9ff 55%,#3db8ef);color:#0000;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;font-size:17px;font-weight:800;line-height:1;display:flex}.header__logo{font-family:var(--font-brand);letter-spacing:.5px;background:linear-gradient(120deg,#e8f9ff 10%,#7ed9ff 45%,#3db8ef 100%);color:#0000;filter:drop-shadow(0 0 14px #7ed9ff59);-webkit-background-clip:text;background-clip:text;font-size:32px;line-height:1;display:block;transform:translateY(2px)}.header__tabs{background:#060e1cd9;border:1px solid #7ed9ff1a;border-radius:14px;justify-self:center;align-items:center;gap:6px;padding:5px;display:flex;box-shadow:inset 0 1px #ffffff08}.header__tab{height:36px;color:var(--text-muted);letter-spacing:.01em;transition:background .2s var(--ease-out), color .2s var(--ease-out), box-shadow .2s var(--ease-out), transform .2s var(--ease-out);border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.header__tab:hover{color:var(--text);background:var(--bg-hover)}.header__tab--active{color:var(--text-on-accent);background:linear-gradient(#9ae6ff 0%,#58c6f4 52%,#2fb0e6 100%);box-shadow:0 0 0 1px #7ed9ff59,0 6px 20px #4fc4f559}.header__tab--active:hover{color:var(--text-on-accent);background:linear-gradient(#a8ebff 0%,#66cff8 52%,#3ab8ea 100%);transform:translateY(-1px)}.header__right{justify-self:end;align-items:center;gap:10px;display:flex}.header__signin{height:38px;color:var(--text);letter-spacing:.02em;white-space:nowrap;transition:background .2s var(--ease-out), box-shadow .2s var(--ease-out), border-color .2s var(--ease-out), transform .2s var(--ease-out);background:linear-gradient(#7ed9ff14,#7ed9ff05);border:1.5px solid #7ed9ffa6;border-radius:11px;padding:0 20px;font-size:13.5px;font-weight:600}.header__signin:hover{border-color:var(--accent);background:#7ed9ff1f;transform:translateY(-1px);box-shadow:0 0 18px #7ed9ff47}@media (width<=900px){.header{--header-height:58px;height:var(--header-height);padding:0 12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.header__menu{display:grid}.header__logo{font-size:24px}.header__mark{width:30px;height:30px}.header__mark-letter{font-size:14px}.header__brand{gap:8px}.header__tabs{border-radius:12px;padding:4px}.header__tab{gap:6px;height:32px;padding:0 12px;font-size:12.5px}.header__signin{height:34px;padding:0 12px;font-size:12.5px}}@media (width<=560px){.header__logo{font-size:22px}.header__tab,.header__signin{padding:0 10px}}@media (width<=400px){.header__logo,.header__tab-label{display:none}.header__tab{justify-content:center;width:34px;padding:0}.header__signin{padding:0 8px;font-size:12px}}.sidebar-backdrop{display:none}.sidebar{width:var(--sidebar-width);border-radius:var(--radius-lg);transition:width .22s var(--ease-out);background:linear-gradient(#0a1424f2 0%,#030812fa 100%);border:1px solid #7ed9ff14;flex-shrink:0;position:relative;overflow:visible;box-shadow:0 12px 32px #00000047}.sidebar--collapsed{width:76px}.sidebar__drawer-head{display:none}.sidebar__inner{flex-direction:column;gap:16px;height:100%;padding:14px 12px;display:flex;overflow:visible auto}.sidebar__collapse{z-index:2;width:24px;height:24px;color:var(--text-dim);background:#0a1526;border:1px solid #7ed9ff33;border-radius:50%;place-items:center;transition:border-color .2s,color .2s;display:grid;position:absolute;top:78px;right:-11px;box-shadow:0 2px 10px #00000073}.sidebar__collapse:hover{color:var(--text);border-color:var(--accent-mid)}.sidebar__search{background:var(--bg-input);height:40px;color:var(--text-dim);border:1px solid #7ed9ff1a;border-radius:12px;align-items:center;gap:8px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.sidebar__search:focus-within{border-color:#7ed9ff59;box-shadow:0 0 0 3px #7ed9ff14}.sidebar__search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:13px}.sidebar__search input::placeholder{color:#4d6078}.sidebar__section{flex-direction:column;gap:6px;display:flex}.sidebar__section-title{letter-spacing:.1em;text-transform:uppercase;color:#4a5d76;margin:0;padding:0 10px;font-size:11px;font-weight:600}.sidebar__nav{flex-direction:column;gap:3px;display:flex}.sidebar__link,.sidebar__lang{width:100%;min-height:42px;color:var(--text-muted);transition:background .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:13.5px;font-weight:500;display:flex;position:relative}.sidebar--collapsed .sidebar__link,.sidebar--collapsed .sidebar__lang,.sidebar--collapsed .sidebar__help{justify-content:center;padding:0}.sidebar__link:hover,.sidebar__lang:hover{color:var(--text);background:var(--bg-hover)}.sidebar__link--active{color:var(--accent);background:var(--bg-active);box-shadow:inset 0 0 0 1px #7ed9ff24}.sidebar__link--active:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 10px var(--accent-glow);border-radius:0 3px 3px 0;position:absolute;top:9px;bottom:9px;left:0}.sidebar__label{white-space:nowrap}.sidebar__chevron{color:#4a5d76;margin-left:auto;display:inline-flex}.sidebar__flag{border-radius:2px;flex-shrink:0;overflow:hidden}.sidebar__spacer{flex:1;min-height:8px}.sidebar__help{height:42px;color:var(--text-on-accent);transition:filter .2s ease, transform .2s var(--ease-out);background:linear-gradient(#8ae0ff 0%,#4fc4f5 55%,#2aa8df 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex;box-shadow:0 0 0 1px #7ed9ff40,0 8px 20px #4fc4f547}.sidebar__help:hover{filter:brightness(1.06);transform:translateY(-1px)}@media (width<=900px){.sidebar-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out);background:#00040e9e;border:none;margin:0;padding:0;display:block;position:fixed;inset:0}.sidebar-backdrop--open{opacity:1;pointer-events:auto}.sidebar{z-index:60;width:min(300px,86vw);max-width:300px;transition:transform .26s var(--ease-out);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-105%);box-shadow:12px 0 40px #00000073}.sidebar--open{transform:translate(0)}.sidebar--collapsed{width:min(300px,86vw)}.sidebar__collapse{display:none}.sidebar__drawer-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 8px;display:flex}.sidebar__drawer-brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.sidebar__drawer-mark{width:32px;height:32px;font-family:var(--font-ui);color:#7ed9ff;background:linear-gradient(160deg,#0a1828,#050d18);border:1.5px solid #7ed9ff80;border-radius:9px;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.sidebar__drawer-logo{font-family:var(--font-brand);background:linear-gradient(120deg,#e8f9ff 10%,#7ed9ff 45%,#3db8ef 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;line-height:1}.sidebar__close{width:36px;height:36px;color:var(--text-muted);background:#060e1ce6;border:1px solid #7ed9ff29;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.sidebar__close:hover{color:var(--text);border-color:#7ed9ff59}.sidebar__inner{flex:1;min-height:0;padding:8px 12px 16px}.sidebar--collapsed .sidebar__search input,.sidebar--collapsed .sidebar__section-title,.sidebar--collapsed .sidebar__label,.sidebar--collapsed .sidebar__help span,.sidebar--collapsed .sidebar__chevron{display:initial}.sidebar--collapsed .sidebar__link,.sidebar--collapsed .sidebar__lang,.sidebar--collapsed .sidebar__help{justify-content:flex-start;padding:0 12px}.sidebar--collapsed .sidebar__help{justify-content:center}.sidebar--collapsed .sidebar__search input,.sidebar--collapsed .sidebar__section-title{display:block}.sidebar--collapsed .sidebar__label,.sidebar--collapsed .sidebar__help span{display:inline}.sidebar--collapsed .sidebar__chevron{display:inline-flex}}.app-shell{background:radial-gradient(900px 420px at 12% -8%, #4fc4f524, transparent 55%), radial-gradient(700px 380px at 88% 0%, #14468c38, transparent 50%), radial-gradient(600px 300px at 50% 100%, #00285033, transparent 55%), var(--bg-root);flex-direction:column;height:100%;min-height:100dvh;display:flex}.app-body{flex:1;gap:12px;min-height:0;padding:16px 14px 14px;display:flex;overflow:hidden}.app-main{border-radius:var(--radius-lg);background:#0a1018;border:1px solid #7ed9ff14;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #00000059,0 16px 40px #00000059}body.sidebar-lock{overflow:hidden}@media (width<=900px){.app-body{gap:0;padding:8px}.app-main{border-radius:12px}}@media (width<=560px){.app-shell{min-height:100svh}.app-body{padding:0}.app-main{box-shadow:none;border-bottom:none;border-left:none;border-right:none;border-radius:0}}.betby-frame{background:#0a1018;flex:1;width:100%;height:100%;min-height:0;position:relative}.betby-frame__iframe{background:#0a1018;border:0;width:100%;height:100%;position:absolute;inset:0}.sports-loader{background:#0a1018;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:100%;min-height:0;display:flex}.sports-loader__spin{border:2px solid #7ed9ff2e;border-top-color:#7ed9ff;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite lucksy-spin}.sports-loader__label{color:var(--text-dim);letter-spacing:.02em;margin:0;font-size:13px;font-weight:500}.sport-error{text-align:center;background:radial-gradient(480px 240px at 50% 40%, #4fc4f51a, transparent 65%), var(--bg-panel);animation:lucksy-fade-up .4s var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px 20px;display:flex}.sport-error__brand{font-family:var(--font-brand);background:linear-gradient(120deg,#f2fbff,#7ed9ff 55%,#3db8ef);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px}.sport-error h1{margin:0;font-size:22px;font-weight:600}.sport-error p{max-width:360px;color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.sport-error__retry{height:40px;color:var(--text);background:linear-gradient(#7ed9ff29,#7ed9ff0d);border:1px solid #7ed9ff73;border-radius:11px;margin-top:10px;padding:0 22px;font-weight:600}.sport-error__retry:hover{box-shadow:0 0 18px #7ed9ff40}.page-placeholder{text-align:center;color:var(--text-muted);background:radial-gradient(480px 240px at 50% 40%, #4fc4f51a, transparent 65%), var(--bg-panel);animation:lucksy-fade-up .4s var(--ease-out);flex:1;place-content:center;justify-items:center;gap:10px;padding:32px 24px;display:grid}.page-placeholder__brand{font-family:var(--font-brand);background:linear-gradient(120deg,#f2fbff,#7ed9ff 55%,#3db8ef);color:#0000;filter:drop-shadow(0 0 14px #7ed9ff4d);-webkit-background-clip:text;background-clip:text;margin:0;font-size:34px;line-height:1}.page-placeholder h1{color:var(--text);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.page-placeholder p{max-width:360px;margin:0;font-size:14px;line-height:1.55}