.jackpot-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 400%;animation:gradientShift 15s ease infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);overflow:hidden;position:relative}.jackpot-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0,transparent 50%);pointer-events:none}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.jackpot-container{max-width:500px;position:relative;z-index:1;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}.jackpot-container,.jackpot-layout-single{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.jackpot-display-main{text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,249,250,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid var(--color-jackpot);border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:0 8px 32px rgba(0,0,0,.1),0 0 30px var(--color-jackpot-glow);width:100%;position:relative;overflow:hidden}.jackpot-display-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.1) 50%,transparent 70%);animation:jackpot-shine 3s ease-in-out infinite;pointer-events:none}@keyframes jackpot-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.jackpot-label-main{font-size:var(--font-size-sm);text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 10px var(--color-jackpot-glow);letter-spacing:.2em;margin-bottom:var(--spacing-xs)}.jackpot-amount-main,.jackpot-label-main{font-family:var(--font-heading);color:var(--color-jackpot);position:relative;z-index:1}.jackpot-amount-main{font-size:var(--font-size-2xl);text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px var(--color-jackpot-glow);letter-spacing:.1em}.slot-machine-main{width:100%;max-width:400px}.eth-input-main{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%;max-width:300px}.eth-label{font-size:var(--font-size-sm)}.eth-input,.eth-label{font-family:var(--font-heading);color:var(--color-text-primary);text-align:center}.eth-input{width:100%;padding:var(--spacing-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:all .3s ease}.eth-input:focus{outline:none;border-color:var(--color-jackpot);box-shadow:0 0 10px var(--color-jackpot-glow)}.eth-input.input-error{border-color:var(--color-error);box-shadow:0 0 10px var(--color-error-glow)}.eth-error{color:var(--color-error);font-size:var(--font-size-xs);text-align:center;font-family:var(--font-heading)}.balance-main{color:var(--color-text-secondary)}.balance-main,.connect-main{font-family:var(--font-heading);font-size:var(--font-size-sm);text-align:center}.connect-main{color:var(--color-text-muted);padding:var(--spacing-md);background:var(--color-surface-secondary);border-radius:var(--radius-md);width:100%}.tokens-compact{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--color-jackpot-glow),var(--color-jackpot));border:2px solid var(--color-jackpot);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-jackpot);width:100%;max-width:300px}.tokens-label-compact{font-family:var(--font-heading);font-size:var(--font-size-sm);color:var(--color-text-primary);text-shadow:0 0 10px rgba(0,0,0,.5)}.tokens-amount-compact{color:var(--color-text-primary);text-shadow:0 0 15px rgba(0,0,0,.8)}.spin-button-main,.tokens-amount-compact{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:700}.spin-button-main{width:100%;max-width:400px;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border:3px solid var(--color-primary);border-radius:var(--radius-xl);color:var(--color-text-inverse);text-shadow:0 2px 4px rgba(0,0,0,.3);cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.2),0 0 20px var(--color-primary-glow);letter-spacing:.1em;position:relative;overflow:hidden}.spin-button-main:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.spin-button-main:hover:before{left:100%}.spin-button-main:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.4),0 0 30px var(--color-jackpot-glow)}.spin-button-main:active:not(:disabled){transform:translateY(0)}.spin-button-main:disabled{opacity:.5;cursor:not-allowed;transform:none}.spin-button-main.spinning{animation:button-pulse 1s ease-in-out infinite}@keyframes button-pulse{0%,to{box-shadow:0 8px 16px rgba(0,0,0,.3),0 0 20px var(--color-jackpot-glow)}50%{box-shadow:0 8px 16px rgba(0,0,0,.3),0 0 40px var(--color-jackpot-glow)}}@media (max-width:768px){.jackpot-page{padding:var(--spacing-md)}.jackpot-container{max-width:100%}.jackpot-amount-main{font-size:var(--font-size-xl)}.spin-button-main{font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-lg)}}.slot-machine-container{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,249,250,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.1),0 0 20px var(--color-primary-glow);height:280px;max-width:450px;margin:0 auto}.slot-machine-container,.slot-machine-frame{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.slot-machine-frame{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,249,250,.9));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 16px rgba(0,0,0,.1),0 0 20px var(--color-primary-glow);height:140px}.slot-machine-slots{display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;width:100%}.slot-machine-slot{position:relative;width:70px;height:100px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,249,250,.9));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid var(--color-primary);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1),0 0 15px var(--color-primary-glow)}.slot-window{overflow:hidden;border-radius:var(--radius-sm)}.slot-reel,.slot-window{position:relative;width:100%;height:100%}.slot-item{display:flex;align-items:center;justify-content:center;height:50px;font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 10px var(--color-primary-glow);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,249,250,.8));border-bottom:2px solid rgba(255,107,53,.3);position:relative}.slot-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 50%,rgba(0,0,0,.05));pointer-events:none}.slot-item:last-child{border-bottom:none}.win-line{position:absolute;top:50%;left:0;right:0;height:2px;background:var(--color-jackpot);box-shadow:0 0 10px var(--color-jackpot-glow);transform:translateY(-50%);z-index:10}.slot-machine-spinning{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);font-family:var(--font-heading);font-size:var(--font-size-sm);color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow)}.spinner-small{width:16px;height:16px;border:2px solid var(--color-primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.slot-machine-result{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:var(--spacing-md);min-height:60px}.slot-result-number{font-size:var(--font-size-2xl);color:var(--color-primary);text-shadow:0 0 15px var(--color-primary-glow);margin-bottom:var(--spacing-xs)}.slot-result-number,.slot-result-text{font-family:var(--font-heading);font-weight:700}.slot-result-text{font-size:var(--font-size-sm);text-shadow:0 0 10px rgba(0,0,0,.8)}.slot-result-text.jackpot{color:var(--color-jackpot);text-shadow:0 0 15px var(--color-jackpot-glow)}.slot-result-text.match{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow)}.slot-result-text.lose{color:var(--color-text-secondary)}@media (max-width:768px){.slot-machine-container{height:200px;padding:var(--spacing-md)}.slot-machine-frame{height:100px;padding:var(--spacing-sm)}.slot-machine-slot{width:50px;height:60px}.slot-item{height:30px;font-size:var(--font-size-md)}.slot-result-number{font-size:var(--font-size-xl)}}