.spray-range-page{max-width:1280px!important}.range-card{background:#304f91;border:2px solid #86a6df;border-radius:17px;box-shadow:0 4px #203970;overflow:hidden}.range-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 28px 18px}.range-heading h2{font-size:38px;margin:0}.range-heading p{margin:6px 0 0;color:#d1e1fa;font-size:14px}.range-weapon{display:grid;gap:6px;min-width:160px;font-size:12px}.range-hud{display:flex;gap:36px;padding:14px 28px;background:#223f77;border-top:1px solid #ffffff16}.range-hud>div{display:grid;gap:3px}.range-hud small{font-size:10px;letter-spacing:1px;color:#b7cef2}.range-hud strong{font:600 29px 'Barlow Condensed',Impact,sans-serif;color:#ffcf79}.range-ammo{margin-left:auto}.range-field{position:relative}.range-field canvas{display:block;width:100%;height:clamp(360px,52vh,580px);touch-action:none;cursor:none}.range-prompt{position:absolute;inset:auto 0 30px;text-align:center;pointer-events:none;font:700 26px 'Barlow Condensed',Impact,sans-serif;color:#ffcf79;text-shadow:0 2px #142c59}.range-prompt span{display:block;font:13px sans-serif;color:#dce9ff;margin-top:5px}.range-verdict{position:absolute;top:16px;left:50%;transform:translateX(-50%);padding:9px 18px;border:1px solid #ffce65;border-radius:7px;background:#203970ed;color:#ffce65;white-space:nowrap;font:600 23px 'Barlow Condensed',Impact,sans-serif;pointer-events:none}.range-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px}.range-bottom p{margin:0;color:#e1ebff;font-size:14px}.range-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:0 24px 20px;color:#bdcff0;font-size:12px}.range-controls label{display:flex;gap:8px;align-items:center}.range-controls input{width:80px;padding:8px;background:#243f76;color:#fff;border:1px solid #839dcc;border-radius:6px}.range-controls .btn{padding:8px 12px;min-height:36px;font-size:12px;background:#28457c}.range-controls details{margin-left:auto;max-width:580px}.range-controls summary{cursor:pointer}.range-controls details p{line-height:1.6}.range-controls a{color:#c3f1ff}.range-card [hidden]{display:none!important}
@media(max-width:650px){.range-heading{padding:18px;align-items:start;flex-wrap:wrap;gap:14px}.range-heading h2{font-size:30px}.range-weapon{width:100%}.range-hud{gap:18px;padding:12px 18px}.range-hud small{font-size:8px;letter-spacing:.3px}.range-hud strong{font-size:24px}.range-field canvas{height:420px}.range-bottom{padding:14px 16px}.range-bottom p{font-size:12px}.range-controls{padding:0 16px 18px;gap:10px}.range-controls details{margin-left:0;width:100%}.range-verdict{font-size:20px}}

.range-result{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:32px;padding:14px 20px;border:1px solid #86a6df;border-radius:10px;background:#203970f5;box-shadow:0 3px #142d59;max-width:calc(100% - 24px)}.range-result>div{display:grid;gap:2px;min-width:90px}.range-result small{font-size:10px;letter-spacing:1px;color:#b7cef2}.range-result strong{font:600 36px "Barlow Condensed",Impact,sans-serif;color:#ffcf79}.range-result .btn{white-space:nowrap}.range-field canvas.range-finished{cursor:default}
.range-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start}.range-side{display:grid;gap:16px;min-width:0}.range-player{display:flex;align-items:center;gap:12px;padding:16px;background:#223f77;border-radius:10px}.range-player .avatar{width:36px;height:36px;flex:0 0 36px}.range-player strong{overflow-wrap:anywhere}.range-guide{position:static;width:100%;border:1px solid #6e94cb;border-radius:9px;background:#223f77f5;box-shadow:0 3px #142d59;color:#e1edff}
.range-guide-heading{display:flex;align-items:center;gap:9px;padding:12px;margin:0;font:600 14px Inter,sans-serif}

.range-guide button:focus-visible{outline:2px solid #9bddff;outline-offset:2px}
#range-guide-icon{width:20px;height:28px;display:block}#range-guide-icon svg{width:100%;height:100%;display:block}
.range-guide-content{padding:0 10px 10px}.range-guide-tabs{display:flex;gap:4px;margin-bottom:8px}
.range-guide-tabs button{flex:1;border:1px solid transparent;border-radius:5px;background:#193462;color:#b9d0f1;font:inherit;font-size:10px;padding:6px 3px;cursor:pointer}
.range-guide-tabs button[aria-pressed=true]{background:#365d99;border-color:#87c9ff;color:#fff}
.range-guide-media{background:#25477f;border-radius:6px;overflow:hidden;height:235px;display:flex;justify-content:center;align-items:center}
.range-guide-media img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1) sepia(1) saturate(3) hue-rotate(165deg) brightness(1.4);mix-blend-mode:screen}
.range-guide-media svg{display:block;height:100%;width:100%}
.range-guide-content p{font-size:11px;line-height:1.4;margin:8px 0 5px;color:#c5ddff}
.range-controls .range-settings{margin-left:0;max-width:none;width:100%}.range-settings-options{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:14px}.range-settings p{max-width:620px}
@media(max-width:1000px){.range-layout{grid-template-columns:minmax(0,1fr)}.range-guide-content{max-width:300px;margin:0 auto}.range-guide-media{height:250px}}
.range-weapon{position:relative;min-width:210px}
.range-weapon-trigger,.range-weapon-option{display:flex;align-items:center;gap:12px;width:100%;border:0;color:#f3f7ff;font:600 14px sans-serif;text-align:left;cursor:pointer}
.range-weapon-trigger{min-height:46px;padding:9px 13px;border:1px solid #8aa8d8;border-radius:7px;background:#223f77;box-shadow:0 2px #183363}
.range-weapon-trigger:disabled{opacity:.55;cursor:default}
.range-weapon-trigger img,.range-weapon-option img,#range-guide-icon img{display:block;object-fit:contain;filter:brightness(0) invert(1);flex-shrink:0}
.range-picker-chevron{margin-left:auto;width:7px;height:7px;border-right:2px solid #b9d0f1;border-bottom:2px solid #b9d0f1;transform:rotate(45deg) translateY(-2px)}
.range-weapon-trigger[aria-expanded=true] .range-picker-chevron{transform:rotate(225deg) translate(-2px,-2px)}
.range-weapon-list{position:absolute;z-index:10;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow:auto;overscroll-behavior:contain;padding:5px;border:1px solid #8aa8d8;border-radius:8px;background:#20396b;box-shadow:0 8px 24px #10254e80;scrollbar-width:thin;scrollbar-color:#7797ce #20396b}
.range-weapon-option{min-height:43px;padding:8px;border-radius:5px;background:transparent}
.range-weapon-option[aria-selected=true]{background:#365e9e;color:#fff}
.range-weapon-option:hover,.range-weapon-option:focus-visible{background:#436eaf;outline:0}
.range-weapon-trigger:focus-visible{outline:2px solid #b5dfff;outline-offset:3px}
#range-guide-icon{width:40px;height:24px}

.range-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.range-settings>summary{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #779ac9;border-radius:8px;color:#d4e6ff;background:#223f77;list-style:none}.range-settings>summary::-webkit-details-marker{display:none}.range-settings>summary:focus-visible{outline:2px solid #a4dfff;outline-offset:3px}.range-controls{padding-top:12px}.range-prompt.is-countdown{inset:0;display:grid;place-items:center;background:#20397066}.range-countdown{font:700 90px "Barlow Condensed",Impact,sans-serif;color:#ffcf79;text-shadow:0 4px #18305b}

.range-settings .range-volume{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.range-settings #range-volume{width:120px;min-width:0;min-height:24px;margin:0;padding:0;accent-color:#ffca68;cursor:pointer}.range-volume output{min-width:4ch;font-variant-numeric:tabular-nums;color:#ffca68}

.range-controls {display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;}
.range-controls .range-settings {width:auto;margin:0;}
.range-sound-icon {display:grid;place-items:center;width:36px;height:36px;padding:7px;border:1px solid #779ac9;border-radius:8px;color:#d4e6ff;background:#223f77;cursor:pointer;}
.range-sound-icon:hover {background:#365d99;}
.range-sound-icon:focus-visible {outline:2px solid #a4dfff;outline-offset:3px;}
.range-sound-icon svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.range-sound-slash,.range-sound-icon[aria-pressed="false"] .range-sound-waves {display:none;}
.range-sound-icon[aria-pressed="false"] .range-sound-slash {display:block;}
.range-sound-icon[aria-pressed="false"] {color:#9fb3d5;}
@media(pointer:coarse) {.range-controls {grid-template-columns:44px minmax(0,1fr);}.range-sound-icon,.range-settings>summary {width:44px;height:44px;}}

.range-result{padding:0;border:0;background:none;box-shadow:none;gap:0}