*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#0000;background-image:radial-gradient(circle at 20%,#b8860b26 0%,#0000 50%),radial-gradient(circle at 80% 80%,#dc143c26 0%,#0000 50%),radial-gradient(circle at 40% 20%,#8b008b33 0%,#0000 50%),linear-gradient(135deg,#0a0a0a 0%,#1a0a1a 25%,#0a0a1a 50%,#1a0a0a 75%,#0a0a0a 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:100% 100%,100% 100%,100% 100%,100% 100%;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;max-width:100vw;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#b8860b08 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#b8860b08 2px 4px);width:100%;height:100%;position:fixed;top:0;left:0}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}body:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#ffd7001a,#0000) 0 0/1000px 100%;width:100%;height:100%;animation:3s infinite shimmer;position:fixed;top:0;left:0}a{color:inherit;text-decoration:none}.container{z-index:1;max-width:1200px;margin:0 auto;padding:20px;position:relative}@media (max-width:768px){.container{padding:15px}}@media (max-width:480px){.container{padding:10px}}.header{background:linear-gradient(135deg,#b8860bf2 0%,#8b008bf2 100%);border:2px solid #ffd7004d;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000004d,0 0 20px #b8860b4d,inset 0 1px #fff3}.header:before{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%}.header h1{color:gold;text-shadow:2px 2px 4px #00000080,0 0 10px #ffd70080;z-index:1;font-size:28px;position:relative}.mobile-header{display:none}.player-info{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.balance-info{flex-direction:column;gap:8px;display:flex}.player-code-display{color:#ffd700e6;text-shadow:0 0 5px #ffd7004d;background:linear-gradient(135deg,#1a1a1acc 0%,#2d1b1bcc 100%);border:1px solid #ffd7004d;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.balance{color:gold;text-shadow:0 0 10px #ffd70080;white-space:nowrap;background:linear-gradient(135deg,#1a1a1a 0%,#2d1b1b 100%);border:2px solid #ffd70080;border-radius:10px;flex-direction:row;align-items:center;gap:12px;padding:12px 24px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 8px #0000004d,0 0 15px #ffd7004d}.balance .player-code,.balance .balance-amount{font-size:14px;font-weight:700}.logout-btn{white-space:nowrap;min-width:100px;width:auto!important}.admin-link{color:#ffd700e6;background:#0000004d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;text-decoration:none;transition:all .2s;display:flex}.admin-link:hover{color:gold;background:#00000080}.mobile-logo-image{width:170px;max-width:100%;height:auto;display:block}.mobile-menu-button{color:gold;cursor:pointer;background:linear-gradient(135deg,#1a1a1af2 0%,#2d1b1bf2 100%);border:2px solid #ffd7008c;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;font-weight:700;line-height:1;display:flex}.mobile-menu-panel{z-index:10;background:linear-gradient(135deg,#1a1a1afa 0%,#2d1b1bfa 100%);border:2px solid #ffd70066;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 10px 20px #00000059,0 0 18px #ffd70026}.mobile-menu-balance{color:gold;background:#00000059;border:1px solid #ffd70059;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.mobile-menu-balance .player-code{font-size:13px}.mobile-menu-balance .balance-amount{font-size:14px}.mobile-menu-action{width:100%!important}.mobile-admin-menu-link{text-align:center}@media (max-width:768px){.header{margin-bottom:20px;padding:14px 15px;display:block;overflow:visible}.desktop-header-title,.desktop-player-info{display:none}.mobile-header{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}}@media (max-width:480px){.mobile-logo-image{width:145px}}.login-form{background:linear-gradient(135deg,#1a1a1af2 0%,#2d1b1bf2 100%);border:2px solid #ffd7004d;border-radius:15px;max-width:480px;margin:100px auto;padding:40px;position:relative;overflow:hidden;box-shadow:0 8px 16px #0006,0 0 30px #b8860b4d,inset 0 1px #ffffff1a}.login-form:before{content:"";background:linear-gradient(45deg,#0000,#ffd7000d,#0000);width:200%;height:200%;animation:4s infinite shimmer;position:absolute;top:-50%;left:-50%}.login-form h1{color:gold;text-shadow:2px 2px 4px #00000080,0 0 10px #ffd70080;z-index:1;margin-bottom:20px;position:relative}.login-description{color:#ffd700cc;text-shadow:0 0 5px #ffd7004d;z-index:1;margin-bottom:20px;position:relative}@media (max-width:480px){.login-form{max-width:100%;margin:50px auto;padding:30px 20px}}.form-group{z-index:1;margin-bottom:15px;position:relative}.form-group label{color:gold;text-shadow:0 0 5px #ffd70080;margin-bottom:5px;font-weight:500;display:block}.form-group input{color:#fff;background:#00000080;border:2px solid #ffd7004d;border-radius:8px;width:100%;padding:12px;font-size:16px;transition:all .3s}.form-group input:focus{background:#000000b3;border-color:gold;outline:none;box-shadow:0 0 15px #ffd70080}.form-group input::placeholder{color:#ffffff80}.btn{color:#000;cursor:pointer;text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#b8860b 0%,gold 50%,#b8860b 100%);border:2px solid #ffd70080;border-radius:8px;width:100%;padding:12px 24px;font-size:16px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000004d,0 0 15px #ffd7004d}.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover{border-color:gold;transform:translateY(-2px);box-shadow:0 6px 12px #0006,0 0 25px #ffd70080}.btn:hover:before{left:100%}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}@media (min-width:1024px){.games-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.game-card{cursor:pointer;background:linear-gradient(135deg,#1a1a1af2 0%,#2d1b1bf2 100%);border:2px solid #ffd70033;border-radius:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000004d,0 0 15px #b8860b33}.game-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#ffd7000d,#0000);transition:opacity .3s;position:absolute;inset:0}.game-card:hover{border-color:#ffd70099;transform:translateY(-8px)scale(1.02);box-shadow:0 12px 24px #0006,0 0 30px #ffd70066}.game-card:hover:before{opacity:1}.game-image{object-fit:cover;color:gold;background:linear-gradient(135deg,#1a1a1a 0%,#2d1b1b 50%,#1a0a1a 100%);justify-content:center;align-items:center;width:100%;height:120px;font-size:48px;display:flex;position:relative;overflow:hidden}.game-image:before{content:"";background:linear-gradient(45deg,#0000,#ffd7001a,#0000);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%}.game-image img{object-fit:cover;width:100%;height:100%}.game-info{z-index:1;padding:12px;position:relative}.game-title{color:gold;text-shadow:0 0 10px #ffd70080;margin-bottom:4px;font-size:14px;font-weight:700}.game-code{color:#fff9;margin-bottom:4px;font-size:12px}.play-btn{color:#000;cursor:pointer;text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#b8860b 0%,gold 50%,#b8860b 100%);border:2px solid #ffd70080;border-radius:8px;width:100%;padding:6px 12px;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 2px 4px #0000004d}.play-btn:hover:not(:disabled){border-color:gold;transform:scale(1.05);box-shadow:0 4px 8px #0006,0 0 15px #ffd70080}.play-btn:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;color:gold;text-shadow:0 0 10px #ffd70080;padding:40px;font-size:18px}.error{color:#ff6b6b;text-shadow:0 0 5px #dc143c80;background:linear-gradient(135deg,#dc143c33 0%,#8b000033 100%);border:2px solid #dc143c80;border-radius:10px;margin:20px 0;padding:15px;box-shadow:0 4px 8px #0000004d}.games-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.games-title{color:gold;text-shadow:2px 2px 4px #00000080,0 0 10px #ffd70080;margin:0}.refresh-btn{min-width:120px;width:auto!important}.games-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-input{color:gold;background:#00000080;border:2px solid #ffd7004d;border-radius:8px;min-width:200px;padding:10px 15px;font-size:14px;transition:all .3s}.search-input::placeholder{color:#ffd70080}.search-input:focus{background:#000000b3;border-color:gold;outline:none;box-shadow:0 0 10px #ffd70080}@media (max-width:768px){.games-header{flex-direction:column;align-items:stretch}.games-title{text-align:center}.games-controls{flex-direction:column;width:100%}.search-input{width:100%;min-width:unset}.refresh-btn{width:100%!important}}.game-frame{z-index:1000;background:#000;border:none;width:100%;height:100vh;position:fixed;top:0;left:0}.back-button{z-index:1001;cursor:pointer;background:#ffffffe6;border:none;border-radius:5px;padding:10px 20px;font-weight:700;position:fixed;top:20px;left:20px;box-shadow:0 2px 4px #0003}.back-button:hover{background:#fff}.admin-page{color:#e0e0e0;background:#0a0a0a;min-height:100vh}.admin-login-box{background:#111;border:1px solid #222;border-radius:12px;max-width:400px;margin:120px auto;padding:40px;box-shadow:0 4px 24px #00000080}.admin-title{color:#fff;text-align:center;margin-bottom:8px;font-size:28px;font-weight:700}.admin-subtitle{color:#888;text-align:center;margin-bottom:24px}.admin-form-group{margin-bottom:16px}.admin-form-group label{color:#aaa;margin-bottom:6px;font-size:14px;display:block}.admin-form-group input,.admin-form-group select{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:100%;padding:12px 14px;font-size:15px}.admin-form-group input:focus,.admin-form-group select:focus{border-color:#444;outline:none}.admin-form-check label{cursor:pointer;align-items:center;gap:10px;display:flex}.admin-form-check input[type=checkbox]{width:auto}.admin-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.admin-btn-primary{color:#fff;background:#222;border:1px solid #444}.admin-btn-primary:hover:not(:disabled){background:#333;border-color:#555}.admin-btn-full{width:100%}.admin-btn-outline{color:#aaa;background:0 0;border:1px solid #444}.admin-btn-outline:hover{color:#fff;border-color:#666}.admin-btn-danger{color:#e55;background:#2a1515;border:1px solid #4a2525}.admin-btn-danger:hover{background:#3a2020}.admin-back-link{text-align:center;color:#666;margin-top:20px;font-size:14px;text-decoration:none;display:block}.admin-back-link:hover{color:#aaa}.admin-header{background:#0d0d0d;border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.admin-header-left{align-items:center;gap:12px;display:flex}.admin-logo-link{color:#fff;font-size:18px;font-weight:600;text-decoration:none}.admin-logo-link:hover{color:#ccc}.admin-badge{color:#888;background:#222;border-radius:6px;padding:4px 10px;font-size:12px}.admin-main{max-width:1400px;margin:0 auto;padding:24px}.admin-toolbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-toolbar h2{color:#fff;font-size:20px;font-weight:600}.admin-error{color:#e55;background:#2a1515;border:1px solid #4a2525;border-radius:8px;margin-bottom:16px;padding:12px 16px}.admin-success{color:#5e5;background:#152a15;border:1px solid #254a25;border-radius:8px;margin-bottom:16px;padding:12px 16px}.admin-loading{text-align:center;color:#666;padding:48px}.admin-table-wrap{background:#111;border:1px solid #222;border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #222;padding:14px 16px}.admin-table th{color:#888;text-transform:uppercase;letter-spacing:.5px;background:#0d0d0d;font-size:12px;font-weight:600}.admin-table td{color:#ccc;font-size:14px}.admin-table tbody tr:hover{background:#151515}.admin-code{color:#fff;font-family:monospace}.admin-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-btn-sm{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:6px 10px;font-size:12px;transition:all .2s}.admin-btn-sm:hover{color:#fff;background:#252525}.admin-btn-sm.admin-btn-add{color:#5e5;border-color:#254a25}.admin-btn-sm.admin-btn-add:hover{background:#152a15}.admin-btn-sm.admin-btn-deduct{color:#e55;border-color:#4a2525}.admin-btn-sm.admin-btn-deduct:hover{background:#2a1515}.admin-btn-sm.admin-btn-danger{color:#e55;border-color:#4a2525}.admin-btn-sm.admin-btn-danger:hover{background:#2a1515}.admin-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:#111;border:1px solid #222;border-radius:12px;min-width:360px;max-width:90vw;padding:24px}.admin-modal h3{color:#fff;margin-bottom:20px;font-size:18px}.admin-balance-current{color:#888;margin-bottom:16px;font-size:14px}.admin-modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}