.button-section{background-color:#1a1510;background-image:url('../assets/images/textures/hexellence.png');background-repeat:repeat;background-blend-mode:soft-light;padding-top:2rem;padding-bottom:2.5rem;min-height:calc(100vh - 200px)}.button-subtitle{text-align:center;font-family:'Special Elite','Courier New',monospace;font-size:.72rem;color:var(--color-brass-aged,#b8936e);letter-spacing:.22em;text-transform:uppercase;margin:.25rem 0 1rem;opacity:.7}.button-frame{position:relative;border:3px solid var(--color-brass-polished,#d4a858);border-radius:var(--radius-sm,4px);background:#0a0806;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 0 30px rgba(0,0,0,.8),0 0 20px rgba(212,168,88,.15)}#button-canvas{display:block;width:100%;height:calc(100vh - 350px);min-height:400px;cursor:pointer}#button-canvas:active{cursor:pointer}.button-rivet{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e8c878,#b8936e);border:1px solid #6b4e2a;z-index:10;pointer-events:none}.button-rivet-tl{top:6px;left:6px}.button-rivet-tr{top:6px;right:6px}.button-rivet-bl{bottom:6px;left:6px}.button-rivet-br{bottom:6px;right:6px}.button-instructions{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem .25rem}.button-hint{font-family:'Special Elite','Courier New',monospace;font-size:.8rem;color:var(--color-brass-aged,#b8936e);letter-spacing:.15em;text-transform:uppercase;opacity:.85;text-align:center}.click-counter{position:absolute;top:20px;right:20px;background:rgba(26,21,16,.9);border:2px solid var(--color-brass-polished,#d4a858);border-radius:var(--radius-sm,4px);padding:.75rem 1.25rem;font-family:'Special Elite','Courier New',monospace;font-size:.9rem;color:var(--color-steam-white,#f0e6d8);z-index:5}.click-counter span{color:var(--color-brass-polished,#d4a858);font-weight:700}@media (max-width:600px){#button-canvas{height:calc(100vh - 280px);min-height:300px}.click-counter{top:10px;right:10px;padding:.5rem .75rem;font-size:.75rem}}