.community-hero{border-top:3px solid var(--electric,#76e0f7);background:linear-gradient(125deg,#102940,#101a30)}
.community-kicker{font-size:.75rem;font-weight:800;letter-spacing:.15em;color:#9de8e8}
.community-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:20px 0}
.community-toolbar label{flex:1;min-width:180px}
.community-toolbar select{width:100%}
.community-post{overflow-wrap:anywhere}
.community-byline{font-size:.9rem;color:var(--muted,#bdcbdc)}
.community-post h3{font-size:1.35rem}
.community-status-label{display:inline-block;font-size:.8rem;border:1px solid #5b7389;border-radius:30px;padding:5px 12px}
.community-result{padding:18px;margin:14px 0;border:1px solid #456781;border-radius:14px;background:#0b1b30;color:#f4f7fc}
.community-result strong{display:block;font-size:2.5rem;line-height:1.25;margin:8px 0;color:#9de8e8}
.community-result strong small{font-size:.95rem;font-weight:600;color:#f4f7fc}
.community-result p{margin:8px 0 0}
.community-caption{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.community-photo{display:block;max-width:100%;width:auto;max-height:480px;object-fit:contain;border-radius:12px;margin:14px auto}
.community-share-series{margin:16px 0 8px}
.community-post [aria-pressed=true]{border-color:#91e8bf;background:#163c37}
#community-compose{width:min(640px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:88dvh;overflow:auto;box-sizing:border-box}
#community-compose label:not(.community-consent):not(.community-game-choice){display:block;margin:14px 0}
#community-compose input:not([type=checkbox]),#community-compose textarea,#community-compose select{display:block;width:100%;box-sizing:border-box;margin-top:8px}
#community-compose .community-consent,#community-compose .community-game-choice{display:flex;gap:10px;align-items:flex-start;margin:12px 0;line-height:1.5}
#community-compose input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin-top:2px}
#community-compose fieldset{border:1px solid #536b83;border-radius:12px;margin:16px 0;padding:12px}
#community-compose [hidden]{display:none!important}
.high-contrast .community-hero,.high-contrast .community-result{background:#000;border-color:#fff;color:#fff}
@media(max-width:600px){.community-hero .actions>button{flex:1 1 140px}.community-post .actions>button{flex:1 1 auto}.community-result strong{font-size:2.2rem}#community-compose{padding:18px}.community-photo{max-height:360px}}

.community-video{display:block;width:100%;max-height:70vh;margin:16px 0;border-radius:12px;background:#000}.community-video[hidden]{display:none}

.community-trophy-picker{margin:18px 0;padding:14px;border:1px solid var(--border,#536b83);border-radius:12px}
.community-trophy-picker summary{cursor:pointer;font-weight:700;line-height:1.5}
#community-compose .community-trophy-choice{display:flex;gap:12px;align-items:flex-start;margin:12px 0;padding:12px;border:1px solid #536b83;border-radius:12px}
.community-trophy-choice>span{display:grid;grid-template-columns:60px minmax(0,1fr);gap:4px 10px;min-width:0;overflow-wrap:anywhere}
.community-trophy-choice .trophy-badge{grid-row:span 3;width:60px;height:60px}
.community-trophy-choice b,.community-trophy-choice span span,.community-trophy-choice small{grid-column:2}
.community-trophy-choice input{flex:none}
.community-trophies .earned-trophy{margin:12px 0}
.community-trophies h4{font-size:1.1rem}
.community-share-trophy{flex:1 1 100%;margin-top:6px}
.earned-trophy:has(.community-share-trophy){flex-wrap:wrap}
@media print{.recap-trophy-option,.community-share-trophy{display:none!important}}

.community-trophy-choice .trophy-badge{grid-column:1}
.earned-trophy>div{min-width:0;flex:1}

.recap-trophy-switch{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;cursor:pointer}
.recap-trophy-switch>span:first-child{min-width:0;flex:1}
.recap-trophy-switch strong,.recap-trophy-switch small{display:block;line-height:1.5}
.recap-trophy-switch small{margin-top:5px;color:var(--muted,#bdcbdc)}
.recap-switch-control{position:relative;display:block;width:60px;height:44px;flex:0 0 60px}
.recap-switch-control input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.recap-switch-track{position:absolute;inset:5px 0;border-radius:30px;background:#516176;border:2px solid #a6b4c5;pointer-events:none}
.recap-switch-track:before{content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0005}
.recap-switch-control input:checked+.recap-switch-track{background:#23865d;border-color:#8ee1b5}
.recap-switch-control input:checked+.recap-switch-track:before{transform:translateX(26px)}
.recap-switch-control input:focus-visible+.recap-switch-track{outline:3px solid var(--accent,#76e0f7);outline-offset:4px}
.recap-switch-control input:disabled+.recap-switch-track{opacity:.5}

.recap-trophy-inline{margin:18px 0 24px;padding:14px 16px;border:1px solid #c5d3df;border-radius:12px;background:#f2f6fa;color:#142740}
.recap-trophy-inline .recap-trophy-switch small{color:#44566a}

.community-details,.community-comments{margin:16px 0;padding:14px;border:1px solid var(--border,#536b83);border-radius:12px}.community-details summary,.community-comments summary{cursor:pointer;font-weight:700}.community-comment{padding:12px 0;border-bottom:1px solid var(--border,#536b83)}.community-toolbar input,.community-comment textarea,.community-comments textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px}.community-toolbar label{min-width:0;flex:1 1 200px}.community-comments form label{display:block;margin:14px 0}.community-comments summary{min-height:28px}.community-post .actions{flex-wrap:wrap}.community-post button{white-space:normal;overflow-wrap:normal}

.community-scorebook-picker{border:1px solid var(--border,#536b83);border-radius:12px;padding:14px;margin:16px 0}.community-scorebook-picker h3{margin-top:0}.scorebook-series>summary>.community-share-series{display:inline-block;margin:8px 0 0 10px;vertical-align:middle;max-width:100%;white-space:normal;overflow-wrap:normal}@media(max-width:600px){.scorebook-series>summary>.community-share-series{margin-left:0;width:100%}}
