/* Phase 1 — Gameplay Tools & Hint Intelligence.
   Presentation here is intentionally minimal; Phase 2 owns the full screen rebuild. */
.cm-reference-ui .gameplay-tools-dock{position:relative!important}
.cm-reference-ui .gameplay-tools-actions{
  width:min(620px,100%)!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:clamp(3px,1vw,8px)!important;
  padding:0 4px!important;
}
.cm-reference-ui .gameplay-tools-actions .gameplay-tool{
  width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;
  display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:1fr auto!important;
  place-content:center!important;align-items:center!important;column-gap:4px!important;row-gap:0!important;
  padding:3px 4px!important;border-radius:10px!important;border:0!important;
  background:#f5f7f9!important;color:#59636d!important;box-shadow:none!important;position:relative!important;
}
.cm-reference-ui .gameplay-tools-actions .gameplay-tool>span{font-size:17px!important;line-height:1!important}
.cm-reference-ui .gameplay-tools-actions .gameplay-tool>b{font-size:10px!important;line-height:1!important;font-weight:700!important;white-space:nowrap!important}
.cm-reference-ui .gameplay-tools-actions .gameplay-tool>small{
  grid-column:1/-1!important;font-size:7px!important;line-height:1!important;font-weight:750!important;
  color:#8d969f!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-top:1px!important;
}
.cm-reference-ui .gameplay-tools-actions .gameplay-tool.rewarded-tool:not(:disabled)>small:before{content:'▶ ';font-size:6px}
.cm-reference-ui .gameplay-tools-actions .gameplay-tool.primary-tool{
  background:var(--cm-blue)!important;color:#fff!important;box-shadow:0 2px 3px rgba(27,113,185,.15)!important;
}
.cm-reference-ui .gameplay-tools-actions .gameplay-tool.primary-tool>span,
.cm-reference-ui .gameplay-tools-actions .gameplay-tool.primary-tool>b{color:#fff!important}
.cm-reference-ui .gameplay-tools-actions .gameplay-tool.primary-tool>em{
  position:absolute!important;right:4px!important;top:4px!important;min-width:15px!important;height:15px!important;
  display:grid!important;place-items:center!important;border-radius:9px!important;background:rgba(255,255,255,.24)!important;
  color:#fff!important;font-size:8px!important;font-style:normal!important;
}
.cm-reference-ui .gameplay-tools-actions .gameplay-tool:disabled{opacity:.36!important}
.cm-reference-ui .gameplay-tools-actions .gameplay-tool:not(:disabled):active{transform:scale(.97)!important}
.cm-reference-ui .aw-rack.bonus-rack{gap:clamp(4px,1.2vw,8px)!important}
.cm-reference-ui .aw-rack.bonus-rack .aw-tile{width:clamp(41px,7vw,52px)!important;min-width:41px!important}
.cm-reference-ui .aw-tile.bonus-tile:after{
  content:'+';position:absolute;right:3px;top:2px;width:13px;height:13px;border-radius:50%;display:grid;place-items:center;
  background:var(--cm-blue);color:#fff;font-size:9px;font-weight:800;
}
.cm-reference-ui .true-arrowword-grid .aw-answer.hint-target{
  background:#e6f5dd!important;
  box-shadow:inset 0 0 0 2px #7fc45f!important;
  z-index:2!important;
}
.cm-reference-ui .true-arrowword-grid .aw-answer.hint-target-lane{
  background:#d9f0cb!important;
  box-shadow:inset 0 0 0 3px #6eb44f!important;
}
.cm-reference-ui .rewarded-tool-status{
  position:absolute;left:50%;bottom:2px;transform:translateX(-50%);z-index:10;
  padding:4px 8px;border-radius:10px;background:#fff;color:#6e7781;font-size:9px;font-weight:650;
  box-shadow:0 2px 10px rgba(32,37,45,.1);white-space:nowrap;
}
@media(max-width:520px){
  .cm-reference-ui .gameplay-tools-actions{gap:3px!important;padding:0!important}
  .cm-reference-ui .gameplay-tools-actions .gameplay-tool{height:40px!important;min-height:40px!important;padding:2px!important;border-radius:8px!important}
  .cm-reference-ui .gameplay-tools-actions .gameplay-tool>span{font-size:15px!important}
  .cm-reference-ui .gameplay-tools-actions .gameplay-tool>b{font-size:9px!important}
  .cm-reference-ui .gameplay-tools-actions .gameplay-tool>small{font-size:6px!important}
  .cm-reference-ui .aw-rack.bonus-rack .aw-tile{width:clamp(39px,12vw,47px)!important;min-width:39px!important}
}
.reduced-motion .cm-reference-ui .true-arrowword-grid .aw-answer.hint-target{animation:none!important}
