@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Barlow+Condensed:wght@500;600;700&display=swap";:root{--bg:#0a0c0a;--fov:#e8e6df;--red:#c23b22;--line:#1a1a1a;--green:#4a7c59;--stone:#8a8578;--stone-dim:#55534a;--panel:#141613;--panel-line:#26281f}*{box-sizing:border-box}html,body{-webkit-tap-highlight-color:transparent;margin:0;padding:0;overflow-x:hidden}.app-root{background:var(--bg);min-height:100vh;color:var(--stone);flex-direction:column;align-items:center;padding:24px 16px 60px;font-family:Barlow Condensed,sans-serif;display:flex}.mono{font-family:JetBrains Mono,monospace}header{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:baseline;width:100%;max-width:1180px;margin-bottom:22px;padding:4px 6px 18px;display:flex}header h1{letter-spacing:.14em;text-transform:uppercase;color:#f0eee6;margin:0;font-size:22px;font-weight:600}header .sub{color:var(--stone-dim);letter-spacing:.03em;font-size:11px}.layout{grid-template-columns:minmax(0,1fr) 340px;gap:22px;width:100%;max-width:1180px;display:grid}@media (width<=880px){.layout{grid-template-columns:1fr}.app-root{padding:12px 8px 30px}header{margin-bottom:12px;padding:0 0 10px}header h1{font-size:17px}header .sub{font-size:9px}.scope-wrap{border-radius:12px;padding:16px 8px 12px}.panel-col .slider-block,.panel-col .desktop-action-buttons{display:none!important}.wind-speed-label-header,.wind-direction-label-header{font-size:9px!important;top:12px!important}.wind-speed-label-header{left:20px!important}.wind-direction-label-header{min-width:80px!important;right:20px!important}.wind-speed-label{font-size:14px!important;top:28px!important;left:20px!important}.wind-direction-label{min-width:80px!important;font-size:22px!important;top:28px!important;right:20px!important}.fire-btn{margin-top:8px;padding:16px;font-size:16px}.check-btn{padding:12px;font-size:14px}.reticle-toggle button{padding:12px 18px;font-size:14px}select,input[type=number]{padding:12px;font-size:16px}select{padding-right:36px}input[type=range]::-webkit-slider-thumb{width:20px;height:20px}.card{padding:14px 14px 16px}.card h2{margin-bottom:10px;font-size:11px}.panel-col{gap:12px}.layout{gap:16px}}.panel-col{flex-direction:column;gap:14px;display:flex}.scope-wrap{border:1px solid var(--panel-line);background:radial-gradient(circle at 50% 42%,#1c1e19 0%,#0a0c0a 68%);border-radius:18px;padding:26px 16px 20px;position:relative}.fov-outer{aspect-ratio:1;background:var(--fov);border-radius:50%;width:100%;max-width:640px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #33352b,inset 0 0 40px 10px #0005,0 0 0 10px #101208,0 0 0 11px #3a3c31,0 18px 40px -10px #000a}.fov-clip{border-radius:50%;position:absolute;inset:0;overflow:hidden}.reticle-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.mag-label{color:var(--stone-dim);letter-spacing:.08em;font-size:11px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.zoom-controls{z-index:5;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.zoom-controls button{border:1px solid var(--panel-line);color:#d8d5c9;cursor:pointer;background:#161811;border-radius:6px;width:30px;height:30px;font-family:JetBrains Mono,monospace;font-size:15px}.zoom-controls button:hover{background:#20231a}.reticle-toggle{flex-wrap:wrap;gap:8px;display:flex}.reticle-toggle button{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--panel-line);background:var(--panel);color:var(--stone);cursor:pointer;border-radius:8px;flex:1;padding:9px 16px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.reticle-toggle button.active{border-color:var(--green);color:#d7e6d4;background:#21261c}.card{background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:16px 16px 18px}.card h2{letter-spacing:.14em;text-transform:uppercase;color:var(--stone-dim);align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:600;display:flex}.card h2:before{content:"";background:var(--green);border-radius:1px;width:6px;height:6px;display:inline-block}label{color:var(--stone);margin-bottom:6px;font-size:13px;display:block}input[type=range],input[type=number]{border:1px solid var(--panel-line);color:#e8e6df;background:#0d0f0b;border-radius:6px;width:100%;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:13px}select{border:1px solid var(--panel-line);color:#e8e6df;cursor:pointer;appearance:none;background:#0d0f0b url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8578' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 8px center/16px no-repeat;border-radius:6px;width:100%;margin-bottom:14px;padding:8px 32px 8px 10px;font-family:JetBrains Mono,monospace;font-size:13px}.custom-select{width:100%;margin-bottom:14px;position:relative}.custom-select-trigger{border:1px solid var(--panel-line);color:#e8e6df;cursor:pointer;text-align:left;background:#0d0f0b;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 32px 8px 10px;font-family:JetBrains Mono,monospace;font-size:13px;transition:border-color .15s;display:flex}.custom-select-trigger:hover{border-color:var(--green)}.custom-select-trigger:focus{border-color:var(--green);outline:none}.custom-select-arrow{width:16px;height:16px;color:var(--stone);pointer-events:none;transition:transform .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.custom-select-dropdown{border:1px solid var(--panel-line);z-index:1000;background:#0d0f0b;border-radius:6px;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000080}.custom-select-option{color:#e8e6df;cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--panel-line);background:0 0;width:100%;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:13px;transition:background .1s}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:#1a1d15}.custom-select-option.selected{color:var(--green);background:#21261c}@media (width<=880px){.custom-select-trigger{padding:12px 36px 12px 12px;font-size:16px}.custom-select-option{padding:14px 12px;font-size:16px}}.row{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.row .val{color:#f0eee6;font-size:13px}.slider-block{margin-bottom:16px}.slider-block:last-child{margin-bottom:0}input[type=range]{-webkit-appearance:none;background:#2a2c22;height:4px;margin-top:6px;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--green);cursor:pointer;border:2px solid #d7e6d4;border-radius:50%;width:14px;height:14px;margin-top:-5px}.fire-btn{color:#fff0ea;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#c23b22,#9c2e1a);border:1px solid #7a2413;border-radius:8px;width:100%;margin-top:4px;padding:13px;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700}.fire-btn:hover{filter:brightness(1.08)}.fire-btn:active{transform:translateY(1px)}.readout{font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.8}.readout .line{border-bottom:1px dashed #22241c;justify-content:space-between;padding:2px 0;display:flex}.readout .k{color:var(--stone-dim)}.readout .v{color:#d7e6d4}.readout .v.hit{color:#e0b23c}.readout .v.miss{color:#c23b22}.hint{color:var(--stone-dim);margin-top:10px;font-size:12px;line-height:1.5}.disclaimer{color:#6b5040;margin-top:8px;font-size:11px;font-style:italic;line-height:1.5}.ranging-box input{margin-bottom:8px}.check-btn{background:var(--panel);border:1px solid var(--green);color:#d7e6d4;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:6px;width:100%;padding:9px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600}.check-btn:hover{background:#1a1d15}.manual-note{color:var(--stone-dim);border-top:1px solid var(--panel-line);margin-top:14px;padding-top:10px;font-size:11.5px;line-height:1.5}.mobile-action-buttons{display:none}@media (width<=880px){.mobile-action-buttons{background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;flex-direction:column;gap:10px;margin-top:16px;padding:14px;display:flex}.mobile-fire-btn{width:100%}.mobile-action-row-3col{border-bottom:1px solid var(--panel-line);grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px;padding-bottom:16px;display:grid}.secondary-btn{background:var(--panel);border:1px solid var(--panel-line);width:100%;color:var(--stone);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:6px;padding:12px 8px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600}.secondary-btn:active{background:#1a1d15}.mobile-action-buttons .slider-block{margin-bottom:12px}.mobile-action-buttons .slider-block:last-child{margin-bottom:0}}