@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');

.take-your-time:not(.spin-enabled) img{animation:none!important}.take-your-time.spin-enabled img{animation:portrait-turn-and-rest 8s linear infinite!important}
@keyframes portrait-turn-and-rest{0%{transform:rotateY(0deg) rotateZ(-7deg)}30%{transform:rotateY(180deg) rotateZ(7deg)}60%,100%{transform:rotateY(360deg) rotateZ(-7deg)}}
/* Hidden love notes and speech bubbles keep their space, just like the fate reading. */
.moon-ps p{font:400 14px/1.55 'Patrick Hand','Segoe Print',cursive}.moon-ps .ps-label{font:400 12px 'Patrick Hand','Segoe Print',cursive;letter-spacing:.6px}.moon-ps[hidden]{display:block;visibility:hidden;pointer-events:none}.moon-ps:not([hidden]){visibility:visible}.moon-ps .love-charm{width:54px;height:48px;margin-top:3px}.moon-ps .ali-heart{width:35px;height:34px}.moon-ps .little-bee{width:25px;height:21px}.moon-ps{margin-top:12px;padding-top:10px}
.brand-cluster{display:flex;align-items:center;gap:7px;white-space:nowrap}.brand-cluster .brand{gap:0}.mascot-egg{display:grid;place-items:center;padding:0;background:none;border:0;border-radius:50%;flex:0 0 33px}.mascot-egg:hover{transform:rotate(-8deg)}.bubber-slot{position:relative;display:block;width:31px;height:31px;flex:0 0 31px;margin-left:3px}.bubber-cat{background:none;padding:1px;border:0;width:30px;height:30px;display:grid;place-items:center;border-radius:4px;animation:bubber-arrives .4s ease-out}.bubber-cat img{display:block;width:28px;height:28px;image-rendering:pixelated}.bubber-cat[hidden],.bubber-bubble[hidden]{display:none}.bubber-cat:hover{transform:translateY(-2px)}.bubber-bubble{position:absolute;z-index:12;top:38px;right:0;min-width:72px;padding:9px 11px;background:#fff5ee;border:1px solid #769987;border-radius:7px;color:#365c4b;text-align:center;box-shadow:2px 3px 0 #264c4b20;font:11px var(--mono);pointer-events:none}.bubber-bubble:before{content:'';position:absolute;right:8px;top:-5px;width:8px;height:8px;background:#fff5ee;border-left:1px solid #769987;border-top:1px solid #769987;transform:rotate(45deg)}.bubber-bubble.speaking{animation:cat-dialogue 4.8s ease-in-out both}.quest-nav-count{display:inline-block;font:8px var(--mono);padding:3px 5px;margin-left:4px;background:#fff5ee88;border-radius:4px}
.magic-egg{background:none;padding:0;border:0;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer;border-radius:4px}.magic-egg:hover{text-shadow:0 0 15px #e2be6650}h1 em:after{pointer-events:none}.magic-burst{position:fixed;width:0;height:0;pointer-events:none;z-index:1500}.burst-star{position:absolute;left:0;top:0;line-height:1;color:var(--burst-color);text-shadow:0 0 4px #fff5ee88;animation:magic-firework var(--spark-life) cubic-bezier(.15,.6,.25,1) both,magic-fizzle var(--spark-life) linear both}
.mini-tags .tag-egg{font:8px var(--mono);border:1px solid #c3cdb6;padding:5px 6px;border-radius:3px;background:#f6edda;color:#4b6659}.mini-tags .tag-egg:hover{border-color:#678b79;background:#eee6cc}.tag-egg:focus-visible{outline-offset:3px}.now-content .fedora-bubble{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;min-height:52px;margin:20px 0 0 auto;width:min(230px,100%);padding:11px 16px;border:2px solid #668d7e;border-radius:10px 10px 10px 1px;background:#fff5ee;box-shadow:3px 4px 0 #264c4b15;transform:rotate(-2deg);font:17px/1.2 'Patrick Hand',cursive;color:#365c4b}.fedora-bubble:before{content:'';position:absolute;top:-8px;left:24px;width:12px;height:12px;background:#fff5ee;border-left:2px solid #668d7e;border-top:2px solid #668d7e;transform:rotate(45deg)}.now-content .fedora-bubble[hidden]{display:flex;visibility:hidden;pointer-events:none}.fedora-bubble:not([hidden]){animation:comic-pop .35s ease-out}
.penn-sticker{position:absolute;right:-24px;bottom:31px;width:73px;padding:5px 6px;background:#fffaf0;border:1px solid #bec6b7;border-radius:5px;transform:rotate(9deg);box-shadow:3px 4px 0 #264c4b20;text-align:center;z-index:3;animation:comic-pop .4s ease-out}.penn-sticker img{display:block;width:54px;height:60px;margin:auto;image-rendering:pixelated}.penn-sticker span{display:block;font:7px var(--mono);margin-top:1px;color:#173765}.penn-sticker[hidden]{display:none}.sticker-book img{display:block;image-rendering:pixelated}.sticker-book{flex-wrap:wrap}
.dock #reset-eggs svg{display:block;width:27px;height:32px;color:#55796e}.dock #reset-eggs:hover svg{transform:rotate(-8deg)}.dock #reset-eggs{gap:5px}.quest-list{list-style:none;padding:0;margin:22px 0}.quest-list li{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px dashed #bac8b5;min-height:74px}.quest-number{font:9px var(--mono);color:#7b907f;flex:0 0 20px}.quest-list li>div{flex:1;min-width:0}.quest-list strong{font:400 20px var(--serif)}.quest-list li:not(.quest-found) strong{font:16px var(--mono);letter-spacing:3px;color:#7d9082}.quest-list p{font:11px/1.7 var(--sans);margin:5px 0 0}.quest-unknown{display:block;font:8px var(--mono);color:#7b907f;margin-top:6px}.quest-check{font-size:21px;color:#a19a68}.quest-found .quest-check{color:#218f80}.quest-progress{display:inline-block;font:10px var(--mono)!important;background:#e2edda;border:1px solid #bcccb2;border-radius:4px;padding:7px 10px;color:#3e6a58!important}
body.evening .mini-tags .tag-egg{background:#31554f;border-color:#6f8c79;color:#e6e9c9}body.evening .mini-tags .tag-egg:hover{background:#3b685e}body.evening .now-content .fedora-bubble{background:#3d545a;border-color:#a1c1ad;color:#fff0dc}body.evening .fedora-bubble:before{background:#3d545a;border-color:#a1c1ad}body.evening .quest-progress{background:#31554f;border-color:#719585;color:#e6e9c9!important}body.evening .quest-list li{border-color:#5a7c74}body.evening .quest-number,body.evening .quest-unknown,body.evening .quest-list li:not(.quest-found) strong{color:#b4c9bd}body.evening .quest-found .quest-check{color:#a8dac4}body.evening .dock #reset-eggs svg{color:#a0d9ce}
@keyframes bubber-arrives{from{opacity:0;transform:translateY(5px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cat-dialogue{0%,100%{opacity:0;transform:translateY(-3px)}12%,60%{opacity:1;transform:translateY(0)}78%{opacity:0;transform:translateY(-3px)}}@keyframes magic-firework{0%{transform:translate(-50%,-50%) scale(.1)}100%{transform:translate(calc(var(--dx) - 50%),calc(var(--dy) - 50%)) rotate(var(--turn)) scale(.15)}}@keyframes magic-fizzle{0%{opacity:0}10%{opacity:1}35%{opacity:.85}55%{opacity:.5}70%{opacity:.3}85%{opacity:.1}100%{opacity:0}}@keyframes comic-pop{from{opacity:0;scale:.8}to{opacity:1;scale:1}}
@media(max-width:1100px){.brand-cluster{gap:6px}.brand-cluster .brand{font-size:12px}.penn-sticker{right:-19px;width:65px;padding:4px}.penn-sticker img{width:47px;height:54px}.penn-sticker span{font-size:6px}}
@media(max-width:540px){.brand-cluster{gap:5px}.brand-cluster .brand{font-size:9px;letter-spacing:-.5px}.mascot-egg{flex-basis:27px}.bubber-slot{width:24px;height:27px;flex-basis:24px;margin-left:0}.bubber-cat{width:24px;height:27px;padding:0}.bubber-cat img{width:24px;height:24px}.menubar{gap:5px;padding:0 13px}.menubar nav{gap:0}.menubar nav button{font-size:9px}.quest-nav-count{font-size:6px;margin-left:2px;padding:3px}.bubber-bubble{top:35px;right:0;font-size:10px;min-width:66px;padding:8px}.mini-tags .tag-egg{font-size:7px}.moon-ps p{font-size:14px}.moon-ps .ps-label{font-size:12px}.penn-sticker{right:-22px;bottom:28px}.dock{gap:1px;padding:8px}.dock>button{min-width:42px;font-size:6px}.dock>button>span:first-child{width:31px}.dock #reset-eggs svg{width:25px}.quest-list{margin-top:15px}.quest-list li{gap:10px}.quest-list strong{font-size:18px}.quest-list p{font-size:11px}.now-content .fedora-bubble{font-size:16px;min-height:49px;width:210px}}
@media(prefers-reduced-motion:reduce){.burst-star{animation:none;transform:translate(var(--dx),var(--dy)) scale(.6)}.bubber-bubble.speaking,.bubber-cat,.fedora-bubble:not([hidden]),.penn-sticker{animation:none}.bubber-bubble.speaking{opacity:1}.mascot-egg:hover,.dock #reset-eggs:hover svg{transform:none}}
body.quiet .burst-star{transform:translate(var(--dx),var(--dy)) scale(.6)}body.quiet .bubber-bubble.speaking{opacity:1}
@media print{.brand-cluster,.penn-sticker,.fedora-bubble,.magic-burst{display:none!important}}
/* Keep fireworks inside the viewport and the school sticker clear of Ali and Bee. */
.magic-burst{inset:0;width:100%;height:100%;overflow:hidden}.burst-star{left:var(--burst-x);top:var(--burst-y)}
.penn-sticker{top:-18px;bottom:auto}
@media(max-width:540px){.penn-sticker{top:-13px;bottom:auto}}
.quest-nav-count{width:34px;text-align:center;box-sizing:border-box}
@media(max-width:540px){.quest-nav-count{width:24px}}
/* The dedication flows as one paragraph; its illustration has a separate little row. */
.moon-ps>.love-charm{display:block;margin:4px 2px 2px auto}

/* Quiet mode keeps the soft fade without the flying motion. */
body.quiet .burst-star{animation:magic-fizzle var(--spark-life) linear both!important}
@media(prefers-reduced-motion:reduce){.burst-star{animation:magic-fizzle var(--spark-life) linear both!important}}
/* Keep the human and work beside the brand, with quests on the far right. */
@media(min-width:1101px){.menubar nav{display:contents}.menubar nav>button{order:0}.menubar nav>button[data-open="quests"]{order:2}.menubar .header-status{order:1;margin-left:auto}}