.auth-loading{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--photoii-bg-primary) 0%,var(--photoii-bg-secondary) 100%);background-image:radial-gradient(circle at 20% 50%,var(--photoii-primary-light) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--photoii-primary-lighter) 0%,transparent 50%);color:var(--photoii-text-primary);gap:var(--photoii-spacing-xl);padding:var(--photoii-spacing-lg)}.auth-loading p{font-size:1.1em;color:var(--photoii-text-secondary)}.loto-barrel-loader{display:inline-block;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(245,238,222,.6) 0%,transparent 50%),linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-primary-hover) 25%,var(--photoii-primary) 50%,var(--photoii-primary-hover) 75%,var(--photoii-primary) 100%);background-size:100% 100%,200% 200%;border:5px solid var(--photoii-primary-border);box-shadow:var(--photoii-shadow-md),inset 0 3px 12px #ffffff4d,inset 0 -3px 12px #0006,var(--photoii-shadow-glow);position:relative;animation:barrelRoll 2s cubic-bezier(.68,-.55,.265,1.55) infinite}.loto-barrel-loader:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(245,238,222,.4) 0%,transparent 70%);border:3px solid var(--photoii-primary-border)}.loto-barrel-loader:after{content:"🎱";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5em;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}@keyframes barrelRoll{0%{transform:rotateY(0) rotate(0) scale(1)}25%{transform:rotateY(90deg) rotate(10deg) scale(1.1)}50%{transform:rotateY(180deg) rotate(0) scale(1)}75%{transform:rotateY(270deg) rotate(-10deg) scale(1.1)}to{transform:rotateY(360deg) rotate(0) scale(1)}}.auth-guard{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--photoii-bg-primary) 0%,var(--photoii-bg-secondary) 100%);background-image:radial-gradient(circle at 20% 50%,var(--photoii-primary-light) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--photoii-primary-lighter) 0%,transparent 50%)}.auth-prompt{text-align:center;background:var(--photoii-bg-overlay);-webkit-backdrop-filter:var(--photoii-blur-lg);backdrop-filter:var(--photoii-blur-lg);border:2px solid var(--photoii-primary-border);border-radius:var(--photoii-radius-xl);padding:var(--photoii-spacing-2xl) var(--photoii-spacing-2xl);box-shadow:var(--photoii-shadow-xl);max-width:500px}.auth-prompt h2{background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--photoii-spacing-md);font-size:2.5em;font-weight:700}.auth-prompt p{color:var(--photoii-text-secondary);margin-bottom:var(--photoii-spacing-xl);font-size:1.1em;line-height:1.6}.btn-auth{background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-primary-hover) 100%);color:var(--photoii-text-primary);border:none;border-radius:var(--photoii-radius-full);padding:var(--photoii-spacing-md) var(--photoii-spacing-2xl);font-size:1.2em;font-weight:600;cursor:pointer;transition:var(--photoii-transition-bounce);box-shadow:var(--photoii-shadow-glow);pointer-events:auto;user-select:none;-webkit-user-select:none;position:relative;z-index:10}.btn-auth:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--photoii-shadow-glow),0 8px 24px #7c8c8f80;background:linear-gradient(135deg,var(--photoii-primary-hover) 0%,var(--photoii-primary-active) 100%)}.btn-auth:active{transform:translateY(-1px) scale(1.02)}.btn-auth:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.auth-note{margin-top:var(--photoii-spacing-lg);font-size:.9em;color:var(--photoii-text-muted)}.balance-display{position:fixed;top:var(--photoii-spacing-md);right:var(--photoii-spacing-lg);background:var(--photoii-bg-overlay);-webkit-backdrop-filter:var(--photoii-blur-lg);backdrop-filter:var(--photoii-blur-lg);border:2px solid var(--photoii-primary-border);border-radius:var(--photoii-radius-full);padding:var(--photoii-spacing-sm) var(--photoii-spacing-lg);z-index:1000;display:flex;align-items:center;gap:var(--photoii-spacing-sm);box-shadow:var(--photoii-shadow-lg),var(--photoii-shadow-glow);min-width:200px}.balance-label{color:var(--photoii-text-secondary);font-size:.95em;font-weight:500}.balance-value{color:var(--photoii-primary);font-weight:700;font-size:1.2em;font-family:Courier New,monospace;text-shadow:0 0 8px var(--photoii-primary-glow)}.balance-loader{display:inline-block;width:20px;height:20px;border:3px solid var(--photoii-primary-border-light);border-top-color:var(--photoii-primary);border-radius:50%;animation:spin .8s linear infinite}.balance-refresh-btn{background:var(--photoii-primary-light);color:var(--photoii-primary);border:1px solid var(--photoii-primary-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1em;transition:var(--photoii-transition-base);margin-left:auto;box-shadow:var(--photoii-shadow-sm);pointer-events:auto;user-select:none;-webkit-user-select:none}.balance-refresh-btn:hover{background:var(--photoii-primary-lighter);border-color:var(--photoii-primary);transform:rotate(180deg) scale(1.1);box-shadow:var(--photoii-shadow-glow)}.balance-refresh-btn:active{transform:rotate(180deg) scale(.95)}.balance-refresh-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;animation:spin 1s linear infinite}.balance-refresh-btn:focus-visible,.btn-auth:focus-visible{outline:2px solid var(--photoii-accent);outline-offset:3px}@media (max-width: 480px){.balance-display{left:var(--photoii-spacing-md);right:var(--photoii-spacing-md);min-width:auto}}.game-board{width:100%;max-width:1400px;margin:0 auto;padding:var(--photoii-spacing-lg);background:var(--photoii-bg-card);-webkit-backdrop-filter:var(--photoii-blur-md);backdrop-filter:var(--photoii-blur-md);border-radius:var(--photoii-radius-xl);border:2px solid var(--photoii-primary-border);box-shadow:var(--photoii-shadow-lg)}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--photoii-spacing-xl);padding-bottom:var(--photoii-spacing-md);border-bottom:2px solid var(--photoii-border-secondary)}.game-info h2{color:var(--photoii-primary);margin:0 0 var(--photoii-spacing-sm) 0;font-size:1.8em;font-weight:700;text-shadow:0 2px 8px var(--photoii-primary-glow)}.game-stats{display:flex;gap:var(--photoii-spacing-md);flex-wrap:wrap;color:var(--photoii-text-secondary);font-size:.95em}.game-stats span{padding:var(--photoii-spacing-sm) var(--photoii-spacing-md);background:var(--photoii-primary-light);border-radius:var(--photoii-radius-md);border:1px solid var(--photoii-primary-border-light);transition:var(--photoii-transition-base)}.game-stats span:hover{background:var(--photoii-primary-lighter);border-color:var(--photoii-primary-border)}.leave-button{padding:var(--photoii-spacing-sm) var(--photoii-spacing-lg);background:var(--photoii-error-light);border:2px solid var(--photoii-error);border-radius:var(--photoii-radius-md);color:var(--photoii-error);font-weight:600;cursor:pointer;transition:var(--photoii-transition-base)}.leave-button:hover{background:var(--photoii-error);color:var(--photoii-text-primary);transform:translateY(-2px);box-shadow:0 4px 16px #ef444466}.waiting-phase{text-align:center;padding:var(--photoii-spacing-2xl) var(--photoii-spacing-lg);background:var(--photoii-bg-secondary);border-radius:var(--photoii-radius-lg);margin-bottom:var(--photoii-spacing-xl);border:1px solid var(--photoii-border-secondary)}.waiting-phase h3{color:var(--photoii-primary);font-size:1.5em;margin-bottom:var(--photoii-spacing-md);font-weight:600}.ready-button{padding:var(--photoii-spacing-md) var(--photoii-spacing-2xl);background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-primary-hover) 100%);border:none;border-radius:var(--photoii-radius-md);color:var(--photoii-text-primary);font-weight:600;font-size:1.1em;cursor:pointer;transition:var(--photoii-transition-base);margin:var(--photoii-spacing-md) 0;box-shadow:var(--photoii-shadow-md)}.ready-button:hover{background:linear-gradient(135deg,var(--photoii-primary-hover) 0%,var(--photoii-primary-active) 100%);transform:translateY(-2px) scale(1.02);box-shadow:var(--photoii-shadow-glow)}.ready-status{padding:var(--photoii-spacing-md);background:var(--photoii-success-light);border:2px solid var(--photoii-success);border-radius:var(--photoii-radius-md);color:var(--photoii-success);margin:var(--photoii-spacing-md) 0;font-weight:600}.start-solo-button{padding:var(--photoii-spacing-md) var(--photoii-spacing-2xl);background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-accent-hover) 100%);border:none;border-radius:var(--photoii-radius-md);color:var(--photoii-bg-primary);font-weight:700;font-size:1.1em;cursor:pointer;transition:var(--photoii-transition-bounce);margin:var(--photoii-spacing-md) 0;box-shadow:var(--photoii-shadow-accent)}.start-solo-button:hover{background:linear-gradient(135deg,var(--photoii-accent-hover) 0%,var(--photoii-accent-active) 100%);transform:translateY(-3px) scale(1.05);box-shadow:var(--photoii-shadow-accent),0 8px 24px #f5eede66}.start-solo-button:active{transform:translateY(-1px) scale(1.02)}.players-waiting{margin-top:var(--photoii-spacing-xl);text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.players-waiting h4{color:var(--photoii-text-primary);margin-bottom:var(--photoii-spacing-md);font-weight:600}.players-waiting ul{list-style:none;padding:0;margin:0}.players-waiting li{padding:var(--photoii-spacing-sm) var(--photoii-spacing-md);margin:var(--photoii-spacing-xs) 0;background:var(--photoii-primary-light);border-radius:var(--photoii-radius-sm);color:var(--photoii-text-secondary);border:1px solid var(--photoii-primary-border-light)}.countdown-phase{text-align:center;padding:var(--photoii-spacing-2xl) var(--photoii-spacing-lg);background:linear-gradient(135deg,var(--photoii-primary-light) 0%,var(--photoii-primary-lighter) 100%);border-radius:var(--photoii-radius-xl);margin-bottom:var(--photoii-spacing-xl);border:2px solid var(--photoii-primary-border);box-shadow:var(--photoii-shadow-glow)}.countdown-phase h3{color:var(--photoii-primary);font-size:2em;margin-bottom:var(--photoii-spacing-xl);font-weight:700;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.countdown-number{font-size:6em;font-weight:900;color:var(--photoii-accent);text-shadow:0 0 20px var(--photoii-accent-shadow),0 0 40px var(--photoii-accent-shadow);margin:var(--photoii-spacing-lg) 0;animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.playing-phase{margin-bottom:var(--photoii-spacing-xl)}.barrel-display{text-align:center;margin-bottom:var(--photoii-spacing-2xl);padding:var(--photoii-spacing-xl);background:linear-gradient(135deg,var(--photoii-primary-light) 0%,var(--photoii-primary-lighter) 100%);border-radius:var(--photoii-radius-xl);border:2px solid var(--photoii-primary-border);box-shadow:var(--photoii-shadow-md)}.lototron-container{position:relative;margin-bottom:var(--photoii-spacing-xl);contain:layout style paint;isolation:isolate}.lototron-machine{position:relative;width:100%;max-width:600px;margin:0 auto;perspective:1500px;perspective-origin:center center;transform-style:preserve-3d;will-change:transform}.lototron-window{width:100%;min-height:500px;background:radial-gradient(ellipse at top,rgba(0,0,0,.2) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(0,0,0,.4) 0%,transparent 50%),linear-gradient(135deg,#0000004d,#00000080,#0000004d);border-radius:var(--photoii-radius-xl);border:4px solid var(--photoii-primary-border);overflow:hidden;box-shadow:inset 0 0 80px #000000b3,inset 0 0 40px #ffffff0d,0 0 60px #00000080,var(--photoii-shadow-glow);-webkit-backdrop-filter:var(--photoii-blur-md);backdrop-filter:var(--photoii-blur-md);position:relative}.lototron-window:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0px,rgba(255,255,255,.03) 1px,transparent 2px,transparent 100px);pointer-events:none;opacity:.3;animation:scanlineMove 6s linear infinite;will-change:transform;z-index:100}@keyframes scanlineMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.lototron-reel{position:relative;width:100%;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}.lototron-background{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(9,1fr);gap:3px;padding:10px;opacity:.15;filter:blur(2px);z-index:1;will-change:opacity;contain:layout style paint;pointer-events:none}.bg-square{aspect-ratio:1;background:var(--photoii-primary-light);border:1px solid var(--photoii-primary-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7em;color:var(--photoii-text-secondary);opacity:.3;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity,background;backface-visibility:hidden}.bg-square.highlight{background:var(--photoii-accent);opacity:.6;animation:bgHighlight .5s ease-out}@keyframes bgHighlight{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:.6}}.ball-container{position:relative;width:300px;height:300px;z-index:10;transform-style:preserve-3d;filter:drop-shadow(0 0 20px rgba(0,0,0,.3));will-change:transform;backface-visibility:hidden}.lototron-reel.spinning .ball-container{animation:containerShake 3s ease-out forwards}@keyframes containerShake{0%,to{transform:translate(0) rotate(0)}5%{transform:translate(-2px,-1px) rotate(-.3deg)}10%{transform:translate(2px,1px) rotate(.3deg)}15%{transform:translate(-1px,-2px) rotate(-.2deg)}20%{transform:translate(1px,2px) rotate(.2deg)}25%{transform:translate(-1px) rotate(-.1deg)}30%{transform:translate(1px) rotate(.1deg)}40%,to{transform:translate(0) rotate(0)}}.lottery-ball{position:relative;width:250px;height:250px;margin:0 auto;transform-style:preserve-3d;transition:transform .1s linear;will-change:transform,filter;backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-origin:center center}.lottery-ball.idle{animation:ballIdle 3s ease-in-out infinite}.lottery-ball.rolling{animation:ballRoll 3s cubic-bezier(.23,1,.32,1) forwards;will-change:transform,filter}.lototron-reel.spinning .ball-surface{animation:surfaceRoll 3s ease-out forwards}@keyframes surfaceRoll{0%{box-shadow:inset -30px -30px 60px #000000b3,inset 30px 30px 60px #ffffff40,0 25px 80px #0009}50%{box-shadow:inset -40px -40px 80px #000c,inset 40px 40px 80px #ffffff4d,0 35px 100px #000000b3}to{box-shadow:inset -30px -30px 60px #000000b3,inset 30px 30px 60px #ffffff40,0 25px 80px #0009}}@keyframes ballIdle{0%,to{transform:rotateY(0) rotateX(5deg) rotate(0)}25%{transform:rotateY(5deg) rotateX(3deg) rotate(2deg)}50%{transform:rotateY(10deg) rotateX(-5deg) rotate(-2deg)}75%{transform:rotateY(5deg) rotateX(-3deg) rotate(1deg)}}@keyframes ballRoll{0%{transform:rotateY(0) rotateX(0) rotate(0) translateY(0) translate(0) scale(1);filter:blur(0px) brightness(1)}3%{transform:rotateY(90deg) rotateX(15deg) rotate(5deg) translateY(-2px) translate(1px) scale(1.01);filter:blur(.5px) brightness(1.05)}5%{transform:rotateY(180deg) rotateX(45deg) rotate(10deg) translateY(-5px) translate(2px) scale(1.02);filter:blur(1px) brightness(1.1)}10%{transform:rotateY(540deg) rotateX(135deg) rotate(20deg) translateY(-15px) translate(3px) scale(1.04);filter:blur(1.5px) brightness(1.15)}15%{transform:rotateY(1080deg) rotateX(270deg) rotate(30deg) translateY(-25px) translate(2px) scale(1.05);filter:blur(2px) brightness(1.2)}25%{transform:rotateY(1800deg) rotateX(405deg) rotate(45deg) translateY(-20px) translate(-1px) scale(1.04);filter:blur(1.8px) brightness(1.15)}30%{transform:rotateY(2160deg) rotateX(540deg) rotate(60deg) translateY(-15px) translate(-2px) scale(1.03);filter:blur(1.5px) brightness(1.1)}40%{transform:rotateY(2700deg) rotateX(675deg) rotate(75deg) translateY(-12px) translate(-1px) scale(1.025);filter:blur(1.2px) brightness(1.08)}50%{transform:rotateY(3240deg) rotateX(810deg) rotate(90deg) translateY(-8px) translate(0) scale(1.02);filter:blur(1px) brightness(1.05)}60%{transform:rotateY(3600deg) rotateX(900deg) rotate(95deg) translateY(-5px) translate(.5px) scale(1.015);filter:blur(.8px) brightness(1.03)}70%{transform:rotateY(3960deg) rotateX(990deg) rotate(100deg) translateY(-3px) translate(0) scale(1.01);filter:blur(.5px) brightness(1.02)}80%{transform:rotateY(4140deg) rotateX(1035deg) rotate(103deg) translateY(-1.5px) translate(0) scale(1.005);filter:blur(.3px) brightness(1.01)}85%{transform:rotateY(4320deg) rotateX(1080deg) rotate(105deg) translateY(-1px) translate(0) scale(1.005);filter:blur(.2px) brightness(1.01)}90%{transform:rotateY(4410deg) rotateX(1102deg) rotate(106.5deg) translateY(-.5px) translate(0) scale(1.002);filter:blur(.1px) brightness(1.005)}95%{transform:rotateY(4500deg) rotateX(1125deg) rotate(108deg) translateY(0) translate(0) scale(1);filter:blur(0px) brightness(1)}97%{transform:rotateY(4590deg) rotateX(1147deg) rotate(109deg) translateY(0) translate(0) scale(1);filter:blur(0px) brightness(1)}99%{transform:rotateY(4650deg) rotateX(1162deg) rotate(109.5deg) translateY(0) translate(0) scale(1);filter:blur(0px) brightness(1)}to{transform:rotateY(4680deg) rotateX(1170deg) rotate(110deg) translateY(0) translate(0) scale(1);filter:blur(0px) brightness(1)}}.ball-surface{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 15%,transparent 30%),radial-gradient(circle at 75% 75%,rgba(0,0,0,.3) 0%,transparent 40%),linear-gradient(135deg,var(--photoii-primary-light) 0%,var(--photoii-primary) 25%,var(--photoii-primary-dark) 50%,var(--photoii-primary) 75%,var(--photoii-primary-light) 100%),radial-gradient(ellipse at 50% 50%,var(--photoii-primary) 0%,var(--photoii-primary-dark) 100%);box-shadow:inset -30px -30px 60px #000000b3,inset 30px 30px 60px #ffffff40,inset 0 0 100px #0000004d,0 25px 80px #0009,0 0 0 10px var(--photoii-primary-border),0 0 40px #0006;transform-style:preserve-3d;overflow:hidden;will-change:box-shadow,transform;position:relative;will-change:transform,box-shadow;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.ball-surface:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent 0px,rgba(255,255,255,.03) 1px,transparent 2px,transparent 20px),repeating-linear-gradient(90deg,transparent 0px,rgba(0,0,0,.05) 1px,transparent 2px,transparent 20px);border-radius:50%;pointer-events:none;opacity:.6}.ball-surface:after{content:"";position:absolute;top:10%;left:15%;width:50%;height:50%;background:radial-gradient(ellipse,rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 30%,transparent 70%);border-radius:50%;filter:blur(15px);pointer-events:none;animation:surfaceShine 4s ease-in-out infinite}@keyframes surfaceShine{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.6;transform:translate(10px,10px)}}.number-strip{position:absolute;top:50%;left:0;width:100%;height:70px;transform:translateY(-50%) rotateX(90deg);transform-style:preserve-3d;transform-origin:center center;will-change:transform;backface-visibility:hidden}.number-strip.spinning{animation:stripSpin 3s cubic-bezier(.23,1,.32,1) forwards;will-change:transform}@keyframes stripSpin{0%{transform:translateY(-50%) rotateX(90deg) rotateY(0) translateZ(0);opacity:.8;filter:blur(0px)}5%{transform:translateY(-50%) rotateX(90deg) rotateY(360deg) translateZ(3px);opacity:.9;filter:blur(.5px)}10%{transform:translateY(-50%) rotateX(90deg) rotateY(720deg) translateZ(5px);opacity:1;filter:blur(1px)}20%{transform:translateY(-50%) rotateX(90deg) rotateY(1440deg) translateZ(7px);opacity:1;filter:blur(1.2px)}30%{transform:translateY(-50%) rotateX(90deg) rotateY(2160deg) translateZ(8px);opacity:1;filter:blur(1.5px)}40%{transform:translateY(-50%) rotateX(90deg) rotateY(2880deg) translateZ(7px);opacity:1;filter:blur(1.2px)}50%{transform:translateY(-50%) rotateX(90deg) rotateY(3600deg) translateZ(5px);opacity:1;filter:blur(1px)}60%{transform:translateY(-50%) rotateX(90deg) rotateY(4140deg) translateZ(3px);opacity:.95;filter:blur(.8px)}70%{transform:translateY(-50%) rotateX(90deg) rotateY(4680deg) translateZ(2px);opacity:.9;filter:blur(.5px)}80%{transform:translateY(-50%) rotateX(90deg) rotateY(5040deg) translateZ(1px);opacity:.85;filter:blur(.3px)}90%{transform:translateY(-50%) rotateX(90deg) rotateY(5400deg) translateZ(0);opacity:.8;filter:blur(.2px)}95%{transform:translateY(-50%) rotateX(90deg) rotateY(5580deg) translateZ(0);opacity:.9;filter:blur(.1px)}to{transform:translateY(-50%) rotateX(90deg) rotateY(5760deg) translateZ(0);opacity:1;filter:blur(0px)}}.number-tile{position:absolute;width:70px;height:70px;left:calc(var(--position) * 2.78% - 35px);background:linear-gradient(135deg,var(--photoii-accent-light) 0%,var(--photoii-accent) 30%,var(--photoii-accent-dark) 60%,var(--photoii-accent) 100%);border:3px solid var(--photoii-accent-border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4em;font-weight:900;color:var(--photoii-text-primary);text-shadow:0 2px 6px rgba(0,0,0,.7),0 0 10px rgba(255,255,255,.3);box-shadow:inset 0 3px 8px #fff6,inset 0 -3px 8px #0000004d,0 6px 16px #00000080,0 0 20px #0000004d;transform-style:preserve-3d;opacity:.75;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:rotateY(0) translateZ(0);backface-visibility:hidden;will-change:transform,opacity,box-shadow;-webkit-font-smoothing:antialiased}.number-tile:before{content:"";position:absolute;top:10%;left:10%;width:30%;height:30%;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,transparent 70%);border-radius:50%;pointer-events:none}.number-tile.active{opacity:1;background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-accent-hover) 25%,var(--photoii-accent-active) 50%,var(--photoii-accent-hover) 75%,var(--photoii-accent) 100%);box-shadow:0 0 40px var(--photoii-accent-shadow),0 0 80px var(--photoii-accent-shadow),0 0 120px var(--photoii-accent-shadow),inset 0 3px 8px #ffffff80,inset 0 -3px 8px #0003,0 8px 20px #0009;transform:scale(1.3) translateZ(15px) rotateY(0);z-index:10;animation:tileActivePulse 1.5s ease-in-out infinite;border-color:var(--photoii-accent-border);border-width:4px}@keyframes tileActivePulse{0%,to{box-shadow:0 0 40px var(--photoii-accent-shadow),0 0 80px var(--photoii-accent-shadow),0 0 120px var(--photoii-accent-shadow),inset 0 3px 8px #ffffff80;transform:scale(1.3) translateZ(15px)}50%{box-shadow:0 0 60px var(--photoii-accent-shadow),0 0 120px var(--photoii-accent-shadow),0 0 180px var(--photoii-accent-shadow),inset 0 3px 8px #fff9;transform:scale(1.35) translateZ(18px)}}.ball-center-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;width:140px;height:140px;display:flex;align-items:center;justify-content:center;will-change:transform;backface-visibility:hidden}.number-display{position:relative;z-index:3;font-size:5em;font-weight:900;color:var(--photoii-accent);text-shadow:0 0 25px var(--photoii-accent-shadow),0 0 50px var(--photoii-accent-shadow),0 0 75px var(--photoii-accent-shadow),0 0 100px var(--photoii-accent-shadow),0 5px 15px rgba(0,0,0,.95),inset 0 -2px 4px rgba(0,0,0,.5);animation:numberDisplayPulse 1.2s ease-in-out infinite;background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-accent-hover) 50%,var(--photoii-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px var(--photoii-accent-shadow));transform-style:preserve-3d}.lototron-reel.spinning .number-display{animation:numberDisplaySpin 3s cubic-bezier(.23,1,.32,1),numberDisplayPulse 1.2s ease-in-out infinite 3s}@keyframes numberDisplaySpin{0%{transform:rotateY(0) rotateX(0) scale(.7);opacity:.4;filter:drop-shadow(0 0 10px var(--photoii-accent-shadow)) blur(3px)}15%{transform:rotateY(180deg) rotateX(45deg) scale(.9);opacity:.6;filter:drop-shadow(0 0 20px var(--photoii-accent-shadow)) blur(2px)}30%{transform:rotateY(360deg) rotateX(90deg) scale(1.05);opacity:.8;filter:drop-shadow(0 0 30px var(--photoii-accent-shadow)) blur(1px)}50%{transform:rotateY(540deg) rotateX(135deg) scale(1.1);opacity:.9;filter:drop-shadow(0 0 40px var(--photoii-accent-shadow)) blur(.5px)}70%{transform:rotateY(720deg) rotateX(180deg) scale(1.05);opacity:.95;filter:drop-shadow(0 0 35px var(--photoii-accent-shadow)) blur(0px)}85%{transform:rotateY(900deg) rotateX(180deg) scale(1.02);opacity:1;filter:drop-shadow(0 0 30px var(--photoii-accent-shadow)) blur(0px)}to{transform:rotateY(1080deg) rotateX(180deg) scale(1);opacity:1;filter:drop-shadow(0 0 20px var(--photoii-accent-shadow)) blur(0px)}}@keyframes numberDisplayPulse{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 20px var(--photoii-accent-shadow))}25%{transform:scale(1.03) rotate(.5deg);filter:drop-shadow(0 0 30px var(--photoii-accent-shadow))}50%{transform:scale(1.06) rotate(0);filter:drop-shadow(0 0 40px var(--photoii-accent-shadow))}75%{transform:scale(1.03) rotate(-.5deg);filter:drop-shadow(0 0 30px var(--photoii-accent-shadow))}}.number-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:radial-gradient(circle,var(--photoii-accent-shadow) 0%,var(--photoii-accent-shadow) 30%,transparent 70%);border-radius:50%;animation:numberGlowPulse 1.5s ease-in-out infinite;z-index:1;filter:blur(20px);opacity:.7}.lototron-reel.spinning .number-glow{animation:numberGlowRoll 3s ease-out forwards,numberGlowPulse 1.5s ease-in-out infinite 3s}@keyframes numberGlowPulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1);filter:blur(20px)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3);filter:blur(25px)}}@keyframes numberGlowRoll{0%{opacity:.5;transform:translate(-50%,-50%) scale(.8);filter:blur(15px)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.4);filter:blur(30px)}to{opacity:.7;transform:translate(-50%,-50%) scale(1);filter:blur(20px)}}.ball-highlight{position:absolute;top:20%;left:25%;width:45%;height:45%;background:radial-gradient(ellipse at 40% 40%,rgba(255,255,255,.8) 0%,rgba(255,255,255,.5) 25%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 70%,transparent 100%);border-radius:50%;filter:blur(15px);z-index:5;pointer-events:none;animation:highlightMove 6s ease-in-out infinite;will-change:top,left,opacity,transform;backface-visibility:hidden}@keyframes highlightMove{0%,to{top:20%;left:25%;opacity:.7}25%{top:25%;left:30%;opacity:.9}50%{top:22%;left:28%;opacity:.8}75%{top:18%;left:22%;opacity:.85}}.lototron-reel.spinning .ball-highlight{animation:highlightRoll 3s ease-out forwards}@keyframes highlightRoll{0%{top:20%;left:25%;opacity:.7;transform:scale(1) rotate(0)}10%{top:22%;left:28%;opacity:.8;transform:scale(1.05) rotate(10deg)}25%{top:26%;left:32%;opacity:.85;transform:scale(1.1) rotate(25deg)}50%{top:30%;left:35%;opacity:.9;transform:scale(1.15) rotate(50deg)}75%{top:26%;left:32%;opacity:.85;transform:scale(1.1) rotate(75deg)}90%{top:22%;left:28%;opacity:.8;transform:scale(1.05) rotate(90deg)}to{top:20%;left:25%;opacity:.7;transform:scale(1) rotate(100deg)}}.ball-reflection{position:absolute;bottom:15%;right:20%;width:35%;height:35%;background:radial-gradient(ellipse,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 40%,transparent 80%);border-radius:50%;filter:blur(10px);z-index:5;pointer-events:none;animation:reflectionMove 8s ease-in-out infinite}@keyframes reflectionMove{0%,to{bottom:15%;right:20%;opacity:.4;transform:scale(1) rotate(0)}16%{bottom:16%;right:22%;opacity:.45;transform:scale(1.05) rotate(15deg)}33%{bottom:18%;right:25%;opacity:.5;transform:scale(1.1) rotate(30deg)}50%{bottom:16%;right:23%;opacity:.48;transform:scale(1.08) rotate(45deg)}66%{bottom:12%;right:18%;opacity:.45;transform:scale(1.05) rotate(60deg)}83%{bottom:14%;right:19%;opacity:.42;transform:scale(1.02) rotate(75deg)}}.ball-shadow{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:220px;height:50px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.1) 70%,transparent 100%);border-radius:50%;filter:blur(20px);z-index:0;animation:shadowPulse 3s ease-in-out infinite;transform-origin:center}.lototron-reel.spinning .ball-shadow{animation:shadowRoll 3s cubic-bezier(.23,1,.32,1) forwards}@keyframes shadowPulse{0%,to{width:220px;height:50px;opacity:.5;transform:translate(-50%) scale(1)}50%{width:240px;height:55px;opacity:.7;transform:translate(-50%) scale(1.05)}}@keyframes shadowRoll{0%{width:220px;height:50px;opacity:.5;transform:translate(-50%) scale(1)}20%{width:280px;height:60px;opacity:.6;transform:translate(-50%) scale(1.2)}40%{width:260px;height:55px;opacity:.65;transform:translate(-50%) scale(1.1)}60%{width:240px;height:52px;opacity:.6;transform:translate(-50%) scale(1.05)}80%{width:230px;height:51px;opacity:.55;transform:translate(-50%) scale(1.02)}to{width:220px;height:50px;opacity:.5;transform:translate(-50%) scale(1)}}.ball-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:15;pointer-events:none}.ball-particle{position:absolute;top:50%;left:50%;width:8px;height:8px;background:radial-gradient(circle,var(--photoii-accent) 0%,var(--photoii-accent-hover) 50%,transparent 100%);border-radius:50%;box-shadow:0 0 15px var(--photoii-accent-shadow),0 0 30px var(--photoii-accent-shadow);opacity:0;transform:translate(-50%,-50%);will-change:transform,opacity,filter;backface-visibility:hidden}.lototron-reel.spinning .ball-particle{animation:particleFly 3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--delay) * 1)}@keyframes particleFly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) translateY(0) scale(0);filter:blur(0px)}10%{opacity:.8;transform:translate(-50%,-50%) rotate(var(--angle)) translate(30px) translateY(-10px) scale(.5);filter:blur(1px)}30%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(80px) translateY(-20px) scale(1);filter:blur(2px)}60%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(150px) translateY(-15px) scale(1.2);filter:blur(3px)}80%{opacity:.8;transform:translate(-50%,-50%) rotate(var(--angle)) translate(200px) translateY(-5px) scale(.8);filter:blur(4px)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(250px) translateY(10px) scale(0);filter:blur(5px)}}.lototron-waves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:8;pointer-events:none}.wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border:2px solid var(--photoii-accent);border-radius:50%;opacity:0}.wave.active{animation:waveRipple 2s ease-out forwards}.wave-1{animation-delay:0s}.wave-2{animation-delay:.3s}.wave-3{animation-delay:.6s}@keyframes waveRipple{0%{width:0;height:0;opacity:.9;border-width:3px}30%{opacity:.7;border-width:2px}60%{opacity:.4;border-width:1px}to{width:1000px;height:1000px;opacity:0;border-width:0px}}.lototron-sparks{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:12;pointer-events:none}.spark{position:absolute;top:50%;left:50%;width:5px;height:25px;background:linear-gradient(to bottom,var(--photoii-accent) 0%,var(--photoii-accent-hover) 30%,var(--photoii-accent-active) 60%,transparent 100%);border-radius:3px;opacity:0;transform:translate(-50%,-50%) rotate(var(--angle));box-shadow:0 0 12px var(--photoii-accent-shadow),0 0 24px var(--photoii-accent-shadow);will-change:transform,opacity,filter;backface-visibility:hidden}.lototron-reel.spinning .spark{animation:sparkFly 2s ease-out forwards;animation-delay:calc(var(--delay) * 1)}@keyframes sparkFly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) translateY(0) scale(0) rotate(0);filter:blur(0px)}15%{opacity:.8;transform:translate(-50%,-50%) rotate(var(--angle)) translate(40px) translateY(-15px) scale(.6) rotate(45deg);filter:blur(1px)}40%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(100px) translateY(-25px) scale(1) rotate(90deg);filter:blur(2px)}70%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(150px) translateY(-20px) scale(1.2) rotate(135deg);filter:blur(3px)}90%{opacity:.6;transform:translate(-50%,-50%) rotate(var(--angle)) translate(200px) translateY(-10px) scale(.8) rotate(180deg);filter:blur(4px)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(250px) translateY(5px) scale(0) rotate(225deg);filter:blur(5px)}}.final-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;width:350px;height:350px;display:flex;align-items:center;justify-content:center;pointer-events:none;will-change:transform,opacity,filter;backface-visibility:hidden}.final-result.hidden{opacity:0;transform:translate(-50%,-50%) scale(.5);transition:all .3s ease}.final-result.visible{opacity:1;transform:translate(-50%,-50%) scale(1);animation:finalAppear .8s cubic-bezier(.34,1.56,.64,1)}@keyframes finalAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotateY(180deg) rotateX(90deg);filter:blur(20px)}20%{opacity:.5;transform:translate(-50%,-50%) scale(.6) rotateY(90deg) rotateX(45deg);filter:blur(10px)}40%{opacity:.8;transform:translate(-50%,-50%) scale(1.1) rotateY(0) rotateX(0);filter:blur(5px)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotateY(0) rotateX(0);filter:blur(2px)}80%{opacity:1;transform:translate(-50%,-50%) scale(1.05) rotateY(0) rotateX(0);filter:blur(0px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0) rotateX(0);filter:blur(0px)}}.final-number{position:relative;z-index:3;font-size:10em;font-weight:900;color:var(--photoii-accent);text-shadow:0 0 60px var(--photoii-accent-shadow),0 0 120px var(--photoii-accent-shadow),0 0 180px var(--photoii-accent-shadow),0 0 240px var(--photoii-accent-shadow),0 10px 30px rgba(0,0,0,.95),inset 0 -3px 6px rgba(0,0,0,.5);animation:finalPulse 1s ease-in-out infinite;background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-accent-hover) 25%,var(--photoii-accent-active) 50%,var(--photoii-accent-hover) 75%,var(--photoii-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px var(--photoii-accent-shadow));will-change:transform,filter;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@keyframes finalPulse{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 40px var(--photoii-accent-shadow))}20%{transform:scale(1.06) rotate(.5deg);filter:drop-shadow(0 0 60px var(--photoii-accent-shadow))}40%{transform:scale(1.1) rotate(0);filter:drop-shadow(0 0 80px var(--photoii-accent-shadow))}60%{transform:scale(1.12) rotate(-.5deg);filter:drop-shadow(0 0 90px var(--photoii-accent-shadow))}80%{transform:scale(1.08) rotate(0);filter:drop-shadow(0 0 70px var(--photoii-accent-shadow))}}.final-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:radial-gradient(circle,var(--photoii-accent-shadow) 0%,var(--photoii-accent-shadow) 40%,transparent 70%);border-radius:50%;animation:finalGlowPulse 1.5s ease-in-out infinite;z-index:1;filter:blur(40px);will-change:transform,opacity}@keyframes finalGlowPulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1);filter:blur(40px)}25%{opacity:.9;transform:translate(-50%,-50%) scale(1.15);filter:blur(45px)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3);filter:blur(50px)}75%{opacity:.95;transform:translate(-50%,-50%) scale(1.2);filter:blur(47px)}}.final-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:2}.final-particle{position:absolute;top:50%;left:50%;width:10px;height:10px;background:radial-gradient(circle,var(--photoii-accent) 0%,var(--photoii-accent-hover) 40%,transparent 100%);border-radius:50%;box-shadow:0 0 20px var(--photoii-accent-shadow),0 0 40px var(--photoii-accent-shadow);opacity:0;transform:translate(-50%,-50%);will-change:transform,opacity,filter;backface-visibility:hidden}.final-result.visible .final-particle{animation:finalParticleFly 2s ease-out forwards;animation-delay:calc(var(--delay) * 1)}@keyframes finalParticleFly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(0)}20%{opacity:1}80%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(200px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(300px) scale(0)}}.lototron-square{aspect-ratio:1;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:scale(.85) rotateY(0);opacity:.5}.square-inner{width:100%;height:100%;background:linear-gradient(135deg,var(--photoii-primary-light) 0%,var(--photoii-primary) 50%,var(--photoii-primary-dark) 100%);border:2px solid var(--photoii-primary-border);border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transform-style:preserve-3d;box-shadow:inset 0 2px 6px #fff3,0 4px 12px #0006,0 0 0 0 var(--photoii-primary-shadow);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.square-number{position:relative;z-index:2;font-size:.85em;font-weight:800;color:var(--photoii-text-primary);text-shadow:0 1px 3px rgba(0,0,0,.5);transition:all .3s ease}.square-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:radial-gradient(circle,var(--photoii-accent-shadow) 0%,transparent 70%);border-radius:50%;opacity:0;transition:all .4s ease}.lototron-reel.spinning .lototron-square.animate{animation:squareMegaSpin 2s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--delay) * 1)}.lototron-reel.spinning .lototron-square.animate .square-inner{animation:squareInnerSpin 2s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--delay) * 1)}.lototron-square.selected{z-index:15;transform:scale(1.3) rotateY(0) translateZ(20px);opacity:1}.lototron-square.selected .square-inner{background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-accent-hover) 30%,var(--photoii-accent-active) 60%,var(--photoii-accent-hover) 100%);border-color:var(--photoii-accent-border);box-shadow:0 0 30px var(--photoii-accent-shadow),0 0 60px var(--photoii-accent-shadow),0 0 90px var(--photoii-accent-shadow),inset 0 2px 6px #fff6,0 8px 24px #0009;animation:selectedPulse 1.5s ease-in-out infinite}.lototron-square.selected .square-number{color:var(--photoii-text-primary);font-size:1.1em;text-shadow:0 0 10px var(--photoii-accent-shadow),0 0 20px var(--photoii-accent-shadow),0 2px 4px rgba(0,0,0,.8)}.lototron-square.selected .square-glow{width:150%;height:150%;opacity:.8;animation:glowExpand 1.5s ease-in-out infinite}@keyframes squareMegaSpin{0%{transform:scale(.85) rotateY(0) rotateX(0) translateZ(0);opacity:.5}25%{transform:scale(1.1) rotateY(90deg) rotateX(45deg) translateZ(30px);opacity:.8}50%{transform:scale(1.2) rotateY(180deg) rotateX(90deg) translateZ(50px);opacity:1}75%{transform:scale(1.15) rotateY(270deg) rotateX(45deg) translateZ(30px);opacity:.9}to{transform:scale(1) rotateY(360deg) rotateX(0) translateZ(0);opacity:1}}@keyframes squareInnerSpin{0%{transform:rotate(0);box-shadow:inset 0 2px 6px #fff3,0 4px 12px #0006}50%{transform:rotate(180deg);box-shadow:inset 0 2px 6px #fff6,0 8px 24px #0009,0 0 20px var(--photoii-primary-shadow)}to{transform:rotate(360deg);box-shadow:inset 0 2px 6px #fff3,0 4px 12px #0006}}@keyframes selectedPulse{0%,to{transform:scale(1);box-shadow:0 0 30px var(--photoii-accent-shadow),0 0 60px var(--photoii-accent-shadow),0 0 90px var(--photoii-accent-shadow)}50%{transform:scale(1.05);box-shadow:0 0 40px var(--photoii-accent-shadow),0 0 80px var(--photoii-accent-shadow),0 0 120px var(--photoii-accent-shadow)}}@keyframes glowExpand{0%,to{width:150%;height:150%;opacity:.8}50%{width:200%;height:200%;opacity:1}}.lototron-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;border:3px solid var(--photoii-accent);opacity:0;z-index:5}.lototron-reel.spinning .lototron-wave{animation:waveExpand 2s ease-out}@keyframes waveExpand{0%{width:0;height:0;opacity:1}to{width:600px;height:600px;opacity:0}}.lototron-result{position:relative;z-index:25;display:flex;align-items:center;justify-content:center;width:280px;height:280px;transform-style:preserve-3d}.result-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px solid var(--photoii-accent);border-radius:50%;opacity:0}.ring-1{width:200px;height:200px;animation:ringPulse1 2s ease-in-out infinite}.ring-2{width:250px;height:250px;animation:ringPulse2 2s ease-in-out infinite .3s}.ring-3{width:300px;height:300px;animation:ringPulse3 2s ease-in-out infinite .6s}.lototron-reel.spinning .ring{animation:ringExplode 1.5s ease-out forwards}@keyframes ringPulse1{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes ringPulse2{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.15)}}@keyframes ringPulse3{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.2)}}@keyframes ringExplode{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:.3;transform:translate(-50%,-50%) scale(1)}}.result-number-wrapper{position:relative;z-index:10;transform-style:preserve-3d}.result-number{position:relative;z-index:3;font-size:7em;font-weight:900;color:var(--photoii-accent);text-shadow:0 0 30px var(--photoii-accent-shadow),0 0 60px var(--photoii-accent-shadow),0 0 90px var(--photoii-accent-shadow),0 0 120px var(--photoii-accent-shadow),0 6px 18px rgba(0,0,0,.9);animation:numberMegaPulse 1s ease-in-out infinite;transform:translateZ(0)}.result-number-shadow{position:absolute;top:0;left:0;font-size:7em;font-weight:900;color:#0000004d;z-index:-1;transform:translate(4px,4px);filter:blur(8px)}.lototron-reel.spinning .result-number{animation:numberMegaSpin 2s cubic-bezier(.34,1.56,.64,1),numberMegaPulse 1s ease-in-out infinite 2s}.lototron-reel.spinning .result-number-shadow{animation:numberMegaSpin 2s cubic-bezier(.34,1.56,.64,1)}@keyframes numberMegaSpin{0%{transform:rotateY(0) rotateX(0) scale(.1) translateZ(-100px);opacity:0}30%{transform:rotateY(180deg) rotateX(45deg) scale(1.3) translateZ(50px);opacity:.8}60%{transform:rotateY(360deg) rotateX(0) scale(1.1) translateZ(0);opacity:1}to{transform:rotateY(720deg) rotateX(0) scale(1) translateZ(0);opacity:1}}@keyframes numberMegaPulse{0%,to{transform:scale(1) translateZ(0)}50%{transform:scale(1.08) translateZ(10px)}}.result-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background:radial-gradient(circle,var(--photoii-accent-shadow) 0%,var(--photoii-accent-shadow) 30%,transparent 70%);border-radius:50%;animation:megaGlowPulse 2s ease-in-out infinite;z-index:2;filter:blur(20px)}@keyframes megaGlowPulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.result-particles{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);z-index:2}.particle{position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--photoii-accent);border-radius:50%;box-shadow:0 0 10px var(--photoii-accent-shadow);transform:translate(-50%,-50%) rotate(var(--angle)) translate(120px);opacity:0;animation:particleFly 1.5s ease-out forwards;animation-delay:calc(var(--delay) * 1)}.lototron-reel.spinning .particle{animation:particleFly 1.5s ease-out forwards;animation-delay:calc(var(--delay) * 1)}@keyframes particleFly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(0)}30%{opacity:1}70%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(120px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(180px) scale(.5)}}.lototron-frame{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:30}.frame-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-accent) 50%,var(--photoii-primary) 100%);border-radius:var(--photoii-radius-xl);opacity:.3;animation:frameGlow 3s ease-in-out infinite;filter:blur(8px)}@keyframes frameGlow{0%,to{opacity:.3}50%{opacity:.6}}.frame-corner{position:absolute;width:40px;height:40px;border:3px solid var(--photoii-accent);opacity:.8}.frame-corner.top-left{top:10px;left:10px;border-right:none;border-bottom:none;border-top-left-radius:12px}.frame-corner.top-right{top:10px;right:10px;border-left:none;border-bottom:none;border-top-right-radius:12px}.frame-corner.bottom-left{bottom:10px;left:10px;border-right:none;border-top:none;border-bottom-left-radius:12px}.frame-corner.bottom-right{bottom:10px;right:10px;border-left:none;border-top:none;border-bottom-right-radius:12px}.lototron-label{color:var(--photoii-text-primary);font-size:1.6em;margin-top:var(--photoii-spacing-lg);text-align:center;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.6);background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lototron-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px;color:var(--photoii-text-tertiary)}.placeholder-pulse{font-size:2em;font-weight:600;animation:placeholderPulse 2s ease-in-out infinite}@keyframes placeholderPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.barrel-drum{position:relative;width:320px;height:420px;margin:0 auto;perspective:1200px}.drum-window{position:relative;width:220px;height:220px;margin:0 auto var(--photoii-spacing-md);background:linear-gradient(135deg,var(--photoii-primary-light) 0%,var(--photoii-primary-lighter) 100%);border:4px solid var(--photoii-primary-border);border-radius:var(--photoii-radius-xl);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 40px #0006,var(--photoii-shadow-glow);-webkit-backdrop-filter:var(--photoii-blur-sm);backdrop-filter:var(--photoii-blur-sm)}.barrel-rolling{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.barrel-rolling.animating .barrel-ball{animation:barrelRoll 1s cubic-bezier(.34,1.56,.64,1),barrelBounce .6s ease-out 1s}.barrel-ball{width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-primary-hover) 50%,var(--photoii-primary-active) 100%);border:4px solid var(--photoii-accent-light);display:flex;align-items:center;justify-content:center;font-size:3.8em;font-weight:900;color:var(--photoii-accent);text-shadow:0 2px 12px rgba(0,0,0,.6),0 0 24px var(--photoii-accent-shadow);box-shadow:0 12px 36px #00000080,inset 0 -24px 48px #0006,inset 0 24px 48px #ffffff26,var(--photoii-shadow-glow);position:relative;transition:var(--photoii-transition-base)}.barrel-ball:before{content:"";position:absolute;top:18%;left:18%;width:32%;height:32%;background:radial-gradient(circle,rgba(245,238,222,.7) 0%,transparent 75%);border-radius:50%;pointer-events:none;filter:blur(2px)}.barrel-ball:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,transparent 60%);pointer-events:none}@keyframes barrelRoll{0%{transform:rotateX(0) rotateY(0) rotate(0) scale(.2);opacity:0}30%{transform:rotateX(180deg) rotateY(90deg) rotate(45deg) scale(.8);opacity:.7}60%{transform:rotateX(360deg) rotateY(180deg) rotate(90deg) scale(1.15);opacity:1}to{transform:rotateX(720deg) rotateY(360deg) rotate(0) scale(1);opacity:1}}@keyframes barrelBounce{0%,to{transform:translateY(0) scale(1)}20%{transform:translateY(-12px) scale(1.06)}40%{transform:translateY(0) scale(1)}60%{transform:translateY(-6px) scale(1.03)}80%{transform:translateY(0) scale(1)}}.drum-bag{position:relative;width:260px;height:160px;margin:0 auto;background:linear-gradient(135deg,#8b4513d9,#65320ee6,#8b4513d9);border-radius:50%/60% 60% 40% 40%;border:3px solid rgba(101,50,14,.9);box-shadow:0 12px 36px #0009,inset 0 -24px 48px #00000080,inset 0 12px 24px #8b45134d;overflow:hidden;animation:bagShake 2.5s ease-in-out infinite}.bag-shake{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(245,238,222,.15) 0%,transparent 70%);animation:bagShimmer 3.5s ease-in-out infinite}@keyframes bagShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-4px) rotate(-1.5deg)}50%{transform:translate(0) rotate(0)}75%{transform:translate(4px) rotate(1.5deg)}}@keyframes bagShimmer{0%,to{opacity:.25}50%{opacity:.55}}.barrels-inside{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:110px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;animation:barrelsFloat 4.5s ease-in-out infinite}.barrel-mini{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-primary-hover) 100%);border:1.5px solid var(--photoii-accent-light);box-shadow:0 2px 6px #0006,inset 0 1px 3px #fff3;animation:miniBarrelFloat 3.5s ease-in-out infinite;opacity:.65;transition:var(--photoii-transition-base)}.barrel-mini:nth-child(odd){animation-delay:.3s}.barrel-mini:nth-child(2n){animation-delay:.6s}.barrel-mini:hover{opacity:.9;transform:scale(1.2)}@keyframes barrelsFloat{0%,to{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(6deg) translate(6px)}50%{transform:translate(-50%,-50%) rotate(0)}75%{transform:translate(-50%,-50%) rotate(-6deg) translate(-6px)}}@keyframes miniBarrelFloat{0%,to{transform:translateY(0) scale(1) rotate(0);opacity:.65}50%{transform:translateY(-12px) scale(1.15) rotate(180deg);opacity:.85}}.barrel-label{color:var(--photoii-text-primary);font-size:1.4em;margin-top:var(--photoii-spacing-md);text-align:center;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.6)}.barrel-placeholder{color:var(--photoii-text-tertiary);font-size:1.5em;padding:var(--photoii-spacing-2xl)}.barrel-stats{display:flex;justify-content:center;gap:var(--photoii-spacing-xl);margin-top:var(--photoii-spacing-md);flex-wrap:wrap}.barrel-stats span{padding:var(--photoii-spacing-sm) var(--photoii-spacing-lg);background:var(--photoii-bg-tertiary);border-radius:var(--photoii-radius-md);color:var(--photoii-text-primary);font-weight:600;border:1px solid var(--photoii-border-secondary);box-shadow:var(--photoii-shadow-sm)}.drawn-barrels-section{margin-top:var(--photoii-spacing-xl);padding:var(--photoii-spacing-lg);background:var(--photoii-bg-secondary);border-radius:var(--photoii-radius-lg);border:1px solid var(--photoii-primary-border-light)}.drawn-barrels-title{color:var(--photoii-text-primary);font-size:1.1em;margin:0 0 var(--photoii-spacing-md) 0;text-align:center;font-weight:600}.drawn-barrels-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:var(--photoii-spacing-sm);max-height:300px;overflow-y:auto;padding:var(--photoii-spacing-sm);background:var(--photoii-bg-primary);border-radius:var(--photoii-radius-md)}.drawn-barrel-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--photoii-primary-light) 0%,var(--photoii-primary-lighter) 100%);border:2px solid var(--photoii-primary-border);border-radius:var(--photoii-radius-sm);color:var(--photoii-primary);font-weight:700;font-size:1.1em;transition:var(--photoii-transition-base)}.drawn-barrel-cell:hover{background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-primary-hover) 100%);border-color:var(--photoii-primary);color:var(--photoii-accent);transform:scale(1.1);box-shadow:var(--photoii-shadow-glow)}.drawn-barrels-table::-webkit-scrollbar{width:8px}.drawn-barrels-table::-webkit-scrollbar-track{background:var(--photoii-bg-primary);border-radius:4px}.drawn-barrels-table::-webkit-scrollbar-thumb{background:var(--photoii-primary);border-radius:4px}.drawn-barrels-table::-webkit-scrollbar-thumb:hover{background:var(--photoii-primary-hover)}.barrel-number-display{position:relative;width:100%;min-height:300px;display:flex;align-items:center;justify-content:center}.barrel-number{font-size:8em;font-weight:900;color:var(--photoii-accent);text-shadow:0 0 30px var(--photoii-accent-shadow),0 0 60px var(--photoii-accent-shadow),0 4px 20px rgba(0,0,0,.8);transition:all .3s ease;line-height:1}.barrel-number.animating{animation:barrelNumberAppear 1s cubic-bezier(.34,1.56,.64,1)}@keyframes barrelNumberAppear{0%{transform:scale(.3) rotateY(180deg);opacity:0;filter:blur(10px)}50%{transform:scale(1.2) rotateY(0);opacity:.9;filter:blur(2px)}to{transform:scale(1) rotateY(0);opacity:1;filter:blur(0px)}}.remaining-barrels-section{margin-top:var(--photoii-spacing-xl);padding:var(--photoii-spacing-lg);background:var(--photoii-bg-secondary);border-radius:var(--photoii-radius-lg);border:1px solid var(--photoii-primary-border-light)}.remaining-barrels-title{color:var(--photoii-text-primary);font-size:1.2em;margin:0 0 var(--photoii-spacing-md) 0;text-align:center;font-weight:600}.remaining-barrels-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:var(--photoii-spacing-sm);background:var(--photoii-bg-primary);border-radius:var(--photoii-radius-md);max-height:500px;overflow-y:auto}.remaining-barrel-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--photoii-bg-secondary);border:1px solid var(--photoii-border-secondary);border-radius:var(--photoii-radius-sm);color:var(--photoii-text-secondary);font-weight:600;font-size:.9em;transition:var(--photoii-transition-base)}.remaining-barrel-cell.drawn{background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-primary-hover) 100%);border-color:var(--photoii-primary-border);color:var(--photoii-accent);font-weight:700;transform:scale(1.05);box-shadow:0 0 8px #0000004d}.remaining-barrel-cell:hover{background:var(--photoii-primary-light);border-color:var(--photoii-primary-border);transform:scale(1.08)}.remaining-barrel-cell.hovered{background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-accent-hover) 100%);border-color:var(--photoii-accent-border);color:var(--photoii-text-primary);transform:scale(1.12);box-shadow:0 0 15px var(--photoii-accent-shadow),0 0 30px var(--photoii-accent-shadow),0 2px 8px #0000004d;z-index:10;position:relative}.remaining-barrel-cell.drawn.hovered{background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-primary-hover) 100%);box-shadow:0 0 20px var(--photoii-accent-shadow),0 0 40px var(--photoii-accent-shadow),0 0 8px #0000004d}.remaining-barrels-grid::-webkit-scrollbar{width:8px}.remaining-barrels-grid::-webkit-scrollbar-track{background:var(--photoii-bg-primary);border-radius:4px}.remaining-barrels-grid::-webkit-scrollbar-thumb{background:var(--photoii-primary);border-radius:4px}.remaining-barrels-grid::-webkit-scrollbar-thumb:hover{background:var(--photoii-primary-hover)}.player-cards{margin-bottom:var(--photoii-spacing-xl)}.player-cards h3{color:var(--photoii-primary);margin-bottom:var(--photoii-spacing-md);font-size:1.5em;font-weight:600}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--photoii-spacing-lg);margin-bottom:var(--photoii-spacing-xl)}.loto-card{background:var(--photoii-bg-card);-webkit-backdrop-filter:var(--photoii-blur-sm);backdrop-filter:var(--photoii-blur-sm);border:2px solid var(--photoii-primary-border);border-radius:var(--photoii-radius-lg);padding:var(--photoii-spacing-lg);transition:var(--photoii-transition-base);box-shadow:var(--photoii-shadow-sm)}.loto-card:hover{border-color:var(--photoii-primary-border);transform:translateY(-4px);box-shadow:var(--photoii-shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--photoii-spacing-md);color:var(--photoii-text-primary);font-weight:600;flex-wrap:wrap;gap:var(--photoii-spacing-xs)}.card-status{display:flex;align-items:center;gap:var(--photoii-spacing-xs);flex-wrap:wrap}.card-status-badge{color:var(--photoii-text-secondary);font-size:.9em;font-weight:600;padding:2px 8px;border-radius:var(--photoii-radius-sm);background:var(--photoii-bg-tertiary)}.card-status-badge.loto-ready{color:var(--photoii-accent);background:linear-gradient(135deg,var(--photoii-accent-light) 0%,var(--photoii-accent-hover) 100%);animation:lotoReadyPulse 2s ease-in-out infinite;box-shadow:0 0 10px var(--photoii-accent-shadow)}@keyframes lotoReadyPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.closed-rows{color:var(--photoii-success);font-size:.9em}.closed-rows-warning{color:var(--photoii-warning);font-size:.8em;font-style:italic}.loto-card.card-fully-closed{border-color:var(--photoii-accent-border);box-shadow:0 0 20px var(--photoii-accent-shadow),var(--photoii-shadow-md);background:linear-gradient(135deg,var(--photoii-bg-card) 0%,var(--photoii-accent-light) 100%)}.card-numbers{display:flex;flex-direction:column;gap:var(--photoii-spacing-xs)}.card-row{display:grid;grid-template-columns:repeat(9,1fr);gap:3px}.card-row.clickable{cursor:pointer;transition:var(--photoii-transition-base);border-radius:var(--photoii-radius-sm);padding:2px}.card-row.clickable:hover{background:var(--photoii-primary-light);transform:translateY(-2px)}.card-row.row-closed{background:var(--photoii-success-light);border:2px solid var(--photoii-success);border-radius:var(--photoii-radius-sm);padding:var(--photoii-spacing-xs);position:relative}.card-row.row-closed:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5em;color:var(--photoii-success);font-weight:900;opacity:.25;pointer-events:none}.card-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--photoii-bg-secondary);border:1px solid var(--photoii-border-secondary);border-radius:var(--photoii-radius-sm);color:var(--photoii-text-primary);font-weight:700;font-size:.95em;transition:var(--photoii-transition-base)}.card-cell.empty{background:transparent;border:none}.card-cell.marked{background:linear-gradient(135deg,var(--photoii-success) 0%,var(--photoii-success-light) 100%);border-color:var(--photoii-success);color:var(--photoii-text-primary);transform:scale(1.08);box-shadow:0 0 12px #10b98180}.card-cell.hovered-barrel{background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-accent-hover) 100%);border-color:var(--photoii-accent-border);color:var(--photoii-text-primary);transform:scale(1.15);box-shadow:0 0 20px var(--photoii-accent-shadow),0 0 40px var(--photoii-accent-shadow),0 4px 16px #0006;z-index:10;position:relative;animation:barrelHighlightPulse 1s ease-in-out infinite}@keyframes barrelHighlightPulse{0%,to{box-shadow:0 0 20px var(--photoii-accent-shadow),0 0 40px var(--photoii-accent-shadow),0 4px 16px #0006;transform:scale(1.15)}50%{box-shadow:0 0 30px var(--photoii-accent-shadow),0 0 60px var(--photoii-accent-shadow),0 4px 20px #00000080;transform:scale(1.2)}}.card-cell.marked.hovered-barrel{background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-success-light) 100%);border-color:var(--photoii-accent-border);box-shadow:0 0 25px var(--photoii-accent-shadow),0 0 50px var(--photoii-accent-shadow),0 0 12px #10b98180}.game-actions{display:flex;flex-direction:column;align-items:center;gap:var(--photoii-spacing-lg);margin-top:var(--photoii-spacing-xl)}.action-info{text-align:center;color:var(--photoii-text-secondary);font-size:.95em;margin-bottom:var(--photoii-spacing-md);padding:var(--photoii-spacing-sm);background:var(--photoii-primary-light);border-radius:var(--photoii-radius-md);border:1px solid var(--photoii-primary-border-light)}.action-info{text-align:center;margin-bottom:var(--photoii-spacing-sm)}.action-info p{margin:0;color:var(--photoii-text-secondary);font-size:.95em;line-height:1.5}.action-button{padding:var(--photoii-spacing-md) var(--photoii-spacing-xl);border:none;border-radius:var(--photoii-radius-md);font-size:1.3em;font-weight:700;cursor:pointer;transition:var(--photoii-transition-bounce);box-shadow:var(--photoii-shadow-md);text-transform:uppercase;letter-spacing:1px}.loto-button{background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-accent-hover) 100%);color:var(--photoii-bg-primary);box-shadow:var(--photoii-shadow-accent)}.loto-button:hover{background:linear-gradient(135deg,var(--photoii-accent-hover) 0%,var(--photoii-accent-active) 100%);transform:translateY(-4px) scale(1.05);box-shadow:var(--photoii-shadow-accent),0 12px 32px #f5eede80}.loto-button:active{transform:translateY(-2px) scale(1.02)}.players-in-game{margin-top:var(--photoii-spacing-xl);padding:var(--photoii-spacing-lg);background:var(--photoii-bg-secondary);border-radius:var(--photoii-radius-lg);border:1px solid var(--photoii-border-secondary)}.players-in-game h4{color:var(--photoii-text-primary);margin-bottom:var(--photoii-spacing-md);font-weight:600}.players-in-game ul{list-style:none;padding:0;margin:0}.players-in-game li{padding:var(--photoii-spacing-sm) var(--photoii-spacing-md);margin:var(--photoii-spacing-xs) 0;background:var(--photoii-bg-tertiary);border-radius:var(--photoii-radius-sm);color:var(--photoii-text-secondary);border:1px solid var(--photoii-border-secondary);display:flex;align-items:center;gap:var(--photoii-spacing-sm)}.finished-phase{text-align:center;padding:var(--photoii-spacing-2xl) var(--photoii-spacing-lg);background:linear-gradient(135deg,var(--photoii-success-light) 0%,var(--photoii-primary-light) 100%);border-radius:var(--photoii-radius-xl);margin-bottom:var(--photoii-spacing-xl);border:2px solid var(--photoii-success);box-shadow:var(--photoii-shadow-lg)}.finished-phase h3{color:var(--photoii-success);font-size:2em;margin-bottom:var(--photoii-spacing-lg);font-weight:700}.winners-list{margin-top:var(--photoii-spacing-lg)}.winners-list li{padding:var(--photoii-spacing-md);margin:var(--photoii-spacing-sm) 0;background:var(--photoii-bg-card);border-radius:var(--photoii-radius-md);color:var(--photoii-text-primary);border:2px solid var(--photoii-success);font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--photoii-bg-overlay);-webkit-backdrop-filter:var(--photoii-blur-md);backdrop-filter:var(--photoii-blur-md);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.modal-content{background:var(--photoii-bg-card);-webkit-backdrop-filter:var(--photoii-blur-lg);backdrop-filter:var(--photoii-blur-lg);border:2px solid var(--photoii-primary-border);border-radius:var(--photoii-radius-xl);padding:var(--photoii-spacing-2xl);max-width:500px;width:90%;box-shadow:var(--photoii-shadow-xl);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-content h3{color:var(--photoii-primary);margin-bottom:var(--photoii-spacing-md);font-size:1.5em;font-weight:700}.modal-content p{color:var(--photoii-text-secondary);margin-bottom:var(--photoii-spacing-lg);line-height:1.6}.warning-text{color:var(--photoii-warning);font-weight:600;margin-top:var(--photoii-spacing-sm)}.modal-buttons{display:flex;gap:var(--photoii-spacing-md);justify-content:flex-end;margin-top:var(--photoii-spacing-lg)}.modal-button{padding:var(--photoii-spacing-sm) var(--photoii-spacing-lg);border:none;border-radius:var(--photoii-radius-md);font-weight:600;cursor:pointer;transition:var(--photoii-transition-base);font-size:1em}.cancel-button{background:var(--photoii-bg-tertiary);color:var(--photoii-text-secondary);border:1px solid var(--photoii-border-secondary)}.cancel-button:hover{background:var(--photoii-bg-secondary);color:var(--photoii-text-primary)}.confirm-button{background:linear-gradient(135deg,var(--photoii-error) 0%,var(--photoii-error-light) 100%);color:var(--photoii-text-primary)}.confirm-button:hover{background:linear-gradient(135deg,var(--photoii-error-light) 0%,var(--photoii-error) 100%);transform:translateY(-2px);box-shadow:0 4px 16px #ef444466}.cards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--photoii-spacing-md);flex-wrap:wrap;gap:var(--photoii-spacing-md)}.cards-header h3{margin:0;color:var(--photoii-primary);font-size:1.5em;font-weight:600}.card-purchase-info{display:flex;gap:var(--photoii-spacing-md);align-items:center;flex-wrap:wrap}.card-purchase-info .card-price{padding:var(--photoii-spacing-xs) var(--photoii-spacing-md);background:var(--photoii-primary-light);border-radius:var(--photoii-radius-md);border:1px solid var(--photoii-primary-border);color:var(--photoii-text-primary);font-weight:600;font-size:.95em}.card-purchase-info .cards-limit{padding:var(--photoii-spacing-xs) var(--photoii-spacing-md);background:var(--photoii-bg-secondary);border-radius:var(--photoii-radius-md);border:1px solid var(--photoii-border-secondary);color:var(--photoii-text-secondary);font-size:.9em}.action-buttons-row{display:flex;gap:var(--photoii-spacing-md);flex-wrap:wrap;justify-content:center;margin-top:var(--photoii-spacing-md)}.action-button.buy-card{background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-accent-hover) 100%);color:var(--photoii-text-primary);padding:var(--photoii-spacing-md) var(--photoii-spacing-xl);font-size:1.1em;font-weight:600;border:2px solid var(--photoii-accent-border);box-shadow:var(--photoii-shadow-sm)}.action-button.buy-card:hover:not(:disabled){background:linear-gradient(135deg,var(--photoii-accent-hover) 0%,var(--photoii-accent-active) 100%);transform:translateY(-2px);box-shadow:var(--photoii-shadow-glow);border-color:var(--photoii-accent)}.action-button.buy-card:disabled{opacity:.5;cursor:not-allowed}.action-button.claim-loto{background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-primary-hover) 100%);color:var(--photoii-text-primary);padding:var(--photoii-spacing-md) var(--photoii-spacing-xl);font-size:1.2em;font-weight:700;border:2px solid var(--photoii-primary-border)}.action-button.claim-loto:hover:not(:disabled){background:linear-gradient(135deg,var(--photoii-primary-hover) 0%,var(--photoii-primary-active) 100%);transform:translateY(-2px);box-shadow:var(--photoii-shadow-glow)}.action-button.claim-loto:disabled{opacity:.5;cursor:not-allowed;background:var(--photoii-bg-tertiary);color:var(--photoii-text-secondary)}.action-button.claim-loto.loto-ready{background:linear-gradient(135deg,var(--photoii-accent) 0%,var(--photoii-accent-hover) 100%);color:var(--photoii-text-primary);border-color:var(--photoii-accent-border);box-shadow:0 0 20px var(--photoii-accent-shadow),var(--photoii-shadow-glow);animation:lotoButtonPulse 2s ease-in-out infinite}.action-button.claim-loto.loto-ready:hover:not(:disabled){background:linear-gradient(135deg,var(--photoii-accent-hover) 0%,var(--photoii-accent-active) 100%);transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px var(--photoii-accent-shadow),0 0 60px var(--photoii-accent-shadow),var(--photoii-shadow-glow)}@keyframes lotoButtonPulse{0%,to{box-shadow:0 0 20px var(--photoii-accent-shadow),var(--photoii-shadow-glow)}50%{box-shadow:0 0 30px var(--photoii-accent-shadow),0 0 50px var(--photoii-accent-shadow),var(--photoii-shadow-glow)}}.ready-button:focus-visible,.start-solo-button:focus-visible,.leave-button:focus-visible,.action-button:focus-visible,.modal-button:focus-visible{outline:2px solid var(--photoii-accent);outline-offset:3px}.leave-confirm-modal .warning-text{color:var(--photoii-warning);font-weight:600;margin-top:var(--photoii-spacing-sm)}@media (max-width: 768px){.game-board{padding:var(--photoii-spacing-md)}.game-header{flex-direction:column;align-items:stretch;gap:var(--photoii-spacing-md)}.game-stats{justify-content:center}.leave-button{width:100%}.action-buttons-row{flex-direction:column}.action-button{width:100%;font-size:1.1em}.lototron-window{min-height:320px}.barrel-number-display .barrel-number{font-size:4rem}}:root{--photoii-primary: #7C8C8F;--photoii-primary-hover: #6b7a7d;--photoii-primary-active: #5c6a6d;--photoii-primary-light: rgba(124, 140, 143, .15);--photoii-primary-lighter: rgba(124, 140, 143, .08);--photoii-primary-border: rgba(124, 140, 143, .3);--photoii-primary-border-light: rgba(124, 140, 143, .2);--photoii-primary-glow: rgba(124, 140, 143, .4);--photoii-primary-dark: #4a5456;--photoii-accent: #F5EEDE;--photoii-accent-hover: #e8dcc8;--photoii-accent-active: #d4c4a8;--photoii-accent-dark: #b8a88a;--photoii-accent-light: rgba(245, 238, 222, .2);--photoii-accent-shadow: rgba(245, 238, 222, .3);--photoii-accent-border: rgba(245, 238, 222, .4);--photoii-bg-primary: #1A1A1A;--photoii-bg-secondary: #242424;--photoii-bg-tertiary: #2A2A2A;--photoii-bg-card: rgba(26, 26, 26, .8);--photoii-bg-overlay: rgba(15, 15, 15, .85);--photoii-bg-glass: rgba(26, 26, 26, .6);--photoii-text-primary: #F9F9F9;--photoii-text-secondary: #E5E5E5;--photoii-text-tertiary: #B8B8B8;--photoii-text-muted: #888888;--photoii-text-disabled: #666666;--photoii-border-primary: rgba(124, 140, 143, .25);--photoii-border-secondary: rgba(255, 255, 255, .08);--photoii-border-accent: rgba(245, 238, 222, .3);--photoii-success: #10b981;--photoii-success-light: rgba(16, 185, 129, .2);--photoii-warning: #f59e0b;--photoii-warning-light: rgba(245, 158, 11, .2);--photoii-error: #ef4444;--photoii-error-light: rgba(239, 68, 68, .2);--photoii-info: #3b82f6;--photoii-info-light: rgba(59, 130, 246, .2);--photoii-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--photoii-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--photoii-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--photoii-shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--photoii-shadow-glow: 0 0 20px var(--photoii-primary-glow);--photoii-shadow-accent: 0 0 30px var(--photoii-accent-shadow);--photoii-radius-sm: 8px;--photoii-radius-md: 12px;--photoii-radius-lg: 16px;--photoii-radius-xl: 20px;--photoii-radius-2xl: 24px;--photoii-radius-full: 9999px;--photoii-spacing-xs: 4px;--photoii-spacing-sm: 8px;--photoii-spacing-md: 16px;--photoii-spacing-lg: 24px;--photoii-spacing-xl: 32px;--photoii-spacing-2xl: 48px;--photoii-transition-fast: .15s ease;--photoii-transition-base: .3s ease;--photoii-transition-slow: .5s ease;--photoii-transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--photoii-blur-sm: blur(4px);--photoii-blur-md: blur(8px);--photoii-blur-lg: blur(16px);--photoii-blur-xl: blur(24px)}.app{width:100vw;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--photoii-bg-primary) 0%,var(--photoii-bg-secondary) 100%);background-image:radial-gradient(circle at 20% 50%,var(--photoii-primary-light) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--photoii-primary-lighter) 0%,transparent 50%);color:var(--photoii-text-primary)}.app-content{padding:var(--photoii-spacing-lg);max-width:1200px;margin:0 auto}.welcome-message{text-align:center;padding:var(--photoii-spacing-2xl) var(--photoii-spacing-lg);background:var(--photoii-bg-card);-webkit-backdrop-filter:var(--photoii-blur-md);backdrop-filter:var(--photoii-blur-md);border-radius:var(--photoii-radius-xl);border:2px solid var(--photoii-primary-border);max-width:600px;margin:var(--photoii-spacing-lg) auto;box-shadow:var(--photoii-shadow-md)}.welcome-message h1{background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--photoii-spacing-md);font-size:2.5em;font-weight:700}.welcome-message p{color:var(--photoii-text-secondary);font-size:1.2em;margin:var(--photoii-spacing-sm) 0;line-height:1.6}.games-list{margin-top:var(--photoii-spacing-xl);padding:var(--photoii-spacing-lg);background:var(--photoii-bg-card);-webkit-backdrop-filter:var(--photoii-blur-sm);backdrop-filter:var(--photoii-blur-sm);border-radius:var(--photoii-radius-xl);border:2px solid var(--photoii-primary-border-light);box-shadow:var(--photoii-shadow-sm)}.games-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--photoii-spacing-md);flex-wrap:wrap;gap:var(--photoii-spacing-md)}.games-list h2{color:var(--photoii-primary);margin:0;font-size:1.8em;font-weight:700}.create-game-button{padding:var(--photoii-spacing-sm) var(--photoii-spacing-lg);background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-primary-hover) 100%);border:none;border-radius:var(--photoii-radius-md);color:var(--photoii-text-primary);font-size:1em;font-weight:600;cursor:pointer;transition:var(--photoii-transition-base);box-shadow:var(--photoii-shadow-sm)}.create-game-button:hover:not(:disabled){background:linear-gradient(135deg,var(--photoii-primary-hover) 0%,var(--photoii-primary-active) 100%);transform:translateY(-2px);box-shadow:var(--photoii-shadow-glow)}.create-game-button:disabled{opacity:.5;cursor:not-allowed}.no-games{text-align:center;padding:var(--photoii-spacing-2xl) var(--photoii-spacing-lg);background:var(--photoii-bg-secondary);border-radius:var(--photoii-radius-lg);border:2px dashed var(--photoii-primary-border)}.no-games p{color:var(--photoii-text-tertiary);font-size:1.2em;margin-bottom:var(--photoii-spacing-xl)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--photoii-spacing-lg);margin-top:var(--photoii-spacing-md)}.game-card{background:var(--photoii-bg-card);-webkit-backdrop-filter:var(--photoii-blur-sm);backdrop-filter:var(--photoii-blur-sm);border:2px solid var(--photoii-primary-border);border-radius:var(--photoii-radius-lg);padding:var(--photoii-spacing-lg);transition:var(--photoii-transition-base);box-shadow:var(--photoii-shadow-sm)}.game-card:hover{border-color:var(--photoii-primary-border);transform:translateY(-4px);box-shadow:var(--photoii-shadow-md)}.game-card.clickable{cursor:pointer}.game-card.clickable:hover{transform:translateY(-6px);border-color:var(--photoii-primary);box-shadow:var(--photoii-shadow-glow)}.game-card.joined{border-color:var(--photoii-success);background:var(--photoii-success-light)}.game-card h3{color:var(--photoii-primary);margin-bottom:var(--photoii-spacing-md);font-size:1.3em;font-weight:600}.game-card p{color:var(--photoii-text-secondary);margin:var(--photoii-spacing-xs) 0;font-size:1em}.players-list{margin-top:var(--photoii-spacing-md);padding-top:var(--photoii-spacing-md);border-top:1px solid var(--photoii-border-secondary)}.players-list p{color:var(--photoii-text-primary);font-weight:600;margin-bottom:var(--photoii-spacing-sm)}.players-list ul{list-style:none;padding:0;margin:0}.players-list li{color:var(--photoii-text-secondary);padding:var(--photoii-spacing-xs) 0;font-size:.95em}.loading{text-align:center;padding:var(--photoii-spacing-2xl);color:var(--photoii-text-secondary);font-size:1.1em;display:flex;align-items:center;justify-content:center;gap:var(--photoii-spacing-md)}.loading:before{content:"";width:24px;height:24px;border:3px solid var(--photoii-primary-border);border-top-color:var(--photoii-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notification-message{padding:var(--photoii-spacing-md) var(--photoii-spacing-lg);margin:var(--photoii-spacing-lg) 0;display:flex;justify-content:space-between;align-items:center;gap:var(--photoii-spacing-md);border-radius:var(--photoii-radius-md);border:2px solid;box-shadow:var(--photoii-shadow-sm);animation:notificationIn .25s ease-out}@keyframes notificationIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-message.error{background:var(--photoii-error-light);border-color:var(--photoii-error);color:var(--photoii-text-primary)}.notification-message.success{background:var(--photoii-success-light);border-color:var(--photoii-success);color:var(--photoii-text-primary)}.notification-message.info{background:var(--photoii-info-light);border-color:var(--photoii-info);color:var(--photoii-text-primary)}.notification-text{flex:1;font-size:1rem;font-weight:500;line-height:1.5}.notification-close{background:#ffffff26;border:none;border-radius:var(--photoii-radius-sm);color:inherit;font-size:1.1em;cursor:pointer;padding:var(--photoii-spacing-xs) var(--photoii-spacing-sm);transition:var(--photoii-transition-base);flex-shrink:0}.notification-close:hover{background:#ffffff40;transform:scale(1.08)}.notification-close:focus{outline:2px solid currentColor;outline-offset:2px}.join-button{width:100%;padding:var(--photoii-spacing-sm) var(--photoii-spacing-lg);margin-top:var(--photoii-spacing-md);background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-primary-hover) 100%);border:none;border-radius:var(--photoii-radius-md);color:var(--photoii-text-primary);font-size:1.1em;font-weight:600;cursor:pointer;transition:var(--photoii-transition-base);box-shadow:var(--photoii-shadow-sm)}.join-button:hover{background:linear-gradient(135deg,var(--photoii-primary-hover) 0%,var(--photoii-primary-active) 100%);transform:translateY(-2px) scale(1.02);box-shadow:var(--photoii-shadow-glow)}.join-button:active{transform:translateY(0) scale(.98)}.join-status{margin-top:var(--photoii-spacing-md);padding:var(--photoii-spacing-sm);text-align:center;border-radius:var(--photoii-radius-md);font-weight:600;color:var(--photoii-success);background:var(--photoii-success-light);border:1px solid var(--photoii-success)}.join-status.disabled{color:var(--photoii-text-disabled);background:var(--photoii-bg-tertiary);border-color:var(--photoii-border-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--photoii-bg-card);-webkit-backdrop-filter:var(--photoii-blur-md);backdrop-filter:var(--photoii-blur-md);border-radius:var(--photoii-radius-xl);border:2px solid var(--photoii-primary-border);padding:var(--photoii-spacing-2xl);max-width:500px;width:90%;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:var(--photoii-shadow-glow);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{color:var(--photoii-primary);margin-bottom:var(--photoii-spacing-lg);font-size:1.8em;text-align:center}.modal-form{display:flex;flex-direction:column;gap:var(--photoii-spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--photoii-spacing-xs)}.form-group label{color:var(--photoii-text-primary);font-weight:600;font-size:1em}.form-group input{padding:var(--photoii-spacing-sm) var(--photoii-spacing-md);background:var(--photoii-bg-secondary);border:2px solid var(--photoii-primary-border);border-radius:var(--photoii-radius-md);color:var(--photoii-text-primary);font-size:1em;transition:var(--photoii-transition-base)}.form-group input:focus{outline:none;border-color:var(--photoii-primary);box-shadow:0 0 0 3px var(--photoii-primary-light)}.form-group small{color:var(--photoii-text-tertiary);font-size:.85em;margin-top:var(--photoii-spacing-xs)}.modal-actions{display:flex;gap:var(--photoii-spacing-md);margin-top:var(--photoii-spacing-lg)}.modal-button{flex:1;padding:var(--photoii-spacing-md) var(--photoii-spacing-lg);border:none;border-radius:var(--photoii-radius-md);font-size:1em;font-weight:600;cursor:pointer;transition:var(--photoii-transition-base)}.modal-button.cancel{background:var(--photoii-bg-secondary);color:var(--photoii-text-primary);border:2px solid var(--photoii-primary-border)}.modal-button.cancel:hover{background:var(--photoii-bg-tertiary);border-color:var(--photoii-primary-border-light)}.modal-button.confirm{background:linear-gradient(135deg,var(--photoii-primary) 0%,var(--photoii-primary-hover) 100%);color:var(--photoii-text-primary);box-shadow:var(--photoii-shadow-sm)}.modal-button.confirm:hover:not(:disabled){background:linear-gradient(135deg,var(--photoii-primary-hover) 0%,var(--photoii-primary-active) 100%);transform:translateY(-2px);box-shadow:var(--photoii-shadow-glow)}.modal-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.app-content{padding:var(--photoii-spacing-md)}.welcome-message h1{font-size:1.75em}.games-header{flex-direction:column;align-items:stretch}.games-list h2{font-size:1.4em;text-align:center}.create-game-button{width:100%}.games-grid{grid-template-columns:1fr}.modal-content{padding:var(--photoii-spacing-lg);width:95%}.modal-actions{flex-direction:column}}@media (max-height: 700px),(max-width: 430px){.app{min-height:100dvh;height:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app-content{padding:var(--photoii-spacing-sm)}.welcome-message{padding:var(--photoii-spacing-md) var(--photoii-spacing-sm)}.welcome-message h1{font-size:1.4em}}