.heartg-counter{display:flex;align-items:baseline;gap:8px;color:#a16f7f;margin-bottom:11px}.heartg-counter strong{font:italic 29px var(--serif);font-weight:400}.heartg-counter span{font-size:11px;color:#927b76}.heartg-progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:9px;background:#ecdcd9;margin-bottom:20px}.heartg-progress::-webkit-progress-bar{background:#ecdcd9;border-radius:9px}.heartg-progress::-webkit-progress-value{background:#c38d9e;border-radius:9px}.heartg-progress::-moz-progress-bar{background:#c38d9e;border-radius:9px}
.heartg-board{position:relative;height:330px;border:1px solid #e5cdd4;border-radius:16px;background:radial-gradient(ellipse at 25% 10%,#fffbf6 0,transparent 60%),#f5e5e9;overflow:hidden;isolation:isolate}.heartg-board::before{content:'✧　　·　　♡　　　　·　　　　✧';position:absolute;inset:15px;font-size:20px;line-height:5.5;color:#d8b7c133;letter-spacing:10px;pointer-events:none}.heartg-target{position:absolute;left:calc(var(--column)*25% + 12.5%);top:calc(var(--row)*33.333% + 16.667%);width:clamp(50px,6vw,66px);height:66px;transform:translate(-50%,-50%);padding:7px;background:transparent;border-radius:50%;display:grid;place-items:center;z-index:1;transition:filter .15s}.heartg-target svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.heartg-target.heartg-heart{color:#cd8da2;filter:drop-shadow(0 4px 0 #a96f7c18)}.heartg-target.heartg-heart:nth-child(2n){color:#b57992}.heartg-target.heartg-cloud{width:clamp(57px,6vw,74px);color:#fffaf3}.heartg-target:hover{filter:brightness(1.07)}.heartg-target:disabled{opacity:.35}.heartg-target:focus-visible{outline:3px dashed #956d8e;outline-offset:0;background:#fff8}.heartg-board-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;background:#f9edf0a8;text-align:center;z-index:2;pointer-events:none}.heartg-board-note>span{font:70px/1 var(--serif);color:#bf8197}.heartg-board-note p{font:italic 19px/1.7 var(--serif);color:#926c78}.heartg-board[data-state=complete]{border-style:dashed}.heartg-mode{display:flex;gap:9px;align-items:center;font-size:11px;color:#8b7470;margin-top:19px}.heartg-mode select{font:inherit;color:#8f6f78;background:#fffaf6;border:1px solid #dbc7cc;border-radius:7px;padding:9px 10px;min-height:44px;max-width:100%}.heartg-board-footnote{font-size:10px;color:#a48b86;text-align:center;margin-top:13px}.heartg-breezy .heartg-target{animation:heartg-float 2.8s ease-in-out infinite;animation-delay:var(--delay)}.heartg-breezy.heartg-paused .heartg-target{animation-play-state:paused}@keyframes heartg-float{0%,100%{transform:translate(-50%,-60%) rotate(-7deg)}50%{transform:translate(-50%,-35%) rotate(7deg)}}
@media(max-width:760px){.heartg-board{height:300px}.heartg-target{width:54px;height:60px}.heartg-target.heartg-cloud{width:64px}.heartg-counter strong{font-size:26px}.heartg-board-note p{font-size:18px}.heartg-mode{font-size:11px;flex-wrap:wrap}.heartg-board-footnote{font-size:10px}}
@media(prefers-reduced-motion:reduce){.heartg-breezy .heartg-target{animation:none}.heartg-target{transition:none}}