.profile-page{min-height:100vh;padding:2.5rem 0 6rem}.sw{max-width:1400px;margin:0 auto;padding:0 1rem}.profile-panel-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;margin:0 -1rem;padding-left:1rem;padding-right:1rem}.profile-panel-scroll::-webkit-scrollbar{height:4px}.profile-panel-scroll::-webkit-scrollbar-track{background:var(--c-border);border-radius:2px}.profile-panel-scroll::-webkit-scrollbar-thumb{background:var(--c-border-hi);border-radius:2px}.uid-section{margin-bottom:2rem}.page-title{display:none}.prof-header{border-bottom:1px solid var(--c-border);background:var(--c-surface);padding:2rem 0 1.5rem}.prof-header-inner{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:1rem}.prof-title-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.prof-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.03em;text-transform:uppercase;line-height:1}.prof-subtitle{margin-top:.4rem;font-size:.82rem;color:var(--c-muted)}.uid-form{display:flex;gap:.5rem;max-width:440px}.uid-input{flex:1;padding:.7rem 1rem;border:1.5px solid var(--c-border-hi);border-radius:var(--radius-md);background:var(--c-surface);color:var(--foreground-color);font-size:.95rem;font-family:var(--font-mono);outline:none;transition:border-color var(--anim-fast)}.uid-input:focus{border-color:var(--c-accent)}.uid-btn{padding:.7rem 1.25rem;border-radius:var(--radius-md);border:none;background:var(--c-accent);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity var(--anim-fast)}.uid-btn:hover{opacity:.85}.p-loading{padding:3rem;text-align:center;color:var(--c-muted);font-size:.9rem}.p-error{padding:2rem;text-align:center;color:#f87171;font-size:.88rem;font-weight:600;border:1px solid #f8717130;border-radius:var(--radius-md);background:#f871710a}.player-header{margin-bottom:1rem}.player-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.player-meta{font-size:.75rem;color:var(--c-muted);margin-top:.15rem}.char-tabs{display:flex;gap:.4rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--c-border);scrollbar-width:none}.char-tabs::-webkit-scrollbar{display:none}.char-tab{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .5rem;min-width:68px;border:2px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);cursor:pointer;transition:border-color var(--anim-fast),background var(--anim-fast),transform var(--anim-fast)}.char-tab:hover{border-color:color-mix(in srgb,var(--el) 60%,transparent);transform:translateY(-2px)}.char-tab--active{border-color:var(--el);background:color-mix(in srgb,var(--el) 12%,var(--c-surface))}.tab-img-wrap{width:50px;height:50px;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(135deg,#1a1428,#2a1f3d)}.tab-img-wrap img{width:100%;height:100%;object-fit:contain}.tab-name{font-size:.55rem;font-weight:700;color:var(--c-muted);max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-tab--active .tab-name{color:var(--foreground-color)}.tab-score{font-family:var(--font-mono);font-size:.58rem;font-weight:700;color:var(--c-accent)}.char-panel{display:grid;grid-template-columns:200px 175px 220px 680px;gap:.75rem;border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);overflow:hidden;min-width:1300px}.portrait-wrap{position:relative;height:100%;min-height:320px;background:linear-gradient(160deg,color-mix(in srgb,var(--el) 30%,#1a1428),#0d0d1a);overflow:hidden;display:flex}.portrait-img{flex:1;object-fit:cover;object-position:top center;display:block;min-width:0}.portrait-overlay{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(transparent,#000000d9)}.portrait-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#fff}.portrait-sub{font-size:.65rem;color:#fff9;margin-top:.1rem}.col-info{display:flex;flex-direction:column;gap:.6rem;padding:.85rem .6rem;border-right:1px solid var(--c-border)}.ei-col{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;padding:.4rem .2rem;z-index:2;background:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,.2) 70%,transparent 100%)}.ei{width:30px;height:30px;border-radius:50%;overflow:hidden;background:var(--c-surface2);border:2px solid var(--c-border);opacity:.25;filter:grayscale(1) brightness(.4);transition:all var(--anim-fast)}.ei--on{opacity:1;filter:none;border-color:color-mix(in srgb,var(--el) 80%,transparent);background:color-mix(in srgb,var(--el) 15%,var(--c-surface2));box-shadow:0 0 8px color-mix(in srgb,var(--el) 35%,transparent)}.ei img{width:100%;height:100%;object-fit:contain;padding:2px}.sk-row{display:flex;flex-wrap:wrap;gap:.35rem}.sk-item{display:flex;flex-direction:column;align-items:center;gap:.15rem}.sk-icon{width:36px;height:36px;border-radius:var(--radius-sm);overflow:hidden;background:var(--c-surface2);border:1px solid var(--c-border)}.sk-icon--max{border-color:color-mix(in srgb,var(--el) 70%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--el) 25%,transparent)}.sk-icon img{width:100%;height:100%;object-fit:contain;padding:2px}.sk-lv{font-family:var(--font-mono);font-size:.6rem;font-weight:700;color:var(--c-muted)}.sk-lv--max{color:var(--el, var(--c-accent))}.lc-card{border:1px solid color-mix(in srgb,var(--rc,#9ca3af) 40%,var(--c-border));border-radius:var(--radius-md);background:var(--c-surface2);overflow:hidden;flex:1;display:flex;flex-direction:column}.lc-card-top{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .6rem;flex:1;justify-content:center}.lc-big-img{width:110px;height:110px;border-radius:var(--radius-sm);overflow:hidden;background:var(--c-surface)}.lc-big-img img{width:100%;height:100%;object-fit:cover}.lc-head{width:100%;text-align:center}.lc-name{font-size:.8rem;font-weight:700;line-height:1.3;word-break:keep-all;overflow-wrap:break-word}.lc-meta{font-size:.65rem;color:var(--c-muted);font-family:var(--font-mono);margin-top:.2rem}.lc-stats{border-top:1px solid var(--c-border);padding:.5rem .6rem;display:flex;flex-direction:column;gap:.2rem}.lc-stat-row{display:flex;justify-content:space-between;align-items:center}.lc-stat-name{font-size:.65rem;color:var(--c-muted)}.lc-stat-val{font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--c-accent)}.col-stats{padding:.85rem .75rem;border-right:1px solid var(--c-border);overflow-y:auto}.stat-list{display:flex;flex-direction:column;gap:.15rem}.stat-row{display:flex;align-items:center;gap:.3rem;padding:.13rem .3rem;border-radius:4px;border-bottom:1px solid var(--c-border);cursor:default;transition:background var(--anim-fast),opacity var(--anim-fast)}.stat-row:last-child{border-bottom:none}.stat-name{display:flex;align-items:center;gap:.25rem;font-size:.66rem;color:var(--c-muted);flex-shrink:0;width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-icon{opacity:.7;flex-shrink:0}.stat-right{display:flex;align-items:center;gap:.25rem;margin-left:auto;flex-shrink:0}.stat-split{font-family:var(--font-mono);font-size:.57rem;color:var(--c-muted);white-space:nowrap}.stat-bonus{color:#4ade80}.stat-val{font-family:var(--font-mono);font-size:.7rem;font-weight:700;white-space:nowrap}.stat-val--pct{color:var(--c-accent)}.skill-tooltip{display:none;position:absolute;z-index:9999;max-width:280px;padding:.65rem .8rem;border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface2);color:var(--foreground-color);font-size:.72rem;line-height:1.55;box-shadow:0 8px 24px #00000080;pointer-events:none}.skill-tooltip strong{display:block;font-size:.78rem;margin-bottom:.3rem;color:var(--foreground-color)}.skill-tooltip span{display:block;color:var(--c-muted);font-size:.68rem}.col-relics{padding:.75rem}.set-combos{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.6rem}.set-tag{font-size:.62rem;font-weight:700;padding:.2em .6em;border-radius:4px;border:1px solid}.set-tag--4{color:#fbbf24;border-color:#fbbf2440;background:#fbbf2410}.set-tag--2{color:var(--c-accent);border-color:color-mix(in srgb,var(--c-accent) 40%,transparent);background:var(--c-accent-glow)}.relics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.rc{border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface2);padding:.6rem;transition:border-color var(--anim-fast)}.rc:hover{border-color:var(--c-border-hi)}.rc--empty{display:flex;align-items:center;justify-content:center;min-height:90px;color:var(--c-muted);font-size:.7rem;border:1px dashed var(--c-border);border-radius:var(--radius-sm)}.rc-head{display:flex;align-items:flex-start;gap:.4rem;margin-bottom:.45rem}.rc-img-wrap{flex-shrink:0;width:42px;height:42px;border-radius:5px;overflow:hidden;background:var(--c-surface)}.rc-img-wrap img{width:100%;height:100%;object-fit:contain}.rc-meta{flex:1;min-width:0}.rc-top-row{display:flex;justify-content:space-between;align-items:center}.rc-slot-main{font-size:.55rem;font-weight:700;color:var(--c-muted)}.rc-lv{font-family:var(--font-mono);font-size:.58rem;font-weight:700;color:#4ade80}.rc-setname{display:block;font-size:.6rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.05rem}.rc-score-col{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.rc-rank{font-family:var(--font-mono);font-size:.75rem;font-weight:900;line-height:1}.rc-score-num{font-family:var(--font-mono);font-size:.55rem;color:var(--c-muted)}.rc-subs{display:flex;flex-direction:column;gap:.2rem}.rc-sub{display:flex;align-items:center;gap:.3rem;padding:.1rem .2rem;border-radius:3px;transition:opacity var(--anim-fast),background var(--anim-fast)}.rc-sub-name{font-size:.6rem;font-weight:700;width:58px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-sub-dots{display:flex;gap:2px;flex:1}.rdot{width:7px;height:7px;border-radius:2px;background:var(--c-border);flex-shrink:0}.rdot--on{background:var(--c-accent)}.rc-sub-val{font-family:var(--font-mono);font-size:.62rem;font-weight:700;min-width:38px;text-align:right;flex-shrink:0}