*{box-sizing:border-box} :root{--gold:#f7c968;--gold2:#fff0b5;--purple:#21092f;--panel:#300d3d;--text:#fff8e8;--muted:#b8a7c7;--green:#55f0a0}html{min-height:100%;background:#09040e}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#5a1b66 0,#260a34 32%,#100619 70%,#08030d 100%);color:var(--text);font-family:'DM Sans',Inter,system-ui,Arial,sans-serif;min-height:100vh}.top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px clamp(14px,4vw,48px);border-bottom:1px solid #c18a3c66;background:linear-gradient(100deg,#100416f5,#19051ff5);box-shadow:0 8px 30px #0006;position:relative}.brand{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(17px,3vw,27px);letter-spacing:1px;color:var(--gold);text-shadow:0 0 18px #f5b93c38}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:3px;color:#e6d9ee;margin-top:4px}.wallet{border:1px solid #f5c65b77;border-radius:12px;padding:8px 16px;background:linear-gradient(135deg,#32103d,#170720);font-size:10px;color:#d6c4df;text-align:center;box-shadow:inset 0 0 18px #f5c65b0b}.wallet span{letter-spacing:1.3px;font-weight:800}.wallet strong{display:block;font:800 21px Orbitron,sans-serif;color:#fff;margin-top:4px}.top-actions{display:flex;align-items:center;gap:14px}.icon-btn{border:1px solid #694775;background:#25102e;color:#f9d88a;border-radius:10px;padding:9px 11px;font:700 12px 'DM Sans';cursor:pointer}.admin-link{color:var(--gold);text-decoration:none;font-size:12px;font-weight:800}.wrap{max-width:1120px;margin:24px auto;padding:0 14px}.notice{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;background:#25102eaa;border:1px solid #b787474d;color:#e8d6ac;border-radius:9px;padding:10px;margin-bottom:18px;font-size:10px;font-weight:800;letter-spacing:1.1px}.notice i{font-style:normal;color:#86629b}.live-dot,.message-dot{width:7px;height:7px;border-radius:50%;background:#5cf1a2;box-shadow:0 0 10px #5cf1a2;display:inline-block}.section-kicker{display:flex;align-items:center;justify-content:space-between;color:#d8b978;font-size:10px;letter-spacing:1.7px;font-weight:800;margin:0 4px 8px}.section-kicker span{color:#8d769b;font-size:9px}.jackpots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.jackpots div{position:relative;overflow:hidden;padding:15px 6px;text-align:center;border:1px solid #c7944d;border-radius:12px;background:linear-gradient(130deg,#5a172d,#2a0b2f 70%);box-shadow:inset 0 0 24px #f9c95a12,0 5px 18px #0003}.jackpots div:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff0b 48%,transparent 65%);pointer-events:none}.jackpots small,.jackpots b{display:block}.jackpots small{font-weight:900;color:var(--gold);font-size:10px;letter-spacing:2px}.jackpots b{font:700 clamp(12px,2vw,20px) Orbitron,sans-serif;margin-top:8px;color:#fff5d8}.machine,.panel,.history{background:linear-gradient(145deg,#351044ed,#16091fef);border:1px solid #c99b4d;border-radius:20px;padding:clamp(12px,3vw,24px);box-shadow:0 18px 50px #0006,inset 0 0 25px #ffce4a0a;position:relative;overflow:hidden}.machine:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:20px;box-shadow:inset 0 0 0 3px #f8cf6720}.machine-head{text-align:center;color:var(--gold);margin-bottom:18px}.machine-badge{font-size:9px;font-weight:800;letter-spacing:3px;color:#c8a5d4}.machine-head h1{font:900 clamp(23px,4vw,37px) Orbitron,sans-serif;letter-spacing:2px;margin:7px 0 5px;color:#fff0c4;text-shadow:0 3px 0 #5b2d4c,0 0 25px #eeb74c3b}.machine-head h1 em{font-style:normal;color:var(--gold)}.machine-head>span{display:block;font-size:9px;letter-spacing:2px;color:#bca9c7}.machine-head>span b{color:#f4c45d;padding:0 4px}.reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;background:linear-gradient(135deg,#0a0410,#200b2a);padding:8px;border:2px solid #f4c45d;border-radius:13px;box-shadow:0 0 0 4px #f4c45d12,0 0 32px #d79d3b20,inset 0 0 24px #000b}.reel{min-height:clamp(140px,27vw,225px);display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;font-size:clamp(27px,6vw,58px);line-height:1.25;background:linear-gradient(180deg,#40174d,#210b2b 50%,#37123f);border:1px solid #8a5a92;border-radius:8px;text-shadow:0 4px 9px #0007;position:relative;overflow:hidden}.reel:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#ffffff09 50%,transparent 70%);pointer-events:none}.reel.spinning{animation:reelPulse .11s infinite alternate;filter:blur(.4px)}.reel.stopped{animation:stopPop .24s ease-out}@keyframes reelPulse{from{transform:translateY(-4px);filter:blur(1px)}to{transform:translateY(4px);filter:blur(0)}}@keyframes stopPop{0%{transform:scale(.97)}70%{transform:scale(1.025)}100%{transform:scale(1)}}.payline-label{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 0;font-size:9px;letter-spacing:2px;font-weight:900;color:#bba4c8}.payline-label span{height:1px;width:42px;background:linear-gradient(90deg,transparent,#bd8e4a)}.payline-label span:last-child{transform:rotate(180deg)}.controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px}.controls label,.settings label,.login label{display:grid;gap:7px;font-size:10px;font-weight:900;letter-spacing:1px;color:#f6d78c}select,input{padding:12px;border-radius:9px;background:#17071e;color:#fff;border:1px solid #9b6b37;font:inherit}.spin{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:142px;border:1px solid #d4ffdb;background:linear-gradient(180deg,#53f49a,#0a9b50 65%,#08713d);color:#fff;text-shadow:0 2px 2px #003b1e;font-weight:1000;font-size:20px;letter-spacing:2px;padding:10px 30px;border-radius:14px;box-shadow:0 5px 0 #075125,0 0 25px #25d76d25;cursor:pointer;transition:transform .12s,filter .12s}.spin:hover{filter:brightness(1.1);transform:translateY(-1px)}.spin:active{transform:translateY(3px);box-shadow:0 2px 0 #075125}.spin small{font-size:8px;letter-spacing:2px;opacity:.85}.spin-icon{font-size:12px}.spin:disabled{opacity:.55;cursor:wait;filter:grayscale(.3)}.message{text-align:center;min-height:24px;margin-top:18px;color:#ffe4a0;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.machine-foot{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:10px;color:#9f87ad;font-size:9px;letter-spacing:1px}.history{margin-top:18px}.history-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.eyebrow{font-size:9px;letter-spacing:2px;color:#9f84ae;font-weight:800}.history h2,.panel h1,.panel h2{margin:4px 0 12px;color:var(--gold);font-size:19px}.history-pill{border:1px solid #694775;border-radius:20px;padding:6px 10px;color:#c9b3d2;font-size:9px;letter-spacing:1px}.history-row{display:flex;justify-content:space-between;align-items:center;padding:11px 9px;border-bottom:1px solid #ffffff12;font-size:12px}.history-row:last-child{border-bottom:0}.positive{color:#6affb0}.negative{color:#ff9dba}footer{text-align:center;color:#a995b2;font-size:10px;padding:28px 12px}.footer-brand{font:900 15px Orbitron,sans-serif;color:var(--gold);letter-spacing:1px}.footer-brand span{font:700 9px 'DM Sans';letter-spacing:3px;color:#fff;display:block;margin-top:5px}footer p{margin:9px 0}.footer-mini{font-size:8px;letter-spacing:2px;color:#715c7d}.login{max-width:420px;margin:8vh auto;padding:24px;background:#260b32;border:1px solid #b88135;border-radius:16px}.login h1{color:var(--gold)}.login form{display:grid;gap:16px}.login a,.wrap a{color:var(--gold)}.error{color:#ff9d9d}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stat{background:#260b32;border:1px solid #9a6d39;border-radius:12px;padding:18px}.stat small,.stat strong{display:block}.stat small{color:#d9bd83}.stat strong{font-size:25px;color:var(--gold);margin-top:8px}.panel{margin:18px 0}.settings{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.settings label{min-width:180px}.muted{font-size:12px;color:#c2accb;line-height:1.5}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid #ffffff1c}th{color:var(--gold)}.result-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;padding:20px}.result-modal.show{display:flex;animation:fadeIn .2s ease-out}.modal-backdrop{position:absolute;inset:0;background:#08020ddf;backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(390px,100%);text-align:center;border:1px solid #f6cc66;border-radius:22px;padding:30px 22px;background:radial-gradient(ellipse at top,#692451,#260b36 65%,#15071e);box-shadow:0 0 70px #edb73b28,inset 0 0 30px #f5c34a0c;animation:modalPop .38s cubic-bezier(.2,1.4,.5,1)}.modal-close{position:absolute;right:13px;top:9px;background:none;border:0;color:#cdb9d6;font-size:27px;cursor:pointer}.modal-sparkle{font-size:25px;color:var(--gold);letter-spacing:7px}.modal-kicker{font-size:9px;letter-spacing:4px;color:#c9add4;margin-top:9px}.modal-card h2{font:900 29px Orbitron,sans-serif;color:#ffe4a0;margin:10px 0}.modal-card p{font-size:13px;color:#d7c2df}.modal-payout{font:900 38px Orbitron,sans-serif;color:#69ffb2;text-shadow:0 0 20px #42f49b55;margin:15px}.modal-ok{width:100%;padding:13px;border:0;border-radius:11px;background:linear-gradient(#f9d77d,#c9872d);color:#2c1230;font-weight:1000;letter-spacing:2px;cursor:pointer}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:1100;background:#2d1138;border:1px solid #b98544;border-radius:12px;padding:12px 18px;color:#ffe6a6;font-size:12px;box-shadow:0 10px 30px #0008;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.coin{position:fixed;z-index:999;top:-20px;font-size:20px;pointer-events:none;animation:confettiFall 1.8s linear forwards}@keyframes confettiFall{to{transform:translateY(110vh) rotate(600deg);opacity:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalPop{from{transform:scale(.8) translateY(15px);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:600px){.top{padding:12px;gap:8px}.brand{font-size:16px}.brand small{font-size:7px;letter-spacing:2px}.wallet{padding:7px 10px}.wallet strong{font-size:16px}.top-actions{gap:8px}.icon-btn{padding:8px}.icon-btn span{display:none}.admin-link{font-size:11px}.wrap{margin:16px auto;padding:0 9px}.jackpots{gap:7px}.jackpots div{padding:12px 4px}.jackpots small{font-size:9px}.machine{padding:12px 9px}.machine-head{margin-bottom:13px}.reels{gap:3px;padding:5px;border-width:2px}.reel{min-height:clamp(132px,39vw,170px);font-size:clamp(24px,7.4vw,42px)}.controls{gap:12px}.spin{min-width:118px;padding:10px 18px}.machine-foot{gap:9px;font-size:8px}.history-row{padding:10px 5px;font-size:11px}.notice{font-size:8px;letter-spacing:.6px;gap:5px}.section-kicker{font-size:9px}}