:root{--bg:#0f0f0f;--bg2:#141414;--bg3:#1a1a1a;--line:#222;--line2:#2e2e2e;--g3:#3a3a3a;--g4:#5a5a5a;--g5:#9a9a9a;--g6:#d4d3cf;--white:#f5f4f0;--red:#c8002a;--red2:#8c001d;--font-condensed:"Barlow Condensed", sans-serif;--font-body:"Barlow", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.bgs-card{background:var(--bg2);border:1px solid var(--line)}.bgs-label{font-family:var(--font-condensed);letter-spacing:.18em;text-transform:uppercase;color:var(--g4);font-size:10px;font-weight:700}.bgs-label.accent{color:var(--red)}.bgs-num{font-family:var(--font-condensed);color:var(--white);font-weight:900}.bgs-num .unit{color:var(--g4);margin-left:2px;font-size:.5em}.bgs-seg{background:var(--bg2);border:1px solid var(--line2);display:flex}.bgs-seg button{font-family:var(--font-condensed);letter-spacing:.12em;text-transform:uppercase;color:var(--g4);cursor:pointer;background:0 0;border:none;flex:1;padding:9px 12px;font-size:12px;font-weight:700;transition:color .12s,background .12s}.bgs-seg button.active{background:var(--bg3);color:var(--white);border-left:2px solid var(--red)}.bgs-chip{white-space:nowrap;border:1px solid var(--line2);font-family:var(--font-condensed);letter-spacing:.1em;text-transform:uppercase;color:var(--g4);cursor:pointer;flex-shrink:0;align-items:center;padding:6px 12px;font-size:11px;font-weight:700;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.bgs-chip.active{border-color:var(--white);color:var(--white);background:var(--bg3)}.bgs-chip.record.active{border-color:var(--red);color:var(--red)}.bgs-shot{width:28px;height:28px;font-family:var(--font-condensed);border:1.5px solid var(--g3);color:var(--g4);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:relative}.bgs-shot.wide{width:36px;font-size:10px}.bgs-shot.xl{aspect-ratio:1;border-width:2px;width:100%;height:auto;font-size:16px}.bgs-shot.xl.mouche:after{width:6px;height:6px;bottom:4px;right:4px}.bgs-shot.essai{border-color:var(--g3);color:var(--g4);opacity:.6}.bgs-shot.sel{outline:1.5px solid var(--white);outline-offset:1px}.bgs-shot.s10{border-color:var(--white);color:var(--white)}.bgs-shot.s9{border-color:var(--g5);color:var(--g6)}.bgs-shot.mouche{border-color:var(--white);color:var(--white)}.bgs-shot.mouche:after{content:"";background:var(--white);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;right:3px}.ss-shot-cell{aspect-ratio:1;font-family:var(--font-condensed);border:1.5px solid var(--g3);color:var(--g4);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;transition:border-color .1s;display:flex;position:relative}.ss-shot-cell.s10{border-color:var(--white);color:var(--white)}.ss-shot-cell.s9{border-color:var(--g5);color:var(--g6)}.ss-shot-cell.mouche{border-color:var(--white);color:var(--white)}.ss-shot-cell.mouche:after{content:"";background:var(--red);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;right:2px}.ss-shot-cell.sel{outline:1.5px solid var(--white);outline-offset:-1px}.bgs-reticle{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.2;background-size:40px 40px}