:root{--deep-forest: #2d4a47;--sage-green: #7ba098;--misty-teal: #a8c4c0;--forest-shadow: #5a7269;--autumn-red: #d45d47;--rust-brown: #b85c3e;--moss-green: #8fa856;--golden-orange: #f4a261;--soft-cream: #f5f3f0;--pale-stone: #e8e5e2;--water-blue: #9db5b2;--stone-gray: #6b7c75;--text-light: #ffffff;--text-dim: #cccccc;--success: #8fa856;--error: #d45d47;--border-radius: 8px;--shadow: 0 4px 8px rgba(0, 0, 0, .3);--transition-fast: .2s ease-out;--transition-medium: .4s ease-out;--transition-slow: .8s ease-out;--bounce-effect: cubic-bezier(.68, -.55, .265, 1.55);--elastic-effect: cubic-bezier(.175, .885, .32, 1.275)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:var(--deep-forest) url(./jungle_background.BN71ASmu.svg) center center / cover no-repeat fixed;color:var(--text-light);overflow:hidden;user-select:none}.hidden{display:none!important}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--deep-forest) 0%,var(--forest-shadow) 50%,var(--stone-gray) 100%);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity var(--transition-slow);overflow:hidden}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(244,162,97,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,160,86,.1) 0%,transparent 50%);animation:backgroundPulse 4s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:1}}.loading-content{text-align:center;max-width:400px;width:90%;position:relative;z-index:2;transform:translateY(20px);animation:slideInUp .8s var(--elastic-effect) forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.game-title{font-size:3rem;font-weight:700;margin-bottom:2rem;color:var(--golden-orange);text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(244,162,97,.5);animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(244,162,97,.5)}to{text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 40px rgba(244,162,97,.8),0 0 60px rgba(244,162,97,.4)}}.loading-progress{margin-top:2rem}.progress-bar{width:100%;height:8px;background:#00000080;border-radius:4px;overflow:hidden;border:1px solid var(--sage-green)}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--sage-green) 0%,var(--misty-teal) 50%,var(--golden-orange) 100%);border-radius:4px;transition:width .3s ease-out;box-shadow:0 0 10px var(--misty-teal)}.loading-text{margin-top:1rem;font-size:1rem;color:var(--misty-teal);text-shadow:0 0 10px rgba(168,196,192,.5)}.game-container{display:flex;flex-direction:column;width:100%;height:100vh;padding:1rem;gap:.5rem}.canvas-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;background:#2d4a474d;border-radius:var(--border-radius);border:2px solid var(--moss-green);box-shadow:var(--shadow),inset 0 0 30px #00000080;overflow:hidden;min-height:0;max-width:750px;max-height:750px;width:100%;margin:0 auto}.game-canvas{width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.game-ui{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;padding:1rem;background:linear-gradient(135deg,#2d4a47cc,#5a7269e6);border-radius:var(--border-radius);border:2px solid var(--golden-orange);box-shadow:var(--shadow);align-items:center;flex-shrink:0}.bet-level-selector{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#0006;border-radius:var(--border-radius);border:1px solid var(--sage-green);justify-self:start}.bet-display{font-size:1.125rem;font-weight:700;color:var(--golden-orange);text-shadow:0 0 8px rgba(244,162,97,.4);min-width:140px;text-align:center}.bet-button{width:36px;height:36px;background:linear-gradient(135deg,var(--moss-green) 0%,var(--sage-green) 100%);color:var(--text-light);border:2px solid var(--sage-green);border-radius:50%;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.bet-button:hover:not(:disabled){background:linear-gradient(135deg,var(--misty-teal) 0%,var(--moss-green) 100%);border-color:var(--misty-teal);transform:scale(1.1);box-shadow:0 0 15px #a8c4c080}.bet-button:active:not(:disabled){transform:scale(.95)}.bet-button:disabled{opacity:.4;cursor:not-allowed;background:var(--stone-gray);border-color:var(--forest-shadow)}.bet-level-dropdown{padding:.5rem 1rem;background:var(--stone-gray);color:var(--text-light);border:1px solid var(--golden-orange);border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.bet-level-dropdown:hover{background:var(--forest-shadow);box-shadow:0 0 10px #f4a2614d}#spin-button-container{display:flex;align-items:center;justify-content:center}.spin-button{padding:1rem 3rem;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,var(--golden-orange) 0%,var(--rust-brown) 100%);color:var(--deep-forest);border:3px solid var(--golden-orange);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 8px #0006,0 0 20px #f4a2614d,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.spin-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-medium)}.spin-button:hover:not(:disabled){background:linear-gradient(135deg,var(--autumn-red) 0%,var(--golden-orange) 100%);border-color:var(--autumn-red);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #00000080,0 0 30px #f4a26199,inset 0 1px #fff6}.spin-button:hover:not(:disabled):before{left:100%}.spin-button:active:not(:disabled){transform:translateY(0) scale(1);box-shadow:0 2px 4px #0006,0 0 15px #f4a26166,inset 0 2px 4px #0003}.spin-button:disabled{background:var(--stone-gray);color:var(--text-dim);border-color:var(--forest-shadow);cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.spin-button:disabled:before{display:none}.last-win-panel{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#0006;border-radius:var(--border-radius);border:1px solid var(--sage-green);justify-self:end;min-width:150px}.last-win-label{font-size:.875rem;color:var(--misty-teal);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.last-win{font-size:1.5rem;color:var(--golden-orange);font-weight:700;text-shadow:0 0 10px rgba(244,162,97,.5);white-space:nowrap}.feature-status{font-size:.875rem;font-weight:700;margin-top:.5rem;animation:featurePulse 2s ease-in-out infinite}@keyframes featurePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.feature-badge{display:inline-block;animation:badgeGlow 2s ease-in-out infinite alternate}@keyframes badgeGlow{0%{box-shadow:0 0 10px #f4a2614d}to{box-shadow:0 0 20px #f4a26199,0 0 30px #8ba05666}}.reconnection-banner{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:999;background:linear-gradient(135deg,var(--deep-forest) 0%,var(--forest-shadow) 100%);border:2px solid var(--golden-orange);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1rem 2rem;min-width:300px;opacity:1;transition:opacity var(--transition-medium)}.reconnection-banner.hidden{opacity:0;pointer-events:none}.reconnection-content{display:flex;align-items:center;gap:1rem}.reconnection-icon{font-size:2rem}.reconnection-text{flex:1}.reconnection-message{font-size:1rem;font-weight:700;color:var(--golden-orange);margin-bottom:.25rem}.reconnection-detail{font-size:.875rem;color:var(--misty-teal)}.error-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:1;transition:opacity var(--transition-medium)}.error-modal.hidden{opacity:0;pointer-events:none}.error-content{background:linear-gradient(135deg,var(--deep-forest) 0%,var(--forest-shadow) 100%);border:2px solid var(--error);border-radius:var(--border-radius);padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 40px #00000080}.error-content h3{color:var(--error);margin-bottom:1rem;font-size:1.5rem}.error-content p{color:var(--text-light);margin-bottom:2rem}.retry-button{padding:.75rem 2rem;background:linear-gradient(135deg,var(--golden-orange) 0%,var(--moss-green) 100%);color:var(--deep-forest);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4a26180}.retry-button:active{transform:translateY(0)}#header-container{background:linear-gradient(135deg,var(--deep-forest) 0%,var(--forest-shadow) 100%);border-bottom:2px solid var(--golden-orange);box-shadow:var(--shadow)}.bd-game-header{background:transparent!important;padding:1rem}.bd-game-header__title{color:var(--golden-orange)!important;text-shadow:0 0 10px rgba(244,162,97,.5);font-weight:700}.bd-connection-status{background:#0006!important;border:1px solid var(--sage-green)!important;border-radius:var(--border-radius)!important;padding:.5rem 1rem!important;color:var(--misty-teal)!important}.bd-connection-status[data-status=connected],.bd-connection-status.connected{border-color:var(--success)!important}.bd-connection-status[data-status=connected] .bd-connection-status__label,.bd-connection-status.connected .bd-connection-status__label{color:var(--success)!important}.bd-connection-status[data-status=disconnected],.bd-connection-status.disconnected{border-color:var(--error)!important}.bd-connection-status[data-status=disconnected] .bd-connection-status__label,.bd-connection-status.disconnected .bd-connection-status__label{color:var(--error)!important}.bd-connection-status__dot{background:currentColor;width:8px;height:8px;border-radius:50%;margin-right:.5rem}.bd-wallet-display{background:#0006!important;border:1px solid var(--golden-orange)!important;border-radius:var(--border-radius)!important;padding:.5rem 1rem!important}.bd-wallet-display__label{color:var(--misty-teal)!important;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.bd-wallet-display__balance{color:var(--golden-orange)!important;font-weight:700!important;font-size:1.25rem}.bd-wallet-display__currency{color:var(--water-blue)!important;font-size:.875rem;margin-left:.25rem}.bd-user-menu{background:#0006!important;border:1px solid var(--sage-green)!important;border-radius:var(--border-radius)!important}.bd-user-menu button,#header-container button{background:var(--stone-gray)!important;color:var(--text-light)!important;border:1px solid var(--golden-orange)!important;border-radius:var(--border-radius)!important;padding:.5rem 1rem!important;cursor:pointer;transition:all var(--transition-fast)}.bd-user-menu button:hover,#header-container button:hover{background:var(--forest-shadow)!important;box-shadow:0 0 10px #f4a2614d;transform:translateY(-1px)}.bd-audio{position:fixed!important;bottom:1rem!important;right:1rem!important;z-index:100!important;display:flex!important;gap:.75rem!important;align-items:center!important;background:linear-gradient(135deg,#2d4a47f2,#5a7269f2)!important;border:2px solid var(--golden-orange)!important;border-radius:var(--border-radius)!important;padding:.75rem 1rem!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(8px)}.bd-audio__toggle{width:40px!important;height:40px!important;background:var(--stone-gray)!important;border:1px solid var(--golden-orange)!important;border-radius:50%!important;cursor:pointer!important;transition:all var(--transition-fast)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--golden-orange)!important;font-size:1.25rem!important;padding:0!important}.bd-audio__toggle:hover{background:var(--forest-shadow)!important;box-shadow:0 0 15px #f4a26180!important;transform:scale(1.1)!important}.bd-audio__toggle:active{transform:scale(.95)!important}.bd-audio__icon{color:var(--golden-orange)!important;font-size:1.25rem!important}.bd-audio__slider{display:flex!important;align-items:center!important;gap:.5rem!important;color:var(--misty-teal)!important}.bd-audio__range{width:100px!important;height:4px!important;background:#00000080!important;border-radius:2px!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important}.bd-audio__range::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:14px;height:14px;background:var(--golden-orange);border-radius:50%;cursor:pointer;box-shadow:0 0 8px #f4a26180;transition:all var(--transition-fast)}.bd-audio__range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #f4a261cc}.bd-audio__range::-moz-range-thumb{width:14px;height:14px;background:var(--golden-orange);border:none;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #f4a26180;transition:all var(--transition-fast)}.bd-audio__range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #f4a261cc}.bd-audio__range::-webkit-slider-runnable-track{width:100%;height:4px;background:linear-gradient(90deg,var(--sage-green) 0%,var(--golden-orange) 100%);border-radius:2px}.bd-audio__range::-moz-range-track{width:100%;height:4px;background:linear-gradient(90deg,var(--sage-green) 0%,var(--golden-orange) 100%);border-radius:2px}.audio-controls{position:fixed;bottom:1rem;right:1rem;z-index:100}@media (max-width: 768px){.game-title{font-size:2rem}.game-ui{grid-template-columns:1fr;gap:.5rem}.bet-level-selector,.last-win-panel{padding:.75rem;justify-self:stretch}.spin-button{padding:.75rem 2rem;font-size:1rem}.bet-button{width:32px;height:32px;font-size:1rem}.bet-display{font-size:.875rem;min-width:100px}.last-win{font-size:1.25rem}.bd-audio,.audio-controls{bottom:.5rem!important;right:.5rem!important;padding:.5rem!important}.bd-audio__range{width:60px!important}}