.utility-dialog[data-view=about]{overflow:hidden;max-height:90dvh}
.utility-dialog[data-view=about][open]{display:flex;flex-direction:column}
.utility-dialog[data-view=about]>.dialog-heading{position:relative;flex-shrink:0;z-index:auto}
.utility-dialog[data-view=about] #closeUtility{position:relative;z-index:40}
.utility-dialog[data-view=about] #utilityContent{overflow:auto;min-height:0}
.about-plaques{position:relative;margin-top:16px;border:0;padding:0}
.about-plaque-total{position:absolute;left:24px;bottom:0;margin:0;font-size:11px;line-height:18px;color:#627b6b}
@media(max-width:650px){.about-plaque-total{left:12px;font-size:10px}}
.about-plaque-stage{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:5}
.about-plaque-home{position:absolute;display:grid;place-items:center;border:1px dashed #b3c8b9;border-radius:8px;color:#8e9e88;font-size:0;pointer-events:none;transition:background .15s,border-color .15s}
.about-plaque-home.is-target{border-color:#53816a;background:#b5d8bd80;color:#456d52;box-shadow:0 0 0 4px #c8e0cb77}
.about-plaque{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2px;pointer-events:auto;border:1px solid #afc6b8;border-radius:8px;background:#f7faf8;box-shadow:none;transform-origin:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab;will-change:transform;color:#745a3e;transition:none}
.about-plaque[data-state=drag]{cursor:grabbing;filter:drop-shadow(0 5px 5px #304c3433)}
.about-plaque:focus-visible{outline:3px solid #527e64;outline-offset:3px}
.about-plaque .mood-avatar{display:block;width:100%;height:100%;aspect-ratio:1;background:none;border-radius:0;pointer-events:none;overflow:hidden}
.about-plaque .mood-avatar svg{display:block;width:100%;height:100%;pointer-events:none}
@media(max-width:650px){.about-plaque{padding:1px;border-radius:5px}.about-plaque-home{border-radius:5px}}
@media(prefers-reduced-motion:reduce){.about-plaque-home{transition:none}}

.about-repository{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.about-socials{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.about-social-item{display:inline-flex;align-items:center;gap:6px;min-height:24px;white-space:nowrap}
.about-social-icon{width:18px;height:18px;flex:none;fill:currentColor}
.about-bottom a.about-social-item{text-decoration:none}
.about-bottom a.about-social-item:hover span{text-decoration:underline;text-underline-offset:3px}
.about-social-item.is-pending{color:#728779;cursor:default}
.about-version{margin-left:auto;font-size:10px;color:#829286;white-space:nowrap}

.about-plaque-bucket{position:absolute;pointer-events:none;z-index:12;transform-origin:center bottom;transition:filter .15s,transform .15s}
.about-plaque-bucket img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.about-plaque-bucket.is-target{filter:drop-shadow(0 0 5px #7abd8f);transform:scale(1.08)}
.about-bucket-score{position:absolute;z-index:40;pointer-events:none;font:900 23px/1 ui-rounded,system-ui,sans-serif;color:#d89937;text-shadow:0 2px 0 #fff,0 3px 8px #83633440;animation:aboutBucketScore 1.1s ease-out both;will-change:transform,opacity}
@keyframes aboutBucketScore{0%{opacity:0;transform:translate(-50%,0) scale(.6)}20%{opacity:1;transform:translate(-50%,-8px) scale(1.2)}65%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--score-drift)), -54px) scale(.95)}}
@media(prefers-reduced-motion:reduce){.about-plaque-bucket{transition:none}.about-bucket-score{animation:aboutBucketScoreFade 1s ease-out both}}
@keyframes aboutBucketScoreFade{0%,75%{opacity:1}100%{opacity:0}}