/* All Games edition: large menu artwork and content-sized instruction panels. */
html{scrollbar-gutter:stable}body{padding:12px;background:#fff9e8}
#bumble-home{max-width:1320px;background:#fff9e8}
#bumble-home>header{display:none}
#bumble-home .menu-hero{padding:8px 16px 20px}
#bumble-home .logo-art{position:relative;overflow:hidden;width:min(760px,100%);aspect-ratio:850/157;margin:0 auto 14px}
#bumble-home .logo-art img{position:absolute;width:186.5882%;max-width:none;left:-44.7059%;top:-1.2739%;height:auto}
#bumble-home .picture-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;max-width:min(100%,calc((100svh - 285px)*2.2 + 40px));min-width:min(100%,760px);margin:auto}
#bumble-home .picture-card{min-width:0;text-align:center}
#bumble-home .menu-art{position:relative;overflow:hidden;aspect-ratio:496/672;border:3px solid #fff;border-radius:22px;background:#b5e7ed;box-shadow:0 4px 12px #815b3020}
#bumble-home .menu-art img{position:absolute;max-width:none;width:319.7581%;height:auto;top:-24.4048%;left:var(--art-left)}
#bumble-home .art-climb{--art-left:-6.25%}
#bumble-home .art-adventure{--art-left:-109.7%}
#bumble-home .art-dash{--art-left:-213.3065%}
#bumble-home .picture-card button{width:94%;margin:14px 0 8px;padding:14px 8px;font-size:clamp(16px,1.8vw,24px);border:2px solid #ffe887;background:linear-gradient(#ffdf5d,#ffc224);box-shadow:0 5px 0 #c69825}
#bumble-home .picture-card p{margin:8px 0 0;font-size:13px;line-height:1.5;color:#526544}
#bumble-home .menu-kicker{display:block;font-size:12px;font-weight:800;margin-top:7px;color:#526544}
#bumble-home .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#bumble-home .climb-shell,#bumble-home .dash-shell{width:100%;min-width:0;max-width:480px;margin:auto}
#bumble-home .climb-area,#bumble-home .dash-area{padding:12px;background:#e6f2d6}
#bumble-home .climb-top,#bumble-home .dash-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
#bumble-home .climb-top small{font-size:12px;line-height:1.5}
#bumble-home .climb-field,#bumble-home .dash-field{position:relative;overflow:hidden;border-radius:22px;border:3px solid #fff6d4;background:#cff0f3;box-shadow:0 8px 25px #38612f20}
#bumble-home .climb-dialog,#bumble-home .dash-dialog{position:relative;inset:auto;display:block;padding:20px;background:#f6f5dd;backdrop-filter:none}
#bumble-home .climb-dialog article,#bumble-home .dash-dialog article{width:100%;max-width:none;padding:18px 12px;text-align:center;border:0;background:transparent;box-shadow:none;border-radius:0}
#bumble-home .climb-dialog h3,#bumble-home .dash-dialog h3{font-size:27px;line-height:1.2;margin:8px 0 14px}
#bumble-home .climb-dialog p,#bumble-home .dash-dialog p{font-size:15px;line-height:1.6;margin:10px 0}
#bumble-home .climb-dialog button,#bumble-home .dash-dialog button{min-width:0;max-width:100%;font-size:17px;padding:13px 22px;margin:12px 0 6px;white-space:normal}
#bumble-home .climb-field:has(.climb-dialog:not([hidden]))>canvas,#bumble-home .climb-field:has(.climb-dialog:not([hidden]))>.climb-hud,#bumble-home .dash-field:has(.dash-dialog:not([hidden]))>canvas,#bumble-home .dash-field:has(.dash-dialog:not([hidden]))>.dash-hud{display:none}
#bumble-home .climb-field:has(.climb-dialog[hidden]),#bumble-home .dash-field:has(.dash-dialog[hidden]){width:min(100%,calc((100svh - 265px)*.75));min-width:min(100%,220px);margin:auto}
#bumble-home .climb-field canvas,#bumble-home .dash-field canvas{width:100%;height:auto;display:block;touch-action:none}
#bumble-home .climb-hud,#bumble-home .dash-hud{position:static;display:flex;justify-content:space-between;gap:8px;pointer-events:none;margin:0 0 12px}
#bumble-home .climb-hud div,#bumble-home .dash-hud div{background:#fff9e5ed;border:1px solid #e7cc7b;border-radius:13px;padding:5px 8px;box-shadow:0 3px 0 #b59b5330;min-width:0;flex:1;text-align:center;font-size:10px;font-weight:800;color:#5c6540}
#bumble-home .climb-hud b,#bumble-home .dash-hud b{display:block;font-size:22px;color:#354227;font-variant-numeric:tabular-nums;white-space:nowrap}
#bumble-home .climb-controls{margin:10px 0 0}
#bumble-home .climb-controls button{min-height:50px;box-shadow:0 3px 0 #d0ab4d}
#bumble-home .climb-note,#bumble-home .dash-note{font-size:12px;line-height:1.5;text-align:center;margin:9px 0;min-height:0}
#bumble-home .dash-top h2{font-size:22px;margin:0;color:#3c542d}
#bumble-home .dash-top small{font-size:12px;display:block;margin-top:4px}
#bumble-home .dash-top button{min-height:44px;font-size:13px;padding:10px 16px;box-shadow:none}
#bumble-home .dash-dialog .share-button{background:#e1edc9;box-shadow:0 4px 0 #b9cd9c;font-size:14px}
#bumble-home .dash-help{font-size:13px;text-align:center;line-height:1.5;margin:9px 0 0}
#bumble-home .back{margin-bottom:10px;min-height:44px;touch-action:manipulation}
#bumble-home #bumble-demo .bb-overlay{position:relative;inset:auto;padding:20px 14px}
#bumble-home #bumble-demo .bb-field:has(.bb-overlay:not([hidden]))>canvas{display:none}
#bumble-home #bumble-demo .bb-mascot,#bumble-home #bumble-demo .bb-tagline{display:none}
#bumble-home #bumble-demo .bb-overlay h1{font-size:30px}
#bumble-home #bumble-demo .bb-overlay p[data-message]{font-size:15px;line-height:1.5}
#bumble-home #bumble-demo .bb-bottom button{touch-action:manipulation;min-height:48px}
#bumble-home #bumble-demo .bb-head{padding:5px 0 10px;gap:8px}
#bumble-home #bumble-demo .bb-head h2{font-size:22px}
#bumble-home #bumble-demo .bb-head>div>span{display:none}
#bumble-home #bumble-demo .bb-score{font-size:13px}
#bumble-home #bumble-demo .bb-round,#bumble-home #bumble-demo .bb-reward{font-size:12px;margin-bottom:6px}
@media(max-width:680px){body{padding:0}#bumble-home{border-radius:0}#bumble-home .menu-hero{padding:7px 9px 18px}#bumble-home .logo-art{width:min(470px,100%);aspect-ratio:850/157;margin-bottom:10px}#bumble-home .picture-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:520px;margin:auto;min-width:0}#bumble-home .picture-card{cursor:pointer}#bumble-home .menu-art{aspect-ratio:3/4;border-width:2px;border-radius:12px;box-shadow:0 3px 8px #815b3020}#bumble-home .picture-card button{font-size:clamp(10px,3vw,15px);line-height:1.15;padding:9px 3px;margin:7px 0 0;width:100%;min-height:44px;border-width:1px;box-shadow:0 3px 0 #c69825}#bumble-home .picture-card p,#bumble-home .picture-card .menu-kicker{display:none}#bumble-home .club-bar{padding:12px 8px;font-size:12px}#bumble-home .club-bar button{font-size:12px;padding:8px 12px}#bumble-home .save-note{padding-bottom:5px}#bumble-home .climb-dialog,#bumble-home .dash-dialog{padding:16px 10px}#bumble-home .climb-dialog h3,#bumble-home .dash-dialog h3{font-size:25px}#bumble-home .climb-dialog p,#bumble-home .dash-dialog p{font-size:14px}#bumble-home footer{padding:12px 16px;flex-wrap:wrap}#bumble-home .climb-area,#bumble-home .dash-area{padding:10px}#bumble-home .climb-top,#bumble-home .dash-top{margin-bottom:8px}}
#bumble-home .mobile-preview-art{min-height:0}
@media(max-width:680px){#bumble-home .mobile-preview-art{width:min(100%,300px);max-width:100%;height:auto;aspect-ratio:500/675;margin-left:auto;margin-right:auto}}
@media(max-width:680px) and (max-height:650px){#bumble-home .mobile-preview-art{width:min(100%,230px)}}

/* On a phone, the first tap opens a full preview. The game starts from its own button. */
#bumble-home .mobile-preview{display:none;background:#e6f2d6;padding:12px 14px 22px}
#bumble-home .mobile-preview[aria-hidden="false"]{display:block}
#bumble-home .mobile-preview-inner{max-width:480px;margin:auto;text-align:center}
#bumble-home .mobile-preview h2{font-size:25px;margin:5px 0 8px;color:#3c542d}
#bumble-home .mobile-preview-art{position:relative;overflow:hidden;aspect-ratio:496/672;border:3px solid #fff;border-radius:20px;box-shadow:0 7px 18px #38612f20;background:#b5e7ed}
#bumble-home .mobile-preview-art img{position:absolute;max-width:none;width:319.7581%;height:auto;top:-24.4048%;left:var(--preview-left)}
#bumble-home .mobile-preview-art img.art-climb{--preview-left:-6.25%}
#bumble-home .mobile-preview-art img.art-adventure{--preview-left:-109.7%}
#bumble-home .mobile-preview-art img.art-dash{--preview-left:-213.3065%}
#bumble-home .mobile-preview-art img.standalone{width:100%;height:100%;left:0;top:0;object-fit:cover}
#bumble-home .mobile-preview p{font-size:13px;line-height:1.5;color:#526544;margin:8px 0}
#bumble-home .mobile-preview button{font-size:18px;padding:12px 24px;margin:4px 5px;box-shadow:0 4px 0 #c69825}
#bumble-home .mobile-preview .mobile-preview-back{background:#eaf3d9;box-shadow:0 3px 0 #b5c99c;font-size:14px}
@media(min-width:681px){#bumble-home .mobile-preview{display:none!important}}
@media(max-height:480px) and (min-width:600px){#bumble-home .climb-shell,#bumble-home .dash-shell{max-width:860px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,280px);gap:10px 18px;align-items:start}#bumble-home .climb-field,#bumble-home .dash-field{grid-column:1;grid-row:1/6}#bumble-home .climb-field:has(.climb-dialog[hidden]),#bumble-home .dash-field:has(.dash-dialog[hidden]){width:min(100%,calc((100svh - 40px)*.75))}#bumble-home .climb-shell>.back,#bumble-home .dash-shell>.back,#bumble-home .climb-top,#bumble-home .dash-top,#bumble-home .climb-controls,#bumble-home .dash-help,#bumble-home .dash-note,#bumble-home .climb-note{grid-column:2}#bumble-home .climb-shell>.back,#bumble-home .dash-shell>.back{grid-row:1;margin:0}#bumble-home .climb-top,#bumble-home .dash-top{grid-row:2}#bumble-home .climb-controls,#bumble-home .dash-help{grid-row:3}#bumble-home .climb-note,#bumble-home .dash-note{grid-row:4}}
@media(max-height:480px) and (min-width:600px){#bumble-home .climb-hud,#bumble-home .dash-hud{grid-column:2;grid-row:3;margin:0}#bumble-home .climb-controls,#bumble-home .dash-help{grid-row:4}#bumble-home .climb-note,#bumble-home .dash-note{grid-row:5}}
@media(max-width:680px){#bumble-home .picture-menu{min-width:0;max-width:380px}}
