/* A loose badge on the page floor, outside the footer navigation. */
footer.founder-floor{position:relative;padding-bottom:94px}
.founder-pickup{position:relative;display:block;width:64px;height:64px;min-height:44px;margin:24px 0 0 14px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;isolation:isolate}
.founder-pickup.is-ground{position:absolute;left:clamp(28px,17vw,220px);bottom:10px;margin:0}
.founder-gel{position:relative;display:block;width:32px;height:32px;margin:auto;transform-origin:50% 90%;pointer-events:none}
.founder-pickup .founder-gel{position:absolute;left:16px;top:22px;margin:0}
.founder-gel img{display:block;width:100%;height:100%;image-rendering:pixelated}
.founder-shadow{position:absolute;bottom:10px;left:22px;width:20px;height:3px;background:#555;box-shadow:-4px 0 #333,4px 0 #333,0 2px #333;opacity:.65;pointer-events:none}
.founder-hint{position:absolute;left:calc(100% + 8px);bottom:18px;width:max-content;max-width:min(52vw,210px);font:11px/1.5 'Courier New',monospace;text-align:left;opacity:0;pointer-events:none}
.founder-pickup:hover .founder-hint,.founder-pickup:focus-visible .founder-hint{opacity:1}
.founder-pickup:focus-visible,.founder-emblem:focus-visible{outline:2px dashed currentColor;outline-offset:4px}
.founder-pickup.awaiting-drop .founder-gel{opacity:0}
.founder-emblem{display:block;width:80px;height:80px;padding:8px;margin:0 auto 24px;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}
.founder-emblem .founder-gel{width:64px;height:64px}
/* The silhouette changes on a real pixel grid; movement cuts between held poses. */
.founder-frames{display:none;position:absolute;left:-25%;top:-25%;width:150%;height:125%;background:url('/notebook/assets/effects/zygote-squish.svg') 0 0/1000% 100% no-repeat;image-rendering:pixelated}
.founder-glint{display:none;position:absolute;left:26%;top:27%;width:2px;height:2px;background:#eee;box-shadow:2px -2px #eee,2px 0 #eee,4px 0 #eee,2px 2px #eee;opacity:0}
.is-picked .founder-glint{display:block;animation:founder-pick-shine 640ms steps(1,end)}
.is-dropping .founder-gel{animation:founder-drop 1360ms steps(1,end) both}
.is-dropping .founder-shadow{animation:founder-land-shadow 1360ms steps(1,end)}
.is-squishing .founder-gel{animation:founder-squish 1020ms steps(1,end)}
.is-startled .founder-gel{animation:founder-startle 950ms steps(1,end)}
.is-dropping .founder-frames,.is-squishing .founder-frames,.is-startled .founder-frames,.is-pressed .founder-frames{display:block}
.is-dropping .founder-gel>img,.is-squishing .founder-gel>img,.is-startled .founder-gel>img,.is-pressed .founder-gel>img{visibility:hidden}
.is-dropping .founder-frames{animation:founder-drop-frames 1360ms steps(1,end)}
.is-squishing .founder-frames{animation:founder-squish-frames 1020ms steps(1,end)}
.is-startled .founder-frames{animation:founder-startle-frames 950ms steps(1,end)}
.is-squishing[data-squish="1"] .founder-frames{animation-name:founder-squish-right-frames}
.is-squishing[data-squish="2"] .founder-frames{animation-name:founder-squish-sticky-frames}
.is-squishing[data-squish="3"] .founder-frames{animation-name:founder-squish-crumple-frames}
.is-squishing[data-squish="2"] .founder-gel,.is-squishing[data-squish="2"] .founder-frames{animation-duration:1180ms}
.is-squishing[data-squish="3"] .founder-gel,.is-squishing[data-squish="3"] .founder-frames{animation-duration:870ms}
.is-pressed .founder-gel{animation:none;transform:translate(1px,1px)}
.is-pressed .founder-frames{animation:none;background-position:33.333333% 0}
.founder-kofi{color:inherit;text-decoration:underline;text-underline-offset:3px}
@keyframes founder-drop{0%{opacity:0;transform:translate(-4px,-220px)}8%{opacity:1;transform:translate(-4px,-220px)}18%{transform:translate(2px,-214px)}29%{transform:translate(-3px,-197px)}40%{transform:translate(1px,-164px)}49%{transform:translate(4px,-118px)}57%{transform:translate(1px,-61px)}63%{transform:none}67%{transform:translate(2px,0)}75%{transform:translate(4px,-14px)}81%{transform:translate(-1px,0)}88%{transform:translate(2px,-3px)}95%{transform:translate(-1px,0)}100%{opacity:1;transform:none}}
@keyframes founder-land-shadow{0%,29%{opacity:.15;width:8px;left:28px}49%{opacity:.3;width:12px;left:26px}63%{opacity:.8;width:32px;left:16px}75%{opacity:.4;width:14px;left:25px}81%{opacity:.75;width:26px;left:19px}95%,100%{opacity:.65;width:20px;left:22px}}
@keyframes founder-squish{0%,100%{transform:none}12%{transform:translate(2px,1px)}29%{transform:translate(-1px,1px)}38%{transform:translate(-3px,-2px)}52%{transform:translate(3px,0)}61%{transform:translate(-2px,0)}72%{transform:translate(1px,0)}79%{transform:translate(-1px,0)}89%{transform:translate(1px,0)}}
@keyframes founder-startle{0%,100%{transform:none}12%{transform:translate(2px,0)}24%{transform:translate(-3px,-12px)}35%{transform:translate(4px,-9px)}48%{transform:translate(-2px,-4px)}62%{transform:translate(2px,0)}78%{transform:translate(-1px,0)}}
@keyframes founder-drop-frames{0%,57%{background-position:0 0}63%{background-position:33.333333% 0}68%{background-position:22.222222% 0}75%{background-position:44.444444% 0}81%{background-position:22.222222% 0}88%{background-position:66.666667% 0}95%{background-position:77.777778% 0}100%{background-position:0 0}}
@keyframes founder-squish-frames{0%{background-position:22.222222% 0}12%,29%{background-position:33.333333% 0}38%{background-position:44.444444% 0}52%{background-position:55.555556% 0}61%{background-position:22.222222% 0}72%{background-position:66.666667% 0}79%{background-position:55.555556% 0}89%{background-position:77.777778% 0}100%{background-position:0 0}}
@keyframes founder-squish-right-frames{0%{background-position:11.111111% 0}14%{background-position:55.555556% 0}30%{background-position:22.222222% 0}44%{background-position:55.555556% 0}62%{background-position:66.666667% 0}80%{background-position:77.777778% 0}100%{background-position:0 0}}
@keyframes founder-squish-sticky-frames{0%{background-position:22.222222% 0}12%,38%{background-position:33.333333% 0}46%{background-position:100% 0}56%{background-position:44.444444% 0}73%{background-position:66.666667% 0}88%{background-position:77.777778% 0}100%{background-position:0 0}}
@keyframes founder-squish-crumple-frames{0%{background-position:55.555556% 0}19%{background-position:11.111111% 0}35%{background-position:100% 0}52%{background-position:55.555556% 0}70%{background-position:66.666667% 0}84%{background-position:77.777778% 0}100%{background-position:0 0}}
@keyframes founder-pick-shine{0%,100%{opacity:0}14%{opacity:1;transform:none}30%{opacity:0}46%{opacity:1;transform:translate(8px,6px)}64%{opacity:0}78%{opacity:1;transform:translate(2px,2px)}}
@keyframes founder-startle-frames{0%,12%{background-position:100% 0}24%{background-position:88.888889% 0}35%{background-position:44.444444% 0}48%{background-position:55.555556% 0}62%{background-position:22.222222% 0}78%{background-position:77.777778% 0}100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.founder-pickup.awaiting-drop .founder-gel{opacity:1}.is-dropping .founder-gel,.is-dropping .founder-shadow,.is-squishing .founder-gel,.is-startled .founder-gel{animation:none}.founder-frames,.is-picked .founder-glint{display:none!important}.founder-gel>img{visibility:visible!important}.is-pressed .founder-gel{transform:none}}
.founder-dialog{max-width:440px}.founder-dialog .modal-body{padding:26px}.founder-dialog h3{font:700 21px/1.25 'Courier New',monospace;margin:18px 0 12px}.founder-dialog p{font:16px/1.6 Georgia,serif}.founder-dialog .founder-small{font:11px/1.6 'Courier New',monospace;margin:10px 0 18px}.founder-dialog input{width:100%;min-height:46px;padding:10px;background:var(--bg,#000);border:1px solid currentColor;border-radius:0;box-sizing:border-box}.founder-dialog form>button,.founder-dialog [data-founder-refresh]{display:block;min-height:46px;padding:10px 14px;border:1px solid currentColor;font:700 12px/1.5 'Courier New',monospace}.founder-dialog .game-primary{display:block;min-height:46px;padding:12px;text-align:center;border:1px solid currentColor}.founder-badge{display:inline-flex;align-items:center;gap:7px;font:700 11px/1.5 'Courier New',monospace;vertical-align:middle}.founder-badge img{width:28px;height:28px;image-rendering:pixelated}.inverted .founder-gel,.inverted .founder-badge img{filter:invert(1)}[data-founder-status]:empty{display:none}.founder-dialog :disabled{opacity:.55}