#name-dialog{width:min(1140px,calc(100vw - 28px));max-height:calc(var(--lobby-height,100dvh) - 28px);padding:28px;border:1px solid #6081a5;border-top:3px solid #abc9eb;border-radius:4px;background:radial-gradient(ellipse at 5% 0%,#243958,transparent 55%),#0c1625;color:#dce8f6;box-shadow:0 28px 100px #030711b3;color-scheme:dark}#name-dialog::backdrop{background:#040a13b8;backdrop-filter:blur(6px)}#name-dialog h2{color:#e9f3ff;font-size:27px;letter-spacing:.08em;margin:10px 0 20px}#name-dialog .section-label{color:#849fbd;font-size:10px}#name-dialog label{color:#9aafc9}#name-dialog input:not([type=range]):not([type=file]),#name-dialog select{background:#0a1423;border:1px solid #3d5471;color:#e3edf8;min-height:44px;border-radius:3px;font:16px Arial}#name-dialog input::placeholder{color:#8395ac}#name-dialog button{touch-action:manipulation}#name-dialog button:focus-visible,#name-dialog input:focus-visible,#name-dialog select:focus-visible{outline:2px solid #b5d5ff;outline-offset:3px}#name-dialog .quiet-button{background:#182940;border:1px solid #4c6684;color:#cddbec;min-height:44px}#name-dialog .primary-button{background:linear-gradient(120deg,#e3edff,#a8c6ec);color:#13233b;border:1px solid #c5defb;min-height:48px}#name-dialog .text-button{color:#aac8eb}#name-dialog .fine-print{color:#8599b3;font-size:11px;line-height:1.6}#name-dialog .dialog-close{color:#b0c5df}
.garage-progress{display:grid;grid-template-columns:1fr auto;gap:8px 20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #7894b333}.garage-progress>div{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.garage-progress b{font:12px var(--game);letter-spacing:.06em;color:#d8bc7e}.garage-progress span:not(.xp-track){font:12px Arial;color:#9fb5d0}.garage-progress .xp-track{align-self:center}.garage-progress small{font:11px Arial;color:#879ebc}.garage-progress p{grid-column:1/-1;font:11px/1.6 Arial;color:#a6b9cf;margin:0}.garage-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}.garage-loadout{position:sticky;top:0;min-width:0}.garage-collection{min-width:0}#name-dialog .avatar-preview-card{display:flex;align-items:center;flex-direction:column;text-align:center;gap:20px;min-height:240px;padding:24px 18px;border:1px solid #7894ae55;border-bottom:3px solid var(--banner-c)}#name-dialog .avatar-preview-card b{font:22px/1.3 var(--game);color:#f1f6ff}#name-dialog .avatar-preview-card small{font-size:10px}#avatar-preview-label{font:8px Arial!important;letter-spacing:.16em!important;color:#adc1d4!important;margin-top:14px!important}#avatar-preview-title .player-title{font-size:11px!important;letter-spacing:.06em}#name-dialog .avatar-upload-actions{gap:8px}#name-dialog .avatar-upload-actions button{flex:1;font-size:10px;padding-inline:8px}#name-dialog #avatar-use-custom[aria-pressed=true]{background:#2c4360;border-color:#aac9ee}#name-dialog #avatar-crop-area{background:#15243a;border-color:#415979;padding:12px}#name-dialog #avatar-crop{width:min(100%,224px)}#name-dialog #avatar-zoom{accent-color:#a9caff}.garage-earning{font:11px/1.7 Arial;color:#8197b3;padding-top:16px;border-top:1px solid #7894b333;margin:20px 0 0}
.garage-tabs{display:flex;overflow-x:auto;gap:4px;border-bottom:1px solid #536c8844;margin-bottom:16px;padding-bottom:8px;scrollbar-width:thin}.garage-tabs button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px;min-width:74px;background:transparent;border:1px solid transparent;border-radius:3px;color:#91a8c5;font:12px var(--game);cursor:pointer}.garage-tabs button span{font:9px Arial;color:#728cac}.garage-tabs button[aria-pressed=true]{background:#223853;border-color:#4c688d;color:#f1f7ff;box-shadow:inset 0 -2px #d6be87}.garage-tabs button[aria-pressed=true] span{color:#b6cbe4}.garage-filters{display:grid;grid-template-columns:minmax(0,1fr) 135px 105px;gap:8px;margin-bottom:16px}.garage-filters select{font-size:12px!important;padding:8px!important}.garage-filters input{margin:0}.garage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:200px}.cosmetic-tile{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;min-height:150px;padding:12px 6px 8px;border:1px solid #344b67;border-top:2px solid var(--rarity);border-radius:3px;background:radial-gradient(ellipse at 50% 0%,#29415b88,transparent 78%),#111f32;cursor:pointer;color:#c4d5e9;transition:border-color .15s,background-color .15s}.cosmetic-tile:hover{background-color:#22354e;border-color:#91b3db}.cosmetic-tile[aria-pressed=true]{border-color:#b8d9ff;background-color:#294461;box-shadow:inset 0 0 0 1px #b8d9ff}.cosmetic-art{display:flex;align-items:center;justify-content:center;width:100%;min-height:78px;margin:0 0 8px}.cosmetic-name{font:11px/1.4 Arial;overflow-wrap:anywhere;min-height:30px;display:flex;align-items:center;justify-content:center}.cosmetic-meta{display:block;font:8px/1.4 Arial;letter-spacing:.04em;color:var(--rarity);margin-top:5px}.is-locked .cosmetic-art{opacity:.6}.is-locked::after{content:'◇';position:absolute;top:5px;right:7px;color:#7a8da6;font-size:12px}.cosmetic-tile .arena-avatar{box-shadow:none!important}.garage-swatch{display:block;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 28% 22%,#ffffffbb,transparent 45%),var(--swatch);box-shadow:inset -8px -8px 18px #0004,0 8px 15px #0004}.garage-banner-swatch{display:flex;align-items:center;justify-content:center;width:100%;height:62px;border:1px solid #ffffff29;border-radius:2px}.garage-banner-swatch i{font:20px Georgia;color:#fff9;font-style:normal}.garage-title-swatch{font:12px/1.5 var(--game)!important;text-align:center;width:100%!important;padding:5px 0;text-shadow:0 0 14px var(--rarity)}.garage-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.garage-pagination button{border:1px solid #405974;background:#182940;color:#b8cee8;font-size:25px;min-width:44px;min-height:44px;border-radius:3px;cursor:pointer}.garage-pagination button:disabled{opacity:.35;cursor:default}.garage-pagination span{font:11px Arial;color:#8fa4bf}.garage-hint{font:11px/1.6 Arial;color:#7e96b3;text-align:center;margin:10px 0 0}.garage-empty{grid-column:1/-1;padding:44px 20px;text-align:center;color:#a3b7ce;font:14px/1.6 Arial}.garage-inspect{margin-top:20px;padding:16px;border:1px solid #7894b344;border-left:3px solid var(--rarity);background:#17263b}.garage-inspect>span{font:10px Arial;color:var(--rarity);text-transform:uppercase;letter-spacing:.08em}.garage-inspect h3{font:17px/1.4 var(--game);color:#e2edfa;margin:8px 0 12px}.garage-inspect b{font:9px Arial;color:#a8bfdc;letter-spacing:.04em}.garage-inspect p{font:12px/1.5 Arial;color:#bdcce0;margin:10px 0}.garage-inspect progress{width:100%;height:6px;accent-color:var(--rarity)}.garage-inspect small{display:block;font:10px Arial;color:#8aa4c3;text-align:right;margin-top:5px}#name-dialog .avatar-editor-actions{background:#0e1a2b;border-top:1px solid #526b8844;margin-top:24px;padding:16px 0 max(16px,env(safe-area-inset-bottom));z-index:6;bottom:-28px}#name-dialog #avatar-error{color:#ffd5cd;background:#492e34;border-color:#e59e9a;margin:16px 0 0}
@media(max-width:850px){.garage-layout{grid-template-columns:240px minmax(0,1fr);gap:20px}.garage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.garage-filters{grid-template-columns:1fr 1fr}.garage-filters input{grid-column:1/-1}.garage-tabs button{min-width:68px;font-size:10px}}
@media(max-width:620px){#name-dialog{width:calc(100vw - 12px);max-height:calc(var(--lobby-height,100dvh) - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));padding:20px 16px}#name-dialog h2{font-size:23px;margin-top:12px}.garage-progress{gap:8px 10px;margin-bottom:18px}.garage-progress small{font-size:10px}.garage-layout{display:flex;flex-direction:column;gap:20px}.garage-loadout{position:static;width:100%}.garage-collection{width:100%}#name-dialog .avatar-preview-card{flex-direction:row;text-align:left;min-height:126px;gap:20px;padding:20px}#name-dialog .avatar-preview-card b{font-size:20px}#name-dialog .avatar-preview-card .avatar-hero{width:74px;height:84px}#name-dialog .avatar-preview-card #avatar-preview-label{margin-top:8px!important}.garage-loadout>label{margin-top:16px}.garage-loadout>.fine-print{margin-bottom:0}.garage-earning{margin-top:14px;padding-top:12px}.garage-inspect{margin-top:14px;padding:12px}.garage-inspect h3{font-size:15px;margin-block:6px}.garage-inspect p{margin-block:8px}.garage-tabs{position:sticky;top:-20px;z-index:5;background:#0e1a2b;padding-top:6px;margin-inline:-4px}.garage-tabs button{min-width:65px;font-size:11px}.garage-grid{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.cosmetic-tile{min-height:141px;padding:10px 5px 8px}.cosmetic-name{font-size:10px}.cosmetic-art{min-height:70px}.cosmetic-art .avatar-large{width:55px;height:62px}#name-dialog .avatar-editor-actions{bottom:-20px;margin-top:16px}.garage-title-swatch{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.cosmetic-tile{transition:none}}

#garage-mobile-inspect{display:none}.cosmetic-tile.is-previewing{outline:1px solid #d3b17b;outline-offset:2px}@media(max-width:620px){#name-dialog .avatar-editor-actions{flex-wrap:wrap}#garage-mobile-inspect:not([hidden]){display:block;flex-basis:100%;margin:0;font:11px/1.5 Arial;color:#c4d8ef;padding:0 0 4px}.avatar-editor-actions button{min-height:46px}}

.garage-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.garage-filters input{grid-column:1/-1}.garage-hint a{color:#b8d9ff}#garage-item-source{display:inline-block;font:11px Arial;color:#b8d9ff;margin:4px 0 10px}@media(max-width:500px){.garage-filters{grid-template-columns:1fr 1fr}#garage-set{grid-column:1/-1}}

.garage-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.garage-filters input{grid-column:1/-1}.garage-filters select{min-width:0}@media(max-width:850px){.garage-filters{grid-template-columns:1fr 1fr}#garage-set{grid-column:auto}}

.is-locked .cosmetic-art:has(.collection-art){opacity:.85}