/* Secret Saying */
.ss-board { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 18px; padding: 18px 12px; border-radius: 22px; background: var(--glass-strong); border: 1px solid var(--glass-edge); box-shadow: var(--glass-shadow); }
.ss-word { display: inline-flex; gap: 4px; align-items: flex-end; }
.ss-box { display: flex; flex-direction: column; align-items: center; gap: 2px; width: clamp(24px, 6.4vw, 34px); padding: 0; border: 0; background: none; cursor: pointer; color: var(--text); }
.ss-guess { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: .9; border-radius: 8px; font: 800 clamp(16px, 4.6vw, 22px) var(--display);
  background: var(--tile-top); border: 1px solid var(--glass-edge); box-shadow: var(--lift); }
.ss-code { font: 700 clamp(9px, 2.4vw, 12px) var(--body); color: var(--muted); letter-spacing: .05em; }
.ss-box.sel .ss-guess { background: linear-gradient(170deg, #FFE38F, #F5C542); color: #14213A; transform: translateY(-2px); }
.ss-box.given .ss-guess { color: var(--select); }
.ss-box.solved .ss-guess { background: linear-gradient(170deg, #FFD27A, #E0901B); color: #fff; border-color: transparent; animation: pc-pop .4s both; }
.ss-punct { font: 800 22px var(--display); padding-bottom: 18px; }
.ss-tools { justify-content: center; margin-top: 10px; }