.raven-range{position:fixed;inset:0;z-index:10000;overflow:hidden;background:#1d271e;color:#f0e4ce;font-family:Georgia,serif;isolation:isolate;overscroll-behavior:none}.raven-range *{box-sizing:border-box}.raven-range canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.range-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#08120e99,transparent 24%,transparent 60%,#07100ed9),radial-gradient(ellipse at center,transparent 45%,#06100d55);z-index:1}.raven-range header{position:absolute;top:env(safe-area-inset-top);left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 28px;margin:0;z-index:2}.range-brand{font-size:17px;letter-spacing:3px;text-shadow:0 2px 4px #000}.range-brand small{display:block;font:9px/2.4 system-ui,sans-serif;letter-spacing:2px;color:#dbc49c}.range-stats{display:flex;flex-direction:column;gap:5px;text-align:center;font-size:12px;text-shadow:0 2px 4px #000}.range-stats strong{color:#e4c68d;font-size:16px}.raven-range button{color:#efe2c5;background:#11221bd9;border:1px solid #c2a67477;border-radius:3px;padding:10px 12px;min-height:44px;font:12px Georgia,serif;cursor:pointer}.raven-range button:focus-visible{outline:2px solid #f4d69b;outline-offset:4px}.raven-range header>div:last-child{display:flex;gap:6px}.range-sight{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:26px;color:#ffefd1c0;text-shadow:0 0 3px #000;pointer-events:none;z-index:2}#archeryMessage{position:absolute;bottom:210px;left:20px;right:20px;text-align:center;text-shadow:0 2px 5px #000;font-size:18px;z-index:2;pointer-events:none}.raven-range footer{position:absolute;bottom:env(safe-area-inset-bottom);left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:28px;margin:0;z-index:2;text-align:left;letter-spacing:normal}.range-help{max-width:330px;text-shadow:0 2px 3px #000}.range-eyebrow{font:9px system-ui,sans-serif;letter-spacing:3px;color:#d4b77f}.range-help p{font-size:20px;margin:7px 0 12px}.range-help small{font:11px/1.7 system-ui,sans-serif;color:#e1dac6;display:block}.range-help label{font:8px system-ui,sans-serif;letter-spacing:2px;color:#c9b385;margin:16px 0 5px}.range-help meter{display:block;width:100%;height:9px;margin:6px 0;accent-color:#d4b575}.range-help meter::-webkit-meter-bar{background:#1b291e;border:1px solid #c5ac7470}.range-help meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#89703f,#ead19a)}#archeryStick{width:112px;height:112px;border-radius:50%;flex-shrink:0;border:1px solid #d6bb82;box-shadow:inset 0 0 0 6px #17291c99,inset 0 0 0 7px #bb9b5744,0 4px 30px #0006;background:radial-gradient(#4a513bd9,#17291deb);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;color:#f3dfb6}#archeryStick span{display:block;font-size:13px;letter-spacing:1px}#archeryStick small{display:block;font:8px/2.8 system-ui,sans-serif;letter-spacing:1px;color:#bfbba5}#archeryStick.pulling{background:radial-gradient(#79704c,#243827);border-color:#ffe0a0}@media(max-width:600px){.raven-range header{padding:16px 14px;gap:8px}.range-brand{font-size:12px;letter-spacing:2px}.range-brand small{font-size:7px}.raven-range header button{padding:8px;font-size:10px}.range-stats{font-size:10px}.range-stats strong{font-size:12px}.raven-range footer{padding:18px 16px;gap:16px}.range-help p{font-size:16px}.range-help small{font-size:10px}#archeryStick{width:98px;height:98px}#archeryMessage{bottom:225px;font-size:16px}}@media(orientation:landscape) and (max-height:600px){.raven-range header{padding:12px 20px}.raven-range footer{padding:10px 20px}.range-help p,.range-eyebrow{display:none}.range-help label{margin:6px 0}.range-help{max-width:280px}#archeryStick{width:88px;height:88px}#archeryMessage{bottom:130px}.range-brand small{line-height:1.5}}