#loadout-builder,#loadouts,#loadout-detail,#loadout-mine{max-width:1500px;margin:0 auto;padding:clamp(16px,3vw,40px)}#loadout-builder .lo-page-head,#loadouts .lo-page-head,#loadout-detail .lo-page-head,#loadout-mine .lo-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(16px,3vw,28px);display:flex}#loadout-builder .lo-page-head h1,#loadouts .lo-page-head h1,#loadout-detail .lo-page-head h1,#loadout-mine .lo-page-head h1{font-family:Saira,Saira Fallback,sans-serif;font-size:clamp(24px,3vw,32px)}#loadout-builder .lo-page-head h1 small,#loadouts .lo-page-head h1 small,#loadout-detail .lo-page-head h1 small,#loadout-mine .lo-page-head h1 small{color:#f5f6f7b8;margin-left:8px;font-family:Roboto Flex,Roboto Flex Fallback,sans-serif;font-size:clamp(14px,1.6vw,16px);font-weight:400}#loadout-builder .lo-page-head p,#loadouts .lo-page-head p,#loadout-detail .lo-page-head p,#loadout-mine .lo-page-head p{color:#f5f6f7b8;max-width:640px;margin-top:4px;font-size:clamp(14px,1.6vw,16px)}#loadout-builder .lo-login-hint,#loadouts .lo-login-hint,#loadout-detail .lo-login-hint,#loadout-mine .lo-login-hint{background:#3fa3670f;border:1px solid #3fa36766;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}#loadout-builder .lo-login-hint p,#loadouts .lo-login-hint p,#loadout-detail .lo-login-hint p,#loadout-mine .lo-login-hint p{color:#f5f6f7;margin:0;font-size:clamp(14px,1.6vw,16px)}#loadout-builder .lo-empty,#loadouts .lo-empty,#loadout-detail .lo-empty,#loadout-mine .lo-empty{color:#f5f6f7b8;flex-direction:column;align-items:center;gap:16px;padding:clamp(32px,6vw,64px) 16px;display:flex}#loadout-builder .lo-bar,#loadout-detail.editing .lo-bar{background:#27292f;border:1px solid #383c46;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}#loadout-builder .lo-bar-title,#loadout-detail.editing .lo-bar-title{flex:240px;order:-3;align-items:center;gap:10px;min-width:200px;display:flex}#loadout-builder .lo-side-toggle,#loadout-detail.editing .lo-side-toggle{order:-2}#loadout-builder .lo-name,#loadout-detail.editing .lo-name{color:#f5f6f7;background:#202228;border:1px solid #40444e;border-radius:6px;flex:0 340px;min-width:160px;height:40px;padding:0 12px;font-size:clamp(16px,1.8vw,18px);font-weight:500}#loadout-builder .lo-name::placeholder,#loadout-detail.editing .lo-name::placeholder{color:#f5f6f7b8}#loadout-builder .lo-name:focus,#loadout-detail.editing .lo-name:focus{border-color:#3fa367;outline:none}#loadout-builder .lo-dock,#loadout-detail.editing .lo-dock{display:contents}#loadout-builder .lo-bar-stats,#loadout-detail.editing .lo-bar-stats{flex-direction:column;order:-1;align-items:flex-start;line-height:1.25;display:flex}#loadout-builder .lo-bar-stats .lo-bar-total,#loadout-detail.editing .lo-bar-stats .lo-bar-total{font-family:Saira,Saira Fallback,sans-serif;font-size:clamp(18px,2vw,20px);font-weight:600}#loadout-builder .lo-bar-stats .lo-bar-count,#loadout-detail.editing .lo-bar-stats .lo-bar-count{color:#f5f6f7b8;font-size:11px}#loadout-builder .lo-bar-actions,#loadout-detail.editing .lo-bar-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}#loadout-builder .lo-gen-split,#loadout-detail.editing .lo-gen-split{align-items:stretch;display:flex}#loadout-builder .lo-gen-split>*,#loadout-detail.editing .lo-gen-split>*,#loadout-builder .lo-gen-split>:before,#loadout-detail.editing .lo-gen-split>:before{border-radius:0}#loadout-builder .lo-gen-split>:first-child,#loadout-detail.editing .lo-gen-split>:first-child,#loadout-builder .lo-gen-split>:first-child:before,#loadout-detail.editing .lo-gen-split>:first-child:before{border-top-left-radius:4px;border-bottom-left-radius:4px}#loadout-builder .lo-gen-split>:last-child,#loadout-detail.editing .lo-gen-split>:last-child,#loadout-builder .lo-gen-split>:last-child:before,#loadout-detail.editing .lo-gen-split>:last-child:before{border-top-right-radius:4px;border-bottom-right-radius:4px}#loadout-builder .lo-gen-split>*+*,#loadout-detail.editing .lo-gen-split>*+*{margin-left:-1px}#loadout-builder .lo-gen-split>.btn-secondary:disabled,#loadout-detail.editing .lo-gen-split>.btn-secondary:disabled{border-color:#434f65e0}#loadout-builder .lo-clear.armed,#loadout-detail.editing .lo-clear.armed{color:#e0617a;border-color:#e0617a}#loadout-builder .lo-save-state,#loadout-detail.editing .lo-save-state{color:#f5f6f7b8;white-space:nowrap;align-items:center;gap:6px;padding:0 4px;font-size:clamp(12px,1.4vw,14px);display:inline-flex}#loadout-builder .lo-save-state[data-state=idle],#loadout-detail.editing .lo-save-state[data-state=idle]{visibility:hidden}#loadout-builder .lo-save-state .lo-save-dot,#loadout-detail.editing .lo-save-state .lo-save-dot{background:#3fa367;border-radius:50%;flex-shrink:0;width:7px;height:7px}#loadout-builder .lo-save-state .lo-save-label,#loadout-detail.editing .lo-save-state .lo-save-label{display:grid}#loadout-builder .lo-save-state .lo-save-word,#loadout-detail.editing .lo-save-state .lo-save-word{visibility:hidden;grid-area:1/1}#loadout-builder .lo-save-state[data-state=saving] .lo-save-dot,#loadout-detail.editing .lo-save-state[data-state=saving] .lo-save-dot{background:#f5f6f7b8;animation:1s ease-in-out infinite lo-save-pulse}#loadout-builder .lo-save-state[data-state=saving] .lo-save-word:first-child,#loadout-detail.editing .lo-save-state[data-state=saving] .lo-save-word:first-child,#loadout-builder .lo-save-state[data-state=saved] .lo-save-word:nth-child(2),#loadout-detail.editing .lo-save-state[data-state=saved] .lo-save-word:nth-child(2){visibility:visible}#loadout-builder .lo-save-state[data-state=error],#loadout-detail.editing .lo-save-state[data-state=error]{color:#e0617a}#loadout-builder .lo-save-state[data-state=error] .lo-save-dot,#loadout-detail.editing .lo-save-state[data-state=error] .lo-save-dot{background:#e0617a}#loadout-builder .lo-save-state[data-state=error] .lo-save-word:nth-child(3),#loadout-detail.editing .lo-save-state[data-state=error] .lo-save-word:nth-child(3){visibility:visible}#loadout-builder .lo-save-retry,#loadout-detail.editing .lo-save-retry{color:#f5f6f7;cursor:pointer;font-size:clamp(12px,1.4vw,14px);text-decoration:underline}@keyframes lo-save-pulse{50%{opacity:.25}}#loadout-builder .lo-pub-check,#loadout-detail.editing .lo-pub-check{color:#f5f6f7b8;white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:0 4px;font-size:clamp(12px,1.4vw,14px);display:inline-flex}#loadout-builder .lo-pub-check input,#loadout-detail.editing .lo-pub-check input{accent-color:#3fa367}#loadout-builder .lo-pub-check:hover,#loadout-detail.editing .lo-pub-check:hover{color:#f5f6f7}@media (width<=767px){#loadout-builder,#loadout-detail.editing{padding-bottom:84px}#loadout-builder .lo-dock,#loadout-detail.editing .lo-dock{z-index:60;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#27292f;border-top:1px solid #40444e;flex-wrap:nowrap;align-items:center;gap:8px;display:flex;position:fixed;inset:auto 0 0}#loadout-builder .lo-bar-stats,#loadout-detail.editing .lo-bar-stats{flex-shrink:0}#loadout-builder .lo-bar-stats .lo-bar-total,#loadout-detail.editing .lo-bar-stats .lo-bar-total{font-size:clamp(16px,1.8vw,18px)}#loadout-builder .lo-bar-actions,#loadout-detail.editing .lo-bar-actions{flex-wrap:nowrap;flex:1;justify-content:flex-end;gap:6px}#loadout-builder .lo-bar-actions .btn-xs,#loadout-detail.editing .lo-bar-actions .btn-xs{min-width:0;height:34px;padding:0 9px;font-size:13px}#loadout-builder .lo-bar-actions .btn-xs svg,#loadout-detail.editing .lo-bar-actions .btn-xs svg{width:15px;height:15px}#loadout-builder .lo-bar-actions .btn-sq,#loadout-detail.editing .lo-bar-actions .btn-sq{padding:0}#loadout-builder .lo-bar-actions .lo-btn-label,#loadout-detail.editing .lo-bar-actions .lo-btn-label{display:none}#loadout-builder .lo-bar-actions .lo-btn-label--force,#loadout-detail.editing .lo-bar-actions .lo-btn-label--force{display:inline}#loadout-builder .lo-bar-actions .lo-save-label,#loadout-detail.editing .lo-bar-actions .lo-save-label{display:none}}#loadout-mine .lo-mine-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}#loadout-mine .lo-mine-row{background:#27292f;border:1px solid #383c46;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s;display:flex}#loadout-mine .lo-mine-row:hover{border-color:#40444e}#loadout-mine .lo-mine-row>img,#loadout-mine .lo-mine-row .lo-mine-noimg{object-fit:contain;background:#202228;border-radius:6px;flex-shrink:0;width:56px;height:42px}@media (width<=767px){#loadout-mine .lo-mine-row{flex-wrap:wrap}#loadout-mine .lo-mine-row .lo-mine-actions{margin-left:auto}}#loadout-mine .lo-mine-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}#loadout-mine .lo-mine-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,1.6vw,16px);overflow:hidden}#loadout-mine .lo-mine-meta{color:#f5f6f7b8;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}#loadout-mine .lo-mine-actions{flex-shrink:0;gap:6px;display:flex}#loadout-mine .lo-clear.armed{color:#e0617a;border-color:#e0617a}#loadouts .lo-gallery-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}#loadouts .lo-gallery-total{color:#f5f6f7b8;font-size:clamp(12px,1.4vw,14px)}#loadouts .lo-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(12px,2vw,20px);margin-bottom:clamp(20px,3vw,32px);display:grid}@media (width<=767px){#loadouts{padding-bottom:84px}}.lo-browse-dock{display:none}@media (width<=767px){.lo-browse-dock{z-index:60;padding:12px calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));border-radius:0;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;inset:auto 0 0}}.lo-card{color:inherit;background:#27292f;border:1px solid #383c46;border-radius:10px;flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.lo-card:hover{border-color:#3fa3677a;transform:translateY(-2px);box-shadow:0 8px 22px #0000004d}.lo-card .lo-previews{background:#383c46;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.lo-card .lo-preview{aspect-ratio:4/3;background:#202228;justify-content:center;align-items:center;display:flex;overflow:hidden}.lo-card .lo-preview img{object-fit:contain;filter:drop-shadow(0 5px 8px #00000059);max-width:86%;max-height:86%}.lo-card .lo-card-body{flex-direction:column;gap:6px;padding:12px;display:flex}.lo-card .lo-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,1.6vw,16px);font-weight:600;overflow:hidden}.lo-card .lo-card-author{color:#f5f6f7b8;align-items:center;gap:6px;font-size:clamp(12px,1.4vw,14px);display:flex}.lo-card .lo-card-author img{border-radius:50%;width:18px;height:18px}.lo-card .lo-card-author .lo-card-date{margin-left:auto;font-size:11px}.lo-card .lo-card-meta{color:#f5f6f7b8;align-items:center;gap:12px;font-size:clamp(12px,1.4vw,14px);display:flex}.lo-card .lo-card-meta .lo-card-likes{align-items:center;gap:4px;display:inline-flex}.lo-card .lo-card-meta .lo-card-likes svg{width:13px;height:13px}.lo-card .lo-card-meta .lo-card-value{color:#3fa367;margin-left:auto;font-weight:600}#loadout-detail .lo-detail-head{background:#27292f;border:1px solid #383c46;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-bottom:16px;padding:14px 16px;display:flex}#loadout-detail .lo-detail-title{min-width:0}#loadout-detail .lo-detail-title h1{overflow-wrap:anywhere;font-family:Saira,Saira Fallback,sans-serif;font-size:clamp(20px,2.4vw,26px)}#loadout-detail .lo-detail-author{color:#f5f6f7b8;align-items:center;gap:6px;margin-top:4px;font-size:clamp(12px,1.4vw,14px);display:flex}#loadout-detail .lo-detail-author img{border-radius:50%;width:20px;height:20px}#loadout-detail .lo-detail-meta{flex-wrap:wrap;gap:16px;margin-right:auto;display:flex}#loadout-detail .lo-detail-social{margin-left:auto}#loadout-detail.editing .lo-detail-social{margin-left:0}#loadout-detail .lo-detail-stat{flex-direction:column;font-size:clamp(14px,1.6vw,16px);font-weight:600;display:flex}#loadout-detail .lo-detail-stat small{letter-spacing:.05em;text-transform:uppercase;color:#f5f6f7b8;font-size:10px;font-weight:400}#loadout-detail .lo-detail-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#loadout-detail .lo-detail-controls{margin-bottom:12px;display:flex}#loadout-detail .lo-like svg{width:14px;height:14px}#loadout-detail .lo-like.liked{color:#e0617a;border-color:#e0617a8c}#loadout-detail .lo-like.liked svg{fill:currentColor}#loadout-detail .lo-detail-layout{flex-direction:column;gap:24px;display:flex}#loadout-detail .lo-detail-main{min-width:0}#loadout-detail .lo-side-empty-note{color:#f5f6f7;text-align:left;cursor:pointer;background:#3fa3670f;border:1px solid #3fa36766;border-radius:8px;width:100%;margin-bottom:14px;padding:10px 14px;font-size:clamp(14px,1.6vw,16px);transition:border-color .15s;display:block}#loadout-detail .lo-side-empty-note:hover{border-color:#3fa367}#loadout-detail .lo-detail-side{min-width:0;margin-top:24px}#loadout-detail .lo-detail-side h2{margin-bottom:10px;font-family:Saira,Saira Fallback,sans-serif;font-size:clamp(14px,1.6vw,16px)}#loadout-detail .lo-side-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}#loadout-detail .lo-side-card{color:inherit;background:#27292f;border:1px solid #383c46;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;text-decoration:none;transition:border-color .15s;display:flex}#loadout-detail .lo-side-card:hover{border-color:#3fa3677a}#loadout-detail .lo-side-top{align-items:center;gap:8px;min-width:0;display:flex}#loadout-detail .lo-side-top strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:clamp(12px,1.4vw,14px);overflow:hidden}#loadout-detail .lo-side-likes{color:#f5f6f7b8;align-items:center;gap:3px;font-size:11px;display:inline-flex}#loadout-detail .lo-side-likes svg{width:11px;height:11px}#loadout-detail .lo-side-value{color:#3fa367;white-space:nowrap;font-size:11px;font-weight:600}#loadout-detail .lo-side-previews{gap:6px;display:flex}#loadout-detail .lo-side-previews img{aspect-ratio:4/3;object-fit:contain;background:#202228;border-radius:4px;width:calc(25% - 5px);padding:2px}#loadout-detail .lo-side-empty{color:#f5f6f7b8;margin-bottom:12px;font-size:clamp(12px,1.4vw,14px)}#loadout-detail .lo-side-cta{justify-content:center;width:fit-content}