.range-page{min-height:calc(100vh - 160px);padding:34px 0 64px;background:radial-gradient(circle at 50% 0,rgba(111,126,80,.2),transparent 35%),#11150f;color:#eee8d6}.range-shell{max-width:1380px}.range-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}.range-header h1{font-size:clamp(2.6rem,5.5vw,5rem);line-height:.88;letter-spacing:.04em;text-transform:uppercase;margin:.1em 0;color:#f0e7c9}.range-header p:not(.eyebrow){max-width:680px;color:#b7b7a5;margin-bottom:0}.range-header .eyebrow,.range-ranking .eyebrow{color:#b7c77b;letter-spacing:.2em;text-transform:uppercase}.range-personal{display:grid;grid-template-columns:auto auto;align-items:end;gap:1px 12px;padding:13px 17px;border:1px solid #626b4d;background:#1c2217;box-shadow:6px 6px 0 #090b08}.range-personal span{grid-column:1/-1;color:#9fa78b;font-size:.67rem;letter-spacing:.16em}.range-personal strong{font:700 2rem/1 monospace;color:#e2cf65}.range-personal small{color:#a8ad99}.range-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(260px,3fr);gap:22px;align-items:start}.range-game-column{min-width:0}.range-board{position:relative;min-height:610px;aspect-ratio:16/9;overflow:hidden;border:1px solid #5d654c;background:#dce9df;cursor:none;touch-action:none;user-select:none;isolation:isolate;box-shadow:0 24px 65px rgba(0,0,0,.35)}.range-sky{position:absolute;inset:0 0 52%;background:radial-gradient(ellipse at 15% 18%,rgba(109,126,96,.18) 0 17%,transparent 17.5%),radial-gradient(ellipse at 84% 16%,rgba(62,76,55,.25) 0 12%,transparent 13%),linear-gradient(90deg,rgba(255,255,255,.18),transparent 38%)}.range-ground{position:absolute;inset:48% 0 0;background:repeating-linear-gradient(0deg,#a8b38a 0 12%,#6f795c 12% 26%)}.range-lane{position:absolute;left:22%;right:22%;top:45%;bottom:-14%;background:linear-gradient(90deg,transparent 0 2%,rgba(35,42,29,.38) 2% 3%,transparent 3% 97%,rgba(35,42,29,.38) 97% 98%,transparent 98%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}.range-ammo{position:absolute;z-index:8;top:16px;left:18px;padding:10px 12px;border-radius:11px;background:rgba(247,249,244,.84);box-shadow:0 8px 24px rgba(26,34,24,.12);color:#172011}.range-ammo>div{display:flex;gap:6px;margin-bottom:8px}.range-ammo i{width:22px;height:22px;border:2px solid #3f8019;border-radius:50%;background:#79b82a;transition:.2s}.range-ammo i.used{background:#d7ddd2;border-color:#aab3a3;opacity:.65}.range-ammo span{display:block;text-align:center;padding:6px 8px;background:#fff;font-size:.72rem;font-weight:800;letter-spacing:.13em}.range-shot-list{position:absolute;z-index:8;right:14px;top:14px;display:grid;gap:5px;padding:9px 10px;border-radius:14px;background:rgba(247,249,244,.8)}.range-shot-list b{display:grid;place-items:center;width:44px;height:44px;border-radius:7px;background:#f4f5ef;color:#11150f;font:700 1.2rem/1 monospace}.range-shot-list b.active{background:#79b82a}.range-total{position:absolute;z-index:8;right:14px;top:292px;display:grid;place-items:center;width:64px;height:58px;border-radius:12px;background:rgba(247,249,244,.82);color:#11150f;font:700 1.35rem/1 monospace}.range-target{position:absolute;z-index:3;left:50%;top:39%;width:142px;height:176px;transform:translate(-50%,-50%);border:7px solid #272c26;border-radius:5px;background:#f4f3e9;box-shadow:0 12px 18px rgba(23,28,21,.35)}.range-target span{position:absolute;left:50%;top:58%;width:116px;height:116px;transform:translate(-50%,-50%);border-radius:50%;background:repeating-radial-gradient(circle,#181b18 0 5%,#efeee5 5% 12%,#181b18 12% 14%,#efeee5 14% 24%)}.range-target:after{content:"";position:absolute;left:50%;top:100%;width:8px;height:74px;transform:translateX(-50%);background:#414535;z-index:-1}.range-animal{position:absolute;z-index:5;display:none;transform:translate(-50%,-50%);filter:drop-shadow(0 5px 3px rgba(0,0,0,.35));animation:range-animal-in .25s ease-out}.range-animal.is-visible{display:block}.range-animal span{font-size:3.5rem;line-height:1}.range-crosshair{position:absolute;z-index:7;left:66%;top:64%;width:50px;height:50px;border:3px solid #79b82a;border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;filter:drop-shadow(0 1px 1px #32441e)}.range-board.is-playing .range-crosshair{opacity:1}.range-crosshair:before,.range-crosshair:after{content:"";position:absolute;background:#79b82a}.range-crosshair:before{width:68px;height:2px;left:-12px;top:21px}.range-crosshair:after{width:2px;height:68px;left:21px;top:-12px}.range-crosshair span{position:absolute;width:8px;height:8px;border-radius:50%;background:#10130e;left:18px;top:18px}.range-start{position:absolute;z-index:12;left:50%;top:72%;transform:translate(-50%,-50%);min-width:280px;padding:15px 20px;border:1px solid #aeb88a;background:#293226;color:#fff;box-shadow:6px 6px 0 rgba(17,21,15,.28);cursor:pointer}.range-start[hidden]{display:none}.range-start span,.range-start small{display:block}.range-start span{font-weight:800;letter-spacing:.1em}.range-start small{margin-top:7px;color:#c4cbb0}.range-message{position:absolute;z-index:8;left:16px;bottom:14px;max-width:70%;margin:0;padding:8px 10px;background:rgba(247,249,244,.82);color:#283021;font-size:.82rem}.range-hit{position:absolute;z-index:10;transform:translate(-50%,-50%);color:#17220f;font:900 1.7rem/1 monospace;text-shadow:0 1px 0 #fff;animation:range-hit .9s ease-out forwards;pointer-events:none}.range-board.is-flashing:after{content:"";position:absolute;inset:0;background:rgba(255,249,209,.45);animation:range-flash .12s ease-out;pointer-events:none;z-index:11}.range-ranking{max-height:610px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #596047;background:#1b2117;box-shadow:0 20px 54px rgba(0,0,0,.26);scrollbar-color:#697653 #171c14}.range-ranking>header{position:sticky;top:0;z-index:2;padding:18px 18px 14px;background:linear-gradient(#20271b 80%,rgba(32,39,27,.94));border-bottom:1px solid #46503a}.range-ranking h2{margin:.2em 0 0;color:#eee8d6;font-size:1.5rem}.range-ranking-list{padding:7px}.range-rank-row{display:grid;grid-template-columns:34px 40px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 8px;border-bottom:1px solid rgba(180,192,153,.12)}.range-rank-row.champion{background:linear-gradient(90deg,rgba(223,194,83,.19),transparent);border:1px solid rgba(223,194,83,.38)}.range-rank-place{color:#9ca68a;text-align:center;font:700 .9rem monospace}.range-rank-row.champion .range-rank-place{color:#f0cc4c;font-size:1.35rem}.range-rank-avatar{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#697653;color:#fff;font-weight:800}.range-rank-avatar img{width:100%;height:100%;object-fit:cover}.range-rank-name{min-width:0}.range-rank-name strong,.range-rank-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.range-rank-name strong{color:#eee8d6;font-size:.88rem}.range-rank-name small{color:#89917d;font-size:.7rem;margin-top:2px}.range-rank-score{color:#d9d37c;font:700 .88rem monospace;white-space:nowrap}.range-ranking-empty,.range-ranking-status{padding:12px;color:#929a84;text-align:center;font-size:.78rem}.range-ranking-sentinel{height:1px}.range-ranking-status{margin:0}.range-ranking.is-loading .range-ranking-status:after{content:" Ładowanie…"}@keyframes range-flash{to{opacity:0}}@keyframes range-hit{0%{opacity:0;scale:.6}25%{opacity:1;scale:1.25}100%{opacity:0;translate:0 -45px}}@keyframes range-animal-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@media(max-width:980px){.range-layout{grid-template-columns:1fr}.range-ranking{max-height:430px}.range-board{min-height:540px}}@media(max-width:700px){.range-page{padding-top:24px}.range-header{align-items:stretch;flex-direction:column}.range-personal{align-self:flex-start}.range-board{min-height:500px;aspect-ratio:auto}.range-ammo{top:10px;left:10px}.range-ammo i{width:18px;height:18px}.range-shot-list{right:9px;top:9px;padding:7px}.range-shot-list b{width:36px;height:36px;font-size:1rem}.range-total{right:9px;top:232px;width:52px;height:50px}.range-target{top:42%;width:116px;height:146px}.range-target span{width:94px;height:94px}.range-start{min-width:220px}.range-message{max-width:75%;font-size:.74rem}.range-ranking{max-height:390px}}

.range-layout{grid-template-columns:minmax(0,3fr) minmax(320px,2fr)}.range-board{min-height:540px;aspect-ratio:3/2}.range-ranking{max-height:540px}.range-target{background:#262a26}.range-target span{top:64%;width:108px;height:104px;border-radius:50% 50% 38% 38%;background:repeating-radial-gradient(circle,#f7f7f1 0 7%,#9b9b96 7% 8%,#f7f7f1 8% 16%)}.range-target span:before{content:"";position:absolute;left:50%;top:-48px;width:44px;height:48px;transform:translateX(-50%);border-radius:48% 48% 42% 42%;background:repeating-radial-gradient(circle at 50% 58%,#f7f7f1 0 15%,#9b9b96 15% 17%,#f7f7f1 17% 30%)}
@media(max-width:980px){.range-layout{grid-template-columns:1fr}.range-board{min-height:540px;aspect-ratio:3/2}.range-ranking{max-height:430px}}
@media(max-width:700px){.range-board{min-height:500px;aspect-ratio:auto}.range-target{width:116px;height:146px}.range-target span{width:88px;height:86px}.range-target span:before{top:-39px;width:36px;height:40px}}

.range-layout{display:block}.range-game-column{width:60%;margin-inline:auto}.range-ranking{width:100%;max-height:520px;margin-top:24px}
@media(max-width:980px){.range-game-column{width:82%}.range-ranking{max-height:430px}}
@media(max-width:700px){.range-game-column{width:100%}.range-ranking{max-height:390px;margin-top:18px}}