@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-gradient: linear-gradient(135deg, #ff416c, #ff4b2b);--secondary-gradient: linear-gradient(135deg, #8E2DE2, #4A00E0);--card-bg: rgba(255, 255, 255, .05);--card-hover-bg: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .2);--text-color: #fff;--text-secondary: rgba(255, 255, 255, .7);--text-dimmed: rgba(255, 255, 255, .5);--success-color: #27ae60;--warning-color: #f39c12;--error-color: #e74c3c;--animation-timing: cubic-bezier(.16, 1, .3, 1)}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1f2c;color:var(--text-color);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes popIn{0%{transform:scale(.8);opacity:0;filter:blur(10px)}70%{transform:scale(1.05);filter:blur(0px)}to{transform:scale(1);opacity:1;filter:blur(0px)}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0;filter:blur(5px)}to{transform:translateY(0);opacity:1;filter:blur(0px)}}@keyframes slideFromRight{0%{transform:translate(30px);opacity:0;filter:blur(5px)}to{transform:translate(0);opacity:1;filter:blur(0px)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes glow{0%{box-shadow:0 0 5px #ff416c4d}50%{box-shadow:0 0 15px #ff416c80}to{box-shadow:0 0 5px #ff416c4d}}@keyframes floatIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flipIn{0%{transform:perspective(800px) rotateX(90deg);opacity:0}40%{transform:perspective(800px) rotateX(-10deg);opacity:1}70%{transform:perspective(800px) rotateX(10deg)}to{transform:perspective(800px) rotateX(0);opacity:1}}@keyframes newResult{0%{transform:translateY(-20px);opacity:0;box-shadow:0 0 #ff416c00;filter:saturate(1)}50%{box-shadow:0 0 20px #ff416ccc;filter:saturate(1.3)}to{transform:translateY(0);opacity:1;box-shadow:0 0 #ff416c00;filter:saturate(1)}}@keyframes slideNumber{0%{transform:translateY(-50px);opacity:0;filter:blur(5px)}20%{opacity:.2}to{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes bounce{0%{transform:translateY(20px);opacity:0}50%{transform:translateY(-10px);opacity:1}70%{transform:translateY(5px)}85%{transform:translateY(-2px)}to{transform:translateY(0);opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}button{transition:all .25s var(--animation-timing)}button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003;filter:brightness(1.1)}button:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 5px #0000004d;filter:brightness(.95)}.bc-card{background-color:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 15px var(--shadow-color);overflow:hidden;transition:all .3s var(--animation-timing);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bc-card:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px);border-color:#ffffff1a}.transition-all{transition:all .3s var(--animation-timing)}@media (max-width: 768px){.game-types,.result-grid{grid-template-columns:repeat(2,1fr)}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}}@media (max-width: 480px){.result-grid{grid-template-columns:1fr}}@keyframes buttonHover{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes buttonPress{0%{transform:translateY(-3px)}to{transform:translateY(1px)}}@keyframes buttonRelease{0%{transform:translateY(1px)}to{transform:translateY(-3px)}}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}button{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}button:hover{animation:buttonHover .2s forwards;box-shadow:0 5px 15px #0003}button:active{animation:buttonPress .1s forwards;box-shadow:0 2px 5px #0003}@keyframes logoSpin{0%{transform:rotateY(0)}25%{transform:rotateY(5deg)}50%{transform:rotateY(0)}75%{transform:rotateY(-5deg)}to{transform:rotateY(0)}}@keyframes logoGlow{0%{box-shadow:0 4px 10px #ff416c66,inset 0 2px 5px #ffffff4d}50%{box-shadow:0 4px 20px #ff416cb3,inset 0 2px 10px #ffffff80}to{box-shadow:0 4px 10px #ff416c66,inset 0 2px 5px #ffffff4d}}@keyframes textColor{0%{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 5px rgba(255,255,255,.5)}50%{color:#fd0;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 10px rgba(255,221,0,.7)}to{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 5px rgba(255,255,255,.5)}}@keyframes logoScale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes logoFloatLetter{0%{transform:translateY(0) translateZ(5px)}25%{transform:translateY(-2px) translateZ(8px)}50%{transform:translateY(0) translateZ(5px)}75%{transform:translateY(2px) translateZ(8px)}to{transform:translateY(0) translateZ(5px)}}@keyframes textPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes textPop{0%{transform:perspective(100px) rotateY(0)}25%{transform:perspective(100px) rotateY(10deg)}50%{transform:perspective(100px) rotateY(0)}75%{transform:perspective(100px) rotateY(-10deg)}to{transform:perspective(100px) rotateY(0)}}@keyframes lightSweep{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}@keyframes rollDice{0%{transform:rotateX(0) rotateY(0) rotate(0) translateZ(0);opacity:.5}20%{transform:rotateX(360deg) rotateY(180deg) rotate(90deg) translateZ(30px)}40%{transform:rotateX(720deg) rotateY(360deg) rotate(180deg) translateZ(0)}60%{transform:rotateX(540deg) rotateY(540deg) rotate(270deg) translateZ(15px)}80%{transform:rotateX(360deg) rotateY(720deg) rotate(360deg) translateZ(30px)}to{transform:rotateX(0) rotateY(0) rotate(0) translateZ(0);opacity:1}}@keyframes winningReveal{0%{filter:blur(20px);opacity:0;transform:scale(.5) rotate(-10deg)}60%{filter:blur(0);opacity:1;transform:scale(1.2) rotate(5deg)}80%{transform:scale(.9) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes celebrationEffect{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes winningNumberAppear{0%{transform:scale(0) translateY(50px);opacity:0}40%{transform:scale(1.3) translateY(-10px)}70%{transform:scale(.8) translateY(0)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}