.soc-sheet{position:fixed;inset:0;z-index:150;display:none;align-items:flex-end;justify-content:center;background:#0000008c}.soc-sheet.show{display:flex}.soc-card{width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:16px 16px 0 0;color:var(--text-primary);padding-bottom:env(safe-area-inset-bottom)}.soc-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px}.soc-title{font-weight:700;color:var(--text-heading);font-size:15px}.soc-head{border-bottom:1px solid var(--border-soft);gap:8px;padding-bottom:10px}.soc-title{display:flex;align-items:center;gap:6px;min-width:0}.soc-title span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soc-tools{display:flex;align-items:center;gap:6px;flex:0 0 auto}.soc-acc{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border-soft);background:var(--surface-page-2);color:var(--text-dim);touch-action:manipulation;padding:0}.soc-acc.on{color:var(--gold-bright,#e0c383);border-color:#d3b16a80}.soc-acc *{pointer-events:none}.soc-body{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.soc-body::-webkit-scrollbar{display:none}.soc-card{max-height:88dvh}.soc-ic svg{width:15px;height:15px;vertical-align:-3px}.soc-body{overflow-y:auto;padding:12px 16px 20px;font-size:13px;line-height:1.5}.soc-body h4{margin:14px 0 4px;color:var(--text-heading);font-size:13px}.soc-dim{color:var(--text-mute);font-size:12px;margin:4px 0}.soc-err{color:#f87171;font-size:12px;min-height:1em;margin:4px 0}.soc-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.soc-btn{padding:8px 14px;border-radius:10px;border:1px solid var(--text-mute);background:var(--surface-panel);color:var(--text-heading);font-size:13px;cursor:pointer}.soc-btn.soc-ghost{background:transparent;color:var(--text-dim);border-color:var(--border-soft)}.soc-btn.soc-mini{padding:3px 8px;font-size:11px}.soc-close{padding:4px 10px;font-size:12px}.soc-in{display:block;width:100%;box-sizing:border-box;margin:6px 0;padding:9px 10px;border-radius:10px;border:1px solid var(--border-soft);background:var(--surface-page-2);color:var(--text-primary);font-size:14px}.soc-notice{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;border:1px dashed var(--text-mute);background:var(--surface-page-2);margin-bottom:10px}.soc-notice b{color:var(--text-heading)}.soc-tag{display:inline-block;margin:6px 0;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--text-mute);color:var(--text-dim)}.soc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px}.soc-stat{background:var(--surface-page-2);border:1px solid var(--border-soft);border-radius:10px;padding:6px;text-align:center}.soc-stat small{display:block;color:var(--text-mute);font-size:10px}.soc-stat b{color:var(--text-heading)}.soc-duel-head{display:flex;gap:6px;flex-wrap:wrap;align-items:baseline;padding:8px;border-radius:10px;background:var(--surface-page-2);margin:8px 0}.soc-duel-head.win>b{color:#4ade80}.soc-duel-head.lose>b{color:#f87171}.soc-log{max-height:220px;overflow-y:auto;border:1px solid var(--border-soft);border-radius:10px;padding:6px 8px;font-size:12px}.soc-log p{margin:2px 0;display:flex;gap:6px}.soc-log p.foe{color:var(--text-dim)}.soc-crit{color:#fbbf24}.soc-rank{border:1px solid var(--border-soft);border-radius:10px;overflow:hidden}.soc-rank-row{display:grid;grid-template-columns:36px 1fr auto;gap:8px;padding:6px 10px;border-top:1px solid var(--border-soft)}.soc-rank-row:first-child{border-top:0}.soc-rank-hd{color:var(--text-mute);font-size:11px;background:var(--surface-page-2)}.soc-rank-row.self{background:var(--surface-selected);color:var(--text-heading)}.soc-sect-head{display:flex;gap:8px;align-items:center;font-size:15px}.soc-buff{margin:6px 0;display:flex;gap:4px;color:#86efac;font-size:12px}.soc-member{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-soft)}.soc-member>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soc-chat{height:46vh;overflow-y:auto;border:1px solid var(--border-soft);border-radius:10px;padding:6px 8px;background:var(--surface-page-2)}.soc-msg{margin:3px 0;word-break:break-word;display:flex;gap:6px;flex-wrap:wrap}.soc-msg b{color:var(--text-name)}.soc-time{color:var(--text-mute);font-size:11px}.soc-chat-in{flex-wrap:nowrap}.soc-chat-in .soc-in{margin:0}.soc-head{gap:8px}.soc-title{flex:1;min-width:0}.soc-online{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;border:1px solid var(--border-soft);font-size:12px;color:var(--text-dim);white-space:nowrap}.soc-online b{color:var(--text-heading)}.soc-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;display:inline-block;margin-right:4px;flex:0 0 auto}.soc-btn,.soc-tab,.soc-close{min-height:44px;touch-action:manipulation}.soc-btn *,.soc-tab *{pointer-events:none}.soc-btn.soc-mini{min-height:44px;padding:6px 10px;font-size:12px}.soc-btn.soc-danger{color:#f87171;border-color:#7f1d1d}.soc-in{min-height:44px;font-size:16px}.soc-ta{min-height:88px;resize:vertical;font-family:inherit;line-height:1.5}.soc-sect-nm{flex:1;min-width:0}.soc-sect-nm b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soc-bar{height:6px;border-radius:99px;background:var(--surface-page-2);border:1px solid var(--border-soft);overflow:hidden;margin:8px 0 4px}.soc-bar i{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa)}.soc-seg{display:flex;gap:4px;margin:10px 0;padding:3px;border-radius:12px;background:var(--surface-page-2);border:1px solid var(--border-soft)}.soc-segb{flex:1;min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--text-dim);font-size:13px;padding:6px 4px}.soc-segb.on{background:var(--surface-panel);color:var(--text-heading);font-weight:700}.soc-noticebox{padding:10px 12px;border-radius:12px;border:1px solid var(--border-soft);background:var(--surface-page-2);margin:8px 0}.soc-noticebox small{color:var(--text-mute);font-size:11px}.soc-pre{white-space:pre-wrap;word-break:break-word;margin:4px 0 0}.soc-mnm{flex:1;min-width:0}.soc-mnm b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soc-member{flex-wrap:wrap}@media(max-width:430px){.soc-stats{grid-template-columns:repeat(2,1fr)}.soc-tab span:not(.soc-ic){font-size:11px}}