.nail-widget{width:min(100%,760px);margin:32px auto;font-family:Inter,system-ui,sans-serif;color:inherit}
.nail-instruction{font-size:14px;line-height:1.5;margin:0 0 12px}
.nail-board{position:relative;display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:clamp(4px,2vw,18px);padding:0 clamp(8px,3vw,28px) 12px;isolation:isolate}
.nail-board::before{content:"";position:absolute;inset:58px 0 0;z-index:-1;border:1px solid #9b6941;border-bottom:9px solid #754627;border-radius:6px;background:repeating-linear-gradient(178deg,transparent 0 11px,#70472525 12px 13px,transparent 14px 24px),linear-gradient(100deg,#b78450,#d4aa71 32%,#c4935c 65%,#b9834e);box-shadow:0 9px 22px #0003}
.nail-button{position:relative;display:block;min-width:44px;min-height:132px;width:100%;padding:0;border:0;border-radius:8px;background:transparent;color:#e9e3d8;touch-action:manipulation;cursor:inherit}
.nail-button>svg{display:block;width:48px;max-width:100%;height:130px;margin:auto;overflow:visible;pointer-events:none}
.nail-shaft{transform-origin:24px 100px;transition:transform .18s ease-out}
.nail-head{transition:transform .18s ease-out;filter:drop-shadow(0 2px 2px #0008)}
.nail-button.is-driven .nail-shaft{transform:scaleY(.1)}
.nail-button.is-driven .nail-head{transform:translateY(76px)}
.nail-button:hover:not(.is-driven) .nail-head{filter:drop-shadow(0 0 5px #ffe5a5)}
.nail-button:focus-visible,.nail-reset:focus-visible{outline:3px solid #f0c36d;outline-offset:4px}
.nail-button.is-driven{cursor:default}
.nail-impact{position:absolute;left:50%;top:100px;pointer-events:none;width:0;height:0}
.nail-impact i{position:absolute;width:3px;height:7px;background:#e9c58a;border-radius:1px;animation:nail-spark .42s ease-out both}
@keyframes nail-spark{from{opacity:.9;transform:translate(0,0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn))}}
.nail-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}
.nail-status{font-size:13px;line-height:1.5;margin:0}
.nail-reset{font:600 13px/1.4 Inter,system-ui,sans-serif;min-height:44px;padding:10px 16px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:6px}
@media(prefers-reduced-motion:reduce){.nail-head,.nail-shaft{transition:none}.nail-impact{display:none}}

.nail-widget-small{max-width:460px;margin:0 auto 20px}.homeowner-board-wrap{padding-top:0;padding-bottom:0}.nail-widget-small .nail-button{min-height:108px}.nail-widget-small .nail-button>svg{height:105px}.nail-widget-small .nail-board:before{inset:46px 0 0}.nail-widget-small .nail-controls{margin-top:0}.nail-widget-small .nail-impact{top:80px}#contact-nail-board{margin:28px auto 0}.nail-widget .nail-board{cursor:url("/assets/hammer-cursor.svg") 8 8,pointer}