.cg-guide{--cg-accent:#d9f68b;--cg-ink:#e7edf0;--cg-muted:#98a9af;color:var(--cg-ink);font-family:inherit;width:100%;font-size:12px;line-height:1.45}
.cg-guide *{box-sizing:border-box}
.cg-guide [hidden]{display:none!important}
.cg-guide .cg-tabs{display:flex;gap:5px;padding:4px;background:#071014;border:1px solid #344249;border-radius:7px;width:max-content;max-width:100%;margin-bottom:20px}
.cg-guide .cg-tabs button{appearance:none;border:0;border-radius:4px;background:transparent;color:#acb9bc;font:inherit;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.075em;padding:10px 16px;cursor:pointer;min-height:39px}
.cg-guide .cg-tabs button[aria-selected=true]{background:var(--cg-accent);color:#172019}
.cg-guide .cg-tabs button:hover{color:var(--cg-ink);background:#28353a}
.cg-guide .cg-tabs button[aria-selected=true]:hover{background:#e3f9a7;color:#172019}
.cg-guide .cg-tabs button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cg-guide .cg-controller-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1.05fr);gap:24px;align-items:start}
.cg-guide .cg-figure{margin:0;min-width:0}
.cg-guide .cg-figure svg{display:block;width:100%;height:auto;overflow:visible}
.cg-guide .cg-controller-picture{margin:9px auto 3px}
.cg-guide figcaption{font-size:11px;letter-spacing:.065em;text-transform:uppercase;text-align:center;color:var(--cg-ink);margin:12px 0 0}
.cg-guide figcaption span{display:block;color:var(--cg-muted);font-size:10px;letter-spacing:.02em;margin-top:4px;text-transform:none}
.cg-guide .cg-guide-note{display:grid;gap:6px;border:1px solid #3a4747;background:#162221;padding:12px 14px;margin-top:24px;color:#b8c7c9;font-size:11px}
.cg-guide .cg-guide-note b{color:var(--cg-accent);letter-spacing:.1em;text-transform:uppercase;font-size:10px}
.cg-guide .cg-groups{display:grid;gap:15px 18px}
.cg-guide .cg-controller-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
.cg-guide .cg-group{min-width:0;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.cg-guide .cg-group h4{display:flex;gap:7px;align-items:center;color:var(--cg-ink);font-size:11px;letter-spacing:.025em;font-weight:700;margin:0 0 7px;line-height:1.3;text-transform:none}
.cg-guide .cg-number{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid #8eac60;border-radius:50%;color:var(--cg-accent);font:700 10px/1 monospace;flex:none}
.cg-guide .cg-action{display:grid;gap:1px;padding:5px 0;border-top:1px solid #2b383d;color:#aebdc2;font-size:11px;line-height:1.35}
.cg-guide .cg-binding{color:var(--cg-accent);font-size:9px;font-weight:700;letter-spacing:.055em}
.cg-guide .cg-footnote{font-size:10px;line-height:1.65;color:#8fa2a8;padding-top:13px!important;border-top:1px solid #2b383d;margin:17px 0 0!important;max-width:none!important}
.cg-guide .cg-keyboard-figure{max-width:780px;margin:0 auto 21px}
.cg-guide .cg-keyboard-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.cg-guide .cg-keyboard-groups .cg-action{grid-template-columns:minmax(100px,.92fr) 1fr;gap:8px;align-items:center;padding:6px 0}
.cg-guide .cg-keyboard-groups .cg-group h4{margin-bottom:10px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:#e0e8e9}
.cg-guide .cg-lines{stroke:#425154;stroke-width:1}
.cg-guide .cg-trigger{fill:#28373c;stroke:#73898c;stroke-width:1.5}
.cg-guide .cg-shoulder{fill:#3d4b50;stroke:#839396;stroke-width:1.5}
.cg-guide .cg-svg-small{fill:#d8e4e5;font:700 11px monospace;text-anchor:middle;letter-spacing:.8px}
.cg-guide .cg-body-shadow{fill:#010608;opacity:.65}
.cg-guide .cg-body{fill:#27343b;stroke:#64787f;stroke-width:2}
.cg-guide .cg-grip{fill:none;stroke:#43555d;stroke-width:10;stroke-linecap:round}
.cg-guide .cg-stick circle:first-child,.cg-guide .cg-stick circle:nth-of-type(3){fill:#111e24;stroke:#5a7077;stroke-width:2}
.cg-guide .cg-stick circle:nth-of-type(2),.cg-guide .cg-stick circle:nth-of-type(4){fill:#394b53;stroke:#96afa4;stroke-width:1.4}
.cg-guide .cg-stick path{fill:none;stroke:#c7ddcc;stroke-width:1.2;opacity:.7}
.cg-guide .cg-dpad{fill:#0e1a21;stroke:#789084;stroke-width:1.6}
.cg-guide .cg-dpad-arrows{fill:none;stroke:#b8cec3;stroke-width:1.5}
.cg-guide .cg-face{fill:#101d22;stroke:#a6c58d;stroke-width:1.4}
.cg-guide .cg-face-label{fill:#d9f68b;font:700 15px monospace;text-anchor:middle}
.cg-guide .cg-menu-buttons{fill:#102027;stroke:#91a6a1;stroke-width:1.4}
.cg-guide .cg-menu-buttons path{fill:none;stroke-width:1}
.cg-guide .cg-brand{fill:#8ba09f;font:8px monospace;text-anchor:middle;letter-spacing:1.4px}
.cg-guide .cg-callout-line{stroke:#cfe793;stroke-width:1;fill:none}
.cg-guide .cg-pin circle{fill:#d9f68b;stroke:#172421;stroke-width:2}
.cg-guide .cg-pin text{fill:#1a281f;font:700 14px monospace;text-anchor:middle}
.cg-guide .cg-keyboard-body{fill:#1c2a31;stroke:#61777c;stroke-width:1.6}
.cg-guide .cg-key rect{fill:#263941;stroke:#52696f;stroke-width:1}
.cg-guide .cg-key text{fill:#7f959b;font:600 11px monospace;text-anchor:middle}
.cg-guide .cg-key-active rect{fill:#3b4a34;stroke:#aac276;stroke-width:1.2}
.cg-guide .cg-key-active text{fill:#e4f4b9}
.cg-guide .cg-mouse-body{fill:#263940;stroke:#8fa3a0;stroke-width:1.5}
.cg-guide .cg-mouse-split{fill:none;stroke:#a2b5a8;stroke-width:1.2}
.cg-guide .cg-mouse-wheel{fill:#b6cc8a;stroke:#334937;stroke-width:1.5}
.cg-guide .cg-mouse-drag{fill:none;stroke:#d9f68b;stroke-width:1.4}
@media(max-width:900px){.cg-guide .cg-controller-layout{grid-template-columns:minmax(0,.9fr) minmax(290px,1fr);gap:18px}.cg-guide .cg-controller-groups{gap:12px}.cg-guide .cg-binding{font-size:8px}.cg-guide .cg-keyboard-groups .cg-action{grid-template-columns:1fr;gap:1px}.cg-guide .cg-keyboard-groups{gap:18px}}
@media(max-width:640px){.cg-guide .cg-controller-layout{grid-template-columns:1fr;gap:21px}.cg-guide .cg-controller-picture{max-width:450px}.cg-guide .cg-guide-note{margin-top:13px}.cg-guide .cg-controller-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.cg-guide .cg-binding{font-size:9px}.cg-guide .cg-keyboard-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cg-guide .cg-keyboard-groups .cg-group:last-child{grid-column:1/-1}.cg-guide .cg-keyboard-groups .cg-group:last-child .cg-action{grid-template-columns:1fr 1fr}.cg-guide .cg-tabs{width:100%;margin-bottom:14px}.cg-guide .cg-tabs button{flex:1;padding:9px 8px;font-size:10px;letter-spacing:.04em}.cg-guide .cg-keyboard-picture{min-width:460px}.cg-guide .cg-keyboard-figure{overflow-x:auto;padding-bottom:5px}.cg-guide .cg-action{font-size:11px}.cg-guide .cg-footnote{font-size:10px}}
