/* Seated homepage character; only its own native About link intercepts clicks. */
.platform-page #dashboard .mascot-shelf>.card-mascot{position:absolute;width:112px;height:112px;right:26px;top:-6px;transform:translateY(calc(-1 * var(--mascot-seat,83%)));pointer-events:none;z-index:3;display:block;contain:layout style;overflow:visible}
.platform-page #dashboard .card-mascot[hidden]{display:none!important}
.card-mascot canvas{position:relative;display:block;width:100%;height:100%;background:transparent;image-rendering:auto;z-index:1}
.card-mascot::before{content:"";position:absolute;width:34px;height:7px;left:calc(50% - 17px);top:calc(var(--mascot-seat,83%) - 3px);border-radius:50%;background:radial-gradient(ellipse,#273c294d,transparent 72%);pointer-events:none}
@media(max-width:600px){.platform-page #dashboard .mascot-shelf>.card-mascot{width:98px;height:98px;right:18px}}
@media print{.platform-page #dashboard .mascot-shelf>.card-mascot{display:none}}
/* A real, focusable About link; the canvas remains decorative to assistive technology. */
.platform-page #dashboard .mascot-shelf>a.card-mascot{pointer-events:auto;cursor:pointer;text-decoration:none;touch-action:manipulation;border-radius:14px}
.platform-page #dashboard .mascot-shelf>a.card-mascot:focus-visible{outline:2px solid #6c9671;outline-offset:3px}
/* A stepped speech balloon above the head, within the separate About link. */
.mascot-about-tooltip{position:absolute;right:48px;top:-30px;bottom:auto;box-sizing:border-box;width:max-content;max-width:min(230px,calc(100vw - 130px));padding:9px 12px;border:2px solid #819775;border-radius:2px;background:#fffef2;color:#3e5c36;font:16px/1.3 var(--pixel-font);text-align:center;box-shadow:0 3px 0 #d7dfca,0 6px 12px #30452b10;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .23s cubic-bezier(.2,.7,.2,1);z-index:4}
/* Two stepped silhouettes form a downward tail that points at the head. */
.mascot-about-tooltip:before,.mascot-about-tooltip:after{content:'';position:absolute;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,75% 100%,75% 75%,50% 75%,50% 50%,25% 50%,25% 25%,0 25%)}
.mascot-about-tooltip:before{right:12px;top:100%;width:16px;height:12px;background:#819775}
.mascot-about-tooltip:after{right:14px;top:calc(100% - 2px);width:12px;height:10px;background:#fffef2}
.card-mascot:hover>.mascot-about-tooltip,.card-mascot:focus-visible>.mascot-about-tooltip{opacity:1;transform:translateY(0);pointer-events:auto}
.mascot-shelf{position:relative}
@media(max-width:600px){.mascot-about-tooltip{font-size:14px;padding:8px 10px;top:-23px;right:39px;max-width:calc(100vw - 120px)}.platform-page #dashboard .mascot-shelf>.card-mascot{width:88px;height:88px}}
@media(hover:none){.mascot-about-tooltip{opacity:1;transform:none;pointer-events:auto}}
/* The character is a sibling, so its hover cannot propagate to a tool card. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){.platform-page #dashboard .catalog-card{transition:translate .23s cubic-bezier(.2,.7,.2,1),box-shadow .23s ease,border-color .2s ease}.platform-page #dashboard .catalog-card:hover{translate:0 -2px;box-shadow:2px 4px 0 #55764912}}
@media(prefers-reduced-motion:reduce){.mascot-about-tooltip{transition:none}}html[data-motion=reduce] .mascot-about-tooltip{transition:none}