.budget-loadout{padding-left:16px;padding-right:16px;flex-direction:column;gap:24px;width:100%;max-width:1440px;margin:0 auto;padding-block:8px 36px;display:flex}@media only screen and (width>=1100px){.budget-loadout{padding-left:24px;padding-right:24px}}@media only screen and (width>=1840px){.budget-loadout{max-width:1760px}}.budget-loadout__hero{background:radial-gradient(at 95% 0,#4b83ff2b,#0000 62%),#1b1f26;border:1px solid #2b3038;border-radius:23px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:clamp(22px,4vw,38px);display:flex}.budget-loadout__hero>div{flex:480px;min-width:0}.budget-loadout__hero h1{color:#e0e6ee;letter-spacing:-.025em;max-width:850px;margin:12px 0 14px;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:clamp(27px,3.2vw,43px);font-weight:800;line-height:1.15}.budget-loadout__hero p{color:#bcc5d2;max-width:78ch;margin:0;font-size:14px;line-height:1.7}.budget-loadout__eyebrow{color:#acc6ff;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:11px;font-weight:750;display:flex}.budget-loadout__explore{color:#bcc5d2;align-items:center;gap:9px;min-height:44px;font-size:12px;display:inline-flex}.budget-loadout__explore:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.budget-loadout__form{background:#1b1f26;border:1px solid #2b3038;border-radius:18px;flex-direction:column;gap:23px;padding:25px;display:flex}.budget-loadout__budget-row{border-bottom:1px solid #2b3038a6;flex-wrap:wrap;align-items:flex-end;gap:14px;padding-block-end:22px;display:flex}.budget-loadout__budget{flex-direction:column;flex:1;gap:8px;min-width:150px;max-width:360px;display:flex}.budget-loadout__budget>span{color:#bcc5d2;font-size:12px;font-weight:650}.budget-loadout__budget input{color:#e0e6ee;font-variant-numeric:tabular-nums;background:#14171c;border:1px solid #4b83ff66;border-radius:12px;width:100%;min-width:0;height:56px;padding:10px 16px;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:25px;font-weight:750}.budget-loadout__budget input:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.budget-loadout__build{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:#fff;box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:var(--control-primary-bg);--button-hover:var(--control-primary-hover);--button-pressed:var(--control-primary-pressed);--button-fg:var(--control-primary-fg);--button-sheen:var(--control-primary-sheen);border-radius:var(--control-radius);padding:0 20px;background:#4b83ff;border:1px solid #7ea6ff;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:42px;min-height:56px;padding:14px 24px;font-size:14px;font-weight:750;display:inline-flex}.budget-loadout__build:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.budget-loadout__build:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.budget-loadout__build:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.budget-loadout__build:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.budget-loadout__build:disabled,.budget-loadout__build[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.budget-loadout__field{border:0;min-width:0;margin:0;padding:0}.budget-loadout__field legend{color:#bcc5d2;margin-block-end:12px;font-size:12px;font-weight:650}.budget-loadout__colors,.budget-loadout__weapons{flex-wrap:wrap;gap:8px;display:flex}.budget-loadout__color{color:#a5afbf;cursor:pointer;border:1px solid #2b3038;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:8px 11px;font-size:11px;display:flex;position:relative}.budget-loadout__color input{opacity:0;width:1px;height:1px;position:absolute}.budget-loadout__color:focus-within,.budget-loadout__weapon:focus-within{outline:2px solid var(--control-focus);outline-offset:2px}.budget-loadout__color_active{color:#e0e6ee;background:#4b83ff17;border-color:#4b83ff8c}.budget-loadout__swatch{border:1px solid #ffffff2e;border-radius:50%;width:15px;height:15px;display:block}.budget-loadout__swatch_any{background:conic-gradient(#e66b85,#ddb559,#6fc7a6,#628dda,#b582d6,#e66b85)}.budget-loadout__weapon{color:#a5afbf;cursor:pointer;border:1px solid #2b3038;border-radius:9px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:11px;display:flex}.budget-loadout__weapon input{accent-color:#4b83ff;width:14px;height:14px;margin:0}.budget-loadout__weapon_active{color:#e0e6ee;background:#4b83ff0d;border-color:#3b424c}.budget-loadout__error{color:#eb655e;background:#eb655e0f;border:1px solid #eb655e52;border-radius:12px;margin:0;padding:15px 18px;font-size:13px;line-height:1.6}.budget-loadout__result{min-width:0}.budget-loadout__result-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px;margin-block-end:18px;display:flex}.budget-loadout__variants{flex-wrap:wrap;gap:8px;display:flex}.budget-loadout__variant{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:#bcc5d2;box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:var(--control-bg);--button-hover:var(--control-hover);--button-pressed:var(--control-pressed);--button-fg:var(--control-fg);--button-sheen:var(--control-sheen);border-radius:var(--control-radius);padding:0 20px;border:1px solid #2b3038;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-width:125px;height:42px;padding:12px 16px;font-size:11px;font-weight:700;display:inline-flex}.budget-loadout__variant:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.budget-loadout__variant:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.budget-loadout__variant:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.budget-loadout__variant:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.budget-loadout__variant:disabled,.budget-loadout__variant[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.budget-loadout__variant bdi{color:#e0e6ee;font-variant-numeric:tabular-nums;font-size:15px;font-weight:750}.budget-loadout__variant_active{color:#c5d7ff;background:#4b83ff1f;border-color:#4b83ff8c}.budget-loadout__secondary{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:#bcc5d2;box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:var(--control-bg);--button-hover:var(--control-hover);--button-pressed:var(--control-pressed);--button-fg:var(--control-fg);--button-sheen:var(--control-sheen);border-radius:var(--control-radius);padding:0 20px;white-space:normal;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;min-height:44px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.budget-loadout__secondary:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.budget-loadout__secondary:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.budget-loadout__secondary:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.budget-loadout__secondary:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.budget-loadout__secondary:disabled,.budget-loadout__secondary[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.budget-loadout__summary{background:#1b1f26;border:1px solid #2b3038a6;border-radius:13px;align-items:center;gap:20px;margin-block-end:19px;padding:18px 20px;display:flex}.budget-loadout__summary>span{color:#a5afbf;flex-direction:column;gap:5px;font-size:11px;display:flex}.budget-loadout__summary strong{color:#e0e6ee;font-variant-numeric:tabular-nums;font-size:19px}.budget-loadout__meter{background:#14171c;border-radius:10px;flex:1;height:6px;overflow:hidden}.budget-loadout__meter>span{border-radius:inherit;background:linear-gradient(90deg,#4b83ff,#cbdbff);height:100%;display:block}[dir=rtl] .budget-loadout__meter>span{background:linear-gradient(-90deg,#4b83ff,#cbdbff)}.budget-loadout__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.budget-loadout__item{background:radial-gradient(at 50% 25%,#4b83ff12,#0000 65%),#1b1f26;border:1px solid #2b3038;border-radius:17px;min-width:0;padding:14px 17px 16px;overflow:hidden}.budget-loadout__item-top{color:#a5afbf;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:9px;font-size:10px;font-weight:650;display:flex}.budget-loadout__pin{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:#a5afbf;box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:var(--control-bg);--button-hover:var(--control-hover);--button-pressed:var(--control-pressed);--button-fg:var(--control-fg);--button-sheen:var(--control-sheen);border-radius:var(--control-radius);padding:0 20px;border:1px solid #2b3038;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:36px;height:36px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.budget-loadout__pin:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.budget-loadout__pin:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.budget-loadout__pin:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.budget-loadout__pin:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.budget-loadout__pin:disabled,.budget-loadout__pin[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.budget-loadout__pin_active{color:#c0d4ff;background:#4b83ff1c;border-color:#4b83ff73}.budget-loadout__image{justify-content:center;margin-block:3px 12px;display:flex}.budget-loadout__image:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.budget-loadout__image img{object-fit:contain;filter:drop-shadow(0 12px 16px #0000004d);width:100%;height:155px}.budget-loadout__name{color:#e0e6ee;overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.5;display:block}.budget-loadout__name:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.budget-loadout__wear{color:#a5afbf;margin:5px 0 15px;font-size:11px}.budget-loadout__item-foot{border-top:1px solid #2b3038a6;justify-content:space-between;align-items:center;gap:8px;padding-block-start:12px;display:flex}.budget-loadout__item-foot strong{color:#e0e6ee;font-variant-numeric:tabular-nums;font-size:18px}.budget-loadout__replace{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:#bcc5d2;box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:var(--control-bg);--button-hover:var(--control-hover);--button-pressed:var(--control-pressed);--button-fg:var(--control-fg);--button-sheen:var(--control-sheen);border-radius:var(--control-radius);padding:0 20px;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:42px;min-height:38px;padding:8px 10px;font-size:11px;font-weight:700;display:inline-flex}.budget-loadout__replace:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.budget-loadout__replace:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.budget-loadout__replace:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.budget-loadout__replace:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.budget-loadout__replace:disabled,.budget-loadout__replace[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.budget-loadout__result-note{color:#a5afbf;margin:15px 0 21px;font-size:11px;line-height:1.6}.budget-loadout__result-note p{margin:0 0 5px}.budget-loadout__save{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.budget-loadout__save label{color:#bcc5d2;flex-direction:column;flex:1;gap:8px;min-width:180px;font-size:11px;display:flex}.budget-loadout__save input{color:#e0e6ee;background:#1b1f26;border:1px solid #3b424c;border-radius:10px;width:100%;min-width:0;height:44px;padding:10px 13px;font-size:13px}.budget-loadout__save input:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.budget-loadout__local-hint{color:#a5afbf;margin:11px 0 0;font-size:11px;line-height:1.6}.budget-loadout__saved{background:#1b1f26;border:1px solid #2b3038;border-radius:17px;min-width:0;padding:22px}.budget-loadout__saved h2{color:#e0e6ee;margin:0;font-size:18px}.budget-loadout__saved h2 span{color:#a5afbf;margin-inline-start:8px;font-size:12px}.budget-loadout__saved p{color:#a5afbf;margin:10px 0 18px;font-size:12px;line-height:1.6}.budget-loadout__saved ul{margin:0;padding:0;list-style:none}.budget-loadout__saved li{border-top:1px solid #2b3038a6;flex-wrap:wrap;align-items:center;gap:10px;padding-block:11px;display:flex}.budget-loadout__saved li bdi{color:#bcc5d2;overflow-wrap:anywhere;flex:1;min-width:120px;font-size:13px}.budget-loadout__remove{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:#a5afbf;box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:var(--control-bg);--button-hover:var(--control-hover);--button-pressed:var(--control-pressed);--button-fg:var(--control-fg);--button-sheen:var(--control-sheen);border-radius:var(--control-radius);padding:0 20px;border:0;justify-content:center;align-items:center;gap:8px;width:44px;height:44px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.budget-loadout__remove:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.budget-loadout__remove:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.budget-loadout__remove:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.budget-loadout__remove:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.budget-loadout__remove:disabled,.budget-loadout__remove[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}@media not screen and (width>=1100px){.budget-loadout__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not screen and (width>=630px){.budget-loadout{gap:18px}.budget-loadout__hero{border-radius:18px;padding:23px 18px}.budget-loadout__hero p{font-size:12px}.budget-loadout__form{gap:20px;padding:18px}.budget-loadout__budget{max-width:none}.budget-loadout__build{width:100%;min-height:48px}.budget-loadout__color,.budget-loadout__weapon{min-height:44px}.budget-loadout__variants{gap:6px;width:100%}.budget-loadout__variant{text-align:start;flex:1;min-width:0;padding:11px 9px;font-size:10px}.budget-loadout__variant bdi{font-size:13px}.budget-loadout__summary{gap:12px;padding:14px}.budget-loadout__summary strong{font-size:16px}.budget-loadout__grid{gap:10px}.budget-loadout__item{border-radius:13px;padding:10px}.budget-loadout__image img{height:110px}.budget-loadout__name{font-size:11px}.budget-loadout__wear{font-size:9px}.budget-loadout__item-foot{flex-wrap:wrap}.budget-loadout__item-foot strong{font-size:15px}.budget-loadout__replace{width:100%;min-height:40px}.budget-loadout__pin{width:40px;height:40px}.budget-loadout__save label{flex-basis:100%}.budget-loadout__save>button{flex:1}}
