@import"https://api.fontshare.com/v2/css?f[]=recoleta@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&display=swap";:root{--bg: #FFF3CD;--orange: #F6B438;--cream: #FFF8E7;--text: #F6B438;--panel-w: 220px;--radius: 999px;--tint: brightness(0) saturate(100%) invert(76%) sepia(40%) saturate(600%) hue-rotate(352deg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Avenir Next,Avenir,Nunito,system-ui,sans-serif;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 24px 14px;background:var(--bg)}.header-title{font-family:Recoleta,Cooper Black,Georgia,serif;font-size:clamp(1.98rem,5.5vw,3.74rem);font-weight:700;color:var(--orange);letter-spacing:.06em;text-transform:uppercase;text-align:center;line-height:1}.dropdowns-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;max-width:800px}.dropdowns-row>:first-child{justify-self:end}.dropdowns-row>:last-child{justify-self:start}.scale-fact-bar{flex-shrink:0;text-align:center;padding:4px 16px 6px;font-size:clamp(.83rem,2.2vw,1.05rem);font-weight:700;color:var(--text);opacity:.75;min-height:26px;display:flex;flex-direction:column;align-items:center;gap:1px}.banana-fact{font-size:clamp(.72rem,1.76vw,.88rem);font-weight:600;opacity:.7;font-style:italic}.stage-wrapper{flex:1;min-height:0;position:relative;overflow:hidden}.baseline,.headline{position:absolute;left:0;right:0;height:2px;background:var(--orange);opacity:.3}.baseline{bottom:10%}.headline{top:2%;transition:top .38s cubic-bezier(.22,1,.36,1)}.figures-row{position:absolute;bottom:10%;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;gap:clamp(12px,1.5vw,24px);pointer-events:none}.figure-host{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.figure-label{position:absolute;bottom:50%;display:flex;align-items:flex-start;gap:8px;pointer-events:none;max-width:min(15vw,200px)}.figure-host.left .figure-label{right:calc(100% + 4px);flex-direction:row-reverse}.figure-host.right .figure-label{left:calc(100% + 4px);flex-direction:row}.label-line{display:block;width:46px;height:1.5px;background:var(--orange);opacity:.7;flex-shrink:0}.label-text{font-size:clamp(.89rem,1.81vw,1.12rem);color:var(--orange);font-weight:700}.label-text .label-name{display:block;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-text .label-dim{display:block;font-weight:600;opacity:.85;font-size:.9em;white-space:normal;word-break:normal}.label-text .label-scale-warn{display:block;font-size:.75em;font-style:italic;opacity:.7;white-space:normal}.figure-img{display:block;object-fit:contain;object-position:bottom center;filter:var(--tint)}.figure-svg-wrap{display:flex;align-items:flex-end;justify-content:center}.figure-svg-wrap svg{filter:var(--tint);display:block}.figure-placeholder{border:2px dashed var(--orange);border-radius:8px;opacity:.25}.randomise-btn{flex-shrink:0;padding:8px 18px;border-radius:999px;border:2px solid var(--orange);background:var(--cream);color:var(--orange);font-size:.9rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,transform .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:inherit}.randomise-btn:hover{background:#ffe8a0;transform:scale(1.05)}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:var(--cream);color:var(--orange);border:2px solid var(--orange);font-size:.9rem;font-weight:800;border-radius:999px;cursor:pointer;box-shadow:0 2px 10px #0000001a;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap;font-family:inherit}.share-btn:hover{background:#ffe8a0;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.game-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:var(--cream);color:var(--orange);border:2px solid var(--orange);font-size:.9rem;font-weight:800;border-radius:999px;cursor:pointer;box-shadow:0 2px 10px #0000001a;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap;font-family:inherit;justify-self:start}.game-btn:hover{background:#ffe8a0;transform:translateY(-2px)}.game-btn--active{background:var(--orange);color:#fff;box-shadow:0 2px 14px #ffb74d73}.game-btn--active:hover{background:#e6a040}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:9999;padding:10px 22px;background:var(--orange);color:#fff;font-size:.97rem;font-weight:800;border-radius:999px;box-shadow:0 4px 16px #0000002e;animation:toast-in .25s ease-out;pointer-events:none;white-space:nowrap}.toast--err{background:#c0392b}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.game-guide{position:absolute;left:0;right:0;height:2px;background:var(--orange);opacity:.55;pointer-events:none;z-index:10}.game-mystery{display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.game-mystery-q{font-size:clamp(1.98rem,4.4vw,2.86rem);font-weight:900;color:var(--orange);animation:mystery-pulse 1.6s ease-in-out infinite;-webkit-user-select:none;user-select:none;line-height:1}@keyframes mystery-pulse{0%,to{opacity:.35}50%{opacity:.75}}.game-prompt{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#fff8e7eb;border:1.5px solid var(--orange);border-radius:999px;padding:6px 18px;font-size:clamp(.79rem,1.98vw,.97rem);font-weight:700;color:var(--text);white-space:nowrap;pointer-events:none;z-index:10}.game-result{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:#fff8e7f2;border:2px solid var(--orange);border-radius:999px;padding:8px 20px;font-size:clamp(.86rem,2.2vw,1.05rem);font-weight:800;color:var(--text);white-space:nowrap;z-index:10;animation:toast-in .2s ease-out}.game-result--spot{border-color:var(--orange);background:#fff8e7f7;font-weight:900}.game-result--close{border-color:var(--orange);background:#fff8e7f7}.game-result--miss{border-color:var(--orange);background:#fff8e7f7;opacity:.8}.game-next-btn{padding:5px 14px;border-radius:999px;border:1.5px solid var(--orange);background:var(--orange);color:#fff;font-weight:800;font-size:.9rem;cursor:pointer;font-family:inherit}.game-next-btn:hover{background:#e6a040}@keyframes figure-drop{0%{transform:translateY(-100px);opacity:0}55%{transform:translateY(14px);opacity:1}75%{transform:translateY(-8px)}90%{transform:translateY(4px)}to{transform:translateY(0)}}.figure-drop{animation:figure-drop .52s cubic-bezier(.22,1,.36,1) forwards;transform-origin:bottom center}.stack-bananas-btn{padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:2px solid var(--orange);background:var(--cream);color:var(--orange);font-size:.9rem;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .15s,transform .12s;font-family:inherit}.stack-bananas-btn:hover{background:#ffe8a0;transform:translateY(-2px)}.stacks-center{display:flex;align-items:flex-end;justify-content:center;gap:20px;min-width:0;flex-shrink:0;pointer-events:none}.stacks-center--active{min-width:80px}.banana-stack{display:flex;align-items:flex-end;flex-shrink:0;pointer-events:none;overflow:visible}.banana-stack--left{flex-direction:row-reverse}.banana-stack--right{flex-direction:row}.banana-stack-images{display:flex;flex-direction:column-reverse;align-items:center;overflow:hidden;height:100%}.banana-stack-item{filter:var(--tint);display:block}.banana-count-label{font-size:.9rem;color:var(--orange);font-weight:800;white-space:nowrap;align-self:center;opacity:.8}.banana-count-label--left{writing-mode:vertical-lr}.banana-count-label--right{writing-mode:vertical-rl}.bmc-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:var(--orange);color:#fff;border:2px solid var(--orange);font-size:.9rem;font-weight:800;border-radius:999px;text-decoration:none;box-shadow:0 2px 10px #0000001f;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap;font-family:inherit}.bmc-btn:hover{background:#e6a040;transform:translateY(-2px);box-shadow:0 4px 16px #0000002e}@keyframes bmc-squash-stretch{0%{transform:scaleX(1) scaleY(1) rotate(0)}10%{transform:scaleX(1.18) scaleY(.82) rotate(-6deg)}25%{transform:scaleX(.82) scaleY(1.28) rotate(7deg)}40%{transform:scaleX(1.1) scaleY(.9) rotate(-4deg)}55%{transform:scaleX(.94) scaleY(1.08) rotate(3deg)}70%{transform:scaleX(1.04) scaleY(.97) rotate(-1.5deg)}85%{transform:scaleX(.98) scaleY(1.02) rotate(.5deg)}to{transform:scaleX(1) scaleY(1) rotate(0)}}.bmc-btn--wiggle{animation:bmc-squash-stretch .75s cubic-bezier(.25,.46,.45,.94) forwards;transform-origin:center bottom}.bmc-wrap{position:relative;display:inline-flex}@keyframes bmc-heart-float{0%{transform:translateY(0) translate(0) scale(.5);opacity:0}18%{transform:translateY(-10px) translate(var(--hx)) scale(1);opacity:1}75%{opacity:.7}to{transform:translateY(-62px) translate(var(--hx)) scale(.6);opacity:0}}.bmc-heart{position:absolute;bottom:100%;font-size:.85rem;pointer-events:none;animation:bmc-heart-float 1.1s ease-out both}.bmc-heart--1{left:15%;--hx: -8px;animation-delay:.05s}.bmc-heart--2{left:38%;--hx: 4px;animation-delay:.15s}.bmc-heart--3{left:60%;--hx: -4px;animation-delay:.08s}.bmc-heart--4{left:78%;--hx: 9px;animation-delay:.22s}.app-footer{position:fixed;bottom:0;left:0;right:0;height:32px;display:flex;align-items:center;justify-content:center;gap:20px;background:var(--bg);border-top:1px solid rgba(255,183,77,.25);z-index:50;padding:0 16px}.footer-copy{font-size:.7rem;color:var(--text);opacity:.45;white-space:nowrap}.footer-sep{font-size:.65rem;opacity:.3;color:var(--orange)}.footer-link{font-size:.7rem;color:var(--orange);opacity:.6;cursor:pointer;background:none;border:none;padding:0;font-weight:800;font-family:inherit;text-decoration:none}.footer-link:hover{opacity:1;text-decoration:underline}.page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff3cdf7;z-index:9000;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:40px 24px 80px}.page-inner{max-width:640px;width:100%}.page-title{font-family:Recoleta,Cooper Black,Georgia,serif;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;color:var(--orange);text-transform:uppercase;letter-spacing:.05em;margin-bottom:28px}.page-close{position:fixed;top:18px;right:18px;background:none;border:2px solid var(--orange);border-radius:999px;color:var(--orange);font-size:.9rem;font-weight:800;padding:7px 18px;cursor:pointer;font-family:inherit;transition:background .15s}.page-close:hover{background:#ffb74d26}.page-section{margin-bottom:28px}.page-section h2{font-size:1.1rem;font-weight:800;color:var(--orange);margin-bottom:8px}.page-section p,.page-section li{font-size:.94rem;font-weight:600;color:var(--text);opacity:.85;line-height:1.65;margin-bottom:6px}.page-section ul{padding-left:20px}.page-section a{color:var(--orange);font-weight:800}.stage-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.21rem;color:var(--orange);opacity:.4;pointer-events:none}.figure-preload{opacity:0;pointer-events:none}@keyframes figure-in{0%{transform:scaleY(.04);opacity:0}25%{opacity:1}65%{transform:scaleY(1.15)}to{transform:scaleY(1);opacity:1}}.figure-animate{transform:scaleY(.04);opacity:0;transform-origin:bottom center;animation:figure-in .4s cubic-bezier(.33,0,.66,1) both}.figure-host.right.figure-animate{animation-delay:.5s}.dropdown-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:2px solid var(--orange);background:var(--cream);color:var(--orange);font-size:.97rem;font-weight:800;cursor:pointer;min-width:120px;max-width:240px;transition:background .12s;white-space:nowrap;overflow:hidden;font-family:inherit}.dropdown-trigger:hover{background:#ffe8a0}.trigger-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caret{font-size:.65rem;opacity:.7;flex-shrink:0}.cascade-panel{min-width:200px;max-width:260px;background:var(--cream);border:2px solid var(--orange);border-radius:12px;overflow:hidden;box-shadow:0 6px 28px #00000026;z-index:1000}.panel-item{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;cursor:pointer;font-size:.97rem;font-weight:700;color:var(--orange);transition:background .1s}.panel-item:hover,.panel-item.active{background:#ffb74d2e}.panel-item.is-custom{color:var(--orange);font-style:italic}.arrow{font-size:.65rem;opacity:.55;flex-shrink:0}.letter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px}.letter-btn{display:flex;align-items:center;justify-content:center;padding:6px 0;font-size:.94rem;font-weight:800;color:var(--orange);border-radius:6px;cursor:pointer;transition:background .1s}.letter-btn:hover,.letter-btn.active{background:#ffb74d40}.custom-height-row{display:flex;align-items:center;gap:8px;padding:12px 14px}.custom-height-row label{font-size:.94rem;font-weight:800;color:var(--orange);white-space:nowrap}.custom-height-row input{flex:1;padding:6px 10px;border:1.5px solid var(--orange);border-radius:20px;background:var(--bg);color:var(--orange);font-size:.94rem;font-weight:700;outline:none;min-width:0;font-family:inherit}.ok-btn{padding:6px 14px;background:var(--orange);color:#fff;border:none;border-radius:999px;font-size:.9rem;font-weight:800;cursor:pointer;font-family:inherit}.ok-btn:hover{background:#e6a040}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000061;z-index:900}.mobile-menu-container{position:fixed;bottom:0;left:0;right:0;max-height:75vh;background:var(--cream);border-radius:18px 18px 0 0;overflow-y:auto;z-index:901;box-shadow:0 -4px 24px #0000002e}.mobile-accordion-item{display:flex;align-items:center;padding:14px 18px;font-size:1.05rem;font-weight:700;color:var(--orange);border-bottom:1px solid rgba(255,183,77,.2);cursor:pointer}.mobile-accordion-item:hover{background:#ffb74d1a}.top-copyright{position:fixed;top:10px;left:18px;z-index:200;pointer-events:none;display:flex;align-items:center;gap:8px}.item-count-banner{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--orange);opacity:.65;font-family:Avenir Next,Avenir,Nunito,system-ui,sans-serif;margin-bottom:8px;text-align:center}.item-count-dot{font-size:.4rem;line-height:1}.top-nav{position:fixed;top:10px;right:18px;z-index:200;display:flex;align-items:center;gap:6px}.top-link{font-size:.94rem;font-weight:800;color:var(--orange);opacity:1;text-decoration:none;font-family:Avenir Next,Avenir,Nunito,system-ui,sans-serif;pointer-events:auto;transition:opacity .12s}.top-link:hover{opacity:1}.top-link-btn{background:none;border:none;padding:0;cursor:pointer}.top-sep{font-size:.6rem;color:var(--orange);opacity:.3}.stage-bottom-actions{position:absolute;bottom:0;left:0;right:0;height:10%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;pointer-events:none;gap:8px}.stage-bottom-actions>*{pointer-events:auto}.stage-right-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}@keyframes banana-line-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.banana-line-fill{width:2.5px;height:100%;background:var(--orange);border-radius:2px;margin:0 auto;flex-shrink:0;transform-origin:bottom center;animation:banana-line-grow 1.2s ease-in-out forwards}.cascade-panel input::placeholder,.mobile-menu-container input::placeholder{color:var(--orange);opacity:.6;font-family:Avenir Next,Avenir,Nunito,system-ui,sans-serif}.cascade-panel ::-webkit-scrollbar,.mobile-menu-container::-webkit-scrollbar{width:6px}.cascade-panel ::-webkit-scrollbar-track,.mobile-menu-container::-webkit-scrollbar-track{background:transparent}.cascade-panel ::-webkit-scrollbar-thumb,.mobile-menu-container::-webkit-scrollbar-thumb{background:var(--orange);border-radius:3px}.cascade-panel ::-webkit-scrollbar-thumb:hover,.mobile-menu-container::-webkit-scrollbar-thumb:hover{background:#e6a040}.settings-cog-btn{font-size:1.1rem;line-height:1;padding:0 2px;opacity:.85;transition:opacity .15s,transform .15s}.settings-cog-btn:hover{opacity:1;transform:rotate(30deg)}.settings-page-inner{max-width:520px!important}.settings-toggle-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.settings-toggle-btn{padding:8px 18px;border:2px solid var(--orange);border-radius:999px;background:transparent;color:var(--orange);font-size:.9rem;font-weight:700;cursor:pointer;font-family:Avenir Next,Avenir,Nunito,system-ui,sans-serif;transition:background .15s,color .15s}.settings-toggle-btn:hover{background:#ffb74d26}.settings-toggle-btn.active{background:var(--orange);color:#fff}.settings-field{margin-top:16px}.settings-label{display:block;font-size:.9rem;font-weight:800;color:var(--orange);margin-bottom:6px;font-family:Avenir Next,Avenir,Nunito,system-ui,sans-serif}.settings-ftin-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-input{padding:8px 12px;border:2px solid var(--orange);border-radius:999px;background:var(--bg);color:var(--orange);font-size:.94rem;font-weight:700;outline:none;font-family:Avenir Next,Avenir,Nunito,system-ui,sans-serif;width:120px}.settings-input--short{width:70px}.settings-input:focus{box-shadow:0 0 0 2px #ffb74d66}.settings-input::placeholder{color:var(--orange);opacity:.45}.settings-unit-label{font-size:.9rem;font-weight:800;color:var(--orange);font-family:Avenir Next,Avenir,Nunito,system-ui,sans-serif}.settings-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px;padding-bottom:8px}.settings-save-btn{padding:10px 28px;background:var(--orange);color:#fff;border:none;border-radius:999px;font-size:.97rem;font-weight:800;cursor:pointer;font-family:Avenir Next,Avenir,Nunito,system-ui,sans-serif;transition:background .15s}.settings-save-btn:hover{background:#e6a040}.settings-clear-btn{padding:10px 22px;background:transparent;color:var(--orange);border:2px solid var(--orange);border-radius:999px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:Avenir Next,Avenir,Nunito,system-ui,sans-serif;opacity:.7;transition:opacity .15s,background .15s}.settings-clear-btn:hover{opacity:1;background:#ffb74d1f}@media (max-width: 600px){.top-copyright{top:6px;left:10px}.top-nav{top:6px;right:10px;gap:3px}.top-link{font-size:.6rem}.top-sep{font-size:.48rem}.settings-cog-btn{font-size:.78rem}.item-count-banner{font-size:.62rem;gap:6px;margin-bottom:6px}.item-count-dot{font-size:.32rem}.app-header{padding:26px 12px 8px;gap:8px}.scale-fact-bar{padding:2px 10px 3px}.dropdowns-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%}.dropdowns-row>:first-child{justify-self:unset}.dropdowns-row>:last-child{justify-self:unset}.randomise-btn{order:3}.dropdown-trigger{font-size:.83rem;min-width:100px;max-width:148px;padding:7px 10px}.baseline{bottom:18%}.figures-row{bottom:18%;top:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-items:center;align-items:end;gap:0}.figure-host{grid-column:1;grid-row:1}.figure-host--larger{z-index:1}.figure-host--smaller{z-index:2;filter:brightness(.75)}.figure-label{display:none}.stacks-center{grid-column:1;grid-row:1;min-width:0;width:0;overflow:visible}.stacks-center .banana-stack{position:absolute;bottom:0;flex-direction:column-reverse;align-items:center;width:36px;z-index:3;overflow:visible}.stacks-center .banana-stack--left{left:4px}.stacks-center .banana-stack--right{right:4px}.stacks-center .banana-stack .banana-stack-item{max-width:36px;width:auto}.stacks-center .banana-stack .banana-stack-images{width:36px;height:100%;flex-direction:column-reverse;overflow:hidden}.stacks-center .banana-stack .banana-count-label{position:absolute;bottom:0;align-self:unset;writing-mode:vertical-lr}.stacks-center .banana-stack--left .banana-count-label{left:calc(100% + 2px)}.stacks-center .banana-stack--right .banana-count-label{right:calc(100% + 2px)}.stage-bottom-actions{display:grid;grid-template-columns:1fr 1fr;height:18%;padding:6px 10px;gap:5px 8px;align-items:center}.stage-right-actions{grid-column:1 / -1;justify-content:center;gap:8px}.game-btn,.stack-bananas-btn,.share-btn,.bmc-btn{font-size:.7rem;padding:6px 10px}}