*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298);min-height:100vh;color:#fff}.screen{min-height:100vh;padding:20px}.screen.active{display:block}.auth-container{max-width:400px;margin:100px auto;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 8px 32px #0000004d}.casino-title{text-align:center;font-size:2.5em;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.auth-tabs{display:flex;gap:10px;margin-bottom:30px}.tab-btn{flex:1;padding:12px;background:#ffffff1a;border:2px solid transparent;border-radius:10px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s;text-decoration:none;text-align:center}.tab-btn.active{background:#ffd7004d;border-color:gold}.auth-form.active{display:block}.form-group{margin-bottom:20px}.form-group.error{color:#8b0000}.form-group label{display:block;margin-bottom:8px;font-weight:700}.form-group input{width:100%;padding:12px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:16px}.form-group input::placeholder{color:#fff9}.btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,gold,#ffed4e);color:#1e3c72}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.game-container{max-width:1200px;margin:0 auto}.game-header{display:flex;justify-content:space-between;align-items:center;background:#0000004d;padding:20px 30px;border-radius:15px;margin-bottom:30px}.user-info{display:flex;gap:30px;font-size:18px}.username{font-weight:700}.balance{color:gold;font-weight:700}.game-nav{display:flex;gap:15px}.nav-btn{display:inline-block;text-decoration:none;padding:10px 20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s}.nav-btn:hover{background:#fff3;border-color:gold}.slot-machine{background:linear-gradient(135deg,#8b0000,#dc143c);border-radius:20px;padding:40px;box-shadow:0 10px 40px #00000080;margin-bottom:30px}.slot-machine-header{text-align:center;margin-bottom:30px}.slot-machine-header h2{font-size:2.5em;text-shadow:3px 3px 6px rgba(0,0,0,.5)}.slots-container{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.slot-wrapper{background:#000;border:5px solid #ffd700;border-radius:15px;overflow:hidden;box-shadow:inset 0 0 20px #000c}.slot{width:150px;height:100px;overflow:hidden;position:relative}.reel{position:absolute;top:0;width:100%;transition:top .1s linear}.reel.spinning{animation:spin .1s linear infinite}@keyframes spin{0%{top:0}to{top:-700px}}.symbol{height:100px;display:flex;align-items:center;justify-content:center;font-size:4em;background:linear-gradient(135deg,#1a1a1a,#333);border-bottom:2px solid #555}.win-message{display:none;text-align:center;min-height:60px;font-size:2em;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:pulse 1s infinite}.win-message.active{display:block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.bet-section{text-align:center;margin-bottom:30px}.bet-section h3{margin-bottom:20px;font-size:1.5em}.bet-buttons{display:flex;justify-content:center;gap:20px}.bet-btn{display:flex;flex-direction:column;align-items:center;padding:20px 40px;background:#0000004d;border:3px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s}.bet-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ffd7004d}.bet-btn.active{background:#ffd70033;border-color:gold}.bet-amount{font-size:2em;font-weight:700}.bet-label{font-size:.9em;opacity:.8}.spin-btn{display:block;width:100%;max-width:300px;margin:0 auto;padding:20px;background:linear-gradient(135deg,gold,#ffed4e);border:5px solid #fff;border-radius:50px;color:#8b0000;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #ffd70080}.spin-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 12px 35px #ffd700b3}.spin-btn:disabled{opacity:.5;cursor:not-allowed}.spin-text{display:block}.spin-cost{display:block;font-size:14px;margin-top:5px}.payout-table{background:#0000004d;border-radius:15px;padding:30px}.payout-table h3{text-align:center;margin-bottom:20px;font-size:1.8em}.payout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.payout-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#ffffff1a;border-radius:10px;font-size:1.2em}.multiplier{color:gold;font-weight:700}.leaderboard-container{max-width:800px;margin:0 auto}.back-btn{display:inline-block;text-decoration:none;padding:12px 24px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:16px;cursor:pointer;margin-bottom:30px;transition:all .3s}.back-btn:hover{background:#fff3;border-color:gold}.leaderboard-container h1{text-align:center;font-size:3em;margin-bottom:40px;text-shadow:3px 3px 6px rgba(0,0,0,.5)}.leaderboard-table{background:#0000004d;border-radius:15px;padding:30px}.leaderboard-header{display:grid;grid-template-columns:100px 1fr 150px;gap:20px;padding:15px 20px;background:#ffd70033;border-radius:10px;font-weight:700;font-size:1.2em;margin-bottom:15px}.leaderboard-row{display:grid;grid-template-columns:100px 1fr 150px;gap:20px;padding:15px 20px;background:#ffffff0d;border-radius:10px;margin-bottom:10px;transition:all .3s}.leaderboard-row:hover{background:#ffffff1a;transform:translate(5px)}.leaderboard-row.rank-1{background:linear-gradient(90deg,#ffd7004d,#ffd7001a)}.leaderboard-row.rank-2{background:linear-gradient(90deg,#c0c0c04d,#c0c0c01a)}.leaderboard-row.rank-3{background:linear-gradient(90deg,#cd7f324d,#cd7f321a)}.leaderboard-row.highlight{background:linear-gradient(90deg,#1e3c7280,#2a52984d);border:2px solid #ffd700}.rank{font-weight:700;font-size:1.2em}.player{font-weight:500}.score{text-align:right;color:gold;font-weight:700;font-size:1.1em}@media(max-width:768px){.slots-container{gap:10px}.slot{width:100px;height:150px}.symbol{height:75px;font-size:3em}.bet-buttons{flex-direction:column}.leaderboard-header,.leaderboard-row{grid-template-columns:80px 1fr 100px;gap:10px;padding:12px 15px}}