*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#000 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><defs><pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="%23440000" stroke-width="0.5"/></pattern></pattern></defs><rect width="100" height="100" fill="%23000"/><rect width="100" height="100" fill="url(%23grid)"/></svg>');color:#0f0}.app{min-height:100vh;background:linear-gradient(180deg,#000,#1a0a1a);padding:20px}header{text-align:center;margin-bottom:30px;position:relative;border-bottom:3px solid #00ff00;padding-bottom:20px}h1{color:#0f0;text-shadow:0 0 20px #00ff00,0 0 40px #00aa00;font-size:2.5rem;margin:0;font-weight:700;letter-spacing:3px;text-transform:uppercase}h2{color:red;text-shadow:0 0 10px #ff0000;font-size:1.5rem;margin-bottom:20px;text-transform:uppercase}.logout-btn{position:absolute;right:20px;top:20px;background:linear-gradient(135deg,#600,#900);color:#f66;border:2px solid #ff0044;padding:10px 20px;cursor:pointer;border-radius:5px;font-weight:700;transition:all .3s ease;font-family:Courier New,monospace}.logout-btn:hover{background:linear-gradient(135deg,#900,#c00);box-shadow:0 0 15px #f04;transform:scale(1.05)}.logout-btn:disabled{opacity:.5;cursor:not-allowed}.auth-page{max-width:500px;margin:40px auto;text-align:center;padding:30px;background:linear-gradient(135deg,#00ff000d,#0000321a);border:2px solid #00ff00;border-radius:10px;box-shadow:0 0 30px #0f03}.casino{max-width:600px;margin:0 auto;text-align:center}form{display:flex;flex-direction:column;gap:20px;margin:30px auto;max-width:100%}.form-group{display:flex;flex-direction:column;gap:8px;text-align:left}input[type=text],input[type=password],input[type=number]{padding:12px 15px;border:2px solid #00ff00;background:#00ff000d;color:#0f0;border-radius:5px;font-family:Courier New,monospace;font-size:1rem;transition:all .3s ease;text-shadow:0 0 5px #00ff00}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus{outline:none;background:#00ff001a;box-shadow:0 0 20px #00ff0080;border-color:#0a0}input[type=text]:disabled,input[type=password]:disabled,input[type=number]:disabled{opacity:.5;cursor:not-allowed}button{padding:12px 25px;background:linear-gradient(135deg,#1a0a1a,#2a0a0a);color:red;border:2px solid #ff0000;border-radius:5px;cursor:pointer;font-weight:700;font-family:Courier New,monospace;font-size:1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px #ff0000;box-shadow:0 0 15px #ff00004d}button:hover:not(:disabled){background:linear-gradient(135deg,#2a0a0a,#3a0a0a);box-shadow:0 0 30px #f009;transform:scale(1.05);text-shadow:0 0 20px #ff0000}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}.error{color:#f66;text-shadow:0 0 5px #ff0044;margin:0;padding:10px;background:#ff00441a;border-left:3px solid #ff0044;border-radius:3px;font-size:.95rem}.error-hint{color:#f99;font-size:.85rem;margin:0;padding:5px 0}.password-requirements{display:flex;flex-direction:column;gap:5px;padding:10px;background:#6003;border:1px solid rgba(255,0,68,.3);border-radius:3px;margin-top:5px}.password-requirements p{margin:0;font-size:.9rem;color:#f04}.password-requirements p.valid{color:#0f0;text-shadow:0 0 5px #00ff00}.password-requirements p.invalid{color:#f66}a{color:#0f0;text-decoration:none;text-shadow:0 0 10px #00ff00;transition:all .3s ease;font-weight:700}a:hover{color:#0a0;text-shadow:0 0 20px #00ff00}.casino{max-width:700px;margin:0 auto;text-align:center}.balance{font-size:1.3rem;color:#0f0;margin-bottom:20px;text-shadow:0 0 10px #00ff00;padding:15px 20px;background:#00ff001a;border:2px solid #00ff00;border-radius:5px;font-weight:700;letter-spacing:2px}.balance strong{color:#ff0;text-shadow:0 0 10px #ffff00;font-size:1.5rem}.slot-machine{background:linear-gradient(135deg,#1a0000,#0a0a2e);border:4px solid #00ff00;border-radius:10px;padding:25px;margin:30px auto;max-width:600px;box-shadow:0 0 50px #0f0,inset 0 0 30px #00ff001a;position:relative;overflow:hidden}.slot-machine:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(0,255,0,.03) 50%,transparent 70%);pointer-events:none;animation:scan 4s linear infinite}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.reels{display:flex;justify-content:center;gap:20px;height:140px;overflow:hidden;background:#000c;border:3px solid #00ff00;border-radius:8px;padding:8px;position:relative;z-index:1}.reel-wrapper{width:120px;height:120px;background:linear-gradient(135deg,#1a0a1a,#0a0015);border:3px solid #00ff00;border-radius:5px;overflow:hidden;box-shadow:0 0 15px #0f0,inset 0 0 10px #00ff001a;position:relative}.reel-inner{display:flex;flex-direction:column;width:100%;height:auto}.symbol{width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;flex-shrink:0;text-shadow:0 0 20px #00ff00,0 0 40px #00aa00;color:#0f0;line-height:1;font-weight:700;font-family:Courier New,monospace;letter-spacing:2px}.controls{display:flex;flex-direction:column;gap:15px;align-items:center;margin:30px 0}.controls label{font-size:1.1rem;color:#0f0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;text-transform:uppercase;letter-spacing:1px}.controls input[type=number]{width:100px;text-align:center;border:2px solid #00ff00;background:#00ff000d;color:#0f0;padding:10px;border-radius:5px;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px #00ff00}.controls input[type=number]:focus{outline:none;box-shadow:0 0 20px #0f0,inset 0 0 10px #0f03}.spin-btn{padding:15px 50px;font-size:1.3rem;background:linear-gradient(135deg,#1a0000,#300);border:3px solid #ff0000;color:red;cursor:pointer;border-radius:5px;font-weight:700;box-shadow:0 0 30px red,inset 0 0 10px #f003;transition:all .3s;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px #ff0000}.spin-btn:hover:not(:disabled){background:linear-gradient(135deg,#300,#600);box-shadow:0 0 50px red,0 0 100px red;transform:scale(1.05);text-shadow:0 0 20px #ff0000}.spin-btn:active:not(:disabled){transform:scale(.95)}.spin-btn:disabled{opacity:.4;cursor:not-allowed}.result{font-size:1.8rem;margin-top:20px;padding:20px;border-radius:5px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.result.win{color:#0f0;text-shadow:0 0 20px #00ff00,0 0 40px #00aa00;background:#00ff001a;border:2px solid #00ff00}.result.lose{color:red;text-shadow:0 0 20px #ff0000,0 0 40px #cc0000;background:#ff00001a;border:2px solid #ff0000}@media(max-width:900px){.reel-wrapper{width:100px;height:100px}.symbol{width:100px;height:100px;font-size:2.5rem}.reels{gap:12px;height:100px}.slot-machine{max-width:450px;padding:15px}.spin-btn{padding:12px 30px;font-size:1.2rem}.controls label{font-size:1rem}.balance{font-size:1.3rem}}@media(max-width:600px){.reel-wrapper{width:80px;height:80px}.symbol{width:80px;height:80px;font-size:2rem}.reels{gap:10px;height:80px}.slot-machine{max-width:100%;padding:10px;margin:20px auto;border:3px solid #600}.spin-btn{padding:10px 25px;font-size:1rem;min-width:100%}.controls{gap:10px;margin:20px 0}.controls label{font-size:.95rem;gap:5px}.controls input[type=number]{width:80px;padding:6px;font-size:.9rem}.balance{font-size:1.1rem;margin-bottom:15px;padding:10px}.result{font-size:1.4rem;margin-top:15px;padding:10px}h1{font-size:2rem}h2{font-size:1.5rem}.auth-page{padding:20px;margin:20px auto}.logout-btn{position:static;margin-bottom:20px;width:100%}}@media(max-width:400px){.reel-wrapper{width:70px;height:70px}.symbol{width:70px;height:70px;font-size:1.8rem}.reels{gap:8px;height:70px;padding:3px}.slot-machine{padding:8px;margin:15px auto;border:3px solid #600}.spin-btn{padding:8px 20px;font-size:.9rem;min-width:100%}.controls{gap:8px;margin:15px 0}.controls label{font-size:.9rem;flex-direction:column;gap:5px}.controls input[type=number]{width:70px;padding:5px;font-size:.85rem}.balance{font-size:1rem;margin-bottom:10px;padding:8px}.result{font-size:1.2rem;margin-top:10px;padding:8px}h1{font-size:1.5rem}h2{font-size:1.3rem;margin-bottom:15px}.auth-page{padding:15px;margin:15px auto}input[type=text],input[type=password],input[type=number]{padding:8px 10px;font-size:.95rem}button{padding:8px 15px;font-size:.85rem}}