.lp-community { max-width:1120px; margin:0 auto; padding:32px 20px 80px; color:var(--le-ink,#10182E); }
.lp-community .cm-heading { font-family:var(--le-cond,'Saira Condensed'),sans-serif; font-size:clamp(36px,6vw,66px); font-weight:800; text-transform:uppercase; line-height:1; margin:12px 0 20px; }
.lp-community .cm-kicker { font:12px 'Space Mono',monospace; color:var(--le-rose-text,#B5365B); text-transform:uppercase; }
.lp-community p { line-height:1.6; }
.lp-community .cm-tabs { display:flex; gap:8px; flex-wrap:wrap; border-bottom:2px solid currentColor; margin:24px 0; padding-bottom:12px; }
.lp-community button,.lp-community .cm-link { min-height:44px; padding:10px 16px; border:1px solid currentColor; border-radius:4px; cursor:pointer; font-weight:700; background:transparent; color:inherit; display:inline-block; }
.lp-community button:hover,.lp-community .cm-link:hover { background:var(--le-ink,#10182E); color:var(--le-paper,#F2EDE2); }
.lp-community button:focus-visible,.lp-community input:focus-visible,.lp-community textarea:focus-visible,.lp-community select:focus-visible { outline:3px solid #D8466F; outline-offset:3px; }
.lp-community button[aria-pressed=true],.lp-community .cm-primary { background:#122A52; color:#fff; border-color:#122A52; }
.lp-community button:disabled { opacity:.55; cursor:wait; }
.lp-community label { display:block; font-weight:700; margin:16px 0 6px; }
.lp-community input:not([type=checkbox]),.lp-community textarea,.lp-community select { display:block; width:100%; padding:12px; border:1px solid currentColor; border-radius:4px; background:var(--le-paper,#F2EDE2); color:inherit; font:inherit; }
.lp-community input[type=checkbox] { width:20px; height:20px; vertical-align:middle; margin-right:8px; accent-color:#122A52; }
.lp-community textarea { resize:vertical; }
.lp-community .cm-form { max-width:640px; }
.lp-community .cm-note { font-size:13px; opacity:.85; margin:8px 0 16px; }
.lp-community .cm-list { margin:20px 0; }
.lp-community .cm-player { display:grid; grid-template-columns:52px 1fr auto; gap:18px; padding:24px 0; border-top:1px solid currentColor; align-items:start; }
.lp-community .cm-avatar { width:48px; height:48px; display:grid; place-items:center; background:#122A52; color:#fff; font:700 24px 'Saira Condensed',sans-serif; }
.lp-community .cm-club-avatar { background:#D8466F; font-size:18px; letter-spacing:.06em; }
.lp-community .cm-player-locked { opacity:.6; }
.lp-community .cm-player-locked .cm-avatar { background:var(--le-ink,#10182E); opacity:.5; }
.lp-community h3 { font:700 26px 'Saira Condensed',sans-serif; margin:0 0 8px; }
.lp-community h4 { font:700 20px 'Saira Condensed',sans-serif; text-transform:uppercase; margin:0 0 8px; }
.lp-community .cm-player p,.lp-community .cm-message p { overflow-wrap:anywhere; white-space:pre-wrap; }
.lp-community .cm-equipment { font-size:13px; margin-top:12px; }
.lp-community .cm-status { min-height:24px; margin:12px 0; }
.lp-community .cm-detail { width:min(620px,calc(100vw - 32px)); max-height:calc(100vh - 32px); overflow:auto; padding:28px; border:2px solid #10182E; border-radius:4px; background:#F2EDE2; color:#10182E; box-shadow:12px 12px 0 rgba(16,24,46,.24); }
.lp-community .cm-detail::backdrop { background:rgba(16,24,46,.72); }
.lp-community .cm-detail-head { display:grid; grid-template-columns:52px minmax(0,1fr); gap:18px; align-items:center; margin:18px 0 24px; padding-bottom:20px; border-bottom:2px solid currentColor; }
.lp-community .cm-detail-section { margin:22px 0; }
.lp-community .cm-detail-list { margin:8px 0 0; padding-left:20px; line-height:1.8; }
.lp-community .cm-detail .cm-link { text-decoration:none; }
.lp-community .cm-chat-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:24px; }
.lp-community .cm-chat-list button { display:block; width:100%; text-align:left; margin:0 0 8px; overflow-wrap:anywhere; }
.lp-community .cm-messages { max-height:460px; min-height:160px; overflow-y:auto; padding:12px 4px; }
.lp-community .cm-message { border-left:3px solid #D8466F; padding:12px 16px; margin:12px 0; background:rgba(18,42,82,.05); }
.lp-community .cm-message.cm-mine { border-left-color:#122A52; margin-left:28px; }
.lp-community .cm-message time { font-size:11px; opacity:.8; }
.lp-community .cm-message button { min-height:36px; padding:4px 8px; font-size:12px; margin-top:8px; }
.lp-community .cm-actions { display:flex; gap:10px; flex-wrap:wrap; margin:16px 0; }
.lp-community [hidden] { display:none!important; }
html.dark .lp-community { color:#F2EDE2; --le-paper:#10182E; --le-ink:#F2EDE2; --le-rose-text:#F48BA8; }
html.dark .lp-community .cm-message { background:rgba(242,237,226,.06); }
html.dark .lp-community .cm-detail { background:#10182E; color:#F2EDE2; border-color:#F2EDE2; }
@media(max-width:640px) { .lp-community .cm-player { grid-template-columns:40px minmax(0,1fr); gap:12px; } .lp-community .cm-avatar { width:36px; height:36px; } .lp-community .cm-player>button { grid-column:2; justify-self:start; } .lp-community .cm-chat-layout { grid-template-columns:1fr; } .lp-community .cm-chat-list { max-height:180px; overflow:auto; } .lp-community .cm-detail { padding:20px; box-shadow:6px 6px 0 rgba(16,24,46,.24); } .lp-community .cm-detail-head { grid-template-columns:40px minmax(0,1fr); gap:12px; } }