:root{--jungle-green-900: #003721;--jungle-green-800: #1f2524;--jungle-green-700: #255e00;--jungle-green-600: #448e23;--jungle-green-500: #719e3c;--jungle-green-400: #8ab749;--jungle-green-300: #97c46c;--jungle-green-200: #c0dba2;--jungle-teal-500: #2eaa87;--jungle-teal-400: #33c198;--jungle-teal-300: #4dcea6;--jungle-teal-200: #73e0bf;--jungle-gold: #f8ba11;--jungle-brown-600: #594e38;--jungle-brown-500: #493c2c;--text-primary: #f5f7ef;--text-muted: rgba(245, 247, 239, .75);--header-height: 80px;--hud-width: 320px;--banner-height: 48px;--transition-default: .16s ease-in-out}*{box-sizing:border-box}body{margin:0;font-family:Roboto,Segoe UI,sans-serif;color:var(--text-primary);background-color:var(--jungle-green-900);min-height:100vh;overflow:hidden}#app{position:relative;min-height:100vh;display:flex;flex-direction:column}#background-layer{position:fixed;inset:0;background:url(./jungle_background-BxRrXs1n.svg) center / cover no-repeat,radial-gradient(circle at 20% 20%,rgba(72,142,35,.35),transparent 55%),radial-gradient(circle at 80% 30%,rgba(51,193,152,.25),transparent 60%),var(--jungle-green-900);filter:saturate(1.1);z-index:0;pointer-events:none}#header-container{position:relative;z-index:2;height:var(--header-height);backdrop-filter:blur(8px);background:linear-gradient(120deg,#276012d9,#003721b3),#0006;border-bottom:1px solid rgba(248,186,17,.35);box-shadow:0 8px 16px #00000059}#game-shell{position:relative;flex:1;display:grid;grid-template-columns:1fr var(--hud-width);grid-template-areas:"canvas hud";gap:24px;padding:24px 32px 48px;z-index:1}#canvas-container{grid-area:canvas;position:relative;border-radius:24px;padding:12px;background:linear-gradient(180deg,#f8ba1126,#488e2340),#00000073;border:1px solid rgba(248,186,17,.35);box-shadow:0 18px 40px #00000073,inset 0 2px 6px #ffffff14;display:flex;align-items:center;justify-content:center}#game-canvas{width:100%;height:100%;max-width:100%;border-radius:16px;background:#00000059;border:1px solid rgba(0,0,0,.6)}#hud-container{grid-area:hud;display:flex;flex-direction:column;gap:16px;padding:16px;background:linear-gradient(180deg,#115326d9,#1f2524e6),#0000008c;border-radius:20px;border:1px solid rgba(51,193,152,.35);box-shadow:0 12px 32px #00000073}.hud-panel{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:16px;background:#003721a6;border:1px solid rgba(77,206,166,.35);box-shadow:inset 0 1px #ffffff14}.hud-label{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--jungle-teal-200)}.hud-value{font-size:1.6rem;font-weight:600;color:var(--jungle-gold);text-shadow:0 0 12px rgba(248,186,17,.35)}.bet-level-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:8px 10px;border-radius:12px;background:#24431d99;border:1px solid rgba(151,196,108,.35)}.bet-level-label{font-size:.95rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--jungle-teal-200)}.bet-adjust-button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(114,158,60,.45);background:linear-gradient(180deg,#97c46cd9,#448e23d9);color:var(--jungle-green-900);font-size:1.4rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 6px 14px #00000059;transition:transform var(--transition-default),background-color var(--transition-default),box-shadow var(--transition-default)}.bet-adjust-button:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(180deg,#97c46c,#448e23f2)}.bet-adjust-button:active:not(:disabled){transform:translateY(1px)}.bet-adjust-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.status-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.status-row+.status-row{margin-top:10px}.status-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.status-value{font-size:1rem;font-weight:600;color:var(--jungle-teal-300)}#audio-controls-panel{gap:12px;min-height:110px}.audio-controls-container{display:flex;flex-direction:column;gap:8px}.money-tree-audio{--bd-primary: var(--jungle-teal-400);--bd-text-primary: var(--text-primary);--bd-surface: rgba(0, 55, 33, .6);--bd-surface-hover: rgba(77, 206, 166, .35);--bd-border: rgba(51, 193, 152, .45);width:100%;justify-content:space-between;gap:12px}.money-tree-audio .bd-audio__toggle{background:linear-gradient(180deg,#33c19873,#207a59a6);border:1px solid rgba(77,206,166,.5);color:var(--text-primary);box-shadow:0 6px 14px #00000059}.money-tree-audio .bd-audio__toggle:hover{background:linear-gradient(180deg,#33c198a6,#207a59bf)}.money-tree-audio .bd-audio__icon img{display:block;width:22px;height:22px;filter:drop-shadow(0 0 6px rgba(77,206,166,.35))}.money-tree-audio .bd-audio__range{width:100%;accent-color:var(--jungle-teal-300)}.hud-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:auto}.hud-controls button{font-size:1rem;font-weight:700;letter-spacing:.08em;padding:12px 16px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform var(--transition-default),box-shadow var(--transition-default),background-color var(--transition-default)}.spin-button-container{display:flex;align-items:stretch;justify-content:center}.spin-button-container .bd-spin{flex:1 1 auto}.money-tree-spin{--bd-primary: linear-gradient(180deg, var(--jungle-gold), #e39607);--bd-primary-text: #241300;--bd-shadow: 0 10px 20px rgba(248, 186, 17, .4);width:100%;text-transform:uppercase;letter-spacing:.08em}#auto-play-button{background:linear-gradient(180deg,var(--jungle-teal-400),var(--jungle-teal-500));color:var(--jungle-green-900);box-shadow:0 10px 20px #4dcea659;align-self:stretch}#auto-play-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #33c19873}#auto-play-button:active{transform:translateY(1px)}#reconnection-banner{position:fixed;z-index:3;left:50%;bottom:24px;transform:translate(-50%);display:none;align-items:center;gap:16px;padding:12px 20px;border-radius:999px;background:#f8ba11f2;color:#241300;box-shadow:0 16px 32px #00000059}#reconnection-banner[hidden]{display:none}#retry-connection-button{appearance:none;border:none;background:#0000001a;color:inherit;padding:8px 16px;border-radius:999px;font-weight:600;cursor:pointer}#retry-connection-button:hover{background:#0003}#error-modal{position:fixed;inset:0;display:grid;place-items:center;background:#0009;z-index:4}#error-modal[hidden],#error-modal[aria-hidden=true]{display:none}.modal-content{max-width:420px;width:calc(100% - 40px);background:linear-gradient(180deg,#1f2524f2,#003721e6);border:1px solid rgba(248,186,17,.45);border-radius:24px;padding:28px 32px;box-shadow:0 24px 48px #00000073;text-align:center}#error-modal-title{margin-top:0;margin-bottom:12px;font-size:1.75rem;color:var(--jungle-gold)}#error-modal-message{margin:0 0 24px;color:var(--text-muted);line-height:1.4}#error-modal-close{border:none;border-radius:999px;padding:12px 24px;font-size:1rem;font-weight:700;background:linear-gradient(180deg,var(--jungle-teal-300),var(--jungle-teal-500));color:var(--jungle-green-900);cursor:pointer;box-shadow:0 10px 20px #4dcea659;transition:transform var(--transition-default)}#error-modal-close:hover{transform:translateY(-2px)}#error-modal-close:active{transform:translateY(1px)}@media(max-width:1280px){#game-shell{grid-template-columns:1fr;grid-template-areas:"canvas" "hud";padding:16px}#hud-container{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.hud-panel{flex:1 1 140px}.audio-controls-container{flex:1 1 100%}#hud-container .hud-controls{flex-basis:100%}}@media(max-width:768px){body{overflow-y:auto}#game-shell{padding-bottom:96px}#reconnection-banner{bottom:12px;width:calc(100% - 32px);justify-content:space-between}}.feature-announcement{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;padding:32px 64px;border-radius:16px;background:linear-gradient(135deg,#2eaa87f2,#448e23f2);border:3px solid var(--jungle-gold);box-shadow:0 8px 32px #00000080,0 0 40px #f8ba1166;font-size:36px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(248,186,17,.6);opacity:0;transform:translate(-50%,-50%) scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.feature-announcement.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.feature-announcement.free-spins{border-color:var(--jungle-teal-300);box-shadow:0 8px 32px #00000080,0 0 40px #4dcea699}.feature-announcement.hold-spin{border-color:var(--jungle-gold);background:linear-gradient(135deg,#f8ba11f2,#c2920df2)}.feature-announcement.wild-expansion{border-color:var(--jungle-gold);animation:pulseGold .6s ease-in-out}.feature-announcement.scatter-pay{border-color:var(--jungle-teal-300);animation:flashTeal .8s ease-in-out}.feature-badge{position:fixed;top:calc(var(--header-height) + 24px);right:calc(var(--hud-width) + 32px);z-index:900;padding:12px 24px;border-radius:24px;background:linear-gradient(135deg,var(--jungle-teal-500) 0%,var(--jungle-teal-400) 100%);border:2px solid var(--jungle-teal-200);box-shadow:0 4px 16px #0006,0 0 20px #2eaa874d;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.6);opacity:0;transform:translateY(-20px);transition:all .3s ease-in-out;pointer-events:none}.feature-badge.active{opacity:1;transform:translateY(0)}#hold-spin-badge{top:calc(var(--header-height) + 80px);background:linear-gradient(135deg,var(--jungle-gold) 0%,#e0a810 100%);border-color:#ffd966}.feature-badge.pulse{animation:pulseBadge .6s ease-in-out}.feature-badge.pulse-gold{animation:pulseGold .6s ease-in-out}@keyframes pulseGold{0%,to{transform:scale(1);box-shadow:0 4px 16px #0006,0 0 20px #f8ba114d}50%{transform:scale(1.1);box-shadow:0 8px 24px #0009,0 0 40px #f8ba11cc}}@keyframes flashTeal{0%,to{opacity:1}16%,33%,50%{opacity:.6}25%,41%,66%{opacity:1}}@keyframes pulseBadge{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(0) scale(1.15)}}@keyframes fadeInBadge{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.feature-announcement{font-size:28px;padding:24px 48px}.feature-badge{right:24px;font-size:16px;padding:10px 20px}}@media(max-width:768px){.feature-announcement{font-size:24px;padding:20px 40px;max-width:90vw}.feature-badge{right:16px;font-size:14px;padding:8px 16px}}