#route-loadouts{--well: #0e3a37;--well-edge: #0a2c2a}#route-loadouts .lo-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--line)}#route-loadouts .lo-count{margin:0;font-size:.9rem;color:var(--ink-2)}#route-loadouts .lo-count .num{font-family:var(--mono);font-weight:700;color:var(--ink)}#route-loadouts .lo-full{margin:0;text-align:right}#route-loadouts .lo-note{margin:0 0 1rem;padding:.6rem .8rem;border-radius:var(--r-sm);font-size:.9rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--cloth)}#route-loadouts .lo-note.bad{border-left-color:var(--loss)}#route-loadouts .lo-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}#route-loadouts .lo-card{display:flex;flex-direction:column;gap:.3rem;padding:.7rem;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1)}#route-loadouts .lo-card.skel{height:11rem;background:var(--ground-2);border-color:var(--line-soft);box-shadow:none}#route-loadouts .skel-bar{height:3.1rem;border-bottom:1px solid var(--line)}#route-loadouts .lo-name{margin:.35rem 0 0;font-size:1rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#route-loadouts .lo-sub{margin:0;font-size:.78rem;color:var(--ink-3)}#route-loadouts .lo-acts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}#route-loadouts .lo-drop:hover,#route-loadouts .lo-drop:focus-visible{color:var(--loss);border-color:var(--loss)}#route-loadouts .lo-art{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;height:3.5rem;border-radius:var(--r-sm);background:var(--well);border:1px solid var(--well-edge)}#route-loadouts .lo-art .cue-art{flex:none;width:350%;max-width:none;height:auto}#route-loadouts .lo-art.big{display:block;height:auto;padding:.75rem .85rem;border-radius:var(--r);box-shadow:var(--shadow-2)}#route-loadouts .lo-art.big .cue-art{display:block;width:100%;height:auto}#route-loadouts .lo-art[data-art=gone] .cue-art{display:none}#route-loadouts .lo-cap{margin:.6rem 0 0;font-size:.78rem;text-align:center;color:#9fc0bc}#route-loadouts .lo-editor{display:grid;gap:1rem;align-items:start}#route-loadouts .lo-editor-nav{margin-bottom:.2rem}#route-loadouts .lo-editor-title{margin:0 0 .9rem;font-size:1.15rem;font-weight:650}#route-loadouts .lo-slots{display:grid;gap:.55rem;margin-top:1rem}#route-loadouts .lo-slot{display:grid;grid-template-columns:8.5rem 2rem minmax(0,1fr);align-items:center;gap:.6rem}#route-loadouts .lo-slot[data-empty="1"]{grid-template-columns:8.5rem minmax(0,1fr)}#route-loadouts .lo-slot select{width:100%;min-width:0}#route-loadouts .lo-none{font-size:.82rem;color:var(--ink-3)}#route-loadouts .ware-swatch{display:inline-grid;place-items:center;flex:none;width:2rem;height:2rem;font-size:1.1rem;line-height:1;border-radius:50%;background:var(--ground-2);border:1px solid var(--line)}#route-loadouts .flag-swatch{width:100%;height:100%;object-fit:cover;border-radius:50%}#route-loadouts .ware-swatch[data-rarity=premium]{border-color:#c9a24a}#route-loadouts .ware-swatch[data-rarity=earned]{border-color:var(--cloth);background:#e6f1ef}#route-loadouts .ware-swatch[data-set="0"]{color:var(--ink-3);background:none;border-style:dashed}#route-loadouts .lo-editor-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.15rem;padding-top:.9rem;border-top:1px solid var(--line)}#route-loadouts .lo-editor-foot .lo-drop{margin-left:auto}#route-loadouts .lo-crown .ic{width:30px;height:30px;color:var(--cloth-hi)}#route-loadouts .lo-gate p{max-width:34rem}@media(max-width:34rem){#route-loadouts .lo-slot,#route-loadouts .lo-slot[data-empty="1"]{grid-template-columns:2rem minmax(0,1fr)}#route-loadouts .lo-slot>.cap-line{grid-column:1 / -1}#route-loadouts .lo-slot[data-empty="1"]>.lo-none{grid-column:1 / -1}#route-loadouts .lo-full{text-align:left}}