*{box-sizing:border-box}:root{--bb-orange: #ff523b;--bb-blue: #000aff;--bb-black: #111;--bb-paper: #f4f2ee;--bb-font: "Helvetica Neue", Helvetica, Arial, sans-serif}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--bb-font);color:var(--bb-black);user-select:none;-webkit-user-select:none;background:var(--bb-orange)}.stage{display:flex;flex-direction:row;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse 75% 65% at 50% 42%,#ffffff 0%,var(--bb-paper) 55%,#e2ded6 100%)}.stage-main{position:relative;flex:1 1 auto;min-width:0;height:100%;overflow:hidden}.stage.bg-white{background:#fff}.stage.bg-dark{background:radial-gradient(ellipse 75% 65% at 50% 42%,#2a3b52,#16202f 60%,#0b111b)}.stage.bg-orange{background:radial-gradient(ellipse 75% 65% at 50% 42%,#ff6a52 0%,var(--bb-orange) 60%,#d63c28 100%)}.stage-main canvas{position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 769px){.stage{min-height:640px}}@media (min-width: 769px) and (max-height: 639px){html,body,#root{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.eq span{width:3px;background:var(--bb-blue);animation:eqbar .9s ease-in-out infinite}.eq span:nth-child(2){animation-delay:.2s}.eq span:nth-child(3){animation-delay:.45s}@keyframes eqbar{0%,to{height:4px}50%{height:12px}}.section-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;background:radial-gradient(ellipse 75% 65% at 50% 42%,#ffffff 0%,var(--bb-paper) 55%,#e2ded6 100%)}@media (prefers-reduced-motion: reduce){.section-veil{transition:opacity .15s ease}@starting-style{.section-veil{opacity:0}}}@media (max-width: 768px){.stage{flex-direction:column}.stage-main{width:100%;min-height:0;flex:1 1 auto}}.nav-rail{flex:0 0 108px;width:108px;height:100%;background:var(--bb-orange);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3.2vh 0;overflow:hidden;z-index:7}.nav-item{writing-mode:vertical-rl;transform:rotate(180deg);border:none;background:none;cursor:pointer;font-family:var(--bb-font);font-size:21px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-black);text-decoration:none;padding:22px 10px;line-height:1;position:relative;transition:background .15s ease,color .15s ease,transform .16s ease-out}.nav-item:hover{box-shadow:inset 0 0 0 2px var(--bb-black)}.nav-item:active{transform:rotate(180deg) scale(.96)}.nav-item.selected,.nav-item.selected:hover{background:var(--bb-black);color:#fff;box-shadow:none}.ext-arrow{display:inline-block;vertical-align:-.14em}.nav-item:has(.ext-arrow){padding-bottom:46px}.nav-item .ext-arrow{transform:rotate(90deg);position:absolute;bottom:19px;left:50%;margin-left:-.5em}.nav-item .ext-arrow path{stroke-width:2px;vector-effect:non-scaling-stroke}.nav-sheet{display:contents}.nav-measure{position:absolute;top:0;left:0;display:flex;flex-wrap:nowrap;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.nav-burger{display:none}.nav-burger path{transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .15s ease;transform-box:fill-box;transform-origin:center}.nav-burger.open .bl-top{transform:translateY(7px) rotate(45deg)}.nav-burger.open .bl-mid{opacity:0}.nav-burger.open .bl-bot{transform:translateY(-7px) rotate(-45deg)}@media (prefers-reduced-motion: reduce){.nav-collapsed .nav-sheet,.nav-burger path{transition:none}}@media (max-width: 768px){.nav-rail{flex:0 0 64px;width:100%;height:64px;flex-direction:row;justify-content:space-between;align-items:center;padding:0 8px;position:relative;z-index:20}.nav-collapsed .nav-sheet{display:flex;position:fixed;top:0;left:0;right:0;height:64px;background:var(--bb-orange);flex-direction:column;align-items:center;justify-content:space-evenly;overflow:hidden;transition:height .5s cubic-bezier(.32,.72,0,1)}.nav-collapsed.nav-open .nav-sheet{height:100vh;height:100dvh}.nav-collapsed .nav-sheet .nav-item{opacity:0;pointer-events:none;font-size:21px;transition:opacity .15s ease}.nav-collapsed.nav-open .nav-sheet .nav-item{opacity:1;pointer-events:auto;transition:opacity .3s ease}.nav-collapsed.nav-open .nav-sheet .nav-item:nth-child(1){transition-delay:.12s}.nav-collapsed.nav-open .nav-sheet .nav-item:nth-child(2){transition-delay:.16s}.nav-collapsed.nav-open .nav-sheet .nav-item:nth-child(3){transition-delay:.2s}.nav-collapsed.nav-open .nav-sheet .nav-item:nth-child(4){transition-delay:.24s}.nav-burger{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:10px;transform:translateY(-50%);width:44px;height:44px;padding:0;border:none;background:none;color:var(--bb-black);cursor:pointer;z-index:2}.nav-burger:active{transform:translateY(-50%) scale(.9)}.nav-item{writing-mode:horizontal-tb;transform:none;font-size:13px;padding:8px 14px;display:flex;align-items:center}.nav-item:active{transform:scale(.96)}.nav-item:has(.ext-arrow){padding-bottom:8px}.nav-item .ext-arrow{transform:none;position:static;margin-left:0}}.curtain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;overflow:hidden}.curtain-panel{position:absolute;top:0;bottom:0;width:calc(50% + 1px);background:var(--bb-orange);transition:transform .5s cubic-bezier(.32,.72,0,1)}.curtain-panel.left{left:0;transform:translate(-101%)}.curtain-panel.right{right:0;transform:translate(101%)}.curtain.closing .curtain-panel{transform:translate(0);transition:transform .4s cubic-bezier(.32,.72,0,1)}@media (max-width: 768px){.curtain-panel{left:0;right:0;width:auto;height:calc(50% + 1px)}.curtain-panel.left{top:0;bottom:auto;transform:translateY(-101%)}.curtain-panel.right{top:auto;bottom:0;transform:translateY(101%)}}.about-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;z-index:1}.about-content{max-width:620px;margin:0 auto;padding:7vh 28px 12vh;font-family:var(--bb-font);color:var(--bb-black);user-select:text;-webkit-user-select:text}.about-hero{display:block;width:100%;border:2px solid var(--bb-black);box-shadow:6px 6px #1111112e;box-sizing:border-box}.about-content p{margin:0 0 26px;font-size:22px;line-height:1.45;font-weight:500;letter-spacing:-.01em}.about-hero{margin-bottom:34px}.about-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.about-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border:2px solid var(--bb-orange);background:transparent;color:var(--bb-orange);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .16s ease-out}@media (hover: hover) and (pointer: fine){.about-btn:hover{background-color:var(--bb-orange);color:var(--bb-black)}}.about-btn:active{transform:scale(.97)}@media (max-width: 768px){.about-content{padding:24px 20px 100px}.about-content p{font-size:18px}}.gal-layout{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:4vh 24px;box-sizing:border-box}.gal-stage{flex:1 1 auto;width:100%;min-height:0;display:flex;align-items:center;justify-content:center}.gal-photo{max-width:min(880px,100%);max-height:min(62vh,100%);display:block;border:2px solid var(--bb-black);box-shadow:6px 6px #1111112e;box-sizing:border-box;background:#fff}.gal-controls{display:flex;align-items:stretch;gap:10px}.gal-arrow{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bb-black);background:transparent;color:var(--bb-black);cursor:pointer;transition:background .15s ease,color .15s ease,transform .13s ease-out}.gal-viewall{padding:0 26px;border:2px solid var(--bb-black);background:transparent;color:var(--bb-black);font-family:var(--bb-font);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease,transform .13s ease-out}.gal-arrow:hover,.gal-viewall:hover{background:var(--bb-black);color:#fff}.gal-arrow:active,.gal-viewall:active{transform:scale(.97)}.gal-panel{position:absolute;top:0;right:0;bottom:0;z-index:2;width:372px;max-width:100%;display:flex;flex-direction:column;background:#fff;border-left:2px solid var(--bb-black);box-shadow:-8px 0 24px #11111124;transform:translate(105%);transition:transform .35s cubic-bezier(.32,.72,.24,1)}.gal-panel.open{transform:translate(0)}.gal-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:2px solid var(--bb-black);font-family:var(--bb-font);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.gal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bb-black);background:transparent;color:var(--bb-black);cursor:pointer;transition:background .15s ease,color .15s ease,transform .13s ease-out}.gal-close:hover{background:var(--bb-black);color:#fff}.gal-close:active{transform:scale(.92)}.gal-panel-body{flex:1;overflow-y:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:14px 16px}.gal-thumb{flex:0 0 auto;width:74px;height:74px;padding:0;border:2px solid transparent;background:none;cursor:pointer;opacity:.65;transition:opacity .15s ease,border-color .15s ease,transform .13s ease-out}.gal-thumb:active{transform:scale(.95)}.gal-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gal-thumb:hover{opacity:1}.gal-thumb.active{opacity:1;border-color:var(--bb-black)}@media (max-width: 768px){.gal-layout{padding:14px 12px 84px;gap:14px}.gal-photo{max-height:52vh}.gal-arrow{width:40px;height:40px}.gal-panel{width:100%;border-left:none}.gal-panel-body{padding-bottom:84px}.gal-thumb{width:60px;height:60px}}.brand-rail{flex:0 0 108px;width:108px;height:100%;background:var(--bb-orange);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2.8vh 0;overflow:hidden}.brand-rail img{display:block;width:auto}.brand-rail .buddy{height:17.8vh}.brand-rail .info{height:18.5vh}.brand-rail .checker{height:9.6vh}.brand-rail .bb{height:12.9vh}.brand-script{position:absolute;top:3vh;height:95vh;width:auto;pointer-events:none}.brand-script.left{left:2%}.brand-script.right{right:30px}.about-page .brand-script{transition:opacity .3s ease}.about-page .brand-script.dimmed{opacity:0}@media (max-width: 768px){.brand-rail{position:fixed;left:100vw;top:calc(100vh - 64px);top:calc(100dvh - 64px);width:64px;height:100vw;transform-origin:top left;transform:rotate(90deg);z-index:16;padding:3vw 0}.brand-rail .buddy{height:17.8vw}.brand-rail .info{height:27.75vw}.brand-rail .checker,.brand-rail .bb{display:none}.brand-rail img{max-width:40px}.brand-script{top:2vh;height:82vh}.brand-script.right{right:8px}}.swap-mask{position:relative;display:block;overflow:clip;padding:.18em 0;margin:-.18em 0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 .2em,#000 calc(100% - .2em),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 .2em,#000 calc(100% - .2em),transparent 100%)}.swap-mask>span{display:block}.swap-enter{animation:swap-roll-in .45s cubic-bezier(.77,0,.175,1) both;animation-delay:var(--swap-delay, 0ms)}.swap-exit{position:absolute;top:.18em;right:0;bottom:.18em;left:0;animation:swap-roll-out .45s cubic-bezier(.77,0,.175,1) both;animation-delay:var(--swap-delay, 0ms)}@keyframes swap-roll-in{0%{transform:translateY(120%)}to{transform:translateY(0)}}@keyframes swap-roll-out{0%{transform:translateY(0)}to{transform:translateY(-120%)}}@media (prefers-reduced-motion: reduce){.swap-enter{animation:swap-text-fade .2s ease both}.swap-exit{display:none}}@keyframes swap-text-fade{0%{opacity:0}to{opacity:1}}.left-panels{position:absolute;left:34px;top:50%;transform:translateY(-50%);width:332px;z-index:6;display:flex;flex-direction:column;gap:14px}@media (min-width: 769px) and (max-height: 759px){.left-panels{top:auto;bottom:34px;transform:none}}.panel-card{min-width:332px;background:#fff;border:1.5px solid var(--bb-black);color:var(--bb-black);box-shadow:8px 8px #1111111f;padding:0 22px}.card-brand{display:flex;justify-content:space-between;align-items:center;width:100%;border:none;background:none;cursor:pointer;font-family:var(--bb-font);color:var(--bb-black);font-size:8.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:16px 0;transition:transform .16s ease-out}.card-brand:active{transform:scale(.98)}.panel-card.open .card-brand{border-bottom:1.5px solid var(--bb-black)}.card-brand .brand-right{display:flex;align-items:center;gap:10px}.card-brand .checker-strip{width:64px;height:10px;background:repeating-conic-gradient(var(--bb-black) 0% 25%,transparent 0% 50%) 0 0 / 5px 5px}.card-brand .acc-chev{font-size:14px;font-weight:700;line-height:1;width:12px;text-align:center}.card-body{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows .45s cubic-bezier(.32,.72,.24,1),opacity .3s ease}.panel-card.open .card-body{grid-template-rows:1fr;opacity:1}.card-body-inner{min-height:0;overflow:hidden}.card-body-inner:before{content:"";display:block;height:14px}.card-body-inner:after{content:"";display:block;height:22px}.panel-card .name{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0;line-height:1;text-transform:uppercase}.panel-card .nickname{font-size:10.5px;font-weight:700;letter-spacing:.1em;margin:7px 0 16px;text-transform:uppercase}.stat-row{display:grid;grid-template-columns:92px 1fr 28px;align-items:center;gap:10px;margin:8px 0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.stat-row .bar{height:9px;background:#e7e3dc;overflow:hidden}.stat-row .bar i{display:block;height:100%;width:0%;background:var(--bb-orange);transition:width 1.1s cubic-bezier(.22,1,.36,1)}.stat-row .val{text-align:right;font-size:12px}.panel-card .divider{height:1.5px;background:var(--bb-black);margin:16px 0 12px}.stat-block{margin-top:10px}.stat-block h4{margin:0 0 3px;font-size:9.5px;font-weight:700;letter-spacing:.16em;color:var(--bb-orange);text-transform:uppercase}.stat-block p{margin:0;font-size:12.5px;font-weight:400;line-height:1.45}.strava-btn{display:block;width:100%;box-sizing:border-box;margin-top:14px;padding:7px 0;background:var(--bb-orange);color:var(--bb-black);font-family:var(--bb-font);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;text-decoration:none;transition:background .15s ease,color .15s ease,transform .13s ease-out}.strava-btn:hover{background:var(--bb-black);color:#fff}.strava-btn:active{transform:scale(.97)}@media (max-width: 768px){.left-panels{left:10px;right:10px;top:auto;bottom:74px;transform:none;width:auto;gap:8px}.strava-btn{font-size:10px}}.rider-menu{position:absolute;top:26px;left:12px;right:12px;z-index:6;text-align:center}.rider-menu .kicker{font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--bb-black);margin-bottom:11px}.rider-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.rider-btn{border:2px solid var(--bb-black);background:transparent;color:var(--bb-black);font-family:var(--bb-font);font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase;padding:15px 32px;cursor:pointer;transition:all .15s ease}.rider-btn:hover{background:#fff}.rider-btn:active{transform:scale(.97)}.rider-btn.active{background:var(--bb-blue);border-color:var(--bb-blue);color:#fff}.loading-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:20;background:var(--bb-paper)}.loader{width:144px;height:144px;border-radius:50%;background:#fff;border:1.5px solid var(--bb-black);box-shadow:8px 8px #1111111f;display:grid;place-items:center}.loader .turtle{--turtle-w: 112px;width:var(--turtle-w);height:var(--turtle-w);background:url(/brand/turtle-sprite-16.png) 0 0 / calc(var(--turtle-w) * 4) calc(var(--turtle-w) * 4) no-repeat;animation:turtle-pedal 1.8s step-end infinite}@keyframes turtle-pedal{0%{background-position:0 0}6.25%{background-position:calc(var(--turtle-w) * -1) 0}12.5%{background-position:calc(var(--turtle-w) * -2) 0}18.75%{background-position:calc(var(--turtle-w) * -3) 0}25%{background-position:0 calc(var(--turtle-w) * -1)}31.25%{background-position:calc(var(--turtle-w) * -1) calc(var(--turtle-w) * -1)}37.5%{background-position:calc(var(--turtle-w) * -2) calc(var(--turtle-w) * -1)}43.75%{background-position:calc(var(--turtle-w) * -3) calc(var(--turtle-w) * -1)}50%{background-position:0 calc(var(--turtle-w) * -2)}56.25%{background-position:calc(var(--turtle-w) * -1) calc(var(--turtle-w) * -2)}62.5%{background-position:calc(var(--turtle-w) * -2) calc(var(--turtle-w) * -2)}68.75%{background-position:calc(var(--turtle-w) * -3) calc(var(--turtle-w) * -2)}75%{background-position:0 calc(var(--turtle-w) * -3)}81.25%{background-position:calc(var(--turtle-w) * -1) calc(var(--turtle-w) * -3)}87.5%{background-position:calc(var(--turtle-w) * -2) calc(var(--turtle-w) * -3)}93.75%{background-position:calc(var(--turtle-w) * -3) calc(var(--turtle-w) * -3)}to{background-position:0 0}}@media (max-width: 768px){.rider-menu{top:14px}.rider-menu .kicker{font-size:10px;margin-bottom:8px}.rider-buttons{flex-wrap:wrap;justify-content:center;gap:5px}.rider-btn{font-size:10px;padding:8px 10px;border-width:1.5px;background:#fff}}.ride-when{display:flex;justify-content:space-between;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ride-location{font-size:11px;font-weight:500;color:#6b665d;margin-top:3px;line-height:1.2}.ride-route{--route-tilt: 52deg;position:relative;width:100%;height:114px;margin:14px 0 4px;border:1px solid #e2ded6;background:var(--bb-paper);overflow:hidden}.route-fade{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;perspective:600px;opacity:1;transition:opacity .25s ease;-webkit-mask-image:radial-gradient(90% 80% at 50% 52%,#000 46%,transparent 90%);mask-image:radial-gradient(90% 80% at 50% 52%,#000 46%,transparent 90%)}.route-fade.route-leaving{opacity:0;transition-duration:.15s}.route-tilt{position:relative;height:88%;transform-style:preserve-3d;transform:rotateX(var(--route-tilt)) scale(1.6)}.route-cam{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;will-change:transform}.route-grid{position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;background:repeating-linear-gradient(0deg,rgba(17,17,17,.06) 0 1px,transparent 1px 4.1667%),repeating-linear-gradient(90deg,rgba(17,17,17,.06) 0 1px,transparent 1px 4.1667%)}.route-cam>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;overflow:visible}.route-ghost{stroke:#1111111a}.route-live{stroke:var(--bb-orange)}.route-pin{position:absolute;pointer-events:none;transform:translate(-50%,-50%) rotateX(calc(-1 * var(--route-tilt))) scale(calc(1 / var(--cam-z, 1)));transform-origin:50% 50%}.route-pin .pin-inner{display:block}.route-pin.start .dot{display:block;width:9px;height:9px;border-radius:50%;background:var(--bb-black);border:2px solid #fff;box-shadow:0 1px #11111140}.route-pin.rider .rdot{display:block;width:10px;height:10px;border-radius:50%;background:var(--bb-orange);border:2px solid #fff;box-shadow:0 0 0 3px #e24a1b38;transition:opacity .4s ease}.route-done .route-pin.rider .rdot{opacity:0}.route-pin.finish .pin-inner{transform-origin:center}.route-done .route-pin.finish .pin-inner{animation:route-flag-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes route-flag-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.route-replay{position:absolute;top:6px;right:6px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;background:none;color:var(--bb-black);cursor:pointer;animation:route-replay-in .3s cubic-bezier(.32,.72,0,1) both}.route-replay:active{transform:scale(.9)}@keyframes route-replay-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.ride-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:12px}.ride-stat .lbl{display:block;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-orange);margin-bottom:2px}.ride-stat .val{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em}.kudos-icon{vertical-align:-.12em}.dock{position:absolute;left:0;right:0;bottom:0;z-index:19;transform:translateY(var(--panel-h));transition:transform .5s cubic-bezier(.32,.72,.24,1);--panel-h: min(58vh, 560px)}.dock.open{transform:translateY(0)}.admin-toolbar{position:absolute;left:50%;bottom:20px;z-index:21;transform:translate(-50%);display:flex;align-items:stretch;gap:6px;max-width:calc(100% - 32px);font-family:var(--bb-font)}.dock-tab{display:flex;align-items:center;gap:9px;height:38px;padding:0 18px;border:1.5px solid var(--bb-black);cursor:pointer;font-family:var(--bb-font);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-black);background:#fff;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .13s ease-out}.dock-tab:hover{background:var(--bb-blue);color:#fff}.dock-tab:hover .eq span{background:#fff}.dock-tab .chev{display:inline-block;margin-left:4px;transition:transform .4s ease;font-size:10px}.dock-tab.is-open .chev{transform:rotate(180deg)}.dock-panel{height:var(--panel-h);display:flex;flex-direction:column;background:#fff;border-top:1.5px solid var(--bb-black)}.dock-panel:before{content:"";display:block;height:12px;flex:none;background:repeating-conic-gradient(var(--bb-black) 0% 25%,#fff 0% 50%) 0 0 / 12px 12px;border-bottom:1.5px solid var(--bb-black)}.group-tabs{display:flex;justify-content:center;gap:8px;padding:14px 16px 10px;flex-wrap:wrap}.group-tab{border:1.5px solid var(--bb-black);background:#fff;color:var(--bb-black);font-family:var(--bb-font);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;cursor:pointer;transition:all .15s ease}.group-tab .count{margin-left:7px;font-size:10px;font-weight:700;color:var(--bb-orange)}.group-tab:hover{background:var(--bb-paper)}.group-tab.active{background:var(--bb-blue);color:#fff}.group-tab.active .count{color:#fff;opacity:.75}.panel-scroll{flex:1;overflow-y:auto;padding:4px 26px 30px;scrollbar-width:thin;scrollbar-color:var(--bb-black) transparent}.cat-section{content-visibility:auto;contain-intrinsic-size:auto 190px;margin-top:18px}.cat-title{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bb-black);margin:0 0 10px;display:flex;align-items:baseline;gap:10px}.cat-title .avail{font-size:10px;letter-spacing:.06em;color:var(--bb-orange);font-weight:700}.sub-label{margin:10px 0 8px;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#a49e93}.sub-label.unlocked{color:var(--bb-blue)}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.clip-card{position:relative;overflow:hidden;background:#fff;border:1px solid #c9c4bb;padding:0;cursor:default;text-align:center;font-family:var(--bb-font)}.clip-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:var(--bb-paper)}.clip-card .clip-name{display:block;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:var(--bb-black);padding:6px 4px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;border-top:1px solid #c9c4bb}.clip-card.locked img{filter:grayscale(1) opacity(.35)}.clip-card.locked .clip-name{color:#a49e93}.clip-card .lock{position:absolute;top:6px;right:6px;width:20px;height:20px;background:#fff;border:1px solid #c9c4bb;display:grid;place-items:center;font-size:10px}.clip-card.available{cursor:pointer;border:1.5px solid var(--bb-black);transition:transform .15s ease,box-shadow .15s ease}.clip-card.available .clip-name{border-top:1.5px solid var(--bb-black)}.clip-card.available:hover{transform:translate(-2px,-2px);border-color:var(--bb-blue);box-shadow:3px 3px 0 var(--bb-blue)}.clip-card.playing{border-color:var(--bb-blue);box-shadow:3px 3px 0 var(--bb-blue)}.clip-card .playing-badge{position:absolute;top:6px;left:6px;padding:2px 7px;background:var(--bb-blue);color:#fff;font-size:8.5px;font-weight:700;letter-spacing:.12em}.settings-menu{position:relative;display:flex}.settings-toggle{border:1.5px solid var(--bb-black);background:var(--bb-black);color:#fff;font-family:var(--bb-font);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 16px;cursor:pointer;white-space:nowrap}.settings-toggle.is-on{background:var(--bb-orange);border-color:var(--bb-orange)}.settings-panel{position:absolute;right:0;bottom:calc(100% + 8px);width:280px;background:#fff;border:1.5px solid var(--bb-black);box-shadow:8px 8px #1111111f;padding:6px 16px 14px;max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;scrollbar-width:thin}.set-section{margin:14px 0 6px;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bb-orange);border-bottom:1px solid #e2ded6;padding-bottom:4px}.set-row{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.set-label{flex:0 0 76px}.set-row input[type=range]{flex:1;accent-color:var(--bb-blue);min-width:0}.set-row input[type=color]{width:34px;height:22px;padding:0;border:1px solid var(--bb-black);background:none;cursor:pointer}.set-row input[type=checkbox]{accent-color:var(--bb-blue);width:16px;height:16px}.set-row select{flex:1;font-family:var(--bb-font);font-size:11px;font-weight:700;border:1px solid var(--bb-black);background:#fff;padding:4px 6px}.set-val{flex:0 0 44px;text-align:right;font-size:10px;font-weight:500;color:#6b665d;overflow:hidden;text-overflow:ellipsis}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:22px;height:22px;border:1.5px solid #c9c4bb;cursor:pointer;padding:0;transition:transform .13s ease-out}.swatch.active{border-color:var(--bb-blue);box-shadow:0 0 0 1.5px var(--bb-blue)}.bg-option{border:1px solid var(--bb-black);background:#fff;font-family:var(--bb-font);font-size:9.5px;font-weight:700;text-transform:uppercase;padding:4px 8px;cursor:pointer}.bg-option.active{background:var(--bb-blue);border-color:var(--bb-blue);color:#fff}.set-actions{display:flex;gap:8px;margin-top:14px}.set-actions button{flex:1;border:1.5px solid var(--bb-black);background:#fff;font-family:var(--bb-font);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:8px 0;cursor:pointer}.set-actions button:hover{background:var(--bb-blue);border-color:var(--bb-blue);color:#fff}.set-actions button.is-on{background:var(--bb-orange);border-color:var(--bb-orange);color:#fff}.set-actions button:disabled,.settings-toggle:disabled{cursor:not-allowed;opacity:.45}.toolbar-error{position:absolute;right:0;bottom:calc(100% + 8px);width:240px;margin:0;padding:8px 10px;border:1px solid #b42318;background:#fff;color:#b42318;font-size:10px;font-weight:700;line-height:1.4}.dock-tab:active{transform:scale(.97)}.group-tab:active,.clip-card:active,.settings-toggle:active,.bg-option:active,.set-actions button:active{transform:scale(.96)}.swatch:active{transform:scale(.9)}.settings-toggle,.bg-option,.set-actions button{transition:transform .13s ease-out}.error-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;background:var(--bb-orange);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--bb-font);text-align:center}.error-code{font-size:clamp(96px,22vw,260px);font-weight:700;color:var(--bb-black);line-height:1;letter-spacing:-.02em}.error-message{margin:12px 0 0;max-width:46ch;padding:0 24px;font-size:clamp(14px,2vw,17px);font-weight:500;color:var(--bb-black)}.error-home{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;gap:8px;padding:14px 24px 14px 18px;border:2px solid var(--bb-black);background:transparent;color:var(--bb-black);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .16s ease-out}.error-home-icon{width:1em;height:1em}@media (hover: hover) and (pointer: fine){.error-home:hover{background-color:var(--bb-black);color:#fff}}.error-home:active{transform:scale(.97)}.error-turtle{--turtle-w: clamp(120px, 15vw, 210px);position:absolute;left:0;bottom:clamp(16px,6vh,56px);width:var(--turtle-w);height:var(--turtle-w);background:url(/brand/turtle-sprite-16.png) 0 0 / calc(var(--turtle-w) * 4) calc(var(--turtle-w) * 4) no-repeat;animation:turtle-pedal 2.4s step-end infinite,error-turtle-ride 18s linear infinite}@keyframes error-turtle-ride{0%{transform:translate(calc(-1 * var(--turtle-w)))}to{transform:translate(calc(100vw + var(--turtle-w)))}}@media (prefers-reduced-motion: reduce){.error-turtle{animation:none;left:calc(50% - var(--turtle-w) / 2)}}