dialog.settings-dialog{--bb-accent: var(--bb-green);position:fixed;inset:0;box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:26px 26px 18px;overflow:auto;color:var(--bb-text);font-family:var(--bb-font-body)}.settings-dialog::backdrop{background:#050e18b3}.settings-close-form{position:absolute;top:14px;right:14px;margin:0}.settings-close{display:grid;place-items:center;width:38px;height:38px;padding:0;border:2px solid transparent;border-radius:var(--bb-radius);background:transparent;color:var(--bb-muted);transform:skew(var(--bb-skew));cursor:pointer}.settings-close:hover,.settings-close:focus-visible{color:var(--bb-text);border-color:var(--bb-ink);background:var(--bb-navy-3);box-shadow:var(--bb-drop-sm);outline:none}.settings-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.settings-kicker{margin:0 0 6px;color:var(--bb-coral);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:13px;letter-spacing:.14em}.settings-title{font-size:46px;text-shadow:3px 3px 0 var(--bb-ink)}.settings-list{margin-top:14px}.settings-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:2px solid var(--bb-line);cursor:pointer}.settings-row:last-child{border-bottom:0}.settings-copy{display:grid;gap:5px}.settings-copy strong{font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:19px;letter-spacing:.03em;text-transform:uppercase}.settings-copy small{color:var(--bb-muted);font-size:12.5px;line-height:1.4}.settings-row input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.settings-switch{position:relative;flex:none;width:54px;height:28px;border:2px solid var(--bb-ink);border-radius:4px;background:var(--bb-navy-3);transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm);transition:background .15s}.settings-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:18px;border:2px solid var(--bb-ink);border-radius:2px;background:var(--bb-muted);transition:transform .15s}.settings-row input:checked+.settings-switch{background:var(--bb-green)}.settings-row input:checked+.settings-switch:after{background:var(--bb-cream);transform:translate(24px)}.settings-row input:focus-visible+.settings-switch{outline:2px solid var(--bb-green);outline-offset:3px}.settings-camera{flex-wrap:wrap;cursor:default}.settings-segment{display:flex;flex:none;transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm)}.settings-segment button{padding:7px 12px;border:2px solid var(--bb-ink);background:var(--bb-navy-3);color:var(--bb-muted);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.settings-segment button+button{border-left:0}.settings-segment button:first-child{border-radius:4px 0 0 4px}.settings-segment button:last-child{border-radius:0 4px 4px 0}.settings-segment button[aria-checked=true]{background:var(--bb-green);color:var(--bb-ink)}.settings-segment button:focus-visible{outline:2px solid var(--bb-green);outline-offset:2px}.settings-language{cursor:default}.settings-select{flex:none;max-width:160px;padding:7px 30px 7px 10px;border:2px solid var(--bb-ink);border-radius:4px;background:linear-gradient(45deg,transparent 50%,var(--bb-text) 50%) right 14px center / 6px 6px no-repeat,linear-gradient(-45deg,transparent 50%,var(--bb-text) 50%) right 9px center / 6px 6px no-repeat,var(--bb-navy-3);color:var(--bb-text);box-shadow:var(--bb-drop-sm);font-family:var(--bb-font-display);font-style:italic;font-weight:800;font-size:15px;letter-spacing:.03em;appearance:none;cursor:pointer}.settings-select option{background:var(--bb-navy-2);color:var(--bb-text);font-style:normal}.settings-select:focus-visible{outline:2px solid var(--bb-green);outline-offset:3px}.settings-volume{cursor:default}.settings-volume.disabled{opacity:.45}.settings-range{--fill: 70%;flex:none;width:140px;height:22px;margin:0;background:transparent;appearance:none;cursor:pointer}.settings-range:disabled{cursor:default}.settings-range::-webkit-slider-runnable-track{height:10px;border:2px solid var(--bb-ink);border-radius:2px;background:linear-gradient(90deg,var(--bb-green) var(--fill),var(--bb-navy-3) var(--fill));transform:skew(var(--bb-skew));box-shadow:2px 2px 0 var(--bb-ink)}.settings-range::-moz-range-track{height:6px;border:2px solid var(--bb-ink);border-radius:2px;background:var(--bb-navy-3);box-shadow:2px 2px 0 var(--bb-ink)}.settings-range::-moz-range-progress{height:6px;border:2px solid var(--bb-ink);background:var(--bb-green)}.settings-range::-webkit-slider-thumb{width:16px;height:20px;margin-top:-7px;border:2px solid var(--bb-ink);border-radius:2px;background:var(--bb-cream);box-shadow:2px 2px 0 var(--bb-ink);appearance:none}.settings-range::-moz-range-thumb{width:12px;height:16px;border:2px solid var(--bb-ink);border-radius:2px;background:var(--bb-cream);box-shadow:2px 2px 0 var(--bb-ink)}.settings-range:focus-visible{outline:2px solid var(--bb-green);outline-offset:4px}.sound-off-mark,.sound-muted .sound-on-mark{display:none}.sound-muted .sound-off-mark{display:inline}@media(max-width:420px){dialog.settings-dialog{padding:22px 18px 12px}.settings-title{font-size:38px}}.match-settings{display:grid;place-items:center;width:38px;height:38px;margin-left:10px;padding:0;border:2px solid var(--bb-ink);border-radius:var(--bb-radius);background:#12273ae6;color:var(--bb-muted);transform:skew(var(--bb-skew));box-shadow:var(--bb-drop-sm);pointer-events:auto;cursor:pointer}.match-settings:hover,.match-settings:focus-visible{color:var(--bb-text);background:var(--bb-navy-3);outline:none}.match-settings svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.topbar-right{display:flex;align-items:center}.match-settings.active{color:var(--bb-text);background:var(--bb-navy-3)}.match-settings .fs-exit,.match-settings.active .fs-enter{display:none}.match-settings.active .fs-exit{display:inline}body.mouse-movement #game{cursor:crosshair}html.reduced-motion body>:not(#boot),html.reduced-motion body>:not(#boot) *,html.reduced-motion body>:not(#boot) *:before,html.reduced-motion body>:not(#boot) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}