.ss-arena-home-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:32px;align-items:center;padding:36px;border-radius:28px;background:linear-gradient(135deg,#eef8ff,#d9edff);overflow:hidden}
.ss-arena-home-copy{display:flex;flex-direction:column;align-items:flex-start}
.ss-arena-master-logo{width:180px;max-width:46vw;border-radius:50%;box-shadow:0 18px 44px rgba(10,53,110,.18)}
.ss-arena-character{width:min(100%,420px);justify-self:center;align-self:end}
.ss-arena-home-hero h1{font-size:clamp(2rem,5vw,4.1rem);line-height:1.03;margin:22px 0 14px}
.ss-arena-home-hero p{font-size:1.15rem;max-width:680px}
.ss-arena-court-hero{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;padding:18px 22px;border-radius:20px;background:#eef8ff}
.ss-arena-court-hero > .ss-arena-court-logo-frame{width:96px;height:96px}
.ss-arena-court-grid,.ss-arena-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.ss-arena-court-card,.ss-arena-post-card{background:#fff;border:1px solid #d8e6f5;border-radius:22px;box-shadow:0 12px 34px rgba(12,52,102,.08);overflow:hidden}
.ss-arena-court-card a,.ss-arena-post-card a{display:flex;height:100%;color:inherit;text-decoration:none}
.ss-arena-court-card a{align-items:center;gap:18px;padding:20px}
.ss-arena-court-card .ss-arena-court-logo-frame{width:72px;height:72px;flex:0 0 auto}
.ss-arena-court-card h2,.ss-arena-post-card h2{margin:0 0 8px;font-size:1.25rem}
.ss-arena-court-card p,.ss-arena-post-card p{margin:0;color:#44566c}
.ss-arena-post-card a{flex-direction:column;padding:22px}
.ss-arena-post-card-pinned{border:2px solid #2c8de4;background:linear-gradient(180deg,#f2f9ff,#fff)}
.ss-arena-pin{display:inline-flex;align-self:flex-start;padding:5px 10px;border-radius:999px;background:#dcefff;color:#0a4f96;font-size:.82rem;font-weight:700;margin-bottom:12px}
.ss-arena-card-footer{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px;font-size:.86rem;color:#5b6d82}
.ss-arena-filter-bar{display:grid;grid-template-columns:minmax(180px,2fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:12px;align-items:end;margin:22px 0;padding:18px;background:#fff;border:1px solid #d8e6f5;border-radius:18px}
.ss-arena-filter-bar label,.ss-arena-compose-form label,.ss-arena-review-card label,.ss-arena-engagement label,.ss-arena-report label,.ss-arena-disqualify label{display:flex;flex-direction:column;gap:7px}
.ss-arena-filter-bar input,.ss-arena-filter-bar select,.ss-arena-compose-form input,.ss-arena-compose-form select,.ss-arena-compose-form textarea,.ss-arena-review-card textarea,.ss-arena-review-card select,.ss-arena-engagement textarea,.ss-arena-report textarea,.ss-arena-report select,.ss-arena-disqualify textarea{width:100%;border:1px solid #b9cbe0;border-radius:12px;padding:12px;background:#fff;color:#11243d}
.ss-arena-single-post{max-width:900px;margin:0 auto;background:#fff;border:1px solid #d8e6f5;border-radius:22px;padding:clamp(18px,3vw,30px);box-shadow:0 18px 45px rgba(12,52,102,.08)}
.ss-arena-single-post h1{font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.08;margin:8px 0 10px}
.ss-arena-byline,.ss-arena-post-meta{color:#5c6d80}
.ss-arena-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.ss-arena-tags span{padding:6px 11px;border-radius:999px;background:#eef6ff;color:#174f88}
.ss-arena-stats{display:flex;gap:18px;padding:16px 0;border-top:1px solid #e5edf6;border-bottom:1px solid #e5edf6;color:#496078}
.ss-arena-external-card{margin:24px 0;padding:20px;border-radius:18px;background:#f2f8ff;border:1px solid #cfe2f5}
.ss-arena-ai-note{margin-top:14px;font-size:.92rem}
.ss-arena-engagement{display:grid;gap:18px;margin-top:24px}
.ss-arena-comment{margin-top:12px;padding:16px;border-radius:14px;background:#f6f9fc}
.ss-arena-report,.ss-arena-disqualify{margin-top:20px;padding:14px 16px;border:1px solid #d6e2ef;border-radius:14px}
.ss-arena-disqualify{border-color:#efc4c4}
.ss-arena-compose-card{max-width:920px;margin:0 auto;background:#fff;border:1px solid #d8e6f5;border-radius:24px;padding:clamp(20px,4vw,38px)}
.ss-arena-compose-form{display:grid;gap:20px}
.ss-arena-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ss-arena-choice-row,.ss-arena-check-row,.ss-arena-compose-actions{display:flex;gap:12px;flex-wrap:wrap}
.ss-arena-choice{display:block!important}
.ss-arena-choice input{position:absolute;opacity:0}
.ss-arena-choice span{display:block;padding:13px 18px;border:1px solid #b9cbe0;border-radius:14px;cursor:pointer}
.ss-arena-choice input:checked+span{background:#dcefff;border-color:#2c8de4;color:#0a4f96;font-weight:700}
.ss-arena-external-fields{display:none;grid-template-columns:1fr 1fr;gap:16px}
.ss-arena-compose-form[data-source-type="external"] .ss-arena-external-fields{display:grid}
.ss-arena-preview{padding:18px;border:1px dashed #8db6dc;border-radius:16px;background:#f7fbff}
.ss-arena-review-list,.ss-arena-submission-list{display:grid;gap:18px}
.ss-arena-review-card,.ss-arena-submission-list article{padding:22px;border:1px solid #d8e6f5;border-radius:20px;background:#fff}
.ss-arena-review-heading{display:flex;justify-content:space-between;gap:18px}
.ss-arena-review-court{font-size:.82rem;font-weight:700;color:#0b63ae}
.ss-arena-review-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;align-items:flex-start}
.ss-arena-review-option{min-width:220px;padding:10px;border:1px solid #d8e6f5;border-radius:12px}
.ss-arena-review-option form{display:grid;gap:12px;margin-top:12px}
.ss-arena-anonymous-note{padding:10px 12px;border-radius:10px;background:#fff4db}
.ss-arena-button-danger{background:#9b1c1c!important;color:#fff!important}
.ss-arena-report form,.ss-arena-disqualify form{display:grid;gap:12px;margin-top:14px}

@media(max-width:760px){.ss-arena-home-hero{grid-template-columns:1fr;padding:24px}
.ss-arena-character{max-height:420px;object-fit:contain}
.ss-arena-court-hero{grid-template-columns:1fr;text-align:center}
.ss-arena-court-hero > .ss-arena-court-logo-frame{margin:auto}
.ss-arena-filter-bar,.ss-arena-form-grid,.ss-arena-external-fields{grid-template-columns:1fr}
.ss-arena-court-card a{align-items:flex-start}
.ss-arena-card-footer,.ss-arena-review-heading{flex-direction:column}
.ss-arena-button{width:100%;justify-content:center}
.ss-arena-actions,.ss-arena-compose-actions,.ss-arena-review-actions{display:grid;grid-template-columns:1fr;width:100%}
}

.ss-arena-import-section .ss-arena-panel{max-width:760px;margin:0 auto;padding:24px;border:1px solid #d8e6f5;border-radius:20px;background:#fff}
.ss-arena-import-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:18px}
.ss-arena-import-form label{display:flex;flex-direction:column;gap:8px}
.ss-arena-import-form input[type="file"]{width:100%;padding:12px;border:1px solid #b9cbe0;border-radius:12px;background:#f8fbff;color:#11243d}
@media(max-width:760px){.ss-arena-import-form{grid-template-columns:1fr}}

.ss-arena-court-logo-frame {
    position: relative;
    display: block;
    overflow: hidden;
    flex: 0 0 auto;
    line-height: 0;
    background: transparent;
}

.ss-arena-court-logo-frame-hero {
    width: 136px;
    height: 136px;
}

.ss-arena-court-logo-frame-card {
    width: 72px;
    height: 72px;
}

.ss-arena-court-logo-frame-inline {
    width: 34px;
    height: 34px;
}

.ss-arena-court-logo-frame-review {
    width: 44px;
    height: 44px;
}

.ss-arena-court-logo-frame > .ss-arena-court-logo {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    clip-path: none;
    object-fit: contain;
    object-position: center;
    background: transparent;
}

.ss-arena-court-logo-frame-stacked {
    --ss-arena-logo-scale: 124%;
    --ss-arena-logo-x: 50%;
    --ss-arena-logo-y: -1%;
}

.ss-arena-court-logo-frame-stacked > .ss-arena-court-logo {
    top: var(--ss-arena-logo-y);
    right: auto;
    bottom: auto;
    left: var(--ss-arena-logo-x);
    width: var(--ss-arena-logo-scale);
    height: auto;
    transform: translateX(-50%);
    transform-origin: top center;
    clip-path: none;
    object-fit: fill;
    object-position: center top;
}

.ss-arena-court-logo-profile-football {
    --ss-arena-logo-scale: 124%;
    --ss-arena-logo-x: 50%;
    --ss-arena-logo-y: 3%;
}

.ss-arena-court-logo-profile-basketball {
    --ss-arena-logo-scale: 122%;
    --ss-arena-logo-x: 50%;
    --ss-arena-logo-y: 2%;
}

.ss-arena-court-logo-profile-tennis {
    --ss-arena-logo-scale: 126%;
    --ss-arena-logo-x: 50%;
    --ss-arena-logo-y: 2%;
}

.ss-arena-court-logo-profile-table-tennis,
.ss-arena-court-logo-profile-chess {
    --ss-arena-logo-scale: 124%;
    --ss-arena-logo-x: 50%;
    --ss-arena-logo-y: 2%;
}

.ss-arena-court-logo-frame-autocropped > .ss-arena-court-logo {
    right: auto;
    bottom: auto;
    max-width: none;
    transform: none;
    clip-path: none;
    object-fit: fill;
    object-position: initial;
}

.ss-arena-court-logo-missing {
    display: block;
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
}

.ss-arena-court-hero > .ss-arena-court-logo-missing {
    width: 136px;
    height: 136px;
}

.ss-arena-author {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: #243b56;
    font-weight: 700;
}

.ss-arena-author-avatar {
    display: block;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 50%;
    object-fit: cover;
    background: #eef6ff;
    box-shadow: 0 0 0 1px rgba(20, 77, 134, .12);
}

.ss-arena-author-single .ss-arena-author-avatar {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
}

.ss-arena-author-avatar-empty {
    background: linear-gradient(135deg, #e5f2ff, #c9e4ff);
}

.ss-arena-author-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ss-arena-author-muted .ss-arena-author-avatar {
    opacity: .46;
    filter: grayscale(1) saturate(.35);
}

.ss-arena-byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 12px 0 24px;
}

.ss-arena-byline time {
    color: #64778c;
    font-size: .92rem;
}

.ss-arena-card-footer {
    align-items: center;
}

.ss-arena-card-metrics {
    color: #64778c;
    white-space: nowrap;
}

.ss-arena-post-court-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #0b5ea7;
    font-weight: 700;
    text-decoration: none;
}

.ss-arena-post-court-link .ss-arena-court-logo-frame {
    flex: 0 0 34px;
}

@media(max-width:760px) {
    .ss-arena-card-footer {
        align-items: flex-start;
    }

    .ss-arena-card-metrics {
        white-space: normal;
    }
}

.ss-arena-review-title {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.ss-arena-review-title .ss-arena-court-logo-frame {
    flex: 0 0 48px;
}

/* Court forum */
.ss-arena-forum {
    display: grid;
    gap: 20px;
}

.ss-arena-forum-count {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(20, 98, 184, 0.1);
    color: var(--ss-arena-blue-700, #0f4f9b);
    font-weight: 700;
    white-space: nowrap;
}

.ss-arena-forum-form,
.ss-arena-forum-guest {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(18, 75, 133, 0.14);
    border-radius: 20px;
    background: rgba(245, 250, 255, 0.9);
}

.ss-arena-forum-form label,
.ss-arena-delete-court label {
    display: grid;
    gap: 8px;
    font-weight: 700;
}

.ss-arena-forum-form textarea {
    width: 100%;
    min-height: 112px;
    resize: vertical;
}

.ss-arena-forum-list {
    display: grid;
    gap: 12px;
}

.ss-arena-forum-comment {
    position: relative;
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid rgba(18, 75, 133, 0.12);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(18, 75, 133, 0.07);
}

.ss-arena-forum-comment header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ss-arena-forum-comment header > div {
    display: grid;
    gap: 2px;
}

.ss-arena-forum-comment time {
    color: var(--ss-arena-muted, #607286);
    font-size: 0.82rem;
}

.ss-arena-forum-comment p {
    margin: 0;
    overflow-wrap: anywhere;
    line-height: 1.65;
}

.ss-arena-forum-avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    object-fit: cover;
    background: #e7f1fb;
}

.ss-arena-forum-delete {
    justify-self: end;
}

.ss-arena-text-button {
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: var(--ss-arena-blue-700, #0f4f9b);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
}

.ss-arena-text-button-danger {
    color: #a82727;
}

/* Management cards and safe court deletion */
.ss-arena-management-stats,
.ss-arena-management-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.ss-arena-management-stats span {
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(20, 98, 184, 0.08);
    font-size: 0.82rem;
    font-weight: 700;
}

.ss-arena-delete-court {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid rgba(18, 75, 133, 0.12);
}

.ss-arena-delete-court summary {
    width: max-content;
    color: #9f2929;
    font-weight: 800;
    cursor: pointer;
}

.ss-arena-delete-court form {
    display: grid;
    gap: 12px;
    margin-top: 12px;
    padding: 14px;
    border-radius: 16px;
    background: rgba(168, 39, 39, 0.06);
}

.ss-arena-delete-court select {
    width: 100%;
}

/* Configurable branding and space management */
.ss-arena-home-hero-no-character {
    grid-template-columns: minmax(0, 1fr);
}

.ss-arena-home-hero-no-character .ss-arena-home-copy {
    max-width: 880px;
}

.ss-arena-master-logo {
    width: auto;
    max-width: min(320px, 70vw);
    max-height: 180px;
    border-radius: 0;
    box-shadow: none;
    object-fit: contain;
    object-position: center;
}

.ss-arena-settings-form,
.ss-arena-space-form {
    display: grid;
    gap: 20px;
}

.ss-arena-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ss-arena-settings-form label,
.ss-arena-space-form label,
.ss-arena-settings-form .ss-arena-image-setting,
.ss-arena-space-form .ss-arena-image-setting {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.ss-arena-settings-form input,
.ss-arena-settings-form select,
.ss-arena-settings-form textarea,
.ss-arena-space-form input,
.ss-arena-space-form select,
.ss-arena-space-form textarea {
    width: 100%;
    border: 1px solid #b9cbe0;
    border-radius: 12px;
    padding: 12px;
    background: #fff;
    color: #11243d;
}

.ss-arena-settings-form input[type="checkbox"],
.ss-arena-space-form input[type="checkbox"] {
    width: auto;
}

.ss-arena-settings-form input[type="file"],
.ss-arena-space-form input[type="file"] {
    background: #f8fbff;
}

.ss-arena-settings-form small,
.ss-arena-space-form small {
    color: #5b6d82;
    line-height: 1.5;
}

.ss-arena-image-setting {
    padding: 16px;
    border: 1px solid #d8e6f5;
    border-radius: 16px;
    background: #f8fbff;
}

.ss-arena-image-setting img {
    width: 100%;
    max-width: 180px;
    height: 120px;
    object-fit: contain;
    object-position: center;
    align-self: center;
}

.ss-arena-inline-check {
    flex-direction: row !important;
    align-items: center;
}

.ss-arena-space-form fieldset {
    margin: 0;
    padding: 16px;
    border: 1px solid #d8e6f5;
    border-radius: 16px;
}

.ss-arena-space-form legend {
    padding: 0 8px;
    font-weight: 800;
}

@media (max-width: 760px) {
    .ss-arena-settings-grid {
        grid-template-columns: 1fr;
    }
}


/* 0.8.1 Markdown editor integration */
.ss-arena-md-field {
    min-width: 0;
    margin: 10px 0 14px;
}

.ss-arena-md-field .ssmd-root {
    width: 100%;
    max-width: none;
}

.ss-arena-compose-form .ss-arena-md-field .ssmd-root--embedded:not(.ssmd-root--compact) {
    padding: 0;
}

.ss-arena-review-option .ss-arena-md-field,
.ss-arena-report .ss-arena-md-field,
.ss-arena-disqualify .ss-arena-md-field {
    margin-block: 12px;
}

.ss-arena-md-fallback {
    display: grid;
    gap: 7px;
}

.ss-arena-md-fallback > span {
    font-weight: 800;
}

.ss-arena-md-fallback textarea {
    width: 100%;
    min-height: 150px;
}

.ss-arena-md-unavailable {
    display: block;
    margin-top: 6px;
    color: #687b8e;
}

.ss-arena-markdown-compact {
    margin-top: 8px;
    font-size: .96em;
}

.ss-arena-markdown-compact > :first-child,
.ss-arena-hero-description > :first-child,
.ss-arena-court-description > :first-child {
    margin-top: 0;
}

.ss-arena-markdown-compact > :last-child,
.ss-arena-hero-description > :last-child,
.ss-arena-court-description > :last-child {
    margin-bottom: 0;
}

/* 0.8.1 member space requests */
.ss-arena-space-request {
    display: grid;
    gap: 18px;
}

.ss-arena-space-request-details {
    padding: 18px;
    border: 1px solid #d8e6f5;
    border-radius: 20px;
    background: #f8fbff;
}

.ss-arena-space-request-details > summary {
    list-style: none;
    cursor: pointer;
    width: max-content;
    max-width: 100%;
}

.ss-arena-space-request-details > summary::-webkit-details-marker {
    display: none;
}

.ss-arena-space-request-form {
    display: grid;
    gap: 18px;
    margin-top: 18px;
}

.ss-arena-space-request-form label,
.ss-arena-space-request-form fieldset,
.ss-arena-space-request-actions label {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ss-arena-space-request-form input,
.ss-arena-space-request-form select,
.ss-arena-space-request-actions select {
    width: 100%;
    border: 1px solid #b9cbe0;
    border-radius: 12px;
    padding: 12px;
    background: #fff;
    color: #11243d;
}

.ss-arena-space-request-form input[type="checkbox"] {
    width: auto;
}

.ss-arena-space-request-form fieldset {
    margin: 0;
    padding: 15px;
    border: 1px solid #d8e6f5;
    border-radius: 14px;
}

.ss-arena-space-request-form legend {
    padding: 0 8px;
    font-weight: 800;
}

.ss-arena-space-request-guest,
.ss-arena-my-space-requests {
    padding: 18px;
    border: 1px solid #d8e6f5;
    border-radius: 18px;
    background: #fff;
}

.ss-arena-space-request-list {
    display: grid;
    gap: 14px;
}

.ss-arena-space-request-list article {
    display: grid;
    gap: 10px;
    padding: 18px;
    border: 1px solid #d8e6f5;
    border-radius: 16px;
    background: #fff;
}

.ss-arena-space-request-list article > div:first-child,
.ss-arena-space-request-card > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.ss-arena-request-status {
    display: inline-flex;
    align-items: center;
    width: max-content;
    padding: 5px 10px;
    border-radius: 999px;
    background: #e8f2fc;
    color: #174f88;
    font-size: .82rem;
    font-weight: 800;
}

.ss-arena-request-status-approved,
.ss-arena-request-status-completed {
    background: #e6f6eb;
    color: #176b34;
}

.ss-arena-request-status-declined {
    background: #fbeaea;
    color: #8d2727;
}

.ss-arena-space-request-list-admin {
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}

.ss-arena-space-request-actions {
    display: grid;
    gap: 12px;
    margin-top: 8px;
}

.ss-arena-space-request-actions form {
    display: grid;
    gap: 10px;
}

.ss-arena-request-total {
    display: inline-flex;
    min-width: 38px;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #e8f2fc;
    color: #174f88;
    font-weight: 800;
}

@media (max-width: 760px) {
    .ss-arena-space-request-details {
        padding: 14px;
    }

    .ss-arena-space-request-details > summary,
    .ss-arena-space-request-details > summary.ss-arena-button {
        width: 100%;
    }

    .ss-arena-space-request-list article > div:first-child,
    .ss-arena-space-request-card > header {
        flex-direction: column;
    }
}

/* Arena 1.0 publishing, managers, favorites, and Shell integrations */
.ss-arena-compose-form[data-source-type="external"] .ss-arena-standard-fields{display:none}
.ss-arena-compose-form[data-source-type="markdown"] .ss-arena-external-fields{display:none}
.ss-arena-standard-fields{display:grid;gap:16px}
.ss-arena-external-fields{grid-template-columns:1fr;gap:14px}
.ss-arena-field-guidance{margin:0;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.045)}
.ss-arena-source-status{min-height:1.4em;margin:0;font-size:.92rem}
.ss-arena-source-status[data-state="success"]{font-weight:700}
.ss-arena-source-status[data-state="error"]{font-weight:700}
.ss-arena-md-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
.ss-arena-md-plain-label{display:grid;gap:5px;margin-bottom:7px}
.ss-arena-md-input-row textarea{width:100%;min-height:120px;resize:vertical}
.ss-arena-md-icon-button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid currentColor;border-radius:12px;background:transparent;cursor:pointer}
.ss-arena-md-icon-button:hover,.ss-arena-md-icon-button:focus-visible{transform:translateY(-1px)}
.ss-arena-md-icon{display:block}
.ss-arena-court-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ss-arena-court-favorite{flex:0 0 auto}
.ss-arena-favorite-star{font-size:1.35rem}
.ss-arena-manager-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.ss-arena-manager-label{font-weight:700}
.ss-arena-manager-avatars{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ss-arena-manager-avatar{display:inline-flex;align-items:center;gap:7px;font-size:.9rem}
.ss-arena-manager-avatar img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.ss-arena-manager-placeholder{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.12);font-weight:800}
.ss-arena-court-policy{margin:18px 0;padding:16px 18px;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:rgba(255,255,255,.72)}
.ss-arena-court-policy p{margin:0;line-height:1.65}
.ss-arena-external-card-link-only{display:grid;gap:12px}
.ss-arena-external-card-link-only p{margin:0}
.ss-arena-inline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.ss-arena-delete-post-form{display:inline-flex;margin:0}
.ss-arena-manager-select select{min-height:190px}
.ss-arena-shell-admin-panel .ss-arena-page-intro{margin-top:0}
.ss-arena-personal{display:grid;gap:18px}
.ss-arena-personal-heading{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;text-align:center}
.ss-arena-personal-heading-logo{display:grid;place-items:center;width:96px;height:96px;flex:0 0 96px;border-radius:50%;text-decoration:none;overflow:hidden}
.ss-arena-personal-heading-logo img{display:block;width:100%;height:100%;object-fit:contain}
.ss-arena-personal-heading-logo span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#0b4c82;color:#fff;font-size:2rem;font-weight:800}
.ss-arena-personal-heading>div{width:100%;min-width:0}
.ss-arena-personal-heading h2,.ss-arena-personal-heading p{margin-top:0}
.ss-arena-personal-heading h2{margin-bottom:8px}
.ss-arena-personal-heading p{margin-bottom:0}
.ss-arena-personal-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.ss-arena-personal-filters label{display:grid;gap:6px}
.ss-arena-personal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.ss-arena-personal-card{position:relative;border:1px solid rgba(0,0,0,.12);border-radius:18px;padding:14px;background:#fff}
.ss-arena-personal-card[hidden]{display:none}
.ss-arena-personal-card>a{display:grid;gap:12px;text-decoration:none;color:inherit}
.ss-arena-personal-card .ss-arena-favorite-star{position:absolute;top:10px;inset-inline-end:10px;z-index:2}
.ss-arena-personal-empty{text-align:center;padding:24px}
@media (max-width:760px){.ss-arena-personal-filters{grid-template-columns:1fr}.ss-arena-court-title-row{align-items:center}.ss-arena-manager-strip{justify-content:center}}

/* Arena 1.4.0 external post images and post updates */
.ss-arena-external-image-field{display:grid;gap:14px;padding:16px;border:1px solid #d8e6f5;border-radius:16px;background:#f8fbff}
.ss-arena-external-image-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ss-arena-external-image-heading>div{display:grid;gap:4px}
.ss-arena-external-image-heading small,.ss-arena-compose-form label small{color:#5b6d82;line-height:1.45}
.ss-arena-external-image-preview{display:grid;gap:8px;justify-items:center;padding:12px;border:1px solid rgba(18,75,133,.14);border-radius:14px;background:#fff}
.ss-arena-external-image-preview[hidden]{display:none}
.ss-arena-external-image-preview img{display:block;width:min(100%,620px);max-height:360px;object-fit:contain;border-radius:12px;background:#eef4fa}
.ss-arena-external-image-preview span{font-size:.88rem;color:#5b6d82}
.ss-arena-compose-form input[type="file"]{padding:10px;background:#fff}
.ss-arena-preview [data-arena-preview-image]{display:block;width:min(100%,620px);max-height:360px;object-fit:contain;margin:12px auto;border-radius:12px}
.ss-arena-preview [data-arena-preview-image][hidden]{display:none}
.ss-arena-post-card-external{display:grid;gap:14px;padding:18px}
.ss-arena-post-card-external>a{height:auto!important;padding:0!important}
.ss-arena-post-card-external .ss-arena-external-credits{line-height:1.55}
.ss-arena-post-card-external .ss-arena-card-footer{padding-top:4px}
@media(max-width:760px){
    .ss-arena-external-image-heading{align-items:stretch}
    .ss-arena-external-image-heading .ss-arena-button{width:100%}
    .ss-arena-post-card-external{padding:14px}
}


.ss-arena-review-external-image {
    margin: 0 0 1rem;
}
.ss-arena-review-external-image img {
    display: block;
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    border-radius: 18px;
}

/* 1.4.0 clear post actions and shared Shell QR launcher. */
.ss-arena-post-card-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(148, 163, 184, 0.24);
}

.ss-arena-deep-link,
.ss-arena-mini-qr {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    border: 1px solid rgba(88, 112, 138, 0.32);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: inherit;
    text-decoration: none;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
}

.ss-arena-deep-link {
    padding: 7px 12px;
}

.ss-arena-mini-qr {
    width: 36px;
    min-width: 36px;
    padding: 0;
}

.ss-arena-deep-link:hover,
.ss-arena-deep-link:focus-visible,
.ss-arena-mini-qr:hover,
.ss-arena-mini-qr:focus-visible {
    border-color: currentColor;
    outline: 3px solid rgba(23, 105, 170, 0.16);
    outline-offset: 2px;
}



/* Arena 1.4.0 clear actions, QR surfaces, and mobile contrast fixes. */
.ss-arena-court-title-actions,
.ss-arena-court-card-actions,
.ss-arena-personal-card-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.ss-arena-court-card {
    position: relative;
}
.ss-arena-court-card .ss-arena-court-card-link {
    padding-inline-end: 66px;
}
.ss-arena-court-card-actions {
    position: absolute;
    inset-inline-end: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.ss-arena-personal-card {
    position: relative;
}
.ss-arena-personal-card-actions {
    position: absolute;
    inset-inline-end: 12px;
    top: 12px;
    z-index: 3;
}
.ss-arena-hero-qr {
    flex: 0 0 auto;
}
.ss-arena-wiki-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 999px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #8eabc8;
    box-shadow: 0 4px 12px rgba(9, 48, 84, 0.08);
}
.ss-arena-wiki-action img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ss-arena-wiki-action:hover,
.ss-arena-wiki-action:focus-visible {
    border-color: #1769aa;
    background: #eaf5ff;
    outline: 3px solid rgba(23, 105, 170, 0.16);
    outline-offset: 2px;
}
.ss-arena-post-card-actions .ss-arena-button,
.ss-arena-post-card-actions .ss-arena-deep-link,
.ss-arena-post-card-actions .ss-arena-mini-qr,
.ss-arena-court-title-actions .ss-arena-mini-qr,
.ss-arena-court-card-actions .ss-arena-mini-qr,
.ss-arena-personal-card-actions .ss-arena-mini-qr {
    width: auto;
    color: #0a4f96 !important;
    background: #ffffff !important;
    border-color: #8eabc8 !important;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
}
.ss-arena-post-card-actions .ss-arena-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: .86rem;
    line-height: 1.2;
    font-weight: 700;
}
.ss-arena-post-card-actions .ss-arena-button:hover,
.ss-arena-post-card-actions .ss-arena-button:focus-visible,
.ss-arena-post-card-actions .ss-arena-deep-link:hover,
.ss-arena-post-card-actions .ss-arena-deep-link:focus-visible,
.ss-arena-mini-qr:hover,
.ss-arena-mini-qr:focus-visible {
    color: #063e78 !important;
    background: #eaf5ff !important;
    border-color: #1769aa !important;
}
.ss-arena-post-card-actions .ss-arena-mini-qr,
.ss-arena-court-title-actions .ss-arena-mini-qr,
.ss-arena-court-card-actions .ss-arena-mini-qr,
.ss-arena-personal-card-actions .ss-arena-mini-qr {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
}
.ss-arena-disqualify > summary {
    color: #8a1b1b;
    font-weight: 700;
    cursor: pointer;
}
@media (max-width: 760px) {
    .ss-arena-post-card-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }
    .ss-arena-post-card-actions .ss-arena-button,
    .ss-arena-post-card-actions .ss-arena-deep-link {
        width: auto;
        min-width: 0;
        flex: 0 1 auto;
    }
    .ss-arena-deep-link span,
    .ss-arena-edit-post span {
        display: inline;
    }
    .ss-arena-court-title-row {
        gap: 14px;
    }
    .ss-arena-court-title-actions {
        justify-content: center;
    }
    .ss-arena-court-card .ss-arena-court-card-link {
        padding-inline-end: 62px;
    }
}

/* Arena 1.4.0 theme-resistant button contrast. */
html body .ss-arena-button-primary {
    background: #0a4f96 !important;
    color: #ffffff !important;
    border-color: #0a4f96 !important;
    -webkit-text-fill-color: #ffffff;
    text-shadow: none !important;
}
html body .ss-arena-button-secondary {
    background: #eaf5ff !important;
    color: #073d72 !important;
    border-color: #8eabc8 !important;
    -webkit-text-fill-color: #073d72;
    text-shadow: none !important;
}
html body .ss-arena-button-danger {
    background: #a82d35 !important;
    color: #ffffff !important;
    border-color: #a82d35 !important;
    -webkit-text-fill-color: #ffffff;
    text-shadow: none !important;
}
html body .ss-arena-button-primary:hover,
html body .ss-arena-button-primary:focus-visible {
    background: #073d72 !important;
    border-color: #073d72 !important;
}
html body .ss-arena-button-secondary:hover,
html body .ss-arena-button-secondary:focus-visible {
    background: #d7ecff !important;
    color: #052f58 !important;
    border-color: #1769aa !important;
}

/* Arena 1.4.2 - separate favorite and mini QR controls and make post cards openable. */
html body .ss-arena-personal-card-actions {
    position: absolute !important;
    inset-inline-end: 12px !important;
    inset-inline-start: auto !important;
    top: 12px !important;
    z-index: 5 !important;
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 42px !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 94px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    isolation: isolate !important;
    pointer-events: auto !important;
}
html body .ss-arena-personal-card-action {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
html body .ss-arena-personal-card-action .ss-arena-favorite-star,
html body .ss-arena-personal-card-action .ss-arena-mini-qr {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 1 !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: none !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    border: 1px solid #8eabc8 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #174f88 !important;
    box-sizing: border-box !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}
html body .ss-arena-personal-card-action .ss-arena-favorite-star {
    font-family: Arial, sans-serif !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}
html body .ss-arena-personal-card-action .ss-arena-favorite-star.is-favorite {
    border-color: #79ad8a !important;
    background: #e5f7e9 !important;
    color: #16713a !important;
}
html body .ss-arena-personal-card-action .ss-arena-favorite-star:hover,
html body .ss-arena-personal-card-action .ss-arena-favorite-star:focus-visible,
html body .ss-arena-personal-card-action .ss-arena-mini-qr:hover,
html body .ss-arena-personal-card-action .ss-arena-mini-qr:focus-visible {
    border-color: #1769aa !important;
    background: #eaf5ff !important;
    color: #063e78 !important;
}
html body .ss-arena-personal-card > a {
    padding-inline-end: 112px !important;
}
.ss-arena-post-card[data-arena-post-card] {
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.ss-arena-post-card[data-arena-post-card]:hover {
    border-color: #8eabc8;
    box-shadow: 0 16px 38px rgba(12, 52, 102, .13);
    transform: translateY(-1px);
}
.ss-arena-post-card[data-arena-post-card]:focus-visible {
    outline: 3px solid rgba(23, 105, 170, .3);
    outline-offset: 3px;
}
.ss-arena-post-card-main {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 22px;
}
.ss-arena-post-card-actions {
    position: relative;
    z-index: 2;
}
@media (max-width: 760px) {
    html body .ss-arena-personal-card-actions {
        inset-inline-end: 10px !important;
        top: 10px !important;
        gap: 8px !important;
        min-width: 92px !important;
    }
    html body .ss-arena-personal-card > a {
        padding-inline-end: 108px !important;
    }
    .ss-arena-post-card-main {
        padding: 18px;
    }
}

/* Keep the court hero favorite visible as a control independent from its QR neighbor. */
html body .ss-arena-court-title-actions .ss-arena-court-favorite {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}
html body .ss-arena-court-title-actions .ss-arena-favorite-star {
    position: relative !important;
    inset: auto !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #8eabc8 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #174f88 !important;
    font-size: 26px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    -webkit-text-fill-color: currentColor !important;
}
html body .ss-arena-court-title-actions .ss-arena-favorite-star.is-favorite {
    border-color: #79ad8a !important;
    background: #e5f7e9 !important;
    color: #16713a !important;
}

/* Arena 1.4.3 - keep court logos fully visible inside their frames. */
.ss-arena-court-logo-frame-card > .ss-arena-court-logo,
.ss-arena-court-logo-frame-inline > .ss-arena-court-logo,
.ss-arena-court-logo-frame-review > .ss-arena-court-logo {
    box-sizing: border-box;
    padding: 3px;
    object-fit: contain;
    object-position: center;
}
.ss-arena-court-logo-frame-hero > .ss-arena-court-logo {
    box-sizing: border-box;
    padding: 6px;
    object-fit: contain;
    object-position: center;
}

/* Arena 1.4.4 - Shell-style compose controls and single-border post type choices. */
html body .ss-arena-compose-form .ss-arena-button-primary,
html body .ss-arena-compose-form .ss-arena-button-secondary,
html body .ss-arena-compose-form button.ss-arena-md-icon-button {
    background: linear-gradient(135deg, #0b315f, #0782bd) !important;
    border: 1px solid rgba(255, 255, 255, .38) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(5, 20, 42, .18) !important;
    text-shadow: none !important;
}

html body .ss-arena-compose-form .ss-arena-button-primary:hover,
html body .ss-arena-compose-form .ss-arena-button-primary:focus-visible,
html body .ss-arena-compose-form .ss-arena-button-secondary:hover,
html body .ss-arena-compose-form .ss-arena-button-secondary:focus-visible,
html body .ss-arena-compose-form button.ss-arena-md-icon-button:hover,
html body .ss-arena-compose-form button.ss-arena-md-icon-button:focus-visible {
    background: linear-gradient(135deg, #071627, #0782bd) !important;
    border-color: rgba(255, 255, 255, .54) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .ss-arena-compose-form button.ss-arena-md-icon-button svg {
    stroke: currentColor !important;
}

html body .ss-arena-compose-form input[type="file"]::file-selector-button {
    min-height: 42px;
    margin-inline-end: 12px;
    padding: 9px 16px;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 999px;
    background: linear-gradient(135deg, #0b315f, #0782bd);
    color: #ffffff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

html body .ss-arena-compose-form input[type="file"]::-webkit-file-upload-button {
    min-height: 42px;
    margin-inline-end: 12px;
    padding: 9px 16px;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 999px;
    background: linear-gradient(135deg, #0b315f, #0782bd);
    color: #ffffff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.ss-arena-compose-form .ss-arena-post-type-fieldset {
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.ss-arena-compose-form .ss-arena-post-type-fieldset > legend {
    margin: 0 0 12px;
    padding: 0;
    font-weight: 800;
}

.ss-arena-compose-form .ss-arena-post-type-fieldset .ss-arena-choice-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

html body .ss-arena-compose-form .ss-arena-post-type-fieldset .ss-arena-choice {
    position: relative;
    display: block !important;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 14px;
    background: transparent !important;
    box-shadow: none !important;
}

html body .ss-arena-compose-form .ss-arena-post-type-fieldset .ss-arena-choice > span {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    padding: 13px 18px;
    border: 1px solid #8eabc8;
    border-radius: 14px;
    background: #ffffff;
    color: #0b315f;
    font-weight: 800;
    text-align: center;
    box-shadow: none;
}

html body .ss-arena-compose-form .ss-arena-post-type-fieldset .ss-arena-choice input:checked + span {
    border-color: #0b4c82;
    background: linear-gradient(135deg, #0b315f, #0782bd);
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    box-shadow: 0 10px 22px rgba(5, 20, 42, .18);
}

html body .ss-arena-compose-form .ss-arena-post-type-fieldset .ss-arena-choice:focus-within > span {
    outline: 3px solid rgba(34, 113, 195, .28);
    outline-offset: 2px;
}

@media (max-width: 640px) {
    .ss-arena-compose-form .ss-arena-post-type-fieldset .ss-arena-choice-row {
        grid-template-columns: 1fr;
    }
}

/* Arena 1.5.1 - mobile court cards keep identity/actions above full-width copy. */
.ss-arena-court-card,
.ss-arena-personal-card {
    min-width: 0;
}

.ss-arena-court-card-top,
.ss-arena-personal-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    min-width: 0;
}

.ss-arena-court-card .ss-arena-court-card-logo-link,
.ss-arena-personal-card .ss-arena-personal-card-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
}

.ss-arena-court-card .ss-arena-court-card-link,
.ss-arena-personal-card .ss-arena-personal-card-copy {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
}

.ss-arena-court-card-copy,
.ss-arena-personal-card-copy {
    min-width: 0;
}

.ss-arena-court-card-copy h2,
.ss-arena-personal-card-copy h3 {
    max-width: 100%;
    margin: 0 0 10px;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.ss-arena-court-card-copy p,
.ss-arena-personal-card-copy p {
    max-width: 100%;
    margin: 0;
    overflow-wrap: break-word;
    word-break: normal;
}

html body .ss-arena-court-card-actions,
html body .ss-arena-personal-card-actions {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 3 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    isolation: isolate !important;
}

html body .ss-arena-court-card-actions .ss-arena-court-favorite {
    position: static !important;
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
}

html body .ss-arena-court-card-actions .ss-arena-favorite-star,
html body .ss-arena-court-card-actions .ss-arena-mini-qr {
    position: static !important;
    inset: auto !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    border: 1px solid #8eabc8 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #174f88 !important;
    -webkit-text-fill-color: currentColor !important;
}

html body .ss-arena-court-card-actions .ss-arena-favorite-star {
    font-family: Arial, sans-serif !important;
    font-size: 26px !important;
    line-height: 1 !important;
}

html body .ss-arena-court-card-actions .ss-arena-favorite-star.is-favorite {
    border-color: #79ad8a !important;
    background: #e5f7e9 !important;
    color: #16713a !important;
}

@media (max-width: 760px) {
    html body .ss-arena-court-card,
    html body .ss-arena-personal-card {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 18px !important;
        padding: 18px !important;
    }

    html body .ss-arena-court-card-top,
    html body .ss-arena-personal-card-top {
        align-items: center !important;
        gap: 12px !important;
    }

    html body .ss-arena-court-card .ss-arena-court-card-link,
    html body .ss-arena-personal-card .ss-arena-personal-card-copy,
    html body .ss-arena-personal-card > a {
        width: 100% !important;
        padding: 0 !important;
        padding-inline-end: 0 !important;
    }

    html body .ss-arena-court-card-copy,
    html body .ss-arena-personal-card-copy {
        text-align: start !important;
    }

    html body .ss-arena-court-card-copy h2,
    html body .ss-arena-personal-card-copy h3 {
        width: 100% !important;
        font-size: clamp(1.65rem, 8vw, 2.2rem) !important;
        line-height: 1.15 !important;
    }

    html body .ss-arena-court-card-copy p,
    html body .ss-arena-personal-card-copy p {
        width: 100% !important;
        font-size: clamp(1rem, 4.7vw, 1.25rem) !important;
        line-height: 1.55 !important;
    }
}


/* Arena 1.5.1 - multi-court publishing, app sharing setup and UI consistency. */
.ss-arena-compose-form .ss-arena-post-type-fieldset .ss-arena-choice-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
.ss-arena-compose-form .ss-arena-post-type-fieldset .ss-arena-choice { min-width: 0 !important; width: 100% !important; }

.ss-arena-court-choice-fieldset {
    margin: 0;
    padding: 18px;
    border: 1px solid #d5e4f3;
    border-radius: 20px;
    background: rgba(248, 252, 255, .96);
}
.ss-arena-court-choice-fieldset legend { padding: 0 8px; color: #0b3564; font-weight: 900; }
.ss-arena-court-choice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; }
.ss-arena-court-choice {
    display: flex !important;
    align-items: center;
    gap: 11px;
    min-height: 58px;
    padding: 11px 13px;
    border: 1px solid #cadced;
    border-radius: 15px;
    background: #fff;
    color: #153c67;
    cursor: pointer;
}
.ss-arena-court-choice:has(input:checked) { border-color: #187db6; background: #edf8ff; }
.ss-arena-court-choice input[type="checkbox"],
.ss-arena-compose-form input[type="checkbox"],
.ss-arena-space-request-form input[type="checkbox"],
.ss-arena-settings-form input[type="checkbox"],
.ss-arena-space-form input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    position: static !important;
    display: inline-block !important;
    flex: 0 0 auto;
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: initial !important;
    border-radius: 3px !important;
    background: initial !important;
    box-shadow: none !important;
    opacity: 1 !important;
    accent-color: #126fa8;
}
.ss-arena-court-choice > span { display: grid; gap: 2px; min-width: 0; }
.ss-arena-court-choice strong { color: #0c3766; font-size: 15px; }
.ss-arena-court-choice small { color: #67809b; font-size: 12px; }
.ss-arena-court-choice-error { margin: 12px 0 0; color: #a22835; font-weight: 800; }

.ss-arena-ai-checkbox,
.ss-arena-inline-check,
.ss-arena-check-row label {
    display: flex !important;
    align-items: center;
    gap: 9px;
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #173e69 !important;
    box-shadow: none !important;
}

.ss-arena-submission-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ss-arena-post-status {
    display: inline-flex;
    align-items: center;
    margin-inline-start: 10px;
    padding: 6px 11px;
    border: 1px solid #c8dded;
    border-radius: 999px;
    background: #edf7fd;
    color: #174f7c;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

.ss-arena-share-setup {
    border: 1px solid rgba(16, 83, 134, .2);
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(229,245,255,.96));
}
.ss-arena-share-steps { display: grid; gap: 10px; margin: 18px 0; padding-inline-start: 24px; color: #173e69; }
.ss-arena-share-steps li { padding-inline-start: 5px; line-height: 1.6; }
.ss-arena-share-setup-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ss-arena-share-install-status { margin: 14px 0 0; color: #526f8c; font-size: 14px; }

/* Remove WordPress visual language from Arena surfaces. */
body.ss-arena-page .ss-arena-button,
body.ss-arena-page .ss-arena-button-primary,
body.ss-arena-page .ss-arena-button-secondary,
body.ss-arena-page .ss-arena-tab {
    min-height: 42px !important;
    padding: 10px 17px !important;
    border: 1px solid rgba(18, 73, 119, .22) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #123e6c !important;
    box-shadow: none !important;
    font: inherit !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}
body.ss-arena-page .ss-arena-button-primary,
body.ss-arena-page .is-active {
    border-color: transparent !important;
    background: linear-gradient(135deg, #0f4b84, #1689bd) !important;
    color: #fff !important;
}
body.ss-arena-page .ss-arena-notice,
body.ss-arena-page .ss-arena-panel,
body.ss-arena-page .ss-arena-table,
body.ss-arena-page .ss-arena-form-table,
body.ss-arena-page .ss-arena-shell {
    border-radius: 18px !important;
    border-color: rgba(18, 73, 119, .14) !important;
    box-shadow: none !important;
    font-family: inherit !important;
}

@media (max-width: 640px) {
    .ss-arena-compose-form .ss-arena-post-type-fieldset .ss-arena-choice-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .ss-arena-compose-form .ss-arena-post-type-fieldset .ss-arena-choice > span { padding: 12px 8px !important; text-align: center; }
    .ss-arena-court-choice-grid { grid-template-columns: 1fr; }
    .ss-arena-share-setup-actions { display: grid; grid-template-columns: 1fr; }
    .ss-arena-share-setup-actions > * { width: 100%; justify-content: center; }
}

/* Event hub panel */
.ss-arena-event-panel {
    margin-block: 1.5rem;
}

.ss-arena-event-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1rem;
}

.ss-arena-event-card {
    display: flex;
    flex-direction: column;
    min-height: 190px;
    padding: 1rem;
    border: 1px solid var(--ss-arena-border, rgba(15, 23, 42, 0.14));
    border-radius: 18px;
    background: var(--ss-arena-card, #fff);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.07);
}

.ss-arena-event-card-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.ss-arena-event-card h3 {
    margin: 0.85rem 0 0.5rem;
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    line-height: 1.35;
}

.ss-arena-event-status,
.ss-arena-event-sport {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
}

.ss-arena-event-status {
    background: rgba(37, 99, 235, 0.1);
}

.ss-arena-event-card-completed .ss-arena-event-status {
    background: rgba(22, 163, 74, 0.12);
}

.ss-arena-event-card-upcoming .ss-arena-event-status {
    background: rgba(217, 119, 6, 0.14);
}

.ss-arena-event-sport {
    background: rgba(15, 23, 42, 0.06);
}

.ss-arena-event-date {
    margin: 0 0 1rem;
    color: var(--ss-arena-muted, #64748b);
}

.ss-arena-event-card .ss-arena-button {
    margin-top: auto;
    align-self: flex-start;
}

.ss-arena-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Arena 1.9.13 - native ShaySport mini QR control and verified shared ShaySport runner circle source. */
html body button.ss-arena-mini-qr.ss-arena-icon-control {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: static !important;
    inset: auto !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #8eabc8 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #174f88 !important;
    box-shadow: 0 5px 14px rgba(9, 48, 84, 0.10) !important;
    font: inherit !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-transform: none !important;
    -webkit-text-fill-color: currentColor !important;
    cursor: pointer !important;
    vertical-align: middle !important;
}
html body button.ss-arena-mini-qr.ss-arena-icon-control::before,
html body button.ss-arena-mini-qr.ss-arena-icon-control::after {
    display: none !important;
    content: none !important;
}
html body button.ss-arena-mini-qr.ss-arena-icon-control svg {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    margin: 0 !important;
    color: inherit !important;
    fill: currentColor !important;
    pointer-events: none !important;
}
html body button.ss-arena-mini-qr.ss-arena-icon-control:hover,
html body button.ss-arena-mini-qr.ss-arena-icon-control:focus-visible {
    border-color: #1769aa !important;
    background: #eaf5ff !important;
    color: #063e78 !important;
    outline: 3px solid rgba(23, 105, 170, 0.20) !important;
    outline-offset: 2px !important;
    box-shadow: 0 7px 18px rgba(9, 48, 84, 0.14) !important;
}
@media (max-width: 760px) {
    html body .ss-arena-home-hero .ss-arena-actions {
        display: flex !important;
        grid-template-columns: none !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
    }
    html body .ss-arena-home-hero .ss-arena-actions .ss-arena-button {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }
    html body .ss-arena-home-hero .ss-arena-actions .ss-arena-hero-qr {
        flex: 0 0 46px !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
    }
}


/* Arena 1.9.14 - fixed author avatar frames and verified Toot author logo. */
html body .ss-arena-author {
    --ss-arena-author-avatar-size: 34px;
}
html body .ss-arena-author.ss-arena-author-single {
    --ss-arena-author-avatar-size: 44px;
}
html body .ss-arena-author > .ss-arena-author-avatar {
    position: relative !important;
    inset: auto !important;
    display: inline-block !important;
    flex: 0 0 var(--ss-arena-author-avatar-size) !important;
    width: var(--ss-arena-author-avatar-size) !important;
    min-width: var(--ss-arena-author-avatar-size) !important;
    max-width: var(--ss-arena-author-avatar-size) !important;
    height: var(--ss-arena-author-avatar-size) !important;
    min-height: var(--ss-arena-author-avatar-size) !important;
    max-height: var(--ss-arena-author-avatar-size) !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #eef6ff !important;
    box-shadow: 0 0 0 1px rgba(20, 77, 134, .12) !important;
    line-height: 0 !important;
    vertical-align: middle !important;
    contain: layout paint !important;
}
html body .ss-arena-author > .ss-arena-author-avatar > img.ss-arena-author-avatar-image {
    position: static !important;
    inset: auto !important;
    display: block !important;
    float: none !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
}
html body .ss-arena-author-system > .ss-arena-author-avatar > img.ss-arena-author-avatar-image,
html body .ss-arena-author-anonymous > .ss-arena-author-avatar > img.ss-arena-author-avatar-image {
    object-fit: contain !important;
}


html body .ss-arena-court-logo-frame {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    contain: layout paint !important;
}
html body .ss-arena-court-logo-frame-hero {
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
    height: 136px !important;
    min-height: 136px !important;
    max-height: 136px !important;
}
html body .ss-arena-court-logo-frame-card {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
}
html body .ss-arena-court-logo-frame-inline {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
}
html body .ss-arena-court-logo-frame-review {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
}
html body .ss-arena-court-logo-frame > img.ss-arena-court-logo {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
}


/* Arena canonical post media and QR source actions. */
.ss-arena-single-post-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e2ebf4}
.ss-arena-single-post-heading{min-width:0}
.ss-arena-single-post-actions{display:flex;flex:0 0 auto;align-items:center;padding-top:2px}
.ss-arena-post-image-link{display:block;width:100%;overflow:hidden;background:#eaf2fa;text-decoration:none}
.ss-arena-post-image-link-card{border-radius:18px 18px 0 0}
.ss-arena-post-image-link-single{margin:0 0 18px;border-radius:16px}
.ss-arena-post-image-frame{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;line-height:0;box-sizing:border-box}
.ss-arena-post-image{display:block;width:auto;max-width:100%;height:auto;object-fit:contain;object-position:center}
.ss-arena-post-image-link-card .ss-arena-post-image{max-height:240px}
.ss-arena-post-image-link-single .ss-arena-post-image{max-height:460px}
.ss-arena-post-card-external{display:grid;gap:14px;padding:18px}
.ss-arena-post-card-external .ss-arena-post-image-link-card{border-radius:16px}
.ss-arena-post-card-external .ss-arena-external-credits{line-height:1.55}
.ss-arena-post-card-external .ss-arena-card-footer{padding-top:4px}
.ss-arena-external-source-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px}
.ss-arena-external-card-link-only{display:grid;gap:12px}
.ss-arena-external-card-link-only .ss-arena-external-source-actions{margin:0}
@media(max-width:760px){
    .ss-arena-court-hero{grid-template-columns:72px minmax(0,1fr);gap:14px;text-align:start;padding:16px}
    .ss-arena-court-hero > .ss-arena-court-logo-frame{width:72px;height:72px;margin:0}
    .ss-arena-single-post-hero{gap:10px}
    .ss-arena-post-card-external{padding:14px}
}

/* Arena 1.10.0 official brand assets, installation control and Expansion band. */
html body .ss-arena-master-logo {
    display: block !important;
    width: clamp(138px, 22vw, 190px) !important;
    height: auto !important;
    max-width: 48vw !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: 0 14px 34px rgba(10, 53, 110, .16) !important;
}
html body .ss-arena-character {
    display: block !important;
    width: min(100%, 460px) !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 22px !important;
}
html body [data-arena-install-share].ss-arena-button,
html body [data-arena-install-share].ss-arena-button-primary {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
    background: linear-gradient(135deg, #0f4b84, #1689bd) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    cursor: pointer !important;
}
html body [data-arena-install-share][disabled] {
    opacity: .72 !important;
    cursor: default !important;
}
html body .ss-arena-expansion {
    display: flex !important;
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 5px 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
    scrollbar-width: thin !important;
    direction: inherit !important;
}
html body .ss-arena-expansion-button {
    display: inline-flex !important;
    flex: 0 0 52px !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 4px !important;
    border: 1px solid rgba(18, 73, 119, .2) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #123e6c !important;
    box-shadow: none !important;
    font: inherit !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    transition: width .18s ease, max-width .18s ease, flex-basis .18s ease, background .18s ease !important;
}
html body .ss-arena-expansion-button.is-active {
    flex: 0 0 auto !important;
    flex-basis: auto !important;
    width: max-content !important;
    min-width: 138px !important;
    max-width: calc(100vw - 88px) !important;
    justify-content: flex-start !important;
    padding-inline: 7px 11px !important;
    border-color: #164f83 !important;
    background: #164f83 !important;
    color: #fff !important;
    overflow: visible !important;
    white-space: normal !important;
}
html body .ss-arena-expansion-logo {
    display: inline-grid !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    place-items: center !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .94) !important;
}
html body .ss-arena-expansion-logo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
html body .ss-arena-expansion-title {
    display: none !important;
    min-width: 0 !important;
}
html body .ss-arena-expansion-button.is-active .ss-arena-expansion-title {
    display: block !important;
    width: max-content !important;
    max-width: min(34ch, calc(100vw - 154px)) !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    text-align: start !important;
}
html body .ss-arena-expansion-add {
    order: 2147483647 !important;
    flex: 0 0 52px !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    margin-inline-start: auto !important;
    border-style: dashed !important;
    font-size: 30px !important;
    line-height: 1 !important;
}
html body .ss-arena-shell-court-surface {
    width: 100% !important;
    min-width: 0 !important;
}
@media (max-width: 560px) {
    html body .ss-arena-expansion-button.is-active {
        min-width: 126px !important;
        max-width: calc(100vw - 78px) !important;
    }
    html body .ss-arena-expansion-button.is-active .ss-arena-expansion-title {
        max-width: min(28ch, calc(100vw - 142px)) !important;
        font-size: 10.5px !important;
    }
    html body .ss-arena-character {
        width: 100% !important;
        max-height: none !important;
    }
}

/* 1.10.0 - keep the Arena installer actionable and legible in every Shell surface. */
html body .ss-arena-share-setup-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 12px !important;
}
html body .ss-arena-share-setup-actions > [data-arena-install-share] {
    flex: 1 1 230px !important;
    min-width: min(100%, 230px) !important;
    min-height: 52px !important;
    background: linear-gradient(135deg, #0b477f 0%, #109fd1 100%) !important;
    border-color: #0b477f !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .18) !important;
    box-shadow: 0 10px 24px rgba(11, 71, 127, .2) !important;
}
html body .ss-arena-share-setup-actions > [data-arena-install-share]:focus-visible {
    outline: 3px solid rgba(16, 159, 209, .4) !important;
    outline-offset: 3px !important;
}


/* 1.10.0 - readable Arena Expansion tiles with transparent logo media. */
html body .ss-arena-expansion {
    height: 88px !important;
    min-height: 88px !important;
    padding: 6px 8px !important;
    align-items: stretch !important;
}
html body .ss-arena-expansion-button,
html body .ss-arena-expansion-button.is-active {
    display: inline-flex !important;
    flex: 0 0 94px !important;
    width: 94px !important;
    min-width: 94px !important;
    max-width: 132px !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 4px 7px !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-align: center !important;
}
html body .ss-arena-expansion-button.is-active {
    border-color: #164f83 !important;
    background: #164f83 !important;
    color: #fff !important;
}
html body .ss-arena-expansion-logo {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
}
html body .ss-arena-expansion-logo img {
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
    background: transparent !important;
}
html body .ss-arena-expansion-title,
html body .ss-arena-expansion-button.is-active .ss-arena-expansion-title {
    display: -webkit-box !important;
    width: 100% !important;
    max-width: 118px !important;
    min-height: 22px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    text-align: center !important;
}
html body .ss-arena-expansion-add {
    flex-basis: 58px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
}

/* Arena 1.13.0 canonical compact heroes without overlap. */
html body .ss-arena-court-hero {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 12px 14px !important;
    min-height: 0 !important;
    text-align: start !important;
}
html body .ss-arena-court-hero > .ss-arena-court-logo-frame,
html body .ss-arena-court-hero > .ss-arena-court-logo-frame-hero {
    position: relative !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
    margin: 0 !important;
    align-self: start !important;
    overflow: hidden !important;
}
html body .ss-arena-court-hero-copy {
    display: grid !important;
    min-width: 0 !important;
    gap: 7px !important;
}
html body .ss-arena-court-title-row {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-width: 0 !important;
}
html body .ss-arena-court-title-row > div:first-child {
    min-width: 0 !important;
}
html body .ss-arena-court-title-row h1 {
    margin: 0 !important;
    font-size: clamp(1.65rem, 5vw, 2.45rem) !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
}
html body .ss-arena-court-title-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 6px !important;
}
html body .ss-arena-court-description {
    margin: 0 !important;
    min-width: 0 !important;
    font-size: .98rem !important;
    line-height: 1.4 !important;
}
html body .ss-arena-court-description > :first-child,
html body .ss-arena-court-description > :last-child {
    margin-block: 0 !important;
}
html body .ss-arena-manager-strip {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin-top: 0 !important;
    min-width: 0 !important;
}
html body .ss-arena-manager-avatar img {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    object-fit: contain !important;
    background: transparent !important;
}
html body .ss-arena-court-hero .ss-arena-actions {
    margin-top: 0 !important;
}
html body .ss-arena-single-post-hero {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
}
html body .ss-arena-single-post h1 {
    margin: 2px 0 4px !important;
    font-size: clamp(1.45rem, 4vw, 2rem) !important;
    line-height: 1.12 !important;
}
@media (max-width: 760px) {
    html body .ss-arena-court-hero {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 10px 12px !important;
    }
    html body .ss-arena-court-hero > .ss-arena-court-logo-frame,
    html body .ss-arena-court-hero > .ss-arena-court-logo-frame-hero {
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;
        height: 68px !important;
        min-height: 68px !important;
        max-height: 68px !important;
    }
    html body .ss-arena-court-title-row {
        gap: 6px !important;
    }
    html body .ss-arena-court-title-row h1 {
        font-size: clamp(1.5rem, 7.4vw, 2rem) !important;
    }
    html body .ss-arena-court-description {
        font-size: .92rem !important;
        line-height: 1.35 !important;
    }
}

.ss-arena-wiki-card{display:flex;align-items:center;gap:16px;margin:24px 0;padding:18px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:#fff;color:#123f68;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.ss-arena-wiki-card:hover,.ss-arena-wiki-card:focus-visible{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.17)}
.ss-arena-wiki-card-logo{display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;border-radius:50%;overflow:hidden;background:#eef7fc;border:2px solid #d6e9f5}
.ss-arena-wiki-card-logo img{width:100%;height:100%;object-fit:contain}
.ss-arena-wiki-card-copy{display:grid;gap:5px;min-width:0}
.ss-arena-wiki-card-copy strong{font-size:1.2rem;color:#0d5f97}
.ss-arena-wiki-card-copy span{line-height:1.5;color:#355a77}


/* 1.15.1 - Court hero without the duplicate large logo that overlapped mobile titles. */
html body .ss-arena-court-hero{grid-template-columns:minmax(0,1fr)!important}
html body .ss-arena-court-hero-copy{width:100%!important}

.ss-arena-article-fields{display:none;gap:14px}
.ss-arena-compose-form[data-source-type="article"] .ss-arena-article-fields{display:grid}
.ss-arena-compose-form[data-source-type="article"] .ss-arena-standard-fields,.ss-arena-compose-form[data-source-type="article"] .ss-arena-external-fields{display:none}
.ss-arena-article-card{display:grid;grid-template-columns:minmax(0,180px) 1fr;gap:18px;align-items:start}
.ss-arena-article-card-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px}
.ss-arena-article-card h2{margin-top:0}
@media(max-width:680px){.ss-arena-article-card{grid-template-columns:1fr}}


/* 1.28.1 - compact canonical article cards; one frame, bounded media, no mobile overflow. */
.ss-arena-feed-section{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}
.ss-arena-feed-section .ss-arena-post-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
    gap:14px;
    min-width:0;
}
.ss-arena-post-card-article{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:14px!important;
    overflow:hidden!important;
    border-radius:18px!important;
}
.ss-arena-post-card-article .ss-arena-article-preview-media{
    width:104px!important;
    height:82px!important;
    min-width:0!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background:#edf3f8!important;
}
.ss-arena-post-card-article .ss-arena-article-preview-image{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
}
.ss-arena-post-card-article .ss-arena-post-card-main{
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
}
.ss-arena-post-card-article .ss-arena-article-preview-link{
    display:block!important;
    height:auto!important;
    padding:0!important;
    color:inherit!important;
    text-decoration:none!important;
    min-width:0!important;
}
.ss-arena-post-card-article .ss-arena-article-preview-link h2{
    margin:5px 0 6px!important;
    font-size:clamp(1.05rem,3.7vw,1.35rem)!important;
    line-height:1.22!important;
    overflow-wrap:anywhere!important;
}
.ss-arena-post-card-article .ss-arena-post-card-main p{
    display:-webkit-box!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
}
.ss-arena-post-card-article .ss-arena-post-card-actions{
    align-self:center!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}
@media(max-width:620px){
    .ss-arena-feed-section .ss-arena-post-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
    .ss-arena-post-card-article{
        grid-template-columns:76px minmax(0,1fr) 42px!important;
        gap:10px!important;
        padding:10px!important;
        border-radius:16px!important;
    }
    .ss-arena-post-card-article .ss-arena-article-preview-media{width:76px!important;height:66px!important;border-radius:10px!important}
    .ss-arena-post-card-article .ss-arena-post-card-main p{-webkit-line-clamp:2!important;font-size:.92rem!important}
    .ss-arena-post-card-article .ss-arena-post-card-actions{width:42px!important;justify-content:center!important}
    .ss-arena-post-card-article .ss-arena-post-card-actions .ss-arena-mini-qr{width:40px!important;height:40px!important;min-width:40px!important;padding:6px!important}
}


/* Arena 1.30.0 - dedicated post comments and court discussion pages. */
.ss-arena-conversation-page{display:grid;gap:18px}
.ss-arena-conversation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;border:1px solid #c9dced;border-radius:18px;background:#f8fbfe}
.ss-arena-conversation-heading h1{margin:6px 0 0;font-size:clamp(1.45rem,3vw,2.2rem);color:#17324d}
.ss-arena-conversation-subject{margin:7px 0 0;font-weight:800;color:#60788e}
.ss-arena-conversation-form{display:grid;gap:12px;padding:18px;border:1px solid #d5e4ef;border-radius:16px;background:#fff}
.ss-arena-comments-list{display:grid;gap:12px}
.ss-arena-comment-card{display:grid;gap:10px;margin:0;padding:16px;border:1px solid #d9e5ee;border-radius:16px;background:#fff}
.ss-arena-comment-card header{display:flex;align-items:center;gap:10px}
.ss-arena-comment-login{display:grid;gap:10px}
.ss-arena-court-discussion-page>.ss-arena-forum{margin:0}
@media(max-width:700px){.ss-arena-conversation-heading{flex-direction:column;align-items:stretch;padding:15px}.ss-arena-conversation-heading>.ss-arena-button{width:100%;justify-content:center}}


/* Arena 1.30.0 uses the shared ShayOS linked-content renderer for external posts. */
.ss-arena-post-card-external>.shayos-linked-content-card{margin:0;width:100%;box-shadow:none;border-radius:22px}
.ss-arena-post-card-external .shayos-linked-content-card__body{min-width:0}
.ss-arena-post-card-external .ss-arena-external-credits{margin:10px 16px 0;overflow-wrap:anywhere}