:root{--width: 600px}body{font-family:Arial,sans-serif;text-align:center;max-width:var(--width);margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}h1{margin-top:0}img{max-width:100%}.active{display:block}.center{text-align:center}header{background:#ffc107;padding:15px;font-size:22px;font-weight:700;position:fixed;top:0;z-index:1;width:100%;max-width:var(--width)}.cursor-pointer{cursor:pointer}main{margin-top:100px;margin-bottom:100px}.bottom-nav{position:fixed;bottom:0;width:100%;max-width:var(--width);display:flex;justify-content:space-around;background:#222;padding:10px 0}.nav-btn{text-decoration:none;color:#fff;font-size:18px;padding:10px;cursor:pointer;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.x-large{font-size:x-large}.bold{font-weight:700}.player-info{display:flex;justify-content:space-between;gap:5px}#opponent{display:flex;justify-content:center;gap:10px;background:#ffc107;padding:10px;border-radius:10px 10px 0 0;font-size:large;font-weight:700;width:fit-content;margin:0 auto}.opponent-card{text-align:left;display:flex;background:#fd9b03e6;border:2px solid #ff6b35;border-radius:10px;box-shadow:0 4px 8px #0000004d;padding:10px}.opponent-card .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.picture img{border-radius:50%;max-width:50px;cursor:pointer}.header-icons{display:flex;align-items:center;gap:15px}#notification-icon{position:relative;cursor:pointer;font-size:24px}#notification-badge{position:absolute;top:-5px;right:-10px;background:red;color:#fff;font-size:14px;font-weight:700;padding:4px 8px;border-radius:50%;display:none}#notification-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:1}#notification-popup.active{opacity:1;visibility:visible}.popup-content{background:#fff;width:80%;max-width:500px;padding:20px;border-radius:10px;text-align:center;position:relative}.popup-content h3{margin-top:0}.popup-content ul{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto;text-align:left}.popup-content ul li{padding:10px;border-bottom:1px solid #ddd}.popup-content ul li:last-child{border-bottom:none}.close-popup{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:20px;cursor:pointer}.social-links{display:flex;flex-direction:column;gap:15px;font-size:18px}.social-links a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;transition:color .3s}.social-links a:hover{color:#1da1f2}.social-links svg{width:48px;height:48px}*{box-sizing:border-box}:root{--item-height: 100px}body{margin:0 auto}.start-button{cursor:pointer;display:block;margin:0 auto;font-size:xx-large;border-radius:50%;padding:20px;font-weight:700;background:linear-gradient(45deg,#fd9b03,#ff6b35);color:#fff;border:3px solid #e67e22;box-shadow:0 8px 16px #0000004d;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:all .3s ease}.start-button:hover{transform:translateY(-2px);box-shadow:0 12px 20px #0006;background:linear-gradient(45deg,#ff6b35,#fd9b03)}.start-button:active{transform:translateY(0);box-shadow:0 4px 8px #0000004d}#container{background:linear-gradient(135deg,#fd9b03,#ff6b35);border:3px solid #e67e22;box-shadow:0 10px 20px #0000004d;position:relative;overflow:hidden}#container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,215,0,.1) 0%,transparent 50%);pointer-events:none;z-index:1}.window{position:relative;overflow:hidden;height:calc(var(--item-height) * 2);justify-content:space-between;display:flex;z-index:2}.window:before{content:"";clear:both;position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);z-index:3}.window:after{content:"";clear:both;position:absolute;bottom:0;left:0;width:100%;height:8px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));z-index:3}.window-border{padding:8px;background:linear-gradient(135deg,#fcf8ad,#f9e13d);border:2px solid #f7ce6c;box-shadow:0 6px 4px -5px #eca654 inset;border-radius:10px;position:relative}.window-border:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);border-radius:8px;pointer-events:none}.icon{width:80px;height:var(--item-height);display:block;position:relative;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .2s ease}.icon:hover{transform:scale(1.05)}.outer-col{overflow-y:hidden;width:100px;float:left;background:linear-gradient(180deg,#16013c,#741a5e,#430155,#16013c);height:calc(var(--item-height) * 2.5);margin-top:calc(var(--item-height) * -.5);border:2px solid #741a5e;border-radius:8px;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003}.outer-spacer{width:8px;height:100%;float:left;background:linear-gradient(180deg,#be4d01,#893802);border-right:2px solid #f7ce6c38;box-shadow:inset 0 2px 4px #0003}.col{padding:0 10px;will-change:true;transform:translateY(calc(-100% + var(--item-height) * 3))}.col img{width:100%;height:auto;margin:10px 0;position:relative;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.col .icon:after{content:"";clear:both;display:block;position:absolute;top:50%;left:50%;width:1px;height:1px;background-color:#ffd7004d;box-shadow:0 0 40px 35px #ffd70033;z-index:2;border-radius:100%;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 40px 35px #ffd70033}to{box-shadow:0 0 50px 40px #ffd70066}}#spins{font-size:x-large;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}#earned{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-weight:700}#spin-timer-container{width:fit-content;margin:0 auto;padding:10px;background:#fd9b03cc;border:2px solid #ff6b35;border-radius:10px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #0000004d}#container.spinning .outer-col:nth-of-type(2) .col{animation-delay:.01s}#container.spinning .outer-col:nth-of-type(3) .col{animation-delay:.02s}#container.spinning .outer-col:nth-of-type(4) .col{animation-delay:.03s}#container.spinning .col{animation-name:scroll;animation-iteration-count:1;animation-timing-function:cubic-bezier(.65,.97,.72,1)}@keyframes scroll{to{transform:translateY(0)}}.theme-pirate #container{background:linear-gradient(135deg,#8b4513,#d2691e,peru);border:3px solid #654321;box-shadow:0 15px 30px #0009,inset 0 2px 4px #ffffff1a,0 0 20px #ffd7004d}.theme-pirate .start-button{background:linear-gradient(45deg,#8b4513,#d2691e);color:gold;border:3px solid #654321;box-shadow:0 8px 16px #0000004d,inset 0 2px 4px #fff3;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.theme-pirate .start-button:hover{transform:translateY(-2px);box-shadow:0 12px 20px #0006,inset 0 2px 4px #ffffff4d;background:linear-gradient(45deg,sienna,peru)}.theme-pirate #earned,.theme-pirate #spins{color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.theme-pirate .window-border{background:linear-gradient(135deg,gold,orange,#ff8c00);border:2px solid #B8860B;box-shadow:0 8px 16px #0006 inset,0 2px 4px #ffffff4d}.theme-pirate .outer-col{background:linear-gradient(180deg,#2f4f4f,#556b2f,#8b4513,#654321);border:2px solid #8B4513;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003}.theme-pirate .outer-spacer{background:linear-gradient(180deg,#8b4513,sienna,peru);border-right:2px solid #654321;box-shadow:inset 0 2px 4px #0003}.theme-pirate #spin-message{color:orange;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.theme-pirate #spin-timer-container{background:linear-gradient(135deg,#8b4513cc,#d2691ecc);border:2px solid #FFD700;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #0000004d}.theme-pirate #opponent{background:linear-gradient(135deg,#8b4513e6,#d2691ee6);border:2px solid #FFD700;border-radius:10px;box-shadow:0 4px 8px #0000004d;padding:10px}.theme-pirate .opponent-card .name{color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.theme-pirate .opponent-card .foods{color:#ffeb3b;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-weight:700}.theme-pirate .nav-btn{color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.theme-pirate .nav-btn.active{color:orange;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.theme-pirate #container:after{content:"⚓";position:absolute;top:10px;right:10px;font-size:24px;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:4;animation:swing 3s ease-in-out infinite}@keyframes swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.treasure-glow{animation:treasureGlow 1s ease-in-out infinite alternate}@keyframes treasureGlow{0%{box-shadow:0 0 20px #ffd7004d}to{box-shadow:0 0 30px #ffd70099,0 0 40px #ffd70066}}.theme-pirate #container{position:relative}.theme-pirate #container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,215,0,.1) 0%,transparent 50%),linear-gradient(45deg,transparent 40%,rgba(255,215,0,.05) 50%,transparent 60%);pointer-events:none;z-index:1;animation:wave 4s ease-in-out infinite}@keyframes wave{0%,to{background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,215,0,.1) 0%,transparent 50%),linear-gradient(45deg,transparent 40%,rgba(255,215,0,.05) 50%,transparent 60%)}50%{background:radial-gradient(circle at 80% 20%,rgba(255,215,0,.15) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(255,215,0,.15) 0%,transparent 50%),linear-gradient(45deg,transparent 60%,rgba(255,215,0,.08) 50%,transparent 40%)}}.theme-pirate .pirate-flag{content:"🏴‍☠️";position:absolute;top:10px;left:10px;font-size:20px;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:4;animation:flagWave 2s ease-in-out infinite}@keyframes flagWave{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.1)}}.theme-pirate .col .icon.win{animation:winGlow .5s ease-in-out infinite alternate}@keyframes winGlow{0%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) brightness(1)}to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) brightness(1.3) drop-shadow(0 0 10px rgba(255,215,0,.8))}}.treasure-popup{background:linear-gradient(135deg,#8b4513,#d2691e);border:3px solid #FFD700;border-radius:15px;box-shadow:0 10px 30px #00000080;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.theme-pirate .btn{background:linear-gradient(45deg,#8b4513,#d2691e);color:gold;border:2px solid #654321;box-shadow:0 4px 8px #0000004d;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.theme-pirate .btn:hover{background:linear-gradient(45deg,sienna,peru);transform:translateY(-2px);box-shadow:0 6px 12px #0006}#leaderboard{padding:0 20px}.leaderboard{width:100%;text-align:left;border-collapse:collapse}.pets-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px 10px}.grayscale{filter:grayscale(100%)}.pet-name{margin:0}.pet img{width:100px;height:100px;border-radius:50%;border:2px solid #ffc107;cursor:pointer}.fire:before{content:"🔥"}.water:before{content:"💧"}.grass:before{content:"🌿"}.electric:before{content:"⚡"}.ice:before{content:"❄️"}.flying:before{content:"🕊️"}.fighting:before{content:"🥋"}.psychic:before{content:"🔮"}.dragon:before{content:"🐉"}.dark:before{content:"🌑"}.wallet{margin:0 auto;width:fit-content}#shop-items{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px 10px}.shop-item img{width:100%;border-radius:10px}#inventory-items{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px 10px}.inventory-item img{width:100%;border-radius:10px}#tutorial-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}#spin-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:20px;border-radius:10px;text-align:center;max-width:400px;box-shadow:0 0 10px #fff3}.popup-content h2{margin-bottom:10px}.popup-content ul{text-align:left;padding-left:20px}.popup-content button{background:#ff9800;color:#fff;border:none;padding:10px 20px;cursor:pointer;margin-top:10px;border-radius:5px}.popup-content button:hover{background:#e68900}.user-profile{text-align:left;padding:20px}.auth-container{max-width:400px;margin:auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 0 10px #0000001a}form{display:none;margin-top:20px}form.active{display:block}input[type=text],input[type=password],input[type=email]{width:100%;padding:10px;margin:10px 0}.btn{width:100%;padding:12px;background:#007bff;border:none;color:#fff;font-size:16px;cursor:pointer;border-radius:6px}.toggle-link{text-align:center;margin-top:20px;cursor:pointer;color:#007bff;text-decoration:underline}.message{text-align:center;margin-top:15px;font-weight:700}.error{color:red}.success{color:green}#user{padding:20px;border-radius:8px;box-shadow:0 0 5px #0000001a}.form-group{margin-bottom:15px;display:flex;flex-direction:column}input[type=text],select{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;transition:border .3s}input[type=text]:focus,select:focus{border:1px solid #007bff;outline:none}input[type=file]{font-size:14px;padding:5px}#previewAvatar{justify-content:center;margin-top:10px;display:flex;border:2px solid #ddd}.icon-button{background:#218838;border:none;cursor:pointer;font-size:24px;color:#fff}.icon-button:hover{color:gold}.custom-file-button{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer;text-align:center}canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none;z-index:9999}.tabs{display:flex;margin-bottom:10px}.tab{padding:10px 15px;border:none;cursor:pointer;font-size:16px;flex:1;font-weight:700;border-radius:5px;transition:all .3s ease}.tab{background-color:gold;color:#000}.tab.active{background-color:purple;color:#fff}.tab-content{display:block}.hidden{display:none}.auto-mode{background:#4fa629!important;color:#fff;box-shadow:inset 0 3px 6px #0006;transform:scale(.97) translateY(2px);transition:all .2s ease-in-out;font-weight:700}.theme-pirate{background:linear-gradient(135deg,#2f4f4f,#556b2f,#8b4513);color:wheat;min-height:100vh}.theme-pirate .start-button{background-color:#8b4513;color:#fff;border:2px solid #fff;font-family:Pirata One,cursive}.theme-pirate #earned,.theme-pirate #spin-message{color:#fc0}.theme-pirate .window-border{border:4px solid #d2b48c;background-color:#0009}.theme-pirate #container,.theme-pirate #opponent{background:linear-gradient(135deg,#3e2723,#5d4037)}.theme-space{background:linear-gradient(135deg,#0b1426,#1a237e,#311b92);background-size:cover;color:#fff;min-height:100vh}.theme-space .start-button{background-color:#0b3d91;color:#0fc;border:2px solid #00ffcc;font-family:Orbitron,sans-serif}.theme-space .window-border{border:5px solid #00ffcc;background:#14143299}.theme-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:16px;font-weight:700;box-shadow:0 4px 8px #0003;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.theme-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d;background:linear-gradient(45deg,#764ba2,#667eea)}.theme-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.theme-popup-overlay.hidden{display:none}.theme-popup-content{background:#fff;border-radius:20px;padding:30px;max-width:600px;width:90%;box-shadow:0 20px 40px #0000004d;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-popup-content h2{text-align:center;margin-bottom:30px;color:#333;font-size:24px;font-weight:700}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.theme-option{border:3px solid #ddd;border-radius:15px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f9f9f9}.theme-option:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.theme-option.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.theme-option h3{margin:10px 0 5px;font-size:18px;color:#333;font-weight:700}.theme-option.selected h3{color:#fff}.theme-option p{margin:0;font-size:14px;opacity:.8;color:#666}.theme-option.selected p{color:#ffffffe6}.theme-preview{margin-bottom:15px;height:120px;display:flex;align-items:center;justify-content:center}.preview-container{width:100%;height:80px;border-radius:10px;overflow:hidden;position:relative}.preview-window{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.preview-reels{display:flex;gap:5px;height:60px}.preview-reel{width:20px;height:100%;border-radius:5px}.classic-preview .preview-container{background:linear-gradient(135deg,#fd9b03,#ff6b35)}.classic-preview .preview-window{background:linear-gradient(135deg,#fcf8ad,#f9e13d)}.classic-preview .preview-reel{background:linear-gradient(180deg,#16013c,#741a5e,#430155)}.pirate-preview .preview-container{background:linear-gradient(135deg,#8b4513,#d2691e)}.pirate-preview .preview-window{background:linear-gradient(135deg,gold,orange)}.pirate-preview .preview-reel{background:linear-gradient(180deg,#2f4f4f,#556b2f,#8b4513)}.theme-popup-buttons{display:flex;justify-content:center;gap:15px}.theme-popup-buttons .btn{padding:12px 30px;border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;min-width:100px}.theme-popup-buttons .btn:first-child{background:#f0f0f0;color:#333;border:2px solid #ddd}.theme-popup-buttons .btn:first-child:hover{background:#e0e0e0;border-color:#ccc;transform:translateY(-2px)}.theme-popup-buttons .btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:2px solid #667eea}.theme-popup-buttons .btn-primary:hover{background:linear-gradient(45deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.theme-classic #container{background:linear-gradient(135deg,#fd9b03,#ff6b35);border:3px solid #e67e22;box-shadow:0 10px 20px #0000004d}.theme-classic .start-button{background:linear-gradient(45deg,#fd9b03,#ff6b35);color:#fff;border:3px solid #e67e22;box-shadow:0 8px 16px #0000004d;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.theme-classic .start-button:hover{background:linear-gradient(45deg,#ff6b35,#fd9b03);transform:translateY(-2px);box-shadow:0 12px 20px #0006}.theme-classic .window-border{background:linear-gradient(135deg,#fcf8ad,#f9e13d);border:2px solid #f7ce6c;box-shadow:0 6px 4px -5px #eca654 inset}.theme-classic .outer-col{background:linear-gradient(180deg,#16013c,#741a5e,#430155,#16013c);border:2px solid #741a5e}.theme-classic .outer-spacer{background:linear-gradient(180deg,#be4d01,#893802);border-right:2px solid #f7ce6c38}.theme-classic #earned,.theme-classic #spins{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.theme-classic #spin-message{color:#ffeb3b;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.theme-classic #spin-timer-container{background:#fd9b03cc;border:2px solid #ff6b35;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #0000004d}.theme-classic .nav-btn{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.theme-classic .nav-btn.active{color:#ffeb3b;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.theme-classic .opponent-card{background:#fd9b03e6;border:2px solid #ff6b35;border-radius:10px;box-shadow:0 4px 8px #0000004d;padding:10px}.theme-classic .opponent-card .name{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.theme-classic .opponent-card .foods{color:#ffeb3b;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.theme-classic #container:after,.theme-classic .pirate-flag{display:none}.theme-classic #container:before{display:none}#container{background:linear-gradient(135deg,#fd9b03,#ff6b35);border:3px solid #e67e22;box-shadow:0 10px 20px #0000004d}.start-button{background:linear-gradient(45deg,#fd9b03,#ff6b35);color:#fff;border:3px solid #e67e22;box-shadow:0 8px 16px #0000004d;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.start-button:hover{background:linear-gradient(45deg,#ff6b35,#fd9b03);transform:translateY(-2px);box-shadow:0 12px 20px #0006}.window-border{background:linear-gradient(135deg,#fcf8ad,#f9e13d);border:2px solid #f7ce6c;box-shadow:0 6px 4px -5px #eca654 inset}.outer-col{background:linear-gradient(180deg,#16013c,#741a5e,#430155,#16013c);border:2px solid #741a5e}.outer-spacer{background:linear-gradient(180deg,#be4d01,#893802);border-right:2px solid #f7ce6c38}#earned,#spins{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}#spin-message{color:#ffeb3b;text-shadow:1px 1px 2px rgba(0,0,0,.5)}#spin-timer-container{background:#fd9b03cc;border:2px solid #ff6b35;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #0000004d}.nav-btn{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.nav-btn.active{color:#ffeb3b;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.opponent-card{background:#fd9b03e6;border:2px solid #ff6b35;border-radius:10px;box-shadow:0 4px 8px #0000004d;padding:10px}.opponent-card .name{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.opponent-card .foods{color:#ffeb3b;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-weight:700}#container:after,.pirate-flag{display:none}#container:before{display:none}.fire-animation{display:inline-block;animation:fireFlicker 1.5s ease-in-out infinite}@keyframes fireFlicker{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}25%{transform:scale(1.1) rotate(2deg);filter:brightness(1.2)}50%{transform:scale(.95) rotate(-1deg);filter:brightness(.9)}75%{transform:scale(1.05) rotate(1deg);filter:brightness(1.1)}}.pirate-flag{position:absolute;top:10px;left:10px;font-size:20px;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:4;animation:flagWave 3s ease-in-out infinite;display:none}@keyframes flagWave{0%,to{transform:rotate(-5deg) scale(1);filter:brightness(1)}25%{transform:rotate(3deg) scale(1.05);filter:brightness(1.1)}50%{transform:rotate(-2deg) scale(1.1);filter:brightness(1.2)}75%{transform:rotate(4deg) scale(1.05);filter:brightness(1.1)}}.theme-pirate .pirate-flag{display:block}.title-fire{display:inline-block;animation:titleFire 2s ease-in-out infinite}@keyframes titleFire{0%,to{transform:scale(1) rotate(0);filter:brightness(1) hue-rotate(0deg)}33%{transform:scale(1.1) rotate(3deg);filter:brightness(1.3) hue-rotate(10deg)}66%{transform:scale(.95) rotate(-2deg);filter:brightness(.8) hue-rotate(-5deg)}}.start-button.holding{transform:translateY(4px);box-shadow:0 2px 4px #0000004d;background:linear-gradient(45deg,#e67e22,#d35400);transition:all .1s ease}.start-button.auto-mode{background:linear-gradient(45deg,#27ae60,#2ecc71);border-color:#27ae60;animation:autoPulse 1.5s ease-in-out infinite;position:relative}.start-button.auto-mode:before{content:"🔄";position:absolute;top:-10px;right:-10px;font-size:16px;animation:rotate 2s linear infinite}@keyframes autoPulse{0%,to{box-shadow:0 8px 16px #27ae604d}50%{box-shadow:0 8px 20px #27ae6099}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-pirate .start-button.auto-mode{background:linear-gradient(45deg,#8b4513,sienna);border-color:#8b4513}.theme-pirate .start-button.auto-mode:before{content:"🏴‍☠️";animation:pirateWave 2s ease-in-out infinite}@keyframes pirateWave{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.start-button.holding:after{content:"";position:absolute;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#ff6b35,#fd9b03);border-radius:0 0 50% 50%;animation:holdProgress 3s linear;z-index:10}@keyframes holdProgress{0%{width:0%}to{width:100%}}.theme-pirate .start-button.holding:after{background:linear-gradient(90deg,#8b4513,sienna)}.start-button.auto-mode{pointer-events:auto!important;cursor:pointer!important;position:relative;z-index:1000}.start-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.start-button *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.start-button.auto-mode.auto-stoppable{pointer-events:auto!important;cursor:pointer!important}.start-button.auto-mode{pointer-events:auto!important;cursor:pointer!important;position:relative;z-index:1000;opacity:1!important;visibility:visible!important}.start-button.auto-mode[disabled]{pointer-events:auto!important;cursor:pointer!important;opacity:1!important}@media (max-width: 768px){main{margin-bottom:80px}.start-button{margin-bottom:20px;min-height:60px;min-width:120px}.bottom-nav{z-index:1000}.start-button.auto-mode{min-height:60px;min-width:120px;padding:15px 25px}}.auto-spin-hint{font-size:14px;color:#888;margin-top:8px;margin-bottom:10px;text-align:center;font-style:italic;opacity:.8}.theme-pirate .auto-spin-hint{color:#fc0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}:root{--primary: #0ff;--secondary: #ff0;--background: #0c0c0c;--card-bg: #1a1a1a;--font-gaming: "Orbitron", sans-serif;--accent: #f900ff}body{margin:0 auto;font-family:var(--font-gaming);background:var(--background);color:#fff}header{background:linear-gradient(to right,#111,#222);padding:20px;align-items:center;border-bottom:2px solid var(--accent);box-shadow:0 4px 10px #000c}.player-info>div{margin:0 10px;font-size:16px}.btn{padding:10px 18px;background:var(--primary);color:#000;font-weight:700;border:none;border-radius:8px;cursor:pointer;box-shadow:0 0 10px var(--primary)}h1,h2,h3{color:var(--secondary);text-shadow:0 0 5px var(--accent)}.screen{display:none}.screen.active{display:block}.start-button{background:var(--accent);color:#fff;padding:20px 40px;font-size:24px;border:none;border-radius:20px;box-shadow:0 0 15px var(--accent);margin-top:20px}.start-button:hover{background:#ff00c8}.window-border{border:4px solid var(--primary);border-radius:12px;background:#111;padding:20px;box-shadow:0 0 20px var(--primary)}.bottom-nav{position:fixed;bottom:0;width:100%;background:#111;display:flex;justify-content:space-around;padding:12px 0;border-top:2px solid var(--accent)}.nav-btn{color:#fff;font-size:14px;text-transform:uppercase;cursor:pointer}.nav-btn.active{color:var(--accent);font-weight:700;text-shadow:0 0 10px var(--accent)}.popup-content{background:#1e1e1e;border:2px solid var(--secondary);box-shadow:0 0 15px var(--secondary);border-radius:15px;padding:20px;color:#fff}.pets-list,#shop-items,#inventory-items{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.pet img,.shop-item img,.inventory-item img{border:2px solid var(--primary);border-radius:15px;background:#000}