.profile-app{overflow-y:auto!important;display:block!important;height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:radial-gradient(ellipse at 80% 0%,#28403f 0,transparent 48%),#101722;color:#edf4f3}.profile-page{max-width:900px;margin:auto;padding:32px 22px 70px}.profile-page h1{font-size:clamp(30px,6vw,52px);line-height:1.08;margin:18px 0}.profile-page p{color:#b3c3cc;line-height:1.6}.profile-page small{color:#a6bec5}.profile-label{display:grid;gap:8px;margin:25px 0 10px;font-weight:700}.profile-label input{width:100%;box-sizing:border-box;background:#0c141d;border:1px solid #68848a;border-radius:12px;color:white;padding:15px;font:inherit;font-size:18px}.profile-hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px;max-height:340px;overflow:auto;padding:5px}.profile-hero-grid button{background:#1c2934;border:2px solid transparent;border-radius:14px;color:white;padding:8px;display:grid;text-align:center;cursor:pointer}.profile-hero-grid button.selected{border-color:#b8e8d7;background:#304a4c}.profile-hero-grid img{height:100px;width:100%;object-fit:contain}.profile-hero-grid small{font-size:10px}.profile-progress{background:#1c2b36;border:1px solid #3b535d;border-radius:16px;padding:20px;margin:24px 0}.profile-progress h2{font-size:22px}.profile-page .exp-button{margin:6px 6px 6px 0;min-height:44px}.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-identity{display:flex;align-items:center;gap:18px;margin:30px 0}.profile-identity img{width:100px;height:120px;object-fit:contain}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-stats>div{padding:15px 8px;border-radius:12px;background:#223441;text-align:center}.profile-stats b,.profile-stats small{display:block}.profile-stats b{font-size:22px}.profile-stats small{font-size:11px;margin-top:6px}.profile-ranking{display:grid;gap:10px;margin:24px 0}.profile-ranking>button{display:flex;gap:14px;align-items:center;width:100%;padding:16px 12px;background:#1c2b36;border:1px solid #354e59;border-radius:14px;color:white;text-align:left;cursor:pointer}.profile-ranking img{width:48px;height:65px;object-fit:contain}.profile-ranking span:nth-last-child(2){flex:1}.profile-ranking strong,.profile-ranking small{display:block;margin:4px 0}.profile-rank{color:#ecd9a1;font-size:22px;min-width:38px}.profile-deck{background:#172630;border:1px solid #3b535d;padding:16px;margin:12px 0;border-radius:12px}.profile-deck summary{cursor:pointer;min-height:24px;font-weight:700}.profile-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:20px}.profile-card-grid img{width:100%;height:110px;object-fit:contain}.profile-card-grid span{display:block;text-align:center;font-size:12px}.profile-code{display:block;overflow-wrap:anywhere;user-select:all;background:#0e171f;padding:14px;color:#c6ebdf}.profile-error{border:1px solid #d78180;padding:16px;border-radius:10px;color:#ffd2c5!important}.profile-sync{position:relative;z-index:5;display:flex;align-items:center;gap:10px;padding:5px 14px;font-size:11px;background:#14202a;color:#acc4cf;flex-wrap:wrap}.profile-sync button{border:0;background:transparent;color:#d4e9de;cursor:pointer;padding:4px}.profile-sync span{flex:1}.exp-app:has(>.profile-sync){padding-top:0}@media(max-width:450px){.profile-page{padding:20px 14px 60px}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-ranking>button{gap:8px}.profile-ranking small{font-size:11px}.profile-ranking img{width:34px}}
.exp-app:has(>.profile-sync){display:flex;flex-direction:column}.exp-app>.profile-sync{flex:none}.exp-app>.exp-page-host{flex:1;min-height:0;height:auto}.profile-page button:focus-visible,.profile-label input:focus-visible{outline:3px solid #b7ecdb;outline-offset:3px}
.profile-sync [data-profile-sync]{display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.profile-sync{min-height:44px;box-sizing:border-box;padding:0 12px;gap:8px}
.profile-sync>button{min-height:44px;min-width:44px;box-sizing:border-box;padding:8px 2px;text-align:left}
.profile-sync [data-profile-sync]::before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#95b6c2}
.profile-sync [data-profile-sync=saved]::before{background:#9cddbb}
.profile-sync [data-profile-sync=pending]::before,.profile-sync [data-profile-sync=saving]::before{background:#e8c88b}
.profile-sync [data-profile-sync=error]::before,.profile-sync [data-profile-sync=conflict]::before{background:#ef9f9c}
.profile-page .profile-deck summary{display:flex;align-items:center;min-height:44px;line-height:1.5}