.profile-page{width:100%}.profile-hero{border:1px solid var(--surface-border);background:var(--card);border-radius:18px;position:relative;overflow:hidden}.profile-hero__banner{object-fit:cover;background:#05070c;width:100%;height:180px;display:block}.profile-hero:not(:has(.profile-hero__banner)):before{content:"";background:radial-gradient(ellipse at 20% 0%, #4ecbff2e, transparent 55%), linear-gradient(180deg, var(--hull), var(--card));height:120px;display:block}.profile-hero__actions{z-index:2;gap:8px;display:flex;position:absolute;top:12px;right:12px}.profile-hero__body{grid-template-columns:112px 1fr;align-items:end;gap:20px;margin-top:-56px;padding:0 22px 22px;display:grid}.profile-hero__avatar{width:112px;height:112px;position:relative}.profile-hero__avatar img{border:3px solid var(--ink);object-fit:cover;background:var(--hull);border-radius:18px;width:112px;height:112px;display:block}.profile-hero__avatar-btn{position:absolute;bottom:4px;right:4px}.profile-hero__info{gap:8px;min-width:0;padding-bottom:4px;display:grid}.profile-hero__title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-hero__title h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,36px);font-weight:700;line-height:1.1}.profile-hero__edit{margin-left:auto}.profile-hero__tagline{color:var(--muted-light);margin:0;font-size:14px}.profile-hero__meta{flex-wrap:wrap;gap:8px 16px;margin:0;display:flex}.profile-hero__meta div{gap:2px;display:grid}.profile-hero__meta dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.profile-hero__meta dd{color:var(--white);margin:0;font-size:13px;font-weight:600}.profile-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.profile-summary__item{border:1px solid var(--surface-border);background:var(--card);border-radius:18px;padding:18px 20px}.profile-summary__item span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.profile-summary__item strong{font-family:var(--font-display);letter-spacing:-.04em;margin-top:8px;font-size:28px;font-weight:700;display:block}.profile-tabs{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.profile-tab{border:1px solid var(--surface-border);background:var(--card);color:var(--muted-light);font:inherit;cursor:pointer;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600}.profile-tab:hover,.profile-tab.is-active{background:color-mix(in srgb, var(--blade) 12%, var(--card));color:var(--white);border-color:#4ecbff66}.profile-panel{border:1px solid var(--surface-border);background:var(--card);border-radius:18px;min-height:280px;margin-top:16px;padding:22px}.profile-empty{color:var(--muted-light);margin:0;font-size:14px}.profile-activity{gap:10px;display:grid}.profile-activity__row{border-bottom:1px solid var(--line);color:inherit;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding:14px 0;text-decoration:none;display:flex}.profile-activity__row:last-child{border-bottom:0;padding-bottom:0}.profile-activity__row:first-child{padding-top:0}.profile-activity__row:hover strong{color:var(--blade-soft)}.profile-activity__row strong{font-size:15px}.profile-activity__row time{color:var(--muted);font-size:12px}.profile-chars{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-char{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--hull) 55%, transparent);border-radius:16px;gap:10px;padding:16px 18px;display:grid}.profile-char h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:18px;font-weight:700}.profile-char__role{color:var(--muted-light);margin:4px 0 0;font-size:13px}.profile-char__meta{flex-wrap:wrap;gap:8px 14px;margin:0;display:flex}.profile-char__meta div{gap:2px;display:grid}.profile-char__meta dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.profile-char__meta dd{margin:0;font-size:14px;font-weight:700}.profile-about{gap:20px;display:grid}.profile-sign{border-top:1px solid var(--line);padding-top:16px}.profile-sign span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.profile-modal{z-index:200;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-modal__backdrop{cursor:pointer;background:#020408b8;border:0;position:absolute;inset:0}.profile-modal__panel{border:1px solid var(--surface-border);background:linear-gradient(180deg, #4ecbff14, transparent 36%), var(--card-strong);border-radius:18px;width:min(100%,640px);max-height:calc(100vh - 40px);padding:22px;position:relative;overflow:auto}.profile-modal__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.profile-modal__head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:24px}.profile-modal__close{border:1px solid var(--line);width:36px;height:36px;color:var(--white);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:grid}.profile-modal__form{gap:14px;display:grid}.profile-modal__media{grid-template-columns:96px 1fr;gap:12px;display:grid}.profile-modal__avatar,.profile-modal__banner{gap:8px;display:grid}.profile-modal__avatar img{border:1px solid var(--surface-border);object-fit:cover;background:var(--hull);border-radius:16px;width:96px;height:96px}.profile-modal__banner{min-height:96px}.profile-modal__banner img,.profile-modal__banner>span{border:1px solid var(--surface-border);background:var(--hull);width:100%;height:96px;color:var(--muted);object-fit:cover;border-radius:16px;place-items:center;font-size:13px;display:grid}.profile-modal__banner>div{flex-wrap:wrap;gap:8px;display:flex}.profile-modal__field{gap:8px;display:grid}.profile-modal__field span{color:var(--muted);font-size:12px;font-weight:600}.profile-modal__field input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--white);font:inherit;background:#070910b8;padding:12px 14px}.profile-modal__actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.profile-page .shop-orders,.profile-page .shop-empty{background:0 0;border:0;margin:0;padding:0}@media (width<=860px){.profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-chars{grid-template-columns:1fr}}@media (width<=640px){.profile-hero__body{grid-template-columns:1fr;margin-top:-40px}.profile-hero__avatar,.profile-hero__avatar img{width:88px;height:88px}.profile-hero__edit{margin-left:0}.profile-summary{grid-template-columns:1fr 1fr}.profile-summary__item strong{font-size:22px}}