@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: #EF9F1B;--cream: #FFF8E7;--text: #EF9F1B;--panel-w: 220px;--radius: 999px;--tint: brightness(0) invert(33%) sepia(55%) saturate(458%) hue-rotate(359deg) brightness(166%) contrast(145%)}*,*: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}.side-group{display:flex;align-items:center;border:2px solid var(--orange);background:var(--cream);border-radius:999px;transition:background .12s}.side-group .dropdown-trigger{border:none;background:transparent;border-radius:0}.side-group .dropdown-trigger:hover{background:#ef9f1b1f}.lock-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:1.05rem;line-height:1;cursor:pointer;opacity:.4;transition:opacity .15s;font-family:inherit;padding:0 4px 0 12px}.side-group--right .lock-btn{padding:0 12px 0 4px}.lock-btn:hover{opacity:.7}.lock-btn--active{opacity:1}.side-group--left .lock-btn{border-right:1px solid rgba(239,159,27,.25);padding-right:9px}.side-group--right .lock-btn{border-left:1px solid rgba(239,159,27,.25);padding-left:9px}.randomise-group{display:flex;align-items:center;flex-shrink:0;border:2px solid var(--orange);background:var(--cream);border-radius:999px;overflow:hidden}.randomise-wrap{display:flex;flex-direction:column;align-items:center;position:relative}.cat-lock-indicator{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);white-space:nowrap;border:none;background:transparent;font-family:inherit;font-size:.68rem;font-weight:700;color:var(--orange);cursor:pointer;padding:0;opacity:.65;transition:opacity .15s;letter-spacing:.01em}.cat-lock-indicator:hover{opacity:1;text-decoration:line-through}.history-nav-btn{flex-shrink:0;border:none;background:transparent;color:var(--orange);font-size:.78rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;padding:9px 11px;opacity:.55;transition:opacity .15s,background .15s}.history-nav-btn:hover:not(:disabled){opacity:.9;background:#ef9f1b1f}.history-nav-btn:disabled{opacity:.18;cursor:default}.scale-fact-bar{flex-shrink:0;text-align:center;padding:4px 16px 6px;font-size:clamp(.95rem,2.6vw,1.2rem);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(.85rem,2.1vw,1.05rem);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{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:none;border-left:1px solid rgba(239,159,27,.25);border-right:1px solid rgba(239,159,27,.25);background:transparent;color:var(--orange);font-size:.9rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:inherit}.randomise-btn:hover{background:#fff3cd}.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:#fff3cd;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:#fff3cd;transform:translateY(-2px)}.game-btn--active{background:var(--orange);color:#fff8e7;box-shadow:0 2px 14px #ef9f1b73}.game-btn--active:hover{background:#ef9f1b}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:9999;padding:10px 22px;background:var(--orange);color:#fff8e7;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;max-width:92vw;text-align:center}@media (max-width: 600px){.game-prompt{white-space:normal}}.figure-host--clickable{cursor:pointer;pointer-events:auto;transition:transform .12s ease}.figure-host--clickable:hover{transform:scale(1.04)}.figure-host--info{pointer-events:auto;cursor:pointer}.figure-host--info:after{content:"Click for info";position:absolute;top:8px;left:50%;transform:translate(-50%);background:var(--orange);color:#fff8e7;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}.figure-host--info:hover:after{opacity:1}@keyframes info-popup-in{0%{opacity:0;transform:scale(.04)}25%{opacity:1}65%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.item-info-popup-wrap{position:absolute;top:50%;left:50%;z-index:20;pointer-events:none}.item-info-popup-wrap--left{transform:translate(calc(-50% - clamp(16px,6vw,70px)),-50%)}.item-info-popup-wrap--right{transform:translate(calc(-50% + clamp(16px,6vw,70px)),-50%)}.item-info-popup{position:relative;width:min(280px,80vw);background:var(--cream);border:2px solid var(--orange);border-radius:12px;padding:12px 16px;box-shadow:0 4px 20px #0000001f;pointer-events:auto;animation:info-popup-in .4s cubic-bezier(.33,0,.66,1) both}.item-info-popup--left{transform-origin:center right}.item-info-popup--right{transform-origin:center left}.item-info-name{display:block;font-weight:700;text-decoration:underline;color:var(--orange);margin-bottom:6px;font-size:1rem}.item-info-notes{color:var(--orange);font-size:.875rem;line-height:1.5}@media (max-width: 600px){.figure-host--info:after{display:none}.item-info-popup-wrap--left{transform:translate(calc(-50% - 12px),-50%)}.item-info-popup-wrap--right{transform:translate(calc(-50% + 12px),-50%)}.item-info-popup--left,.item-info-popup--right{transform-origin:center}}.figure-host--choice-correct .figure-label .label-line,.figure-host--choice-correct .figure-label .label-name{color:#ef9f1b}.figure-host--choice-correct .figure-img,.figure-host--choice-correct .figure-svg-wrap{filter:var(--tint) drop-shadow(2px 0 0 #EF9F1B) drop-shadow(-2px 0 0 #EF9F1B) drop-shadow(0 2px 0 #EF9F1B) drop-shadow(0 -2px 0 #EF9F1B) drop-shadow(1.4px 1.4px 0 #EF9F1B) drop-shadow(-1.4px 1.4px 0 #EF9F1B) drop-shadow(1.4px -1.4px 0 #EF9F1B) drop-shadow(-1.4px -1.4px 0 #EF9F1B)}.figure-host--choice-correct .figure-placeholder{filter:drop-shadow(2px 0 0 #EF9F1B) drop-shadow(-2px 0 0 #EF9F1B) drop-shadow(0 2px 0 #EF9F1B) drop-shadow(0 -2px 0 #EF9F1B) drop-shadow(1.4px 1.4px 0 #EF9F1B) drop-shadow(-1.4px 1.4px 0 #EF9F1B) drop-shadow(1.4px -1.4px 0 #EF9F1B) drop-shadow(-1.4px -1.4px 0 #EF9F1B)}.figure-host--choice-wrong{opacity:.85}.banana-choice-row{position:absolute;bottom:22%;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;z-index:10}.banana-choice-btn{min-width:56px;padding:10px 16px;border-radius:14px;border:2px solid var(--orange);background:#fff8e7;font-size:1.05rem;font-weight:800;color:var(--text);cursor:pointer;transition:transform .12s ease,background .15s ease}.banana-choice-btn:hover:not(:disabled){transform:translateY(-2px);background:#fff8e7f2}.banana-choice-btn:disabled{cursor:default}.banana-choice-btn--correct,.banana-choice-btn--wrong{background:#fff8e7;border-color:#ef9f1b;color:#ef9f1b}@media (max-width: 600px){.banana-choice-row{bottom:20%;gap:7px}.banana-choice-btn{min-width:44px;padding:8px 11px;font-size:.92rem}}.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:#fff8e7;font-weight:800;font-size:.9rem;cursor:pointer;font-family:inherit}.game-next-btn:hover{background:#ef9f1b}@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:#fff3cd;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;height:auto}.banana-stack-item{filter:var(--tint);display:block;flex-shrink:0}.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:#fff8e7;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:#ef9f1b;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}.speed-bracket-table{width:100%;max-width:360px;border-collapse:collapse;margin:4px 0 14px;font-size:.9rem}.speed-bracket-table th,.speed-bracket-table td{text-align:left;padding:5px 12px 5px 0;border-bottom:1px solid rgba(255,255,255,.1)}.speed-bracket-table th{color:var(--orange);font-weight:800;opacity:.9}.speed-bracket-table td{font-weight:600;opacity:.85}.page-section p.faq-sources{font-size:.82rem;opacity:.65;line-height:1.5}.stacks-center .banana-stack--right .banana-count-label .mode-switcher{position:relative;flex-shrink:0}.mode-switcher-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:2px solid var(--orange);background:var(--cream);border-radius:999px;color:var(--orange);font-family:inherit;font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:background .15s;letter-spacing:.01em}.mode-switcher-pill:hover{background:#fff3cd}.mode-switcher-dropdown{position:absolute;left:50%;transform:translate(-50%);background:var(--cream);border:2px solid var(--orange);border-radius:12px;overflow:hidden;z-index:200;min-width:190px;box-shadow:0 4px 20px #0000001f}.mode-switcher--drop-up .mode-switcher-dropdown{bottom:calc(100% + 8px)}.mode-switcher--drop-down .mode-switcher-dropdown{top:calc(100% + 8px)}.mode-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;border:none;background:none;color:var(--orange);font-family:inherit;font-weight:700;font-size:.82rem;cursor:pointer;text-align:left;transition:background .12s}.mode-option+.mode-option{border-top:1px solid rgba(239,159,27,.18)}.mode-option:hover:not(:disabled){background:#ef9f1b1f}.mode-option--active{background:#ef9f1b2e}.mode-option--soon{opacity:.45;cursor:default}.mode-soon-tag{font-size:.62rem;font-weight:800;color:var(--orange);border:1.5px solid var(--orange);border-radius:999px;padding:1px 7px;letter-spacing:.05em;text-transform:lowercase;flex-shrink:0}.mode-switcher--header{display:none}.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(239,159,27,.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:#ef9f1b26}.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:#fff3cd}.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:#ef9f1b2e}.panel-item.is-custom{color:var(--orange);font-style:italic}.panel-item-right{display:flex;align-items:center;gap:2px;flex-shrink:0}.panel-lock-btn{flex-shrink:0;border:none;background:transparent;font-size:.72rem;line-height:1;cursor:pointer;padding:3px 5px;border-radius:4px;opacity:0;transition:opacity .12s,background .12s;font-family:inherit}.panel-item:hover .panel-lock-btn{opacity:.45}.panel-lock-btn:hover{opacity:.85!important;background:#ef9f1b26}.panel-lock-btn--active{opacity:1!important}.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:#ef9f1b40}.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:#fff8e7;border:none;border-radius:999px;font-size:.9rem;font-weight:800;cursor:pointer;font-family:inherit}.ok-btn:hover{background:#ef9f1b}.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(239,159,27,.2);cursor:pointer}.mobile-accordion-item:hover{background:#ef9f1b1a}.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-left-actions{display:flex;align-items:center;gap:8px}.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:#ef9f1b}.settings-cog-btn{line-height:1;padding:0 2px;transition:transform .15s}.settings-cog-btn:hover{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:#ef9f1b26}.settings-toggle-btn.active{background:var(--orange);color:#fff8e7}.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-hint{font-size:.82rem;font-weight:600;color:var(--text);opacity:.75;margin:0 0 8px}.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--name{width:220px}.settings-input[type=date]{width:160px}.settings-input:focus{box-shadow:0 0 0 2px #ef9f1b66}.settings-input::placeholder{color:var(--orange);opacity:.45}.settings-input[type=date]::-webkit-calendar-picker-indicator{filter:var(--tint);cursor:pointer;opacity:.85}.settings-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.settings-profile-block{margin-top:22px;padding-top:18px;border-top:2px dashed rgba(239,159,27,.3)}.settings-profile-block:first-of-type{margin-top:14px}.settings-profile-title{color:var(--orange);font-size:1.05rem;font-weight:800;margin:0 0 4px}.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-score-display{font-size:1.15rem;font-weight:800;color:var(--text);margin:4px 0 14px}.settings-save-btn{padding:10px 28px;background:var(--orange);color:#fff8e7;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:#ef9f1b}.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:#ef9f1b1f}@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}.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:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:100%}.dropdowns-row>:first-child{justify-self:unset}.dropdowns-row>:last-child{justify-self:unset}.randomise-group{grid-column:1 / -1;grid-row:2;margin:0 auto}.dropdown-trigger{font-size:.83rem;min-width:100px;max-width:148px;padding:7px 10px}.lock-btn{font-size:.92rem}.side-group--left .lock-btn{padding:0 7px 0 10px}.side-group--right .lock-btn{padding:0 10px 0 7px}.history-nav-btn{padding:7px 9px;font-size:.68rem}.baseline{bottom:8%}.figures-row{bottom:8%;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:auto;flex-direction:column-reverse}.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)}.mode-switcher--header{display:flex;justify-content:center;margin:4px 0 2px}.mode-switcher--footer{display:none}.mode-switcher-pill{font-size:.72rem;padding:6px 12px}.stage-left-actions{display:contents}.stage-bottom-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;height:auto;padding:8px 4px;gap:0}.stage-right-actions{display:contents}.game-btn,.stack-bananas-btn,.share-btn,.bmc-btn{font-size:.6rem;padding:6px 8px;gap:3px;justify-self:auto;white-space:nowrap}}.age-comparison{position:absolute;top:6%;left:0;right:0;bottom:72px;display:flex;flex-direction:column;justify-content:center;padding:8px 0;gap:0}.age-comparison-inner{display:flex;flex-direction:column;width:100%}.age-tracks{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:center}.age-bar-row{display:flex;flex-direction:column;gap:4px}.age-bar-row--empty{min-height:80px;opacity:.3}.age-bar-row--missing{display:flex;align-items:center;min-height:80px;padding:0 24px}.age-missing{font-size:1.05rem;opacity:.5;font-style:italic}.age-bar-row--info{position:relative;cursor:pointer}.age-bar-row--info:after{content:"Click for info";position:absolute;top:-4px;left:50%;transform:translate(-50%);background:var(--orange);color:#fff8e7;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}.age-bar-row--info:hover:after{opacity:1}.age-ruler{position:relative;height:28px;flex-shrink:0;margin-bottom:6px}.age-ruler-line{position:absolute;bottom:6px;height:1px;background:var(--orange);opacity:.5}.age-ruler-tick{position:absolute;bottom:6px;transform:translate(-50%)}.age-ruler-tick--major{width:2px;height:9px;background:var(--orange)}.age-ruler-tick--minor{width:1px;height:5px;background:var(--orange);opacity:.45}.age-ruler-label{position:absolute;bottom:14px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.8rem;font-weight:800;color:var(--orange)}.age-track{position:relative;height:147px;width:100%}.age-bar{position:absolute;bottom:0;height:14px;background:var(--orange)}.age-tick{position:absolute;bottom:-4px;width:2px;height:22px;background:var(--orange);transform:translate(-50%)}.age-gap-line{position:absolute;bottom:7px;height:0;border-top:3px dashed var(--orange);opacity:.35;transition:width .7s ease;transition-delay:1.8s}.age-gap-line:not(.age-gap-line--animate){width:0!important;transition:none}.age-sil-wrap{position:absolute;bottom:22px}.age-sil-wrap img{filter:var(--tint);display:block}.age-sil-wrap svg,.age-sil{fill:var(--orange);display:block}.age-year-row{position:relative;height:20px;flex-shrink:0}.age-start-year{position:absolute;top:0;font-size:.9rem;font-weight:700;opacity:.7;white-space:nowrap}.age-end-year{position:absolute;top:0;transform:translate(-100%);font-size:.9rem;font-weight:700;opacity:.7;white-space:nowrap}.age-item-info{display:flex;flex-direction:column;gap:2px}.age-item-label{display:flex;gap:10px;align-items:baseline}.age-item-name{font-size:1.15rem;font-weight:700}.age-item-duration{font-size:1.15rem;font-weight:700;opacity:.65}.age-item-alive{font-style:italic;opacity:.8}.age-item-caption{font-weight:600;font-style:italic;opacity:.75}.age-summary{margin:10px 0 0;font-size:1.05rem;text-align:center;opacity:.85;line-height:1.4;max-width:560px;align-self:center;padding:0 16px}.age-hint{text-align:center;opacity:.4;font-size:1.1rem;margin:0}.age-too-small{text-align:center;font-size:.95rem;opacity:.85;font-weight:600;font-style:italic;margin:8px 0 0}@media (max-width: 599px){.age-comparison{top:5%;left:0;right:0;bottom:80px}.age-tracks{gap:10px}.age-track{height:102px}.age-item-name,.age-item-duration{font-size:.98rem}.age-start-year,.age-end-year{font-size:.8rem}.age-summary{font-size:.92rem}.age-ruler{height:22px;margin-bottom:4px}.age-ruler-label{font-size:.68rem}.age-ruler-tick--major{height:7px}.age-ruler-tick--minor{height:4px}}.speed-comparison{position:absolute;top:6%;left:0;right:0;bottom:72px;display:flex;flex-direction:column;justify-content:center;padding:8px 0;gap:0}.speed-comparison-inner{display:flex;flex-direction:column;width:100%}.speed-race-again-btn{display:inline-flex;align-self:center;align-items:center;justify-content:center;padding:7px 20px;margin:0 0 10px;border:2px solid var(--orange);border-radius:999px;background:var(--cream);color:var(--orange);font-size:.86rem;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .15s,transform .12s;font-family:inherit}.speed-race-again-btn:hover{background:#fff3cd;transform:translateY(-1px)}.speed-summary{margin:0 0 14px;font-size:1.05rem;text-align:center;opacity:.85;line-height:1.4;max-width:560px;align-self:center;padding:0 16px}.speed-lanes{display:flex;flex-direction:column;gap:18px;flex:1;justify-content:center}.speed-lane-row{display:flex;flex-direction:column;gap:6px}.speed-lane-row--empty{min-height:90px;opacity:.3}.speed-lane-row--missing{display:flex;align-items:center;min-height:90px;padding:0 24px}.speed-missing{font-size:1.05rem;opacity:.5;font-style:italic}.speed-lane-row--info{position:relative;cursor:pointer}.speed-lane-row--info:after{content:"Click for info";position:absolute;top:-4px;left:50%;transform:translate(-50%);background:var(--orange);color:#fff8e7;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}.speed-lane-row--info:hover:after{opacity:1}.speed-track{position:relative;height:138px;width:100%}.speed-start-label,.speed-finish-label{position:absolute;top:0;font-size:.78rem;font-weight:800;letter-spacing:.04em;color:var(--orange);white-space:nowrap}.speed-finish-label{transform:translate(calc(-100% - 6px))}.speed-track-line{position:absolute;bottom:0;height:34px;background:var(--orange)}.speed-track-lane-dash{position:absolute;top:50%;left:0;right:0;height:3px;background:var(--cream);transform:translateY(-1.5px)}.speed-start-tick{position:absolute;top:20px;bottom:0;width:0;border-left:2px dashed var(--orange);opacity:.55}.speed-finish-flag{position:absolute;bottom:34px;transform:translate(-5px);pointer-events:none}.speed-finish-flag img{display:block;height:46px;width:auto;filter:var(--tint)}.speed-sil-wrap{position:absolute;bottom:10px}.speed-sil-wrap img{display:block;filter:var(--tint) drop-shadow(1.5px 0 0 var(--cream)) drop-shadow(-1.5px 0 0 var(--cream)) drop-shadow(0 1.5px 0 var(--cream)) drop-shadow(0 -1.5px 0 var(--cream))}.speed-sil-wrap svg,.speed-sil{fill:var(--orange);display:block;filter:drop-shadow(1.5px 0 0 var(--cream)) drop-shadow(-1.5px 0 0 var(--cream)) drop-shadow(0 1.5px 0 var(--cream)) drop-shadow(0 -1.5px 0 var(--cream))}@keyframes speed-bounce{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-11px) rotate(-6deg)}45%{transform:translateY(1px) rotate(4deg)}70%{transform:translateY(-7px) rotate(-3deg)}to{transform:translateY(0) rotate(0)}}.speed-sil-wrap--bouncing{animation:speed-bounce .3s steps(5,jump-none) infinite;transform-origin:bottom center}.speed-item-info{display:flex;flex-direction:column;gap:2px}.speed-item-name{font-size:1.15rem;font-weight:700}.speed-item-value{font-size:1rem;font-weight:700;opacity:.7}.speed-item-caption{font-weight:600;font-style:italic;opacity:.75}.speed-hint{text-align:center;opacity:.4;font-size:1.1rem;margin:12px 0 0}@media (max-width: 599px){.speed-comparison{top:5%;left:0;right:0;bottom:80px}.speed-lanes{gap:12px}.speed-track{height:106px}.speed-start-label,.speed-finish-label{font-size:.68rem}.speed-item-name{font-size:.98rem}.speed-item-value{font-size:.88rem}.speed-summary{font-size:.92rem}.speed-finish-flag img{height:34px}}