.click-panel { max-width:620px;text-align:center; }
.click-accent { color:#b27a67; }
.click-target { width:min(100%,410px);min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:0 auto;border:0;border-radius:22px;background:linear-gradient(145deg,#d9917e,#b96e5c);box-shadow:0 12px 0 #995948,0 18px 30px rgba(153,89,72,.16);color:white;cursor:pointer;transition:transform 80ms ease,filter 100ms ease; }
.click-target span { font-size:clamp(1.7rem,6vw,2.7rem);font-weight:950;letter-spacing:.02em; }
.click-target small { font-size:.8rem;opacity:.88; }
.click-target:active:not(:disabled) { transform:translateY(7px);box-shadow:0 5px 0 #995948,0 9px 18px rgba(153,89,72,.13); }
.click-target:disabled { opacity:.65;cursor:not-allowed; }
.click-result { margin:19px auto 0;padding:15px;border-radius:13px;background:#fbf0ed;color:#835143;line-height:1.6; }
.click-result strong { display:block;font-size:2rem; }