:root{--bg-main: #021411;--bg-panel: #071c19;--accent-gold: #fcd770;--accent-gold-strong: #ffb100;--accent-orange: #ff7a2f;--accent-red: #ff3159;--accent-green: #22ff99;--accent-border: #f6e6b4;--text-main: #f8ffe5;--text-muted: #9bb2a2;--chip-bg: #0d2620;--chip-border: #1f4b3f;--shadow-strong: 0 0 25px rgba(0, 0, 0, .9);--radius-lg: 24px;--radius-md: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Montserrat,sans-serif;background:linear-gradient(135deg,#041712,#02080a 60%,#041712);color:var(--text-main)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,128,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,128,.12) 1px,transparent 1px);background-size:26px 26px;opacity:.26;pointer-events:none}.app{position:relative;z-index:1;width:100%;max-width:1280px;background:radial-gradient(circle at top,#0e2e26 0,#02100c 42%);border-radius:32px;border:1px solid rgba(180,255,210,.2);box-shadow:0 0 80px #000000d9;padding:24px 28px 20px;display:flex;flex-direction:column;gap:20px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:14px}.logo{width:52px;height:52px;border-radius:50%;border:2px solid var(--accent-gold-strong);background:radial-gradient(circle at 30% 20%,#2f9 0,#015c35 65%);box-shadow:0 0 14px #22ff9980;display:flex;align-items:center;justify-content:center;font-size:26px}.title{font-size:18px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.subTitle{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-green)}.chipTop{padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at top,#27ff9a 0,#074434 55%);color:#02120a;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.14em;box-shadow:0 0 14px #27ff9a8c;white-space:nowrap}.main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}.footer{text-align:center;margin-top:2px;font-size:11px;color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase}.footer span{color:var(--accent-orange);font-weight:600}@media (max-width: 960px){.main{grid-template-columns:minmax(0,1fr)}}.slot-card{background:radial-gradient(circle at top,#183731 0,#020c0a 60%);border-radius:var(--radius-lg);padding:24px 24px 20px;border:1px solid rgba(238,219,162,.35);box-shadow:var(--shadow-strong),0 0 26px #ffb2472e;position:relative;overflow:hidden}.slot-card:before{content:"";position:absolute;inset:-40px -40px auto;height:100px;background:radial-gradient(circle at 10% 40%,#ffeeb0 0,transparent 42%),radial-gradient(circle at 50% 20%,#ffc45a 0,transparent 47%),radial-gradient(circle at 90% 40%,#ffeeb0 0,transparent 42%);opacity:.12;pointer-events:none}.slot-title{text-align:center;margin-bottom:18px}.slot-title-main{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-gold);text-shadow:0 0 12px rgba(255,190,84,.8)}.slot-title-sub{margin-top:6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.slot-machine{background:linear-gradient(145deg,#050b09,#111717);border-radius:26px;padding:16px 16px 18px;border:2px solid #584227;box-shadow:inset 0 0 0 1px #1a120a,0 0 36px #000000e6;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;position:relative}.slot-jackpot-bar{grid-column:1/-1;margin-bottom:12px;background:linear-gradient(90deg,#ffefc2 0,#ffc874 26%,#ff7d46,#ff3159 74%,#ffc874);border-radius:999px;padding:4px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 18px #ffc054a6;position:relative}.slot-jackpot-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#5a2206;font-weight:700}.slot-reels{background:radial-gradient(circle at top,#18252a 0,#020407 60%);border-radius:20px;padding:16px 18px;border:1px solid #343c3f;box-shadow:inset 0 0 24px #000000e6;display:flex;flex-direction:column;gap:10px}.slot-label{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);text-align:center}.slot-reel-row{display:flex;justify-content:center;gap:10px}.slot-reel-row.ambient{opacity:.45;filter:saturate(.6)}.slot-reel{width:72px;height:72px;border-radius:16px;background:radial-gradient(circle at top,#2b383d 0,#070b0e 60%);border:1px solid #4a5c62;box-shadow:inset 0 2px #ffffff1a,0 0 18px #000000e6;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;letter-spacing:.08em;color:var(--accent-gold-strong);text-shadow:0 0 10px rgba(255,180,0,.8),0 0 18px rgba(255,255,255,.8);transition:transform .12s ease,filter .12s ease,opacity .12s ease;-webkit-user-select:none;user-select:none}.slot-reel.win{color:var(--accent-green);border-color:#4df5b1;box-shadow:0 0 12px #4df5b1cc,inset 0 0 10px #4df5b159;text-shadow:0 0 10px rgba(77,245,177,.9),0 0 22px rgba(255,255,255,.85)}.slot-lever{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;cursor:pointer;-webkit-user-select:none;user-select:none}.lever-stick{width:10px;height:80px;border-radius:999px;background:linear-gradient(180deg,#fefefe,#b4b4b4);box-shadow:inset 0 -2px 2px #0000004d}.lever-ball{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 15%,#ffe8b9 0,#ff3159 40%,#a40325 75%);box-shadow:0 0 22px #ff3c55e6,0 0 40px #000000e6;border:2px solid #ffd1c9}.lever-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted)}.slot-actions{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.btn-spin{padding:14px 60px;border-radius:999px;border:none;cursor:pointer;font-size:14px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#3e1905;background:linear-gradient(180deg,#ffe9bb,#ff9a41);box-shadow:0 4px #b95d1a,0 0 18px #ffaa57bf}.btn-spin:disabled{opacity:.5;cursor:default;box-shadow:0 4px #7c5333,0 0 12px #64503799}.slot-helper{font-size:11px;color:var(--text-muted);text-align:center}.slot-helper.error{color:var(--accent-red)}.slot-fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:inherit}.slot-particle{position:absolute;width:22px;height:22px;opacity:0;transform:translateZ(0) rotate(0);animation:fall .9s ease-out forwards}.slot-particle.round{width:28px;height:28px}.slot-confetti{position:absolute;width:6px;height:14px;border-radius:999px;background:linear-gradient(180deg,#a855f7,#2f9);opacity:0;transform:translateZ(0) rotate(0);animation:fall .9s ease-out forwards}@keyframes fall{0%{opacity:0;transform:translate3d(0,-18px,0) rotate(0)}20%{opacity:1}to{opacity:0;transform:translate3d(0,60px,0) rotate(220deg)}}@media (max-width: 640px){.slot-machine{grid-template-columns:1fr}.slot-lever{flex-direction:row;justify-content:center}.lever-stick{height:60px}}.side-card{background:radial-gradient(circle at top,#0c2620 0,#010707 60%);border-radius:var(--radius-lg);padding:20px 20px 18px;border:1px solid rgba(173,231,192,.35);box-shadow:var(--shadow-strong);display:flex;flex-direction:column;gap:16px}.side-header{font-size:12px;text-transform:uppercase;letter-spacing:.22em;color:var(--accent-green)}.side-sub{font-size:11px;color:var(--text-muted);margin-top:4px}.tickets-input{margin-top:8px;border-radius:var(--radius-md);border:1px solid rgba(122,204,155,.4);background:linear-gradient(145deg,#071510,#020807);padding:10px;font-size:12px;color:var(--text-main);resize:vertical;min-height:90px;max-height:160px;outline:none;box-shadow:inset 0 0 10px #000c;width:100%}.tickets-input::placeholder{color:#afd2be80}.btn-load{margin-top:10px;width:100%;padding:10px 18px;border-radius:999px;border:none;cursor:pointer;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#441805;background:linear-gradient(90deg,#ffe7b6,#ff9a41,#ff5772);box-shadow:0 3px #b9551f,0 0 18px #ff9f57cc}.tickets-status{margin-top:6px;font-size:11px;color:var(--text-muted)}.tickets-status strong{color:var(--accent-green)}.chips-wrap{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;max-height:170px;overflow-y:auto;padding-right:4px}.chip-ticket{background:var(--chip-bg);border-radius:999px;border:1px solid var(--chip-border);padding:4px 8px;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#d9fef0;white-space:nowrap;box-shadow:0 0 10px #000c}.chip-ticket span{letter-spacing:.18em}.chip-ticket button{border:none;background:transparent;color:#8aa59b;cursor:pointer;font-size:11px}.side-footer{margin-top:auto;padding-top:10px;border-top:1px solid rgba(148,204,172,.35);display:flex;flex-direction:column;gap:10px;font-size:11px}.last-winner{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,232,182,.5);background:radial-gradient(circle at top,#261a0b 0,#070a09 60%);box-shadow:0 0 14px #ffc36e47}.last-winner-label{text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.last-winner-number{padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#ffeebf,#ff9b43);color:#3a1a06;font-weight:700;letter-spacing:.24em;min-width:86px;text-align:center;box-shadow:0 0 14px #ffc07cd9}.last-winner-meta{font-size:10px;color:var(--text-muted);margin-top:3px}.winners-history{font-size:11px;color:var(--text-muted);max-height:72px;overflow-y:auto;padding-right:4px}.winners-history strong{color:var(--accent-gold);letter-spacing:.18em;margin-right:6px}.winners-empty{color:var(--text-muted);font-style:italic}.select-lottery{margin-top:8px;width:100%;padding:8px 12px;border-radius:var(--radius-md);border:1px solid rgba(122,204,155,.4);background:linear-gradient(145deg,#071510,#020807);font-size:12px;color:var(--text-main);outline:none;box-shadow:inset 0 0 10px #000c}.select-lottery option{background:var(--bg-main);color:var(--text-main)}