@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--background:#050508;--foreground:#f3f4f6;--accent-gold:#d4af37;--accent-gold-light:#fbeea4;--accent-purple:#702cf0;--accent-purple-light:#9d68ff;--accent-blue:#00d2ff;--glass:#12121ca6;--glass-border:#d4af3733;--glass-card-bg:#ffffff08;--font-main:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--elem-wood:#10b981;--elem-fire:#ef4444;--elem-earth:#f59e0b;--elem-metal:#e2e8f0;--elem-water:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--background);color:var(--foreground);word-break:keep-all;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 20%,#702cf033,#0000 45%),radial-gradient(circle at 80% 80%,#00d2ff26,#0000 45%),radial-gradient(circle,#d4af3714,#0000 60%);width:100%;height:100%;animation:16s ease-in-out infinite alternate pulse;position:fixed;top:0;left:0}@keyframes pulse{0%{opacity:.6;transform:scale(1)}to{opacity:.9;transform:scale(1.15)}}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;transition:all .3s;box-shadow:0 12px 40px #000000b3}.glass-card:hover{border-color:#d4af3766}.title-gradient{background:linear-gradient(135deg,#fff 0%,#fbeea4 40%,var(--accent-gold)75%,#fff 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-weight:800}.btn-premium{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b3dff 0%,#4a159d 100%);border:1px solid #fff3;border-radius:12px;flex-shrink:0;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #702cf066}.btn-premium:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 8px 30px #8b3dff99}.btn-premium:disabled{opacity:.6;cursor:not-allowed}.input-mystic{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:.95rem;transition:all .3s}.input-mystic:focus{border-color:var(--accent-gold);background:#ffffff12;box-shadow:0 0 12px #d4af3740}.btn-lang{color:#fff9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff26;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .3s}.btn-lang:hover{border-color:var(--accent-gold);color:#fff}.btn-lang.active{background:linear-gradient(135deg,var(--accent-gold),#b89020);border-color:var(--accent-gold);color:#050508;box-shadow:0 0 12px #d4af3780}.badge-wood{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-fire{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.badge-earth{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-metal{color:#f1f5f9;background:#e2e8f026;border:1px solid #e2e8f04d}.badge-water{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.lotto-ball{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 4px 10px #00000080,inset -2px -2px 6px #0006,inset 2px 2px 6px #ffffff80}.lotto-ball-yellow{color:#212121;background:radial-gradient(circle at 35% 35%,#fff176,#fbc02d 60%,#f57f17)}.lotto-ball-blue{background:radial-gradient(circle at 35% 35%,#64b5f6,#1e88e5 60%,#0d47a1)}.lotto-ball-red{background:radial-gradient(circle at 35% 35%,#e57373,#e53935 60%,#b71c1c)}.lotto-ball-gray{background:radial-gradient(circle at 35% 35%,#b0bec5,#78909c 60%,#37474f)}.lotto-ball-green{background:radial-gradient(circle at 35% 35%,#81c784,#43a047 60%,#1b5e20)}.lotto-ball-bonus{color:#212121;background:radial-gradient(circle at 35% 35%,#ffd54f,#ffb300 60%,#ff6f00);border:2px dashed #fff}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--glass-border);width:100%;max-width:680px;max-height:85vh;color:var(--foreground);background:#0d0d16;border-radius:20px;padding:32px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #000000e6}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.btn-external-link{cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-link-gold{color:#0d0d16;background:linear-gradient(135deg,#d4af37 0%,#aa8012 100%);box-shadow:0 4px 15px #d4af3759}.btn-link-gold:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780}.btn-link-blue{color:#fff;background:linear-gradient(135deg,#00d2ff 0%,#0072ff 100%);box-shadow:0 4px 15px #00d2ff59}.btn-link-blue:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #00d2ff80}@media (max-width:768px){.responsive-grid-2{grid-template-columns:1fr!important}.responsive-grid-4{grid-template-columns:repeat(2,1fr)!important}.modal-content{border-radius:16px;padding:22px 18px}}