@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..900;1,14..32,300..900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#07111c;--bg-primary:#0b1827;--bg-secondary:#0e1d2c;--bg-card:#121e2e;--bg-elevated:#172234;--bg-hover:#1c2a3e;--bg-overlay:#07111ceb;--t-instant:70ms;--t-fast:.14s;--t-normal:.22s;--t-slow:.36s;--ease-std:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-decel:cubic-bezier(.22, 1.2, .36, 1);--ease-enter:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--accent:#00d900;--accent-bright:#00f200;--accent-dim:#00b800;--accent-glow:#00d9002e;--accent-muted:#00d9000f;--accent-border:#00d9002e;--gold:#f0c040;--gold-dim:#d4a020;--gold-glow:#f0c0402e;--red:#e83050;--red-glow:#e830502e;--blue:#4a9eff;--blue-glow:#4a9eff2e;--purple:#9060f0;--text-primary:#dce8f4;--text-secondary:#6a8aa4;--text-muted:#364c62;--text-disabled:#2a3d52;--border:#ffffff0e;--border-bright:#ffffff1a;--border-focus:#ffffff2e;--border-accent:#00d9002e;--sidebar-width:220px;--navbar-height:56px;--radius-xs:5px;--radius-sm:8px;--radius-md:11px;--radius-lg:15px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 4px #00000040;--shadow-sm:0 2px 8px #00000052;--shadow-md:0 4px 18px #0000006b;--shadow-lg:0 8px 36px #00000085;--shadow-xl:0 16px 64px #0009;--shadow-card:0 2px 12px #0000005c, inset 0 1px 0 #ffffff09;--shadow-card-hover:0 16px 48px #00000085, 0 0 0 1px #ffffff0f}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus{outline:none}input[type=number]::-webkit-inner-spin-button{opacity:.3}input[type=number]::-webkit-outer-spin-button{opacity:.3}button{transition:transform var(--t-fast) var(--ease-std), opacity var(--t-fast), box-shadow var(--t-fast), background var(--t-fast), border-color var(--t-fast)}button:not(:disabled):active{transform:scale(.96)!important}button:disabled{opacity:.38;cursor:not-allowed}@media (hover:hover){button:not(:disabled):hover{filter:brightness(1.07)}}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:600px 100%;animation:1.6s linear infinite shimmer}.skeleton-line{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);background-size:600px 100%;border-radius:4px;height:13px;animation:1.6s linear infinite shimmer}.page-enter{animation:pageIn .2s var(--ease-enter)}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ambient-bg{background:radial-gradient(ellipse at 15% 50%, #00c80006 0%, transparent 55%), radial-gradient(ellipse at 85% 15%, #4a9eff06 0%, transparent 55%), var(--bg-base)}.game-layout{transition:all var(--t-normal) var(--ease-std)}.glass{-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--border);background:#0e1d2ccc}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gradient-text{background:linear-gradient(90deg, var(--accent), #60ff80);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.38}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}65%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--accent-glow)}50%{box-shadow:0 0 24px var(--accent-glow)}}@keyframes winFlash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}@keyframes cardDeal{0%{opacity:0;transform:translateY(-16px)scale(.92)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes tileFlip{0%{transform:rotateY(90deg)scale(.85)}to{transform:rotateY(0)scale(1)}}@keyframes winZonePulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes kenoPop{0%{opacity:0;transform:scale(0)}65%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes resultFlash{0%{opacity:0;transform:scale(.82)}55%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes rollUp{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerText{0%{background-position:0%}to{background-position:200%}}.result-enter{animation:resultFlash .32s var(--ease-spring)}.glow-green{text-shadow:0 0 16px #00dc0080,0 0 32px #00dc0040}.glow-red{text-shadow:0 0 16px #e8305080,0 0 32px #e8305040}.glow-gold{text-shadow:0 0 16px #f0c04080,0 0 32px #f0c04040}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-primary);border:2.5px solid var(--bg-secondary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .12s;box-shadow:0 1px 6px #0006}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)}input[type=range]::-moz-range-thumb{background:var(--text-primary);border:2.5px solid var(--bg-secondary);cursor:pointer;border-radius:50%;width:18px;height:18px}.tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}#tawk-bubble-container,.widget-visible iframe{transform-origin:100% 100%!important;transform:scale(.7)!important}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}@media (width<=767px){:root{--sidebar-width:0px;--navbar-height:52px;font-size:15px}button{min-height:44px}input[type=range]{height:32px}.game-layout{flex-direction:column!important;padding:10px 10px 88px!important}.bet-panel{width:100%!important;min-width:unset!important;max-width:unset!important;flex-shrink:0!important}.game-card-thumb{height:130px!important}.game-card-info{padding:9px 11px 11px!important}canvas{width:100%!important;height:auto!important}main{padding-bottom:0}[style*="maxWidth: 1100"],[style*="maxWidth: 1000"],[style*="maxWidth: 960"],[style*="maxWidth: 900"],[style*="maxWidth: 860"]{padding-left:12px!important;padding-right:12px!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:20px!important}.admin-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}table td,table th{padding:8px 10px!important;font-size:12px!important}h1{font-size:clamp(18px,5vw,32px)!important}.wallet-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;width:100vw!important;max-height:100dvh!important;top:auto!important;bottom:0!important;left:0!important}@media (hover:none){button:hover,button:not(:disabled):hover{filter:none!important}}}@media (width<=480px){.game-grid{grid-template-columns:repeat(2,1fr)!important}.footer-grid{grid-template-columns:1fr!important}.stats-grid-3,.stats-grid-4{grid-template-columns:1fr 1fr!important}}@media (width<=360px){:root{--navbar-height:48px}.game-card-thumb{height:110px!important}}