.profile-page{--accent:#e7b96d}.profile-page header{gap:12px}.profile-page header nav{display:flex;align-items:center;gap:20px}.profile-main{max-width:1160px;padding:0 28px;margin:30px auto}.profile-main h1{font-size:38px;line-height:1.3;margin:6px 0 12px;overflow-wrap:anywhere}.profile-main h2{font-size:24px;margin:6px 0 10px}.profile-page [hidden]{display:none!important}#profile-status{font-size:13px;min-height:20px;color:var(--muted)}#profile-status[data-error=true],#editor-error{color:#f1ab8d}.profile-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;padding:28px 0 34px;border-bottom:1px solid var(--line)}.identity-block{display:flex;align-items:center;gap:28px;min-width:0}.identity-block>div:last-child{min-width:0}.portrait-wrap{width:116px;flex:none;position:relative;text-align:center}.portrait{display:block;width:116px;height:116px;object-fit:cover;image-rendering:auto;border:3px solid #bdac76;background:repeating-conic-gradient(#2d4939 0 25%,#294131 0 50%) 0/20px 20px;box-shadow:6px 6px #0c2019;padding:5px}.portrait[src*="assets"]{image-rendering:pixelated;padding:24px}.avatar-edit{display:block;padding:8px 4px;margin-top:12px;font-size:12px;cursor:pointer;color:var(--gold);border-bottom:1px solid var(--line)}.avatar-edit:hover{background:var(--panel)}.file-input{position:absolute;width:1px;height:1px;opacity:0}.portrait-wrap:focus-within{outline:2px solid var(--gold);outline-offset:6px}.profile-motto{font-size:14px;color:#c4c4a3}.rank-block{display:flex;align-items:center;gap:22px;padding-left:32px;border-left:1px solid var(--line)}.rank-block p{margin:7px 0}.rank-block h2{color:var(--gold);font-size:28px}.rank-block strong{font-size:30px;font-weight:normal}.rank-badge{width:82px;height:96px;flex:none;background:#dfb86d;clip-path:polygon(16% 0,84% 0,84% 8%,100% 8%,100% 67%,84% 67%,84% 83%,50% 100%,16% 83%,16% 67%,0 67%,0 8%,16% 8%);display:grid;place-items:center;color:#e9d99e;filter:drop-shadow(4px 4px #0c2119)}.rank-badge span{display:grid;place-items:center;width:66px;height:72px;background:#405144;font-size:34px;clip-path:polygon(12% 0,88% 0,100% 12%,100% 65%,50% 100%,0 65%,0 12%)}.rank-badge[data-tier="0"]{background:#bc906b}.rank-badge[data-tier="1"]{background:#bdced0}.rank-badge[data-tier="3"]{background:#9bd3c4}.rank-badge[data-tier="4"]{background:#83c9e5}.rank-badge[data-tier="5"]{background:#c4a2e5}.rank-badge[data-tier="6"]{background:#f3a098}progress{appearance:none;width:150px;height:6px;border:0;background:#35493a}progress::-webkit-progress-bar{background:#35493a}progress::-webkit-progress-value{background:#daba75}progress::-moz-progress-bar{background:#daba75}.profile-numbers{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0;border-bottom:1px solid var(--line)}.profile-numbers>div{padding:0 24px;border-left:1px solid #3a5342}.profile-numbers>div:first-child{padding-left:0;border:0}.profile-numbers span{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.profile-numbers strong{font-weight:normal;font-size:30px;color:var(--ink)}.rank-rules{margin:18px 0 30px;font-size:12px;color:var(--muted);line-height:1.9}.rank-rules summary{cursor:pointer;width:fit-content}.tier-list{display:flex;gap:8px;flex-wrap:wrap}.tier-list span{padding:5px 10px;border:1px solid var(--line)}.profile-tabs{display:flex;border-bottom:1px solid var(--line);gap:30px;margin:20px 0 30px}.profile-tabs button{font-family:inherit;border:0;background:none;color:var(--muted);padding:14px 0;font-size:17px;border-bottom:3px solid transparent;cursor:pointer}.profile-tabs button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.profile-tabs span{font-size:10px;margin-left:8px;opacity:.65}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-heading .eyebrow{margin:0 0 8px}.empty-state{padding:44px 20px;border:1px dashed #526650;text-align:center;color:var(--muted);line-height:1.9}.empty-state strong{display:block;font-size:20px;color:var(--ink);margin-bottom:12px}.match-row{display:grid;grid-template-columns:60px minmax(0,1fr) 125px 120px;align-items:center;gap:18px;padding:20px 16px;border-bottom:1px solid #38513f;background:#20392e44}.match-row:hover{background:#294633}.match-result{color:#9bd6af;font-size:22px}.match-result.loss{color:#d99c83}.match-opponent{font-size:16px;overflow-wrap:anywhere}.match-meta{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.8}.match-rating{font-size:14px;color:var(--gold)}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;margin:25px 0}.saved-loadouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.loadout-card{padding:22px;border:1px solid #617052;background:#20392e;box-shadow:3px 3px #0d2018}.loadout-card h3{font-size:20px;font-weight:normal;margin:0 0 12px;overflow-wrap:anywhere}.loadout-icons{display:flex;flex-wrap:wrap;gap:10px;min-height:52px;margin:18px 0}.skill-icon{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;flex:none}.icon-fallback{display:grid;place-items:center;background:#36513e;color:var(--gold)}.card-actions{display:flex;gap:20px;margin-top:15px}.card-actions button{font-size:12px}.stat-explanation{font-size:12px;line-height:1.9;color:var(--muted);max-width:850px;margin-bottom:26px}.skill-filter{font-size:12px;display:flex;align-items:center;gap:10px}select{background:#20392e;color:var(--ink);border:1px solid var(--line);font:inherit;padding:10px;max-width:100%}.skill-row{display:grid;grid-template-columns:minmax(170px,1fr) repeat(3,minmax(75px,120px));gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid #38513f}.skill-title{display:flex;gap:14px;align-items:center;min-width:0;font-size:14px}.skill-metric strong{display:block;font-size:18px;font-weight:normal;color:var(--gold)}.skill-metric small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.profile-page dialog{width:min(820px,94vw);max-width:820px;max-height:90svh;padding:24px;overflow:auto}.profile-page dialog h2{font-size:22px;font-weight:normal}.editor-budget{display:flex;justify-content:space-between;gap:10px;margin:18px 0;font-size:14px;color:var(--gold)}.editor-items{margin-top:20px;display:grid;gap:0}.editor-item{display:grid;grid-template-columns:44px minmax(0,1fr) 105px;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #435943}.editor-item h3{font-size:14px;font-weight:normal;margin:0}.editor-item p{font-size:11px!important;line-height:1.7!important;margin:5px 0!important}.quantity-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.quantity-controls button{background:#314e3b;border:1px solid var(--line);color:var(--gold);font:inherit;width:32px;min-height:36px;cursor:pointer}.quantity-controls button:disabled{opacity:.3;cursor:default}.editor-footer{position:sticky;bottom:-24px;padding:16px 0;background:#20392e;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:2px solid var(--line);font-size:12px}.profile-page button:disabled{opacity:.45;cursor:default}.profile-page :focus-visible{outline:2px solid var(--gold);outline-offset:4px}.profile-page .wood{white-space:normal;text-align:center}.profile-page .quiet{cursor:pointer}.loadout-preset-bar{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0}.loadout-preset-bar select{width:100%;margin:10px 0}.loadout-preset-bar button{width:100%;font-size:12px}.loadout-preset-bar p{font-size:11px;line-height:1.7;color:var(--muted)}
@media(max-width:850px){.profile-hero{grid-template-columns:1fr 270px;gap:20px}.identity-block{gap:18px}.rank-block{padding-left:20px;gap:14px}.rank-badge{width:62px;height:80px}.rank-badge span{width:48px;height:62px;font-size:26px}.profile-main h1{font-size:30px}.portrait-wrap,.portrait{width:90px}.portrait{height:90px}.portrait[src*="assets"]{padding:16px}.match-row{grid-template-columns:48px minmax(0,1fr) 85px 85px;gap:12px}.skill-row{grid-template-columns:minmax(140px,1fr) repeat(3,85px);gap:8px}}
@media(max-width:620px){.profile-main{padding:0 16px;margin-top:18px}.profile-page header{flex-wrap:wrap;padding:14px 16px}.profile-page header nav{gap:15px;font-size:12px}.profile-page .brand{font-size:21px}.profile-hero{grid-template-columns:1fr;padding-top:12px;gap:25px}.identity-block{gap:22px}.profile-main h1{font-size:30px}.profile-motto{font-size:12px}.rank-block{border-left:0;border-top:1px solid #3f5944;padding:23px 0 0;gap:22px}.rank-block>div:last-child{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;align-items:center;flex:1}.rank-block .eyebrow{grid-column:1/-1}.rank-block h2{font-size:24px}.rank-block strong{font-size:27px}.rank-block progress{width:100%}.profile-numbers>div{padding:0 10px}.profile-numbers strong{font-size:25px}.profile-numbers span{font-size:10px}.profile-tabs{gap:0;justify-content:space-between;margin-bottom:25px}.profile-tabs button{font-size:15px}.profile-tabs span{display:none}.section-heading h2{font-size:21px}.section-heading .wood{font-size:12px;padding:10px}.match-row{grid-template-columns:38px minmax(0,1fr) 76px;gap:10px;padding:18px 5px}.match-rating{grid-column:2;font-size:12px}.match-row>a,.match-row>.no-replay{grid-column:3;grid-row:1/3;font-size:12px}.match-meta{font-size:10px}.match-result{font-size:18px}.saved-loadouts{grid-template-columns:1fr}.skill-row{grid-template-columns:repeat(3,1fr);padding:18px 0;row-gap:12px}.skill-title{grid-column:1/-1}.skill-metric{padding-left:4px}.skill-filter{display:block;font-size:10px}.skill-filter select{margin-top:6px;padding:8px}.profile-page dialog{padding:18px}.editor-item{gap:10px;grid-template-columns:36px minmax(0,1fr) 93px}.editor-item .skill-icon{width:36px;height:36px}.quantity-controls{gap:5px}.quantity-controls button{width:28px}.editor-budget{font-size:12px}.editor-footer{bottom:-18px}.profile-page .eyebrow{font-size:10px}.profile-page footer{gap:12px;flex-wrap:wrap}.profile-page progress{min-width:0}.rank-next{overflow-wrap:anywhere}}