/* GTA6FAN V0.8.8 — Iconographie contrôleur pour les combinaisons de cheat codes.
 * Respecte la DA Sunset Claude et conserve les boutons face PS5/Xbox précédents.
 * Les symboles sont des SVG vectoriels, pas des images raster.
 */
.g6-code-buttons{
  display:flex;flex-wrap:wrap;align-items:center;
  gap:8px;padding:15px;min-height:83px;
}
.g6-code-buttons .g6-keycap{
  position:relative;flex:0 0 auto;
  white-space:nowrap;box-sizing:border-box;
  user-select:none;
}
.g6-code-buttons .g6-keycap svg{display:block;flex:0 0 auto}
.g6-code-buttons .g6-keycap--shoulder,
.g6-code-buttons .g6-keycap--trigger,
.g6-code-buttons .g6-keycap--dpad,
.g6-code-buttons .g6-keycap--stick,
.g6-code-buttons .g6-keycap--menu{
  width:52px;height:52px;border-radius:9px;
  border:2px solid #bdb7bd;border-bottom-width:5px;
  background:#fcf3e9;color:#2b2732;
  box-shadow:0 3px 0 #100e15;
}
.g6-code-buttons .g6-keycap--shoulder svg{width:43px;height:36px}
.g6-code-buttons .g6-keycap--shoulder{
  color:#29232f;
  background:#fff1e5;
  border-color:#b1a1ac;
}
.g6-code-buttons .g6-keycap--shoulder .g6-keycap-control-text{
  position:absolute;left:0;right:0;top:18px;
  text-align:center;font:800 11px/1 'Public Sans',sans-serif;
  letter-spacing:.01em;color:#fff8ee;
}
.g6-code-buttons .g6-keycap--trigger{
  background:#ffded3;
  border-color:#ad7887;
}
.g6-code-buttons .g6-keycap--trigger svg{width:43px;height:40px}
.g6-code-buttons .g6-keycap--trigger .g6-keycap-control-text{
  position:absolute;left:0;right:0;top:20px;
  text-align:center;color:#29232f;
  font:900 12px/1 'Public Sans',sans-serif;
}
.g6-code-buttons .g6-keycap--dpad{background:#ede8e7}
.g6-code-buttons .g6-keycap--dpad svg{
  width:38px;height:38px;
  filter:drop-shadow(0 1px 0 #938b93);
}
.g6-code-buttons .g6-keycap--stick{
  background:#e8e1e7;
}
.g6-code-buttons .g6-keycap--stick svg{width:39px;height:39px}
.g6-code-buttons .g6-keycap--stick-click{
  border-color:#a4a0ad;
}
.g6-code-buttons .g6-keycap--stick-move{
  border-color:#c98c9c;background:#fbe2e3;
}
.g6-code-buttons .g6-keycap-mini-label{
  position:absolute;bottom:0;right:1px;
  border-radius:3px 0 0 0;
  background:#ff6a8a;color:#24202c;
  font:900 10px/1.1 'Public Sans',sans-serif;
  padding:2px 3px;
  min-width:12px;text-align:center;
}
.g6-code-buttons .g6-keycap--menu{
  width:60px;background:#f6eddc;
}
.g6-code-buttons .g6-keycap--menu svg{width:31px;height:24px;margin-top:-13px}
.g6-code-buttons .g6-keycap-menu-label{
  position:absolute;left:3px;right:3px;bottom:4px;
  font:900 9px/1 'Barlow Condensed',sans-serif;
  text-align:center;letter-spacing:.03em;
}
.g6-code-buttons .g6-keycap--generic{
  width:52px;height:52px;
  font-size:13px;overflow:hidden;
  text-overflow:ellipsis;
}
.g6-keycap--shoulder:hover,.g6-keycap--trigger:hover,.g6-keycap--stick:hover,.g6-keycap--dpad:hover{
  filter:brightness(1.06);
}
.g6-code-face-label{gap:10px}
.g6-code-platform-stamp{
  font:700 11px 'Barlow Condensed',sans-serif;
  letter-spacing:.09em;text-transform:uppercase;
}
@media(max-width:530px){
  .g6-code-buttons{gap:6px;padding:12px 10px;min-height:75px}
  .g6-code-buttons .g6-keycap--shoulder,
  .g6-code-buttons .g6-keycap--trigger,
  .g6-code-buttons .g6-keycap--dpad,
  .g6-code-buttons .g6-keycap--stick{
    width:44px;height:44px;border-radius:8px;
  }
  .g6-code-buttons .g6-keycap--shoulder svg{width:38px;height:31px}
  .g6-code-buttons .g6-keycap--shoulder .g6-keycap-control-text{font-size:10px;top:16px}
  .g6-code-buttons .g6-keycap--trigger svg{width:37px;height:32px}
  .g6-code-buttons .g6-keycap--trigger .g6-keycap-control-text{font-size:11px;top:17px}
  .g6-code-buttons .g6-keycap--dpad svg{width:32px;height:32px}
  .g6-code-buttons .g6-keycap--stick svg{width:33px;height:33px}
  .g6-code-buttons .g6-keycap--menu{width:50px;height:44px}
  .g6-code-buttons .g6-keycap--menu svg{width:27px;height:19px;margin-top:-11px}
  .g6-code-buttons .g6-keycap-menu-label{font-size:8px}
  .g6-code-buttons .g6-keycap-mini-label{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .g6-code-buttons .g6-keycap{transition:none}
}