/*
 * Argos — public website styles
 * Consolidated from all argos-* page views (Phases 12.2–12.x).
 * Included via <link> by each top-level Argos content.phtml.
 * Partials (tournament-card, activity-item, mobile-bottom-nav) share these styles.
 */

/* == Variables ============================================================== */
:root {
    --atd-accent: #e8540e;
    --argos-accent: #e8540e;
}

/* == Tournaments listing (argos/) - 'All Tournaments' (Sep 2026 redesign) === */
.atl-page .albi-title { text-transform: none; letter-spacing: 0; }

.atl-filters { padding: 4px 0 14px; }
.atl-frow { display: flex; align-items: center; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 8px; }
.atl-frow::-webkit-scrollbar { display: none; }
.atl-chip { flex: 0 0 auto; padding: 8px 16px; border-radius: 20px; background: rgba(128,128,128,.14); color: inherit; font-size: 12px; font-weight: 700; letter-spacing: .02em; text-decoration: none; white-space: nowrap; }
.atl-chip.on { background: var(--argos-accent); color: #fff; }
.atl-country-select { flex: 0 0 auto; -webkit-appearance: none; appearance: none; padding: 8px 30px 8px 14px; border-radius: 20px; border: 0; background: rgba(128,128,128,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center; color: inherit; font-size: 12px; font-weight: 700; max-width: 150px; cursor: pointer; }

.atl-card-list { margin-top: 4px; display: flex; flex-direction: column; gap: 10px; }
.atl-card { display: flex; align-items: center; gap: 18px; padding: 20px; border-radius: 14px; background: #1c1c1c; border: 1px solid rgba(128,128,128,.16); }
.atl-card-icon { flex: 0 0 140px; width: 140px; height: 140px; border-radius: 12px; overflow: hidden; background: rgba(128,128,128,.16); display: flex; align-items: center; justify-content: center; }
.atl-card-icon img { width: 100%; height: 100%; object-fit: cover; }
.atl-card-icon-ph { font-weight: 800; font-size: 22px; opacity: .6; }

.atl-card-body { flex: 1 1 auto; min-width: 0; }
.atl-badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 11px; border-radius: 20px; font-size: 11px; font-weight: 800; letter-spacing: .04em; margin-bottom: 7px; }
.atl-badge-live { background: rgba(224,48,48,.18); color: #ff5252; }
.atl-badge-live .atl-badge-dot { width: 6px; height: 6px; border-radius: 50%; background: #ff5252; }
.atl-badge-soon { background: rgba(128,128,128,.18); color: #b7b7b7; }
.atl-badge-finished { background: rgba(128,128,128,.14); color: #808080; }
.atl-card-name { display: flex; align-items: center; gap: 6px; font-size: 22px; font-weight: 700; color: inherit; text-decoration: none !important; margin-bottom: 6px; }
.atl-card-name:hover { color: var(--argos-accent); }
.atl-star-feat { color: #f5a623; flex: 0 0 auto; }
.atl-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 16px; font-size: 14px; opacity: .7; }
.atl-meta-item { display: inline-flex; align-items: center; gap: 6px; }
.atl-meta-item svg { flex-shrink: 0; opacity: .8; }
.atl-flag { font-size: 15px; line-height: 1; }
.atl-meta-prize { color: var(--argos-accent); opacity: 1; font-weight: 700; }

.atl-card-actions { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.atl-follow-btn { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(128,128,128,.35); background: transparent; color: inherit; display: flex; align-items: center; justify-content: center; cursor: pointer; align-self: flex-end; }
.atl-follow-btn.on { border-color: var(--argos-accent); color: var(--argos-accent); background: rgba(232,84,14,.12); }
.atl-action { display: inline-flex; align-items: center; gap: 6px; padding: 10px 22px; border-radius: 20px; font-size: 14px; font-weight: 800; letter-spacing: .02em; text-decoration: none; white-space: nowrap; border: 0; cursor: pointer; }
.atl-action-enter { background: var(--argos-accent); color: #fff; }
.atl-action-enter:hover { opacity: .9; color: #fff; }
.atl-action-entered { background: rgba(34,160,80,.16); color: #2fbf62; }
.atl-action-closed { background: rgba(128,128,128,.14); color: #808080; }

.atl-empty { text-align: center; padding: 50px 16px; opacity: .6; }
.atl-load-more-wrap { text-align: center; margin-top: 8px; }
.atl-load-more { padding: 9px 26px; border-radius: 999px; border: 1px solid rgba(128,128,128,.35); background: transparent; color: inherit; cursor: pointer; font-weight: 600; }
.atl-load-more.loading { opacity: .5; pointer-events: none; }

@media (max-width: 600px) {
    .atl-page .singlecol { padding-left: 0; padding-right: 0; }
    .atl-page { padding-bottom: 80px; }
    .atl-card { padding: 10px; gap: 10px; }
    .atl-card-icon { flex-basis: 44px; width: 44px; height: 44px; }
    .atl-card-name { font-size: 14px; }
    .atl-meta-item { font-size: 11px; }
    .atl-action { padding: 6px 13px; font-size: 11px; }
    .sd_page_argos { width: 100% !important; }
}

/* == Tournament detail (argos-tournament/) ================================== */
.atd-page .atd-back-bar { display: none; }
@media (max-width: 600px) {
    .atd-page .atd-back-bar { display: flex; align-items: center; gap: 10px; }
    .atd-page .atd-back-bar a { color: inherit; text-decoration: none; display: flex; align-items: center; gap: 6px; font-size: 18px; font-weight: 700; }
    .atd-page .atd-back-bar svg { width: 22px; height: 22px; }
}
.atd-hero { position: relative; border-radius: 14px; overflow: hidden; background: #1a1a1a; min-height: 350px; background-size: cover; background-position: center top; margin-bottom: 14px; margin-top: 15px; }
/* The heavy left-to-right gradient existed to keep the action buttons legible while they
   sat ON the banner. They now sit below it, so that gradient would just be a dark smear
   down one side of the photo. Reduced to an even scrim, which still gives the rounded
   card some depth against a bright image. */
.atd-hero-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.18); }
.new_market.wow_main_float_head { background-image: none !important; }
.atd-hero-leader-label { margin-top: 25px; font-size: 11px; font-weight: 800; letter-spacing: .08em; color: var(--atd-accent); margin-bottom: 4px; }
.atd-hero-name { font-size: 24px; font-weight: 800; color: #fff; line-height: 1.15; margin-bottom: 2px; }
.atd-hero-division { font-size: 13px; font-weight: 700; color: var(--atd-accent); letter-spacing: .04em; margin-bottom: 2px; }
.atd-hero-cat { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.75); margin-bottom: 10px; }
.atd-hero-score { font-size: 38px; font-weight: 900; color: var(--atd-accent); line-height: 1; }
.atd-hero-score-unit { font-size: 20px; font-weight: 700; }
.atd-hero-who-name { display: block; font-size: 15px; font-weight: 700; color: #fff; margin-top: 4px; }
.atd-hero-who-zone { display: block; font-size: 13px; color: rgba(255,255,255,.6); }
/* The banner action row (.atd-hero-actions) and its buttons live in the Tournament Hub
   block at the end of this file - one definition each. */
.atd-keyword-card { display: flex; align-items: center; gap: 14px; background: rgba(232,84,14,.07); border: 1px solid rgba(232,84,14,.22); border-radius: 12px; padding: 14px 16px; margin-bottom: 14px; cursor: pointer; }
.atd-keyword-card svg { flex-shrink: 0; color: var(--atd-accent); width: 22px; height: 22px; }
.atd-keyword-kw { font-size: 14px; }
.atd-keyword-kw strong { color: var(--atd-accent); font-weight: 800; }
.atd-keyword-sub { font-size: 12px; opacity: .6; display: block; margin-top: 2px; }
.atd-stats-row { display: flex; gap: 10px; flex-wrap: wrap; background: #212121; border: 1px solid rgba(128,128,128,.2); border-radius: 12px; padding: 14px 16px; margin-bottom: 14px; }
.atd-stat-item { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: 1; min-width: 70px; text-align: center; }
.atd-stat-icon { color: var(--atd-accent); }
.atd-stat-icon svg { width: 20px; height: 20px; }
.atd-stat-val { font-size: 15px; font-weight: 800; line-height: 1; }
.atd-stat-label { font-size: 10px; font-weight: 600; letter-spacing: .04em; opacity: .55; }
/* Recurring season: names the period the countdown is running to (e.g. "SEPTEMBER 2026") */
.atd-stat-period { margin-top: 2px; font-size: 9px; letter-spacing: .05em; opacity: .4; }
.atd-standing-card { background: #212121; border: 1px solid rgba(128,128,128,.2); border-radius: 14px; padding: 18px; margin-bottom: 14px; }
.atd-standing-title { font-size: 11px; font-weight: 800; letter-spacing: .08em; opacity: .55; margin-bottom: 14px; }
.atd-no-entry-body { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 18px; }
.atd-no-entry-icon { flex-shrink: 0; opacity: .25; }
.atd-no-entry-icon svg { width: 48px; height: 48px; }
.atd-no-entry-heading { font-size: 16px; font-weight: 800; margin-bottom: 6px; }
.atd-no-entry-desc { font-size: 13px; opacity: .65; line-height: 1.45; margin-bottom: 6px; }
.atd-no-entry-kw { font-size: 13px; }
.atd-no-entry-kw strong { color: var(--atd-accent); font-weight: 800; }
.atd-standing-no-entry .atd-no-entry-icon { opacity: .2; }
.atd-submit-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-left: auto; margin-right: auto; background: var(--atd-accent); color: #fff !important; font-size: 14px; font-weight: 800; letter-spacing: .06em; padding: 15px; border-radius: 10px; text-decoration: none !important; margin-bottom: 12px; }
.atd-submit-btn svg { width: 18px; height: 18px; }
.atd-submit-btn:hover { opacity: .9; color: #fff !important; text-decoration: none !important; }
.atd-view-lb-link { display: block; text-align: center; font-size: 13px; font-weight: 600; color: var(--atd-accent); text-decoration: none !important; }
.atd-view-lb-link:hover { opacity: .8; }
.atd-has-entry { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.atd-he-avatar { width: 44px; height: 44px; border-radius: 50%; background: rgba(232,84,14,.12); border: 1.5px solid rgba(232,84,14,.4); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.atd-he-avatar svg { width: 22px; height: 22px; color: var(--atd-accent); }
.atd-he-rank-label { font-size: 9px; font-weight: 800; letter-spacing: .08em; color: var(--atd-accent); }
.atd-he-rank-val { font-size: 26px; font-weight: 900; color: #fff; line-height: 1; }
.atd-he-vsep { width: 1px; height: 36px; background: rgba(255,255,255,.12); flex-shrink: 0; margin: 0 2px; }
.atd-he-stat { display: flex; flex-direction: column; }
.atd-he-stat-val { font-size: 16px; font-weight: 800; line-height: 1.15; display: flex; align-items: center; gap: 4px; }
.atd-he-stat-val svg { width: 14px; height: 14px; color: var(--atd-accent); flex-shrink: 0; }
.atd-he-stat-label { font-size: 9px; font-weight: 700; letter-spacing: .06em; opacity: .5; margin-top: 1px; }
.atd-prize-badge { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .05em; background: rgba(232,84,14,.15); color: var(--atd-accent); padding: 3px 9px; border-radius: 4px; }
.atd-he-actions { margin-left: auto; flex-shrink: 0; display: flex; gap: 8px; align-items: center; }
.atd-he-view-btn { flex-shrink: 0; background: var(--atd-accent); color: #fff !important; font-size: 12px; font-weight: 800; letter-spacing: .06em; padding: 13px 16px; border-radius: 8px; text-decoration: none !important; white-space: nowrap; display: inline-flex; align-items: center; }
.atd-he-view-btn:hover { opacity: .9; color: #fff !important; text-decoration: none !important; }
.atd-he-submit-btn { flex-shrink: 0; background: transparent; color: var(--atd-accent) !important; border: 1.5px solid var(--atd-accent); font-size: 12px; font-weight: 800; letter-spacing: .06em; padding: 11px 14px; border-radius: 8px; text-decoration: none !important; white-space: nowrap; display: inline-flex; align-items: center; }
.atd-he-submit-btn:hover { background: rgba(232,84,14,.08); color: var(--atd-accent) !important; text-decoration: none !important; }
.atd-standing-divcat { font-size: 11px; font-weight: 700; letter-spacing: .05em; color: var(--atd-accent); text-transform: uppercase; margin-bottom: 10px; }
.atd-he-total-entries { font-size: 12px; opacity: .45; margin-top: 12px; }
.atd-he-total-entries a { color: inherit; text-decoration: underline; opacity: .8; }
.atd-he-total-entries a:hover { opacity: 1; }
.atd-detail-tabs-wrap { background: #212121; border: 1px solid rgba(128,128,128,.2); border-radius: 14px; padding: 14px 16px; margin-bottom: 14px; }
.atd-detail-tabs { display: flex; gap: 6px; border-bottom: 1px solid rgba(255,255,255,.08); margin-bottom: 12px; padding-bottom: 2px; }
.atd-detail-tab-btn { flex: none; background: none; border: none; cursor: pointer; font-size: 13px; font-weight: 700; color: rgba(255,255,255,.45); padding: 6px 12px; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color .15s, border-color .15s; }
.atd-detail-tab-btn.active { color: var(--atd-accent); border-bottom-color: var(--atd-accent); }
.atd-detail-tab-panel { padding-top: 4px; }
.atd-detail-div { margin-bottom: 10px; }
.atd-detail-div:last-child { margin-bottom: 0; }
.atd-detail-div-name { font-size: 13px; font-weight: 700; display: block; margin-bottom: 5px; }
.atd-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.atd-chip-tag { font-size: 12px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 20px; padding: 3px 10px; }
.atd-chip-zone { border-color: rgba(232,84,14,.25); background: rgba(232,84,14,.07); }
.atd-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.atd-section-label { font-size: 12px; font-weight: 800; letter-spacing: .06em; }
.atd-section-link { font-size: 12px; font-weight: 700; color: var(--atd-accent); text-decoration: none !important; }
.atd-kw-modal .modal-dialog { max-width: 380px; }
.atd-kw-mc { background: #1e1e1e; border-radius: 20px; border: none; padding: 28px 24px 24px; position: relative; color: #fff; }
.atd-kw-close { position: absolute; top: 14px; right: 14px; background: rgba(255,255,255,.1); border: none; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; padding: 0; }
.atd-kw-close svg { width: 16px; height: 16px; }
.atd-kw-title { font-size: 18px; font-weight: 800; text-align: center; margin-bottom: 12px; }
.atd-kw-word { font-size: 54px; font-weight: 900; color: var(--atd-accent); text-align: center; line-height: 1; margin-bottom: 14px; letter-spacing: .02em; word-break: break-all; }
.atd-kw-desc { font-size: 14px; text-align: center; opacity: .75; line-height: 1.55; margin-bottom: 0; }
.atd-kw-hr { border: none; border-top: 1px solid rgba(255,255,255,.1); margin: 18px 0; }
.atd-kw-why { display: flex; gap: 14px; align-items: flex-start; }
.atd-kw-why-svg { flex-shrink: 0; width: 48px; height: 48px; }
.atd-kw-why-title { font-size: 15px; font-weight: 800; margin-bottom: 4px; }
.atd-kw-why-desc { font-size: 13px; opacity: .75; line-height: 1.45; }
.atd-kw-rules { display: flex; flex-direction: column; gap: 14px; }
.atd-kw-rule { display: flex; align-items: center; gap: 14px; font-size: 14px; font-weight: 600; }
.atd-kw-check { width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--atd-accent); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.atd-kw-check svg { width: 14px; height: 14px; color: var(--atd-accent); }
.atd-kw-gotit { width: 100%; background: var(--atd-accent); color: #fff; border: none; border-radius: 12px; padding: 16px; font-size: 15px; font-weight: 800; letter-spacing: .08em; cursor: pointer; margin-top: 20px; display: block; }
.atd-kw-gotit:hover { opacity: .9; color: #fff; }
.atd-featured-section { margin-bottom: 14px; }
.atd-featured-card { display: flex; align-items: center; gap: 12px; background: #212121; border: 1px solid rgba(128,128,128,.18); border-radius: 12px; padding: 12px 14px; margin-bottom: 8px; text-decoration: none !important; color: inherit; }
.atd-featured-card:hover { border-color: rgba(232,84,14,.35); color: inherit; text-decoration: none !important; }
.atd-featured-card:hover * { text-decoration: none !important; }
.atd-feat-icon { flex-shrink: 0; width: 100px; height: 100px; border-radius: 50px; overflow: hidden; background: rgba(128,128,128,.15); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 17px; }
.atd-feat-icon img { width: 100%; height: 100%; object-fit: cover; }
.atd-feat-info { flex: 1 1 auto; min-width: 0; }
.atd-feat-name { font-size: 19px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atd-feat-type { font-size: 10px; font-weight: 700; letter-spacing: .04em; padding: 2px 7px; border-radius: 4px; border: 1px solid var(--atd-accent); color: var(--atd-accent); display: inline-block; margin: 3px 0; }
.atd-feat-div { font-size: 14px; opacity: .6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atd-feat-stats { font-size: 11px; opacity: .55; margin-top: 4px; display: flex; flex-wrap: wrap; gap: 8px; }
.atd-feat-leader { flex-shrink: 0; text-align: right; }
.atd-feat-leader-label { display: block; font-size: 10px; font-weight: 700; letter-spacing: .05em; color: var(--atd-accent); }
.atd-feat-leader-score { display: block; font-size: 24px; font-weight: 800; color: var(--atd-accent); }
.atd-feat-leader-name { display: block; font-size: 14px; font-weight: 600; }
.atd-feat-leader-zone { display: block; font-size: 13px; opacity: .55; }
.atd-feat-chevron { flex-shrink: 0; opacity: .35; }
.atd-feat-chevron svg { width: 16px; height: 16px; }
.atd-activity-section { margin-bottom: 14px; }
.atd-activity-item { display: flex; align-items: center; gap: 12px; background: #212121; border: 1px solid rgba(128,128,128,.18); border-radius: 12px; padding: 12px 14px; margin-bottom: 8px; text-decoration: none !important; color: inherit; }
.atd-activity-item:hover { border-color: rgba(128,128,128,.35); color: inherit; text-decoration: none !important; }
.atd-activity-item:hover * { text-decoration: none !important; }
.atd-activity-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: rgba(128,128,128,.2); display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; }
.atd-activity-body { flex: 1 1 auto; min-width: 0; }
.atd-activity-desc { font-size: 13px; line-height: 1.4; }
.atd-activity-desc strong { font-weight: 700; }
.atd-activity-meta { font-size: 12px; opacity: .5; margin-top: 3px; }
.atd-activity-chevron { flex-shrink: 0; opacity: .3; }
.atd-activity-chevron svg { width: 16px; height: 16px; }
.atd-page .wow_main_blogs_bg { display: none; }
@media (max-width: 600px) {
    .atd-page .singlecol { padding-left: 0; padding-right: 0; }
    .atd-page .wow_main_float_head { display: none; }
    .atd-page { padding-bottom: 80px; }
    .atd-hero { border-radius: 0; margin-left: -14px; margin-right: -14px;background-size: contain !important;background-repeat: no-repeat !important;min-height: 230px; }
    .atd-hero-name { font-size: 19px; }
    .atd-hero-score { font-size: 32px; }
    .atd-stat-item { min-width: 60px; }
    .atd-stat-val { font-size: 13px; }
    .p-m-0 { padding: 0 !important; }
    .atd-he-actions { width: 100% !important; flex: 0 0 100% !important; margin-top: 12px !important; margin-left: 0 !important; }
    .atd-he-view-btn, .atd-he-submit-btn { flex: 1; justify-content: center; }
    .atd-feat-icon { width: 80px; height: 80px; }
    .atd-feat-leader { display: none; }
}

/* == Activity feed items (shared: tournament home + activities page) ========= */
/* .ata-list { padding: 0 16px; } */
.ata-item { display: flex; align-items: center; gap: 12px; background: #212121; border: 1px solid rgba(128,128,128,.18); border-radius: 12px; padding: 12px 14px; margin-bottom: 8px; text-decoration: none !important; color: inherit; transition: border-color .15s; }
.ata-item:hover { border-color: rgba(128,128,128,.35); color: inherit; }
.ata-item-static { cursor: default; }
.ata-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: rgba(128,128,128,.2); }
.ata-avatar-fb { display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; background: rgba(232,84,14,.15); color: var(--atd-accent); }
.ata-body { flex: 1 1 auto; min-width: 0; }
.ata-desc { font-size: 13px; line-height: 1.45; }
.ata-desc strong { font-weight: 800; }
.ata-kw { color: var(--atd-accent); font-weight: 900; }
.ata-meta { font-size: 11px; color: rgba(255,255,255,.4); margin-top: 3px; }
.ata-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 800; letter-spacing: .07em; padding: 5px 10px; border-radius: 20px; white-space: nowrap; flex-shrink: 0; }
.ata-badge svg { width: 11px; height: 11px; }
.ata-badge-entry   { background: var(--atd-accent); color: #fff; }
.ata-badge-verified { border: 1.5px solid #22c55e; color: #22c55e; }
.ata-badge-update  { border: 1.5px solid var(--atd-accent); color: var(--atd-accent); }
.ata-badge-leader  { border: 2px solid var(--atd-accent); color: var(--atd-accent); }
.ata-badge-live    { border: 1.5px solid #22c55e; color: #22c55e; }
.ata-badge-closed  { border: 1.5px solid rgba(255,255,255,.3); color: rgba(255,255,255,.4); }
.ata-chevron { flex-shrink: 0; opacity: .3; }
.ata-chevron svg { width: 16px; height: 16px; }

/* == Activities page (argos-activities/) ==================================== */
.ata-page { color: #fff; min-height: 100vh; padding-bottom: 90px; }
.ata-header { display: flex; align-items: center; gap: 14px; padding: 20px 0px 12px; }
.ata-back { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; background: rgba(255,255,255,.08); color: #fff; text-decoration: none !important; transition: background .15s; }
.ata-back:hover { background: rgba(255,255,255,.14); color: #fff; }
.ata-back svg { width: 20px; height: 20px; }
.ata-title-wrap .ata-title { font-size: 22px; font-weight: 900; line-height: 1.15; }
.ata-title-wrap .ata-sub   { font-size: 14px; color: rgba(255,255,255,.45); margin-top: 2px; }
.ata-filters { display: flex; gap: 8px; padding: 4px 0px 16px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.ata-filters::-webkit-scrollbar { display: none; }
.ata-filter-btn { flex-shrink: 0; display: inline-flex; align-items: center; padding: 8px 18px; border-radius: 20px; font-size: 13px; font-weight: 700; text-decoration: none !important; background: #2a2a2a; color: rgba(255,255,255,.5); transition: background .15s, color .15s; }
.ata-filter-btn.active { background: #fff; color: #111; }
.ata-filter-btn.active:hover { color: #111 !important; }
.ata-filter-btn:hover:not(.active) { color: rgba(255,255,255,.75); }
.ata-empty { text-align: center; padding: 60px 20px 40px; color: rgba(255,255,255,.35); font-size: 15px; }
.ata-more-wrap { padding: 8px 16px 24px; }
.ata-more-btn { width: 100%; background: #212121; border: 1px solid rgba(128,128,128,.3); color: rgba(255,255,255,.65); font-size: 14px; font-weight: 700; padding: 14px; border-radius: 12px; cursor: pointer; transition: border-color .15s; }
.ata-more-btn:not(:disabled):hover { border-color: rgba(128,128,128,.55); }
.ata-more-btn:disabled { opacity: .45; cursor: default; }

/* == Mobile bottom nav ======================================================
   The tournament section used to ship its own bottom bar and hid the site-wide one
   with `nav.mobile-bottom-nav { display:none !important }`. The dedicated bar has been
   retired in favour of the site-wide menu, so that rule had to go with it - it was
   still suppressing the general bar, leaving the tournament pages with no visible
   navigation at all on mobile even though the markup was present.

   Only the height variable is kept: layouts below reserve space with it. */
@media (max-width: 600px) {
    :root { --mobile-bottom-nav-height: 62px; }
}

/* == Leaderboards index (Phase 12.4) ======================================= */
.albi-page { min-height: 60vh; }
.albi-header { display: flex; align-items: center; gap: 12px; padding: 14px 0 8px; }
.albi-back { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(128,128,128,.15); color: inherit; flex-shrink: 0; text-decoration: none; }
.albi-back svg { width: 18px; height: 18px; }
.albi-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .1em; opacity: .45; text-transform: uppercase; margin-bottom: 1px; }
.albi-title { font-size: 20px; font-weight: 900; letter-spacing: .04em; }
.albi-sub { font-size: 13px; opacity: .55; margin-top: 2px; }

/* Filter pills */
.albi-filters { display: flex; gap: 8px; flex-wrap: wrap; padding: 8px 0 14px; }
.albi-filter-wrap { position: relative; }
.albi-filter-pill { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 20px; border: 1px solid rgba(128,128,128,.35); background: transparent; color: inherit; font-size: 12px; font-weight: 700; letter-spacing: .04em; cursor: pointer; white-space: nowrap; }
.albi-filter-pill svg:not(.albi-pill-chevron) { width: 13px; height: 13px; opacity: .7; }
.albi-pill-chevron { width: 12px; height: 12px; opacity: .5; transition: transform .2s; }
.albi-filter-pill.active { border-color: var(--atd-accent); color: var(--atd-accent); }
.albi-picker { display: none; position: absolute; top: calc(100% + 6px); left: 0; min-width: 230px; background: #252525; border: 1px solid rgba(128,128,128,.25); border-radius: 12px; padding: 6px; z-index: 200; box-shadow: 0 8px 32px rgba(0,0,0,.5); }
.albi-picker.open { display: block; }
.albi-picker-search { padding: 4px 4px 2px; }
.albi-picker-search-input { width: 100%; background: rgba(255,255,255,.07); border: 1px solid rgba(128,128,128,.25); border-radius: 8px; padding: 7px 10px; font-size: 12px; color: inherit; outline: none; box-sizing: border-box; }
.albi-picker-search-input:focus { border-color: rgba(232,84,14,.5); }
.albi-picker-search-input::placeholder { opacity: .45; }
.albi-picker-items { max-height: 280px; overflow-y: auto; margin-top: 2px; }
.albi-picker-items::-webkit-scrollbar { width: 4px; }
.albi-picker-items::-webkit-scrollbar-thumb { background: rgba(128,128,128,.3); border-radius: 2px; }
.albi-picker-empty { padding: 10px 12px; font-size: 12px; opacity: .45; text-align: center; }
.albi-picker-item { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 8px; font-size: 13px; color: inherit; text-decoration: none; white-space: nowrap; }
.albi-picker-item:hover { background: rgba(255,255,255,.07); }
.albi-picker-item.active { color: var(--atd-accent); font-weight: 700; }
.albi-picker-group { padding: 6px 12px 3px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .45; }
.albi-picker-badge { font-size: 10px; font-weight: 800; padding: 2px 6px; border-radius: 4px; letter-spacing: .04em; }
.albi-picker-badge.live { background: rgba(232,84,14,.18); color: var(--atd-accent); }
.albi-picker-badge.closed { background: rgba(128,128,128,.18); color: #888; }

/* Cards list */
.albi-list { display: flex; flex-direction: column; gap: 12px; padding-bottom: 24px; }
.albi-empty { padding: 40px 0; text-align: center; opacity: .5; font-size: 15px; }
.albi-card { display: block; border: 1px solid rgba(128,128,128,.22); border-radius: 14px; background: #212121; overflow: hidden; text-decoration: none; color: inherit; transition: border-color .15s; }
.albi-card:hover { border-color: rgba(232,84,14,.4); }
.albi-card-top { display: flex; align-items: center; gap: 12px; padding: 14px 14px 10px; }
.albi-card-thumb { flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; background: rgba(128,128,128,.15); display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 800; }
.albi-card-thumb img { width: 100%; height: 100%; object-fit: cover; }
.albi-card-info { flex: 1; min-width: 0; }
.albi-card-name { font-size: 15px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.albi-card-meta { display: inline-grid; align-items: center; gap: 0px; flex-wrap: wrap; margin-top: 4px; }
.albi-card-status { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 800; color: var(--atd-accent); letter-spacing: .04em; }
.albi-card-status svg { width: 11px; height: 11px; }
.albi-card-status.closed { color: #888; }
.albi-card-divcat { font-size: 12px; opacity: .6; }
.albi-card-chevron { width: 18px; height: 18px; flex-shrink: 0; opacity: .4; }

/* Podium */
.albi-podium { display: flex; align-items: flex-end; gap: 6px; flex-shrink: 0; }
.albi-podium-slot { display: flex; flex-direction: column; align-items: center; gap: 3px; }
.albi-podium-slot.first { margin-bottom: 6px; }
.albi-avatar { position: relative; width: 55px; height: 55px; border-radius: 50%; background: rgba(128,128,128,.2); display: flex; align-items: center; justify-content: center; color: #aaa; text-decoration: none; }
.albi-avatar.rank-1 { width: 68px; height: 68px; border: 3px solid #f5c518; }
.albi-avatar.rank-2 { border: 3px solid #9e9e9e; }
.albi-avatar.rank-3 { border: 3px solid #cd7f32; }
.albi-avatar.empty { opacity: .35; }
.albi-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.albi-avatar svg:not(.albi-crown) { width: 22px; height: 22px; }
.albi-crown { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); width: 18px; height: 18px; z-index: 1; filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); }
.albi-rank-badge { position: absolute; bottom: 0px; left: 52%; transform: translateX(-50%); background: #333; border: 1px solid rgba(128,128,128,.4); border-radius: 8px; font-size: 9px; font-weight: 800; padding: 1px 4px; line-height: 1.2; }
.albi-avatar-name { font-size: 10px; opacity: .65; max-width: 48px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Card footer */
.albi-card-footer { display: flex; align-items: center; gap: 10px; padding: 8px 14px 12px; border-top: 1px solid rgba(128,128,128,.15); flex-wrap: wrap; }
.albi-card-stat { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; opacity: .75; letter-spacing: .03em; }
.albi-card-stat svg { width: 13px; height: 13px; }
.albi-card-divider { width: 1px; height: 14px; background: rgba(128,128,128,.3); }
.albi-join-btn { margin-left: auto; padding: 5px 14px; background: var(--atd-accent); color: #fff; border-radius: 20px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-decoration: none; }
.albi-join-btn:hover { opacity: .88; color: #fff; }
.albi-card a, .albi-filter-wrap a {text-decoration: none;}
/* Mobile */
@media (max-width: 600px) {
    .albi-filter-pill { font-size: 11px; padding: 6px 10px; }
    .albi-picker { position: fixed; left: 12px; right: 12px; top: auto; min-width: unset; }
    .albi-card-top { flex-wrap: wrap; }
    .albi-podium { margin-left: auto; }
    .albi-avatar { width: 35px; height: 35px;}
    .albi-avatar.rank-1 {width: 45px;height: 45px;}
    .d-m-none {
        display: none;
    }
}

/* ─────────────────────────────────────────────────────────────────────────────
   Phase 12.5 — Leaderboard Detail  (.albd-*)
   ───────────────────────────────────────────────────────────────────────────── */

/* Header */
.albd-header { display: flex; align-items: center; gap: 12px; padding: 14px 0 10px; }
.albd-header-thumb { flex-shrink: 0; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; background: rgba(128,128,128,.15); display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 800; border: 2px solid var(--atd-accent); }
.albd-header-thumb img { width: 100%; height: 100%; object-fit: cover; }
.albd-header-info { flex: 1; min-width: 0; }
.albd-header-name { font-size: 16px; font-weight: 900; letter-spacing: .03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.albd-header-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 5px; }
.albd-chip { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 800; letter-spacing: .04em; padding: 3px 9px; border-radius: 20px; background: rgba(232,84,14,.15); color: var(--atd-accent); }
.albd-chip svg { width: 11px; height: 11px; }
.albd-chip.closed { background: rgba(128,128,128,.15); color: #888; }
.albd-chip.upcoming { background: rgba(100,170,255,.12); color: #6aabff; }
.albd-chip.prize { background: rgba(245,197,24,.1); color: #f5c518; }
.albd-header-count { flex-shrink: 0; text-align: center; }
.albd-header-count span { display: block; font-size: 20px; font-weight: 900; color: var(--atd-accent); line-height: 1; }
.albd-header-count small { font-size: 9px; font-weight: 800; letter-spacing: .06em; opacity: .55; }

/* Division tabs */
.albd-div-tabs { display: flex; gap: 0; overflow-x: auto; border-bottom: 1px solid rgba(128,128,128,.2); margin-bottom: 2px; scrollbar-width: none; }
.albd-div-tabs::-webkit-scrollbar { display: none; }
.albd-div-tab { flex-shrink: 0; padding: 9px 16px; font-size: 13px; font-weight: 700; letter-spacing: .03em; color: inherit; text-decoration: none; opacity: .5; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: opacity .15s, border-color .15s; white-space: nowrap; }
.albd-div-tab.active { opacity: 1; border-bottom-color: var(--atd-accent); color: var(--atd-accent); }
.albd-div-tab:hover { opacity: .8; text-decoration: none; color: inherit; }

/* Period tabs */
.albd-period-tabs { display: flex; gap: 0; background: rgba(128,128,128,.1); border-radius: 10px; padding: 3px; margin: 10px 0 4px; }
.albd-period-tab { flex: 1; text-align: center; padding: 7px 10px; border-radius: 8px; font-size: 12px; font-weight: 800; letter-spacing: .04em; color: inherit; text-decoration: none; opacity: .5; transition: background .15s, opacity .15s; }
.albd-period-tab.active { background: var(--atd-accent); color: #fff; opacity: 1; }
.albd-period-tab:hover { opacity: .8; text-decoration: none; color: inherit; }

/* Sub-filters row */
.albd-sub-filters { padding-top: 6px; }

/* Board container */
.albd-board { background: #1e1e1e; border: 1px solid rgba(128,128,128,.2); border-radius: 14px; overflow: hidden; margin-top: 10px; margin-bottom: 16px; }
.albd-board a { color: inherit; text-decoration: none; }
.albd-board-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 10px; border-bottom: 1px solid rgba(128,128,128,.15); }
.albd-board-title { font-size: 14px; font-weight: 900; letter-spacing: .05em; }
.albd-board-sub { font-size: 11px; opacity: .5; margin-top: 2px; }
.albd-board-period { font-size: 11px; font-weight: 800; padding: 3px 10px; border-radius: 20px; background: rgba(232,84,14,.15); color: var(--atd-accent); letter-spacing: .04em; }

/* Podium */
.albd-podium { display: flex; align-items: flex-end; justify-content: center; gap: 8px; padding: 20px 12px 10px; }
.albd-podium-card { flex: 1; max-width: 180px; display: flex; flex-direction: column; align-items: center; gap: 3px; color: inherit; text-decoration: none; }
.albd-podium-card.rank-1 { order: 2; }
.albd-podium-card.rank-2 { order: 1; }
.albd-podium-card.rank-3 { order: 3; }
.albd-podium-img { position: relative; width: 150px; height: 150px; border-radius: 12px; overflow: hidden; background: rgba(128,128,128,.15); display: flex; align-items: center; justify-content: center; color: #aaa; border: 3px solid rgba(128,128,128,.3); }
.albd-podium-card.rank-1 .albd-podium-img { width: 180px; height: 180px; border-color: #f5c518; }
.albd-podium-card.rank-2 .albd-podium-img { border-color: #9e9e9e; }
.albd-podium-card.rank-3 .albd-podium-img { border-color: #cd7f32; }
.albd-podium-img img { width: 100%; height: 100%; object-fit: cover; }
.albd-podium-img svg { width: 28px; height: 28px; }
.albd-podium-badge { position: absolute; top: 0; left: 0; width: 38px; height: 52px; background: #555; color: #fff; font-size: 19px; font-weight: 900; line-height: 1; display: flex; align-items: flex-start; justify-content: center; padding-top: 8px; clip-path: polygon(0 0, 100% 0, 100% 66%, 50% 100%, 0 66%); }
.albd-podium-card.rank-1 .albd-podium-badge { background: #d4940a; }
.albd-podium-card.rank-2 .albd-podium-badge { background: #6e6e6e; }
.albd-podium-card.rank-3 .albd-podium-badge { background: #8b4a1c; }
.albd-podium-card.empty { opacity: .32; pointer-events: none; }
.albd-podium-name { font-size: 15px; font-weight: 800; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.albd-podium-score { font-size: 18px; font-weight: 900; color: var(--atd-accent); text-align: center; }
.albd-podium-location { display: flex; align-items: center; gap: 3px; font-size: 13px; opacity: .6; }
.albd-podium-location svg { width: 10px; height: 10px; }
.albd-crown { display: block; width: 34px; height: 34px; margin-bottom: -18px; position: relative; z-index: 2; filter: drop-shadow(0 2px 5px rgba(0,0,0,.7)); }

/* Rows header */
.albd-rows-head { display: grid; grid-template-columns: 40px 1fr 110px 60px 60px; gap: 0; padding: 8px 12px; font-size: 10px; font-weight: 800; letter-spacing: .05em; opacity: .45; border-top: 1px solid rgba(128,128,128,.15); }

/* Rows */
.albd-rows { display: flex; flex-direction: column; }
.albd-row { display: grid; grid-template-columns: 40px 1fr 110px 60px 60px; gap: 0; align-items: center; padding: 10px 12px; border-top: 1px solid rgba(128,128,128,.08); color: inherit; text-decoration: none; }
.albd-row:hover { background: rgba(255,255,255,.03); }
.albd-row-rank { font-size: 14px; font-weight: 900; opacity: .7; }
.albd-row-user { display: flex; align-items: center; gap: 8px; min-width: 0; }
.albd-row-avatar { width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; object-fit: cover; }
.albd-row-avatar-ph { background: rgba(128,128,128,.2); display: flex; align-items: center; justify-content: center; color: #aaa; }
.albd-row-avatar-ph svg { width: 16px; height: 16px; }
.albd-row-name { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.albd-row-score { font-size: 13px; font-weight: 800; }
.albd-row-state { font-size: 12px; opacity: .6; display: flex; flex-direction: column; gap: 1px; }
.albd-row-state-val { font-weight: 700; }
.albd-row-zone-val { font-size: 11px; opacity: .8; }
.albd-row-change { font-size: 12px; font-weight: 800; }
.albd-ind-up { color: #4caf50; }
.albd-ind-dn { color: #e84e4e; }
.albd-ind-new { color: var(--atd-accent); }
.albd-ind-same { opacity: .35; }

/* My Standing sticky bar */
.albd-my-standing { position: fixed; bottom: 0px; left: 0; right: 0; z-index: 150; background: #1a1a1a; border-top: 1px solid rgba(232,84,14,.4); display: flex; align-items: center; gap: 12px; padding: 10px 16px 12px; box-shadow: 0 -4px 20px rgba(0,0,0,.4);border-radius: 15px; }
.albd-my-left { display: flex; flex-direction: column; align-items: center; background: rgba(232,84,14,.12); border: 1px solid rgba(232,84,14,.35); border-radius: 10px; padding: 6px 12px; }
.albd-my-rank { font-size: 20px; font-weight: 900; color: var(--atd-accent); line-height: 1; }
.albd-my-label { font-size: 9px; font-weight: 800; letter-spacing: .06em; opacity: .6; }
.albd-my-mid { display: flex; flex-direction: column; gap: 2px; }
.albd-my-score { font-size: 13px; font-weight: 800; }
.albd-my-score-label { font-size: 9px; font-weight: 700; opacity: .5; letter-spacing: .05em; }
.albd-my-btn { margin-left: auto; flex-shrink: 0; padding: 10px 20px; background: var(--atd-accent); color: #fff; border-radius: 10px; font-size: 12px; font-weight: 900; letter-spacing: .04em; text-decoration: none; }
.albd-my-btn:hover { opacity: .88; color: #fff; text-decoration: none; }
.albd-page { padding-bottom: 80px; }
.albd-row-mine { background: rgba(232,84,14,.06); }
.albd-row-mine:hover { background: rgba(232,84,14,.10); }
.albd-you-badge { display: inline-block; font-size: 9px; font-weight: 800; letter-spacing: .04em; background: var(--atd-accent); color: #fff; border-radius: 3px; padding: 1px 5px; margin-left: 6px; vertical-align: middle; white-space: nowrap; text-transform: uppercase; }

@media (max-width: 600px) {
    .albd-rows-head, .albd-row { grid-template-columns: 32px 1fr 90px 46px 50px; padding: 8px 10px; }
    .albd-row-score { font-size: 12px; }
    .albd-podium-card { max-width: 110px; }
    .albd-podium-img { width: 100px; height: 100px; }
    .albd-podium-card.rank-1 .albd-podium-img { width: 130px; height: 130px; }
    .albd-my-standing {bottom: 62px;border-radius: 0px;}
    .albd-podium-score { font-size: 14px; }
    .albd-podium-name { font-size: 13px; }
    .albd-podium-location { font-size: 11px; }

}

/* == My Entries (amen-) ===================================================== */

/* Submit button in header */
.amen-submit-btn { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; padding: 8px 14px; background: var(--atd-accent); color: #fff; border-radius: 8px; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-decoration: none; white-space: nowrap; flex-shrink: 0; }
.amen-submit-btn:hover { opacity: .88; color: #fff; text-decoration: none; }
.amen-submit-btn svg { width: 14px; height: 14px; }

/* Status tabs */
.amen-tabs { display: flex; gap: 6px; padding: 12px 0 10px; flex-wrap: wrap; }
.amen-tab { display: inline-flex; align-items: center; gap: 5px; padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(128,128,128,.3); font-size: 13px; font-weight: 600; color: inherit; text-decoration: none; transition: background .15s, border-color .15s; text-decoration: none; }
.amen-tab:hover { border-color: rgba(232,84,14,.5); text-decoration: none; color: inherit; }
.amen-tab.active { background: var(--atd-accent); border-color: var(--atd-accent); color: #fff; font-weight: 800; }
.amen-tab-count { font-size: 11px; font-weight: 800; padding: 1px 6px; border-radius: 999px; background: rgba(255,255,255,.2); }
.amen-tab.active .amen-tab-count { background: rgba(0,0,0,.18); }
.amen-tab-count.rejected { background: rgba(232,44,44,.18); color: #e02020; }
.amen-tab.active .amen-tab-count.rejected { background: rgba(0,0,0,.18); color: #fff; }

/* Card list */
.amen-list { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }

/* Entry card */
.amen-card { position: relative; background: #212121; border: 1px solid rgba(128,128,128,.2); border-radius: 14px; overflow: visible; }
.amen-card-main { display: flex; align-items: flex-start; gap: 12px; padding: 14px 14px 0; }

/* Thumbnail */
.amen-card-thumb { flex: 0 0 80px; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; background: rgba(128,128,128,.15); border: 2px solid rgba(232,84,14,.35); display: flex; align-items: center; justify-content: center; }
.amen-card-thumb img { width: 100%; height: 100%; object-fit: cover; }
.amen-card-thumb-ph { color: rgba(128,128,128,.5); display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.amen-card-thumb-ph svg { width: 26px; height: 26px; }

/* Card body */
.amen-card-body { flex: 1 1 auto; min-width: 0; padding-bottom: 0; }
.amen-card-top { display: flex; align-items: flex-start; gap: 8px; }
.amen-card-info { flex: 1 1 auto; min-width: 0; }
.amen-card-title { font-size: 18px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; color: inherit; text-decoration: none; display: block; }
.amen-card-title:hover { text-decoration: none; color: inherit; }
.amen-card-thumb { display: block; text-decoration: none; }
.amen-card-badges { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; flex-wrap: wrap; }
.amen-card-meta { font-size: 14px; opacity: .55; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Status badges */
.amen-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 800; letter-spacing: .04em; padding: 3px 8px; border-radius: 5px; text-transform: uppercase; }
.amen-badge svg { width: 11px; height: 11px; flex-shrink: 0; }
.amen-badge-draft        { background: rgba(128,128,128,.18); color: #aaa; border: 1px solid rgba(128,128,128,.3); }
.amen-badge-submitted    { background: rgba(34,160,80,.14);   color: #1f9d52; border: 1px solid rgba(34,160,80,.3); }
.amen-badge-under_review { background: rgba(40,120,220,.14);  color: #2f74d0; border: 1px solid rgba(40,120,220,.3); }
.amen-badge-verified     { background: rgba(34,160,80,.14);   color: #1f9d52; border: 1px solid rgba(34,160,80,.3); }
.amen-badge-rejected     { background: rgba(220,40,40,.14);   color: #e03030; border: 1px solid rgba(220,40,40,.3); }

/* Rejection reason info button */
.amen-reject-info { background: transparent; border: 0; cursor: pointer; color: rgba(128,128,128,.7); padding: 0; display: inline-flex; align-items: center; }
.amen-reject-info:hover { color: var(--atd-accent); }
.amen-reject-info svg { width: 16px; height: 16px; }

/* Score block (right side) */
.amen-card-right { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.amen-score-block { text-align: right; }
.amen-score-label { font-size: 9px; font-weight: 700; letter-spacing: .06em; opacity: .45; text-transform: uppercase; white-space: nowrap; }
.amen-score-val { font-size: 18px; font-weight: 900; color: var(--atd-accent); white-space: nowrap; line-height: 1.1; }
.amen-score-val.amen-score-none { opacity: .4; color: inherit; font-size: 14px; }
.amen-score-zone { font-size: 11px; opacity: .5; white-space: nowrap; }

/* Chevron link (non-draft) */
.amen-card-chevron { display: flex; align-items: center; justify-content: center; color: rgba(128,128,128,.5); padding: 4px; margin-top: 4px; }
.amen-card-chevron:hover { color: var(--atd-accent); }
.amen-card-chevron svg { width: 16px; height: 16px; }

/* Three-dot menu button */
.amen-menu-btn { background: transparent; border: 0; cursor: pointer; color: rgba(128,128,128,.6); padding: 4px; margin-top: 2px; display: flex; align-items: center; justify-content: center; }
.amen-menu-btn:hover { color: var(--atd-accent); }
.amen-menu-btn svg { width: 18px; height: 18px; }

/* Card footer (date / zone) */
.amen-card-footer { display: flex; gap: 14px; flex-wrap: wrap; padding: 8px 14px 12px; border-top: 1px solid rgba(128,128,128,.1); margin-top: 10px; }
.amen-foot-item { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; opacity: .5; }
.amen-foot-item svg { width: 13px; height: 13px; }

/* Action dropdown */
.amen-menu { display: none; position: absolute; top: 44px; right: 12px; z-index: 200; background: #2a2a2a; border: 1px solid rgba(128,128,128,.25); border-radius: 12px; overflow: hidden; min-width: 160px; box-shadow: 0 8px 24px rgba(0,0,0,.4); }
.amen-menu.open { display: block; }
.amen-menu-item { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 13px 16px; font-size: 14px; font-weight: 600; background: transparent; border: 0; cursor: pointer; color: inherit; text-decoration: none; gap: 10px; }
.amen-menu-item:hover { background: rgba(255,255,255,.05); text-decoration: none; color: inherit; }
.amen-menu-item svg { width: 16px; height: 16px; flex-shrink: 0; opacity: .6; }
.amen-menu-delete { color: #e03030; }
.amen-menu-delete:hover { background: rgba(220,40,40,.08); }
.amen-menu-delete svg { opacity: .8; }
.amen-menu-item + .amen-menu-item { border-top: 1px solid rgba(128,128,128,.12); }

/* Empty state */
.amen-empty { text-align: center; padding: 60px 20px; opacity: .55; }
.amen-empty svg { width: 40px; height: 40px; margin-bottom: 12px; display: block; margin-left: auto; margin-right: auto; }
.amen-empty p { font-size: 14px; margin: 0; }

/* Rejection reason modal */
.amen-modal-overlay { position: fixed; inset: 0; z-index: 1000; background: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; padding: 20px; }
.amen-modal { background: #242424; border-radius: 16px; width: 100%; max-width: 420px; overflow: hidden; box-shadow: 0 16px 40px rgba(0,0,0,.5); }
.amen-modal-head { display: flex; align-items: center; gap: 10px; padding: 8px 15px 4px; }
.amen-modal-icon svg { width: 22px; height: 22px; color: #e03030; }
.amen-modal-title-text { font-size: 16px; font-weight: 800; flex: 1; }
.amen-modal-close { background: rgba(128,128,128,.2); border: 0; border-radius: 50%; width: 28px; height: 28px; font-size: 18px; cursor: pointer; color: inherit; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.amen-modal-close:hover { background: rgba(128,128,128,.35); }
.amen-modal-entry-name { padding: 0 20px 10px; font-size: 13px; font-weight: 700; opacity: .7; }
.amen-modal-divider { margin: 0; border: 0; border-top: 1px solid rgba(128,128,128,.18); }
.amen-modal-body { padding: 16px 20px 20px; font-size: 14px; line-height: 1.6; opacity: .85; }

@media (max-width: 600px) {
    .amen-card-title { font-size: 16px; }
    .amen-score-val { font-size: 18px; }
    .amen-card-thumb { flex: 0 0 80px; width: 80px; height: 80px; }
    .amen-tabs { gap: 5px; }
    .amen-tab { font-size: 12px; padding: 6px 11px; }
    .amen-card-meta { font-size: 12px; }
}

/* ═══════════════════════════════════════════════════════════════
   Phase 12.6 — Entry Detail page (.aen-*)
   ═══════════════════════════════════════════════════════════════ */

/* Page wrapper */
.aen-page .singlecol { padding: 0 !important; }
.aen-content-wrap { padding-bottom: 80px; }
.aen-header-thumb { width: 42px; height: 42px; border-radius: 10px; overflow: hidden; background: rgba(128,128,128,.2); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 900; }
.aen-header-thumb img { width: 100%; height: 100%; object-fit: cover; }

/* ── Kebab button ── */
.aen-kebab-wrap { position: relative; margin-left: auto; }
.aen-kebab-btn { background: transparent; border: 0; cursor: pointer; color: inherit; padding: 6px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.aen-kebab-btn:hover { background: rgba(128,128,128,.15); }
.aen-kebab-btn svg { width: 22px; height: 22px; }
.aen-kebab-menu { display: none; position: absolute; top: 40px; right: 0; z-index: 200; background: #2a2a2a; border: 1px solid rgba(128,128,128,.25); border-radius: 12px; overflow: hidden; min-width: 170px; box-shadow: 0 8px 24px rgba(0,0,0,.4); }
.aen-kebab-menu.open { display: block; }
.aen-kebab-item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 13px 16px; font-size: 14px; font-weight: 600; background: transparent; border: 0; cursor: pointer; color: inherit; text-decoration: none; }
.aen-kebab-item:hover { background: rgba(255,255,255,.06); text-decoration: none; color: inherit; }
.aen-kebab-item svg { width: 16px; height: 16px; opacity: .6; flex-shrink: 0; }
.aen-kebab-item + .aen-kebab-item { border-top: 1px solid rgba(128,128,128,.12); }
.aen-kebab-delete { color: #e03030; }
.aen-kebab-delete:hover { background: rgba(220,40,40,.08); }

/* ── Hero Carousel ── */
.aen-carousel-wrap { position: relative; overflow: hidden; width: 100%; background: #111; aspect-ratio: 4/3; }
.aen-carousel-track { display: flex; height: 100%; transition: transform .3s ease; }
.aen-slide { flex: 0 0 100%; width: 100%; position: relative; cursor: pointer; }
.aen-slide-thumb { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.aen-slide-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.3); }
.aen-slide-play svg { width: 56px; height: 56px; color: #fff; opacity: .9; filter: drop-shadow(0 2px 8px rgba(0,0,0,.6)); }
.aen-slide-expand { position: absolute; bottom: 12px; right: 12px; width: 36px; height: 36px; background: rgba(0,0,0,.5); border-radius: 8px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .2s; }
.aen-slide:hover .aen-slide-expand { opacity: 1; }
.aen-slide-expand svg { width: 18px; height: 18px; color: #fff; }
.aen-carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,.55); border: 0; cursor: pointer; color: #fff; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 10; }
.aen-carousel-arrow:hover { background: rgba(0,0,0,.75); }
.aen-carousel-arrow svg { width: 20px; height: 20px; }
.aen-carousel-prev { left: 10px; }
.aen-carousel-next { right: 10px; }
.aen-carousel-counter { position: absolute; top: 12px; right: 12px; background: rgba(0,0,0,.6); color: #fff; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 20px; }
.aen-carousel-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; }
.aen-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.4); }
.aen-dot.active { background: #fff; }

/* ── Section card ── */
.aen-card { margin: 0 14px 10px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(128,128,128,.14); background: rgba(255,255,255,.03); }

/* ── Action Bar ── */
.aen-action-bar { display: flex; align-items: stretch; gap: 8px; padding: 10px 14px; }
.aen-action-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; padding: 13px 14px; font-size: 13px; font-weight: 700; cursor: pointer; text-decoration: none; white-space: nowrap; transition: opacity .15s; border: 1px solid transparent; }
.aen-action-btn:hover { opacity: .82; text-decoration: none; }
.aen-action-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
/* Video Proof — warm dark, fills remaining space */
.aen-video-proof-btn { flex: 2; background: rgba(160,60,10,.22); border-color: rgba(160,60,10,.45); color: #d97030; }
.aen-action-label { display: flex; align-items: center; gap: 6px; }
.aen-video-duration { font-size: 11px; font-weight: 600; opacity: .75; }
/* Like — green */
.aen-like-btn { flex: 1; background: rgba(40,140,55,.18); border-color: rgba(40,140,55,.38); color: #3ab850; }
.aen-like-btn.liked { background: rgba(40,140,55,.30); border-color: rgba(40,140,55,.55); }
/* Comments — blue */
.aen-comment-action-btn { flex: 1; background: rgba(50,90,210,.18); border-color: rgba(50,90,210,.35); color: #6080e0; }
/* Share — subtle */
.aen-share-btn { background: rgba(128,128,128,.1); border-color: rgba(128,128,128,.2); color: inherit; }
.aen-like-btn.liked svg { fill: currentColor; }

/* ── Score Card ── */
.aen-score-card { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 14px 16px; margin: 0 14px 10px; border-radius: 14px; border: 1px solid rgba(128,128,128,.14); background: rgba(255,255,255,.03); }
.aen-score-left { flex: 1; min-width: 0; }
.aen-score-type-label { font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; opacity: .45; margin-bottom: 4px; }
.aen-score-val { font-size: 42px; font-weight: 900; line-height: 1; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.aen-score-unit { font-size: 15px; font-weight: 700; opacity: .6; }
.aen-entry-rank { font-size: 12px; font-weight: 800; color: var(--atd-accent, #f0a01e); margin-top: 6px; letter-spacing: .03em; }
.aen-score-none { opacity: .35; }
.aen-status-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; padding: 4px 10px 4px 8px; border-radius: 20px; margin-top: 10px; }
.aen-status-badge svg { width: 13px; height: 13px; flex-shrink: 0; }
.aen-status-draft       { background: rgba(128,128,128,.2); color: #aaa; }
.aen-status-submitted   { background: rgba(80,140,255,.18); color: #82aaff; }
.aen-status-under_review { background: rgba(240,160,30,.18); color: #f0a01e; }
.aen-status-verified    { background: rgba(40,200,100,.18); color: #2ec86a; }
.aen-status-rejected    { background: rgba(220,50,50,.18); color: #e05b5b; }
.aen-verified-at { font-size: 12px; opacity: .45; margin-top: 5px; }
.aen-rejection-note { display: flex; align-items: flex-start; gap: 6px; width:100%; font-size: 13px; color: #e05b5b; background: rgba(220,50,50,.08); border: 1px solid rgba(220,50,50,.2); border-radius: 8px; padding: 8px 12px; line-height: 1.45; }
.aen-rejection-note svg { width: 15px; height: 15px; flex-shrink: 0; margin-top: 1px; }
.aen-author-block { display: flex; align-items: flex-start; gap: 12px; text-decoration: none; color: inherit; flex-shrink: 0; }
.aen-author-block:hover { text-decoration: none; color: inherit; }
.aen-author-avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; border: 2px solid var(--atd-accent, #f0a01e); flex-shrink: 0; }
.aen-author-info { min-width: 0; }
.aen-author-name { font-size: 14px; font-weight: 800; color: var(--atd-accent, #f0a01e); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aen-author-sub { font-size: 12px; opacity: .5; margin-top: 2px; }
.aen-author-side { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex-shrink: 0; margin-left: auto; }
.aen-author-rank-pill { display: inline-block; border: 1.5px solid var(--atd-accent, #f0a01e); color: var(--atd-accent, #f0a01e); border-radius: 20px; padding: 2px 9px; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.aen-author-stats { display: flex; flex-direction: column; gap: 4px; align-items: flex-end; }
.aen-author-stat-row { display: flex; align-items: center; gap: 6px; font-size: 12px; opacity: .65; }
.aen-author-stat-row svg { width: 13px; height: 13px; flex-shrink: 0; opacity: .8; }

/* ── Meta Grid ── */
.aen-meta-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: rgba(128,128,128,.1); margin: 0 14px 10px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(128,128,128,.14); }
.aen-meta-item {padding: 11px 16px; }
.aen-meta-label { display: flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .4; margin-bottom: 4px; }
.aen-meta-label svg { width: 15px; height: 15px; flex-shrink: 0; }
.aen-meta-value { font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ── Tab Strip ── */
.aen-tab-strip { display: flex; align-items: center; gap: 0; border-bottom: 1px solid rgba(128,128,128,.15); padding: 0 14px; }
.aen-tab-strip .aen-tab { background: transparent; border: 0; cursor: pointer; color: inherit; font-size: 14px; font-weight: 700; padding: 13px 14px 11px; border-bottom: 2px solid transparent; opacity: .5; transition: opacity .15s, border-color .15s; white-space: nowrap; }
.aen-tab-strip .aen-tab.active { opacity: 1; border-bottom-color: var(--atd-accent, #f0a01e); color: var(--atd-accent, #f0a01e); }
.aen-tab-strip .aen-tab:hover:not(.active) { opacity: .75; }
.aen-tab-spacer { flex: 1; }
.aen-report-tab { display: inline-flex; align-items: center; gap: 5px; color: #e05b5b !important; opacity: .75 !important; font-size: 13px !important; padding: 13px 8px 11px !important; }
.aen-report-tab:hover { opacity: 1 !important; }
.aen-report-tab svg { width: 14px; height: 14px; }
.aen-report-tab.aen-reported { color: var(--atd-muted, #888) !important; opacity: .6 !important; pointer-events: auto; }

/* ── Tab Panels ── */
.aen-tab-panel { display: none; padding: 16px; }
.aen-tab-panel.active { display: block; }
.aen-notes { font-size: 14px; line-height: 1.65; white-space: pre-wrap; word-break: break-word; }
.aen-notes-empty { opacity: .4; font-style: italic; }

/* Media grid */
.aen-media-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.aen-media-thumb { position: relative; aspect-ratio: 1; border-radius: 6px; overflow: hidden; cursor: pointer; background: #111; }
.aen-media-img { width: 100%; height: 100%; background-size: cover; background-position: center; transition: opacity .15s; }
.aen-media-thumb:hover .aen-media-img { opacity: .85; }
.aen-media-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.35); }
.aen-media-play svg { width: 28px; height: 28px; color: #fff; }

/* ── Comments ── */
.aen-comments-section { padding: 16px; margin: 0 14px 10px; border-radius: 14px; border: 1px solid rgba(128,128,128,.14); background: rgba(255,255,255,.03); }
.aen-comments-header { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }
.aen-comments-title { font-size: 15px; font-weight: 800; }
.aen-comments-count { background: rgba(128,128,128,.18); font-size: 12px; font-weight: 700; padding: 2px 9px; border-radius: 20px; }
.aen-comment { display: flex; gap: 10px; margin-bottom: 16px;border-bottom: 1px solid #2e2d2d;padding-bottom: 5px; }
.aen-comment:last-child {
  border-bottom: none;
  margin-bottom: 0; /* Optional */
  padding-bottom: 0; /* Optional */
}
.aen-comment-avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.aen-comment-body { flex: 1; min-width: 0; }
.aen-comment-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
.aen-comment-name { font-size: 13px; font-weight: 800; color: inherit; text-decoration: none; }
a.aen-comment-name:hover { text-decoration: underline; }
.aen-comment-time { font-size: 12px; opacity: .4; }
.aen-comment-dot { color: #818181; }
.aen-comment-edited { font-size: 11px; opacity: .4; font-style: italic; }
.aen-comment-text { font-size: 14px; line-height: 1.5; word-break: break-word; }
.aen-comment-actions { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
.aen-comment-like-btn { display: inline-flex; align-items: center; gap: 4px; background: transparent; border: 0; cursor: pointer; color: inherit; font-size: 12px; opacity: .5; padding: 0; }
.aen-comment-like-btn:hover { opacity: 1; }
.aen-comment-like-btn[data-liked="1"] { opacity: 1; color: #6080e0; }
.aen-comment-like-btn[data-liked="1"] svg { fill: currentColor; }
.aen-comment-kebab-wrap { position: relative; flex-shrink: 0; }
.aen-comment-kebab-btn { background: transparent; border: 0; cursor: pointer; color: inherit; opacity: .35; padding: 2px 4px; display: flex; align-items: center; }
.aen-comment-kebab-btn:hover { opacity: .8; }
.aen-comment-kebab-menu { display: none; position: absolute; right: 0; background: #222; border: 1px solid rgba(128,128,128,.2); border-radius: 10px; padding: 4px; z-index: 200; min-width: 110px; }
.aen-comment-kebab-menu.open { display: block; }
.aen-comment-kebab-item { display: block; width: 100%; background: transparent; border: 0; cursor: pointer; color: inherit; font-size: 13px; font-weight: 600; padding: 8px 12px; text-align: left; border-radius: 7px; white-space: nowrap; }
.aen-comment-kebab-item:hover { background: rgba(128,128,128,.15); }
.aen-comment-delete-btn { color: #e05b5b; }
.aen-comment-edit-form { margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }
.aen-comment-edit-input { background: rgba(128,128,128,.1); border: 1px solid rgba(128,128,128,.25); border-radius: 8px; padding: 8px 12px; color: inherit; font-size: 14px; resize: vertical; width: 100%; }
.aen-comment-edit-actions { display: flex; justify-content: flex-end; gap: 8px; }
.aen-comment-edit-save, .aen-comment-edit-cancel { background: transparent; border: 1px solid rgba(128,128,128,.3); border-radius: 6px; cursor: pointer; color: inherit; font-size: 12px; font-weight: 700; padding: 5px 14px; white-space: nowrap; }
.aen-comment-edit-save { color: var(--atd-accent, #f0a01e); border-color: var(--atd-accent, #f0a01e); }
.aen-no-comments { text-align: center; padding: 30px 20px; opacity: .4; font-size: 14px; }
.aen-load-more-comments { display: block; width: 100%; background: rgba(128,128,128,.1); border: 1px solid rgba(128,128,128,.2); border-radius: 10px; padding: 10px; font-size: 13px; font-weight: 700; cursor: pointer; color: inherit; margin-top: 12px; text-align: center; }
.aen-load-more-comments:hover { background: rgba(128,128,128,.2); }

/* Reply action button (count + chat icon) */
.aen-reply-action-btn { display: inline-flex; align-items: center; gap: 4px; background: transparent; border: 0; cursor: pointer; color: inherit; font-size: 12px; opacity: .6; padding: 0; }
.aen-reply-action-btn:hover { opacity: 1; }

/* Replies list (indented thread) */
.aen-replies-list { margin-top: 10px; padding-left: 20px; border-left: 2px solid rgba(128,128,128,.15); display: flex; flex-direction: column; gap: 10px; }
.aen-reply { display: flex; gap: 8px; }
.aen-reply-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.aen-reply-body { flex: 1; min-width: 0; }
.aen-reply-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 3px; }
.aen-reply-name { font-size: 12px; font-weight: 800; color: inherit; text-decoration: none; }
a.aen-reply-name:hover { text-decoration: underline; }
.aen-reply-time { font-size: 11px; opacity: .4; }
.aen-reply-dot { color: #818181; font-size: 11px; }
.aen-reply-edited { font-size: 10px; opacity: .4; font-style: italic; }
.aen-reply-text { font-size: 13px; line-height: 1.5; word-break: break-word; }
.aen-reply-actions { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.aen-reply-like-btn { display: inline-flex; align-items: center; gap: 4px; background: transparent; border: 0; cursor: pointer; color: inherit; font-size: 11px; opacity: .5; padding: 0; }
.aen-reply-like-btn:hover { opacity: 1; }
.aen-reply-like-btn[data-liked="1"] { opacity: 1; color: #6080e0; }
.aen-reply-like-btn[data-liked="1"] svg { fill: currentColor; }
.aen-reply-kebab-wrap { position: relative; flex-shrink: 0; }
.aen-reply-kebab-btn { background: transparent; border: 0; cursor: pointer; color: inherit; opacity: .35; padding: 2px 4px; display: flex; align-items: center; }
.aen-reply-kebab-btn:hover { opacity: .8; }
.aen-reply-kebab-menu { display: none; position: absolute; right: 0; background: #222; border: 1px solid rgba(128,128,128,.2); border-radius: 10px; padding: 4px; z-index: 200; min-width: 110px; }
.aen-reply-kebab-menu.open { display: block; }
.aen-reply-kebab-item { display: block; width: 100%; background: transparent; border: 0; cursor: pointer; color: inherit; font-size: 13px; font-weight: 600; padding: 8px 12px; text-align: left; border-radius: 7px; white-space: nowrap; }
.aen-reply-kebab-item:hover { background: rgba(128,128,128,.15); }
.aen-reply-delete-btn { color: #e05b5b; }
.aen-reply-edit-form { margin-top: 6px; display: flex; flex-direction: column; gap: 6px; }
.aen-reply-edit-input { background: rgba(128,128,128,.1); border: 1px solid rgba(128,128,128,.25); border-radius: 8px; padding: 6px 10px; color: inherit; font-size: 13px; resize: vertical; width: 100%; }
.aen-reply-edit-actions { display: flex; justify-content: flex-end; gap: 8px; }
.aen-reply-edit-save, .aen-reply-edit-cancel { background: transparent; border: 1px solid rgba(128,128,128,.3); border-radius: 6px; cursor: pointer; color: inherit; font-size: 12px; font-weight: 700; padding: 4px 12px; }
.aen-reply-edit-save { color: var(--atd-accent, #f0a01e); border-color: var(--atd-accent, #f0a01e); }
.aen-load-more-replies { background: transparent; border: 0; cursor: pointer; color: var(--atd-accent, #f0a01e); font-size: 12px; font-weight: 700; padding: 4px 0; margin-top: 4px; display: block; }

/* Inline reply form */
.aen-reply-form { display: flex; gap: 8px; align-items: flex-end; margin-top: 10px; padding-left: 20px; }
.aen-reply-input-wrap { flex: 1; display: flex; align-items: flex-end; gap: 6px; background: rgba(128,128,128,.08); border: 1px solid rgba(128,128,128,.2); border-radius: 12px; padding: 0 0 0 10px; }
.aen-reply-input { flex: 1; background: transparent !important; border: 0; outline: none; color: inherit; font-size: 13px; line-height: 1.5; resize: none; min-height: 26px; max-height: 100px; overflow-y: auto; }
.aen-reply-submit { background: var(--atd-accent, #f0a01e); border: 0; border-radius: 7px; cursor: pointer; color: #fff; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.aen-reply-submit:hover { opacity: .85; }
.aen-reply-submit svg { width: 13px; height: 13px; }
.aen-reply-cancel { background: transparent; border: 0; cursor: pointer; color: inherit; opacity: .4; font-size: 14px; padding: 2px 6px; flex-shrink: 0; }
.aen-reply-cancel:hover { opacity: .8; }

/* Add comment form — sits above the list */
.aen-add-comment { display: flex; gap: 10px; align-items: flex-end; padding-bottom: 14px; border-bottom: 1px solid rgba(128,128,128,.1); margin-bottom: 14px; }
.aen-comment-input-wrap { flex: 1; display: flex; align-items: flex-end; gap: 8px; background: rgba(128,128,128,.08); border: 1px solid rgba(128,128,128,.2); border-radius: 14px; padding: 0px 0px 0px 10px; }
.aen-comment-input { flex: 1; background: transparent !important; border: 0; outline: none; color: inherit; font-size: 14px; line-height: 1.5; resize: none; min-height: 28px; max-height: 120px; overflow-y: auto; }
.aen-comment-submit { background: var(--atd-accent, #f0a01e); border: 0; border-radius: 8px; cursor: pointer; color: #fff; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.aen-comment-submit:hover { opacity: .85; }
.aen-comment-submit svg { width: 15px; height: 15px; }

/* ── Lightbox ── */
.aen-lightbox { position: fixed; inset: 0; z-index: 9000; background: rgba(0,0,0,.92); display: flex; align-items: center; justify-content: center; padding: 20px; }
.aen-lightbox-body { max-width: 100%; max-height: 90vh; display: flex; align-items: center; justify-content: center; }
.aen-lightbox-close { position: absolute; top: 16px; right: 16px; background: rgba(255,255,255,.12); border: 0; cursor: pointer; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 10; }
.aen-lightbox-close:hover { background: rgba(255,255,255,.22); }
.aen-lightbox-close svg { width: 20px; height: 20px; }

/* ── Report Modal ── */
.aen-report-overlay { position: fixed; inset: 0; z-index: 8000; background: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; padding: 16px; }
.aen-report-modal { background: #242424; border-radius: 20px; width: 100%; max-width: 420px; }
.aen-report-modal-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px 12px; }
.aen-report-modal-title { font-size: 16px; font-weight: 800; }
.aen-modal-close-btn { background: rgba(128,128,128,.18); border: 0; border-radius: 50%; width: 30px; height: 30px; cursor: pointer; color: inherit; display: flex; align-items: center; justify-content: center; }
.aen-modal-close-btn svg { width: 16px; height: 16px; }
.aen-report-modal-body { padding: 0 20px 24px; }
.aen-report-modal-body p { font-size: 14px; opacity: .6; margin-bottom: 14px; }
.aen-report-options { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.aen-report-option { background: rgba(128,128,128,.1); border: 1px solid rgba(128,128,128,.2); border-radius: 10px; padding: 12px 16px; font-size: 14px; font-weight: 600; cursor: pointer; color: inherit; text-align: left; transition: background .15s; }
.aen-report-option:hover { background: rgba(128,128,128,.18); }
.aen-report-option.selected { border-color: var(--atd-accent, #f0a01e); color: var(--atd-accent, #f0a01e); background: rgba(240,160,30,.08); }
.aen-report-other-textarea { width: 100%; background: rgba(128,128,128,.1); border: 1px solid rgba(128,128,128,.25); border-radius: 10px; padding: 12px 14px; font-size: 14px; color: inherit; resize: vertical; min-height: 90px; margin-bottom: 14px; box-sizing: border-box; outline: none; }
.aen-report-other-textarea:focus { border-color: var(--atd-accent, #f0a01e); }
.aen-report-submit { display: block; width: 100%; background: #e03030; border: 0; border-radius: 12px; padding: 13px; font-size: 15px; font-weight: 800; cursor: pointer; color: #fff; }
.aen-report-submit:hover { opacity: .85; }
.aen-report-done { text-align: center; padding: 20px 0; font-size: 14px; font-weight: 700; color: #2ec86a; }
.aen-report-already { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 12px 0 8px; text-align: center; }
.aen-report-already svg { color: #2ec86a; }
.aen-report-already p { font-size: 14px; line-height: 1.5; opacity: .8; margin: 0; }

@media (max-width: 600px) {
    .aen-score-val { font-size: 32px; }
    .aen-meta-grid { grid-template-columns: repeat(2, 1fr); }
    .aen-media-grid { grid-template-columns: repeat(3, 1fr); }
    .aen-carousel-arrow { display: none; }
    .aen-score-card { flex-direction: column; gap: 14px; }
    .aen-author-block { order: -1; width: 100%; }
    .aen-score-left { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; width: 100%;  }
    .aen-author-avatar {width: 42px;height: 42px;}
    .aen-author-block { border-bottom: 1px solid #332e2e;padding-bottom: 10px;}
    
}
@media (min-width: 600px) {
    .aen-score-left { display: flex; gap: 140px; }
    .aen-status-badge { font-size: 15px; }
    .aen-author-block { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; }
    .aen-author-avatar { grid-column: 1; grid-row: 1 / 3; align-self: start; }
    .aen-author-info { grid-column: 2; grid-row: 1; }
    .aen-author-side { grid-column: 2; grid-row: 2; margin-left: 0; align-items: flex-start; }
}

/* == Entry Form (argos-entry-form/) ========================================= */

/* ── Stepper ── */
.aef-stepper { display: flex; align-items: center; padding: 16px 0 20px; gap: 0; }
.aef-step-item { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 0 0 auto; }
.aef-step-dot { width: 34px; height: 34px; border-radius: 50%; border: 2px solid rgba(128,128,128,.35); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: rgba(255,255,255,.4); background: #181818; transition: all .2s; }
.aef-step-dot svg { width: 16px; height: 16px; }
.aef-step-item.aef-done .aef-step-dot { border-color: var(--argos-accent); color: var(--argos-accent); }
.aef-step-item.aef-active .aef-step-dot { background: var(--argos-accent); border-color: var(--argos-accent); color: #fff; }
.aef-step-label { font-size: 11px; font-weight: 700; letter-spacing: .05em; color: rgba(255,255,255,.35); white-space: nowrap; }
.aef-step-item.aef-done .aef-step-label, .aef-step-item.aef-active .aef-step-label { color: var(--argos-accent); }
.aef-step-line-seg { flex: 1 1 auto; height: 2px; background: rgba(128,128,128,.25); margin: 0 6px; margin-bottom: 20px; transition: background .2s; }
.aef-step-line-seg.aef-done { background: var(--argos-accent); }

/* ── Shared step panel ── */
.aef-step-panel { margin-bottom: 40px; }
.aef-accent { color: var(--argos-accent); }

/* ── Section wrapper ── */
.aef-section { background: #1e1e1e; border: 1px solid rgba(128,128,128,.18); border-radius: 14px; padding: 18px 20px; margin-bottom: 14px; }
.aef-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.aef-section-title { font-size: 13px; font-weight: 800; letter-spacing: .06em; display: flex; align-items: center; gap: 8px; }
.aef-section-num { color: var(--argos-accent); }
.aef-info-btn { background: transparent; border: 0; cursor: pointer; color: rgba(255,255,255,.4); padding: 0; display: flex; align-items: center; }
.aef-info-btn svg { width: 16px; height: 16px; }
.aef-optional { font-size: 11px; font-weight: 500; opacity: .5; }

/* ── Season header card ── */
.aef-season-card { display: flex; align-items: center; gap: 14px; background: #1e1e1e; border: 1px solid rgba(128,128,128,.18); border-radius: 14px; padding: 14px 16px; margin-bottom: 14px; }
.aef-season-thumb { flex: 0 0 62px; width: 62px; height: 62px; border-radius: 10px; overflow: hidden; background: rgba(128,128,128,.18); display: flex; align-items: center; justify-content: center; }
.aef-season-thumb img { width: 100%; height: 100%; object-fit: cover; }
.aef-season-thumb-ph { font-size: 22px; font-weight: 800; opacity: .5; }
.aef-season-info { flex: 1 1 auto; min-width: 0; }
.aef-season-name { font-size: 16px; font-weight: 800; }
.aef-season-date { font-size: 13px; color: var(--argos-accent); margin-top: 2px; }
.aef-season-keyword { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; background: rgba(34,160,80,.15); color: #2ec86a; border-radius: 8px; padding: 4px 10px; margin-top: 6px; width: fit-content; }
.aef-season-keyword svg { width: 13px; height: 13px; }
.aef-season-days { flex: 0 0 auto; text-align: center; }
.aef-days-num { display: block; font-size: 28px; font-weight: 900; color: var(--argos-accent); line-height: 1; }
.aef-days-label { display: block; font-size: 10px; font-weight: 700; letter-spacing: .05em; opacity: .55; }
/* Recurring season: names the period the countdown is running to (e.g. "SEPTEMBER 2026") */
.aef-days-period { display: block; margin-top: 2px; font-size: 9px; font-weight: 600; letter-spacing: .05em; opacity: .4; }
.aef-season-closed .aef-days-label { opacity: .8; }

/* ── Entry Guide button ── */
.aef-guide-open-btn { background: transparent; border: 1px solid var(--argos-accent); border-radius: 8px; color: var(--argos-accent); font-size: 12px; font-weight: 800; letter-spacing: .04em; padding: 6px 12px; cursor: pointer; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.aef-guide-open-btn svg { width: 15px; height: 15px; }
.aef-guide-open-btn:hover { background: rgba(232,84,14,.1); }
.aef-guide-done-badge { color: #2ec86a; font-size: 13px; }

/* ── Media thumbnails & upload ── */
.aef-media-thumb-list { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.aef-media-thumb { position: relative; width: 80px; height: 80px; border-radius: 10px; overflow: hidden; background: rgba(128,128,128,.2); flex: 0 0 80px; }
.aef-media-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aef-thumb-vid { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #111; color: var(--argos-accent); }
.aef-thumb-vid svg { width: 28px; height: 28px; }
.aef-thumb-del { position: absolute; top: 4px; right: 4px; width: 22px; height: 22px; border-radius: 50%; background: rgba(0,0,0,.7); border: 0; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; padding: 0; }
.aef-thumb-del svg { width: 12px; height: 12px; }
.aef-media-thumb.aef-uploading { display: flex; align-items: center; justify-content: center; }
.aef-upload-spinner { width: 24px; height: 24px; border: 3px solid rgba(255,255,255,.15); border-top-color: var(--argos-accent); border-radius: 50%; animation: aef-spin .7s linear infinite; }
@keyframes aef-spin { to { transform: rotate(360deg); } }
.aef-upload-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.aef-upload-btn { background: rgba(128,128,128,.08); border: 1px dashed rgba(128,128,128,.35); border-radius: 12px; padding: 18px 12px; cursor: pointer; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; transition: background .15s, border-color .15s; }
.aef-upload-btn:hover { background: rgba(128,128,128,.14); border-color: var(--argos-accent); }
.aef-upload-btn svg { width: 32px; height: 32px; color: var(--argos-accent); }
.aef-upload-btn-title { font-size: 13px; font-weight: 800; letter-spacing: .04em; }
.aef-upload-btn-sub { font-size: 12px; opacity: .55; }
.aef-media-note { display: flex; align-items: center; gap: 7px; font-size: 12px; opacity: .55; }
.aef-media-note svg { flex-shrink: 0; }

/* ── Field grid ── */
.aef-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.aef-field { display: flex; flex-direction: column; gap: 6px; }
.aef-field--full { grid-column: 1 / -1; }
.aef-field-label { display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 700; letter-spacing: .05em; opacity: .65; }
.aef-field-label svg { width: 14px; height: 14px; flex-shrink: 0; }
.aef-select, .aef-input, .aef-textarea { background: rgba(128,128,128,.1); border: 1px solid rgba(128,128,128,.25); border-radius: 10px; padding: 11px 14px; font-size: 14px; font-weight: 600; color: inherit; width: 100%; box-sizing: border-box; outline: none; transition: border-color .15s; appearance: none; -webkit-appearance: none; }
.aef-select:focus, .aef-input:focus, .aef-textarea:focus { border-color: var(--argos-accent); }
.aef-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; padding-right: 36px; }
.aef-textarea { resize: vertical; min-height: 80px; }
.aef-score-wrap { display: flex; align-items: center; gap: 8px; }
.aef-score-input { flex: 1 1 auto; }
.aef-score-unit { flex: 0 0 auto; font-size: 13px; font-weight: 700; opacity: .6; min-width: 28px; }
.aef-team-open-btn { background: rgba(128,128,128,.1); border: 1px solid rgba(128,128,128,.25); border-radius: 10px; padding: 11px 14px; font-size: 14px; font-weight: 600; color: inherit; width: 100%; text-align: left; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.aef-team-open-btn svg { width: 16px; height: 16px; opacity: .5; }
.aef-team-open-btn:hover { border-color: var(--argos-accent); }

/* ── Terms section ── */
.aef-terms-row { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; padding: 12px 0; }
.aef-terms-check { flex-shrink: 0; width: 20px; height: 20px; accent-color: var(--argos-accent); cursor: pointer; margin-top: 2px; }
.aef-terms-text { font-size: 14px; line-height: 1.5; }
.aef-link { color: var(--argos-accent); text-decoration: underline; }
.aef-terms-note { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; opacity: .5; margin-top: 8px; }
.aef-terms-note svg { flex-shrink: 0; margin-top: 2px; width: 14px; height: 14px; }
.aef-terms-section.aef-terms-highlight { border-color: #e03030; }

/* ── Action row ── */
.aef-action-row { display: flex; gap: 12px; margin-top: 20px; }
.aef-btn-draft { flex: 0 0 auto; background: rgba(128,128,128,.12); border: 1px solid rgba(128,128,128,.28); border-radius: 12px; padding: 13px 22px; font-size: 14px; font-weight: 700; cursor: pointer; color: inherit; transition: background .15s; }
.aef-btn-draft:hover { background: rgba(128,128,128,.2); }
.aef-btn-continue { flex: 1 1 auto; background: var(--argos-accent); border: 0; border-radius: 12px; padding: 14px 22px; font-size: 15px; font-weight: 800; letter-spacing: .04em; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; gap: 8px; transition: opacity .15s; }
.aef-btn-continue:hover { opacity: .88; }
.aef-btn-continue svg { width: 18px; height: 18px; }
.aef-btn-continue:disabled, .aef-btn-draft:disabled { opacity: .5; cursor: not-allowed; }
.aef-form-note { font-size: 13px; color: #e05555; margin-top: 10px; }

/* ── Step 1: Picker ── */
.aef-picker-head { margin-bottom: 18px; }
.aef-picker-title { font-size: 20px; font-weight: 800; margin: 0 0 4px; }
.aef-picker-sub { font-size: 14px; opacity: .55; margin: 0 0 14px; }
.aef-picker-search { background: rgba(128,128,128,.1); border: 1px solid rgba(128,128,128,.25); border-radius: 10px; padding: 11px 16px; font-size: 14px; color: inherit; width: 100%; max-width: 360px; outline: none; box-sizing: border-box; }
.aef-picker-search:focus { border-color: var(--argos-accent); }
.aef-picker-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin-top: 16px; }
.aef-picker-card { display: flex; align-items: center; gap: 14px; background: #1e1e1e; border: 1px solid rgba(128,128,128,.2); border-radius: 14px; padding: 14px 16px; text-decoration: none !important; color: inherit; transition: border-color .15s, background .15s; }
.aef-picker-card:hover { border-color: var(--argos-accent); background: rgba(232,84,14,.05); }
.aef-picker-card-img { flex: 0 0 60px; width: 60px; height: 60px; border-radius: 8px; overflow: hidden; background: rgba(128,128,128,.18); display: flex; align-items: center; justify-content: center; }
.aef-picker-card-img img { width: 100%; height: 100%; object-fit: cover; }
.aef-picker-card-ph { font-size: 18px; font-weight: 800; opacity: .5; }
.aef-picker-card-info { flex: 1 1 auto; min-width: 0; }
.aef-picker-card-name { font-size: 17px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aef-picker-card-divs { font-size: 13px; opacity: .7; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aef-picker-card-days { font-size: 14px; opacity: .6; margin-top: 2px; }
/* Recurring tournament: names the round the countdown is running to */
.aef-picker-card-period { opacity: .75; }
.aef-picker-arrow { width: 18px; height: 18px; opacity: .35; flex-shrink: 0; }

/* ── Review step ── */
.aef-review-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.aef-review-title { font-size: 20px; font-weight: 900; margin: 0 0 4px; letter-spacing: .03em; }
.aef-review-sub { font-size: 13px; opacity: .5; margin: 0; }
.aef-review-edit-btn { display: flex; align-items: center; gap: 7px; background: rgba(128,128,128,.12); border: 1px solid rgba(128,128,128,.28); border-radius: 10px; padding: 9px 14px; font-size: 13px; font-weight: 700; color: inherit; text-decoration: none; white-space: nowrap; flex-shrink: 0; }
.aef-review-edit-btn:hover { border-color: var(--argos-accent); color: var(--argos-accent); }
.aef-review-edit-btn svg { width: 14px; height: 14px; }
.aef-review-section { background: #1e1e1e; border: 1px solid rgba(128,128,128,.18); border-radius: 14px; padding: 16px 18px; margin-bottom: 12px; }
.aef-review-section-title { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; letter-spacing: .05em; margin-bottom: 14px; color: var(--argos-accent); }
.aef-review-section-title svg { width: 16px; height: 16px; }
.aef-review-media-grid { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; }
.aef-review-media-item { position: relative; width: 100px; height: 90px; border-radius: 10px; overflow: hidden; background: rgba(128,128,128,.18); flex: 0 0 100px; display: flex; flex-direction: column; }
.aef-review-media-item img { width: 100%; height: 72px; object-fit: cover; display: block; }
.aef-review-media-type { font-size: 10px; font-weight: 700; text-align: center; opacity: .6; padding: 3px 0; }
.aef-review-add-slot { width: 100px; height: 90px; border-radius: 10px; border: 2px dashed rgba(128,128,128,.35); background: transparent; cursor: pointer; color: rgba(255,255,255,.4); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font-size: 11px; font-weight: 700; transition: border-color .15s, color .15s; }
.aef-review-add-slot:hover { border-color: var(--argos-accent); color: var(--argos-accent); }
.aef-review-add-slot svg { width: 22px; height: 22px; }
.aef-review-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.aef-review-detail-item { display: flex; align-items: flex-start; gap: 10px; }
.aef-review-detail-item svg { flex-shrink: 0; margin-top: 3px; opacity: .5; }
.aef-rv-item-label { font-size: 11px; font-weight: 700; letter-spacing: .04em; opacity: .5; margin-bottom: 2px; }
.aef-rv-item-val { font-size: 14px; font-weight: 700; }
.aef-rv-team-name { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
.aef-rv-team-name svg { flex-shrink: 0; margin-top: 3px; opacity: .5; }
.aef-rv-members-row { display: flex; flex-wrap: wrap; gap: 10px; }
.aef-rv-member-chip { display: flex; align-items: center; gap: 8px; background: rgba(128,128,128,.1); border-radius: 10px; padding: 8px 12px; min-width: 0; }
.aef-rv-member-avatar { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; background: rgba(128,128,128,.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.aef-rv-member-avatar img { width: 100%; height: 100%; object-fit: cover; }
.aef-rv-avatar-ph { font-size: 14px; font-weight: 700; opacity: .6; }
.aef-rv-member-info { display: flex; flex-direction: column; min-width: 0; }
.aef-rv-member-name { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aef-rv-member-user { font-size: 11px; opacity: .55; }
.aef-review-terms .aef-review-section-title { color: inherit; }
.aef-terms-accepted-badge { width: 22px; height: 22px; border-radius: 50%; background: #2ec86a; display: flex; align-items: center; justify-content: center; margin-left: auto; }
.aef-terms-accepted-badge svg { width: 13px; height: 13px; color: #fff; }
.aef-review-terms-text { font-size: 14px; margin: 0 0 8px; }
.aef-guide-notice { display: flex; align-items: flex-start; gap: 8px; background: rgba(200,140,0,.1); border: 1px solid rgba(200,140,0,.35); border-radius: 12px; padding: 12px 14px; margin-bottom: 14px; font-size: 14px; color: #b87000; }
.aef-guide-notice svg { flex-shrink: 0; margin-top: 2px; }
.aef-guide-required-section { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.aef-guide-required-tag { background: var(--argos-accent); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .05em; border-radius: 4px; padding: 2px 6px; }
.aef-guide-required-hint { font-size: 12px; opacity: .6; margin: 0; padding-left: 2px; }
.aef-submit-errors { background: rgba(224,48,48,.1); border: 1px solid rgba(224,48,48,.35); border-radius: 12px; padding: 14px 16px; margin-bottom: 14px; font-size: 14px; color: #e05555; }
.aef-submit-errors ul { margin: 6px 0 0 16px; padding: 0; }
.aef-submit-errors li { margin-bottom: 4px; }
.aef-submit-wrap { margin-top: 8px; }
.aef-btn-submit { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; background: var(--argos-accent); border: 0; border-radius: 14px; padding: 16px; font-size: 16px; font-weight: 900; letter-spacing: .05em; cursor: pointer; color: #fff; transition: opacity .15s; }
.aef-btn-submit:hover { opacity: .88; }
.aef-btn-submit:disabled { opacity: .5; cursor: not-allowed; }
.aef-submit-note { display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 12px; opacity: .45; margin-top: 8px; }

/* ── Modals (guide + team) ── */
.aef-modal-overlay { position: fixed; inset: 0; z-index: 10000; background: rgba(0,0,0,.65); display: flex; align-items: center; justify-content: center; padding: 16px; }
.aef-modal { background: #242424; border-radius: 18px; width: 100%; max-width: 460px; max-height: 90vh; overflow-y: auto; display: flex; flex-direction: column; }
.aef-modal-head { display: flex; align-items: flex-start; justify-content: space-between; padding: 20px 20px 12px; gap: 12px; }
.aef-modal-title { font-size: 17px; font-weight: 900; letter-spacing: .04em; }
.aef-modal-sub { font-size: 13px; opacity: .55; margin-top: 3px; }
.aef-modal-close { background: rgba(255,255,255,.1); border: 0; border-radius: 50%; width: 32px; height: 32px; cursor: pointer; color: inherit; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.aef-modal-close:hover { background: rgba(255,255,255,.18); }
.aef-modal-close svg { width: 16px; height: 16px; }

/* ── Guide modal internals ── */
.aef-guide-progress-row { display: flex; align-items: center; gap: 8px; padding: 8px 20px 14px; border-bottom: 1px solid rgba(128,128,128,.18); }
.aef-guide-required-label { font-size: 13px; font-weight: 800; color: var(--argos-accent); flex: 1 1 auto; }
.aef-guide-progress-text { font-size: 13px; font-weight: 700; opacity: .7; }
.aef-guide-items { padding: 14px 20px; display: flex; flex-direction: column; gap: 2px; }
.aef-guide-item { display: flex; align-items: flex-start; gap: 12px; padding: 11px 0; border-bottom: 1px solid rgba(128,128,128,.12); cursor: pointer; }
.aef-guide-item:last-child { border-bottom: 0; }
.aef-guide-item input[type="checkbox"] { flex-shrink: 0; width: 20px; height: 20px; accent-color: var(--argos-accent); cursor: pointer; margin-top: 1px; }
.aef-guide-item-text { font-size: 14px; line-height: 1.4;width: 80%; }
.aef-guide-item input[type="checkbox"]:disabled { cursor: not-allowed; opacity: .55; }
.aef-guide-item-badge { font-size: 10px; font-weight: 800; letter-spacing: .04em; border-radius: 4px; padding: 2px 6px; flex-shrink: 0; margin-top: 2px; white-space: nowrap; }
.aef-guide-item-badge--required { background: var(--argos-accent); color: #fff; }
.aef-guide-item-badge--optional { background: rgba(128,128,128,.18); color: inherit; opacity: .7; }
.aef-guide-links { display: flex; gap: 10px; padding: 0 20px 14px; }
.aef-guide-link-btn { display: flex; align-items: center; justify-content: center; gap: 6px; flex: 1; background: transparent; border: 1px solid var(--argos-accent); border-radius: 8px; padding: 8px 14px; font-size: 13px; font-weight: 700; color: var(--argos-accent); text-decoration: none !important; cursor: pointer; }
.aef-guide-link-btn:hover { background: rgba(232,84,14,.1); }
.aef-guide-link-btn svg { width: 14px; height: 14px; }
.aef-guide-note { display: flex; align-items: center; gap: 7px; font-size: 12px; opacity: .5; padding: 0 20px 14px; }
.aef-guide-note svg { flex-shrink: 0; }
.aef-guide-confirm-btn { margin: 0 20px 20px; background: rgba(128,128,128,.2); border: 0; border-radius: 12px; padding: 14px; font-size: 15px; font-weight: 800; letter-spacing: .04em; cursor: pointer; color: inherit; transition: background .15s; }
.aef-guide-confirm-btn:not(:disabled) { background: var(--argos-accent); color: #fff; }
.aef-guide-confirm-btn:not(:disabled):hover { opacity: .88; }
.aef-guide-confirm-btn:disabled { cursor: not-allowed; opacity: .5; }

/* ── Upgrade modal internals ── */
.aef-upgrade-modal { max-width: 420px; }
.aef-upgrade-body { display: flex; flex-direction: column; align-items: center; padding: 8px 24px 20px; text-align: center; gap: 14px; }
.aef-upgrade-icon { width: 80px; height: 80px; border-radius: 50%; background: rgba(232,84,14,.12); display: flex; align-items: center; justify-content: center; color: var(--argos-accent); flex-shrink: 0; }
.aef-upgrade-icon svg { stroke: var(--argos-accent); }
.aef-upgrade-msg { font-size: 14px; line-height: 1.55; opacity: .85; margin: 0; }
.aef-upgrade-pkg { background: rgba(232,84,14,.08); border: 1px solid rgba(232,84,14,.25); border-radius: 12px; padding: 14px 18px; width: 100%; text-align: center; }
.aef-upgrade-pkg-label { font-size: 10px; font-weight: 800; letter-spacing: .08em; color: var(--argos-accent); opacity: .8; margin-bottom: 4px; }
.aef-upgrade-pkg-name { font-size: 17px; font-weight: 900; letter-spacing: .02em; margin-bottom: 2px; }
.aef-upgrade-pkg-price { font-size: 14px; font-weight: 700; opacity: .65; }
.aef-upgrade-actions { display: flex; gap: 10px; padding: 0 20px 20px; }
.aef-upgrade-dismiss-btn { flex: 1; background: rgba(128,128,128,.12); border: 1px solid rgba(128,128,128,.25); border-radius: 12px; padding: 13px; font-size: 13px; font-weight: 700; letter-spacing: .03em; cursor: pointer; color: inherit; }
.aef-upgrade-dismiss-btn:hover { background: rgba(128,128,128,.2); }
.aef-btn-upgrade { flex: 2; display: flex; align-items: center; justify-content: center; background: var(--argos-accent); border-radius: 12px; padding: 13px 16px; font-size: 14px; font-weight: 800; letter-spacing: .03em; color: #fff; text-decoration: none !important; cursor: pointer; }
.aef-btn-upgrade:hover { opacity: .88; color: #fff; }

/* ── Entry profile admin action bar ── */
.aen-admin-action-bar { display: flex; align-items: center; gap: 10px; padding: 10px 16px; margin: 0 0 12px; background: rgba(232,84,14,.06); border: 1px solid rgba(232,84,14,.2); border-radius: 12px;margin: 0 14px 10px; }
.aen-admin-action-label { font-size: 11px; font-weight: 800; letter-spacing: .08em; color: var(--argos-accent); display: flex; align-items: center; gap: 4px; margin-right: auto; text-transform: uppercase; }
.aen-admin-btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 8px; font-size: 12px; font-weight: 700; letter-spacing: .04em; cursor: pointer; border: none; transition: opacity .15s; }
.aen-admin-approve-btn { background: #1a7a3a; color: #fff; }
.aen-admin-reject-btn { background: #8b1a1a; color: #fff; }
.aen-admin-btn:hover { opacity: .85; }

/* ── Team modal internals ── */
.aef-team-modal { max-width: 500px; }
.aef-team-search-wrap { display: flex; align-items: center; gap: 10px; background: rgba(128,128,128,.1); border-radius: 10px; padding: 10px 14px; margin: 0 20px 14px; }
.aef-team-search-wrap svg { flex-shrink: 0; opacity: .5; }
.aef-team-search-input { flex: 1; background: transparent; border: 0; outline: none; font-size: 14px; color: inherit; }
.aef-team-search-cancel { background: transparent; border: 0; cursor: pointer; color: var(--argos-accent); font-size: 13px; font-weight: 700; }
.aef-team-selected-section, .aef-team-results-section { padding: 0 20px; margin-bottom: 14px; }
.aef-team-selected-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.aef-team-selected-label { font-size: 11px; font-weight: 800; letter-spacing: .05em; opacity: .65; }
.aef-team-clear-all { background: transparent; border: 0; cursor: pointer; color: var(--argos-accent); font-size: 12px; font-weight: 700; }
.aef-team-no-results { padding: 14px 0; text-align: center; font-size: 13px; opacity: .6; }
.aef-team-selected-row, .aef-team-result-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(128,128,128,.12); }
.aef-team-selected-row:last-child, .aef-team-result-row:last-child { border-bottom: 0; }
.aef-team-av { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: rgba(128,128,128,.2); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.aef-team-av img { width: 100%; height: 100%; object-fit: cover; }
.aef-team-av-ph { font-size: 16px; font-weight: 700; opacity: .6; }
.aef-team-user-info { flex: 1 1 auto; min-width: 0; }
.aef-team-uname { display: block; font-size: 14px; font-weight: 700; }
.aef-team-handle { display: block; font-size: 12px; opacity: .55; }
.aef-team-remove { background: rgba(128,128,128,.12); border: 1px solid rgba(128,128,128,.25); border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: inherit; flex-shrink: 0; }
.aef-team-remove svg { width: 13px; height: 13px; }
.aef-team-add-btn { background: transparent; border: 1px solid var(--argos-accent); border-radius: 8px; padding: 6px 12px; font-size: 12px; font-weight: 800; color: var(--argos-accent); cursor: pointer; display: flex; align-items: center; gap: 5px; white-space: nowrap; flex-shrink: 0; }
.aef-team-add-btn:hover { background: rgba(232,84,14,.1); }
.aef-team-added-btn { background: rgba(46,200,106,.1); border: 1px solid rgba(46,200,106,.4); border-radius: 8px; padding: 6px 12px; font-size: 12px; font-weight: 800; color: #2ec86a; cursor: pointer; white-space: nowrap; flex-shrink: 0; }
.aef-team-results-label { font-size: 11px; font-weight: 800; letter-spacing: .05em; opacity: .65; margin-bottom: 6px; }
.aef-team-hint { display: flex; align-items: flex-start; gap: 10px; padding: 0 20px 14px; font-size: 12px; opacity: .5; }
.aef-team-hint svg { flex-shrink: 0; margin-top: 2px; }
.aef-team-modal-footer { display: flex; gap: 12px; padding: 14px 20px 20px; border-top: 1px solid rgba(128,128,128,.16); }
.aef-team-cancel-btn { flex: 1; background: rgba(128,128,128,.12); border: 1px solid rgba(128,128,128,.25); border-radius: 12px; padding: 13px; font-size: 14px; font-weight: 800; letter-spacing: .04em; cursor: pointer; color: inherit; }
.aef-team-done-btn { flex: 1; background: var(--argos-accent); border: 0; border-radius: 12px; padding: 13px; font-size: 14px; font-weight: 800; letter-spacing: .04em; cursor: pointer; color: #fff; }
.aef-team-done-btn:hover { opacity: .88; }

/* ── Responsive ── */
@media (max-width: 768px) {
    .aef-field-grid { grid-template-columns: 1fr; }
    .aef-review-detail-grid { grid-template-columns: 1fr; }
    .aef-upload-row { grid-template-columns: 1fr; }
    .aef-picker-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .aef-season-card { flex-wrap: wrap; }
    .aef-action-row { flex-direction: column; }
    .aef-btn-draft { text-align: center; }
    .aef-modal { border-radius: 14px 14px 0 0; align-self: flex-end; max-height: 85vh; }
    .aef-modal-overlay { align-items: flex-end; padding: 0; }
    .albd-podium-badge {width: 28px;height: 38px;font-size: 14px;}
    .ath-card-score{font-size:12px !important;}
    .ath-card-body {padding: 10px 5px 5px;}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"] {
    line-height: 21px;
  }
}

/* ── Angler popup (leaderboard podium click) ── */
button.albi-avatar { border: 0; padding: 0; cursor: pointer; }
.alp-overlay { position: fixed; inset: 0; z-index: 9000; background: rgba(0,0,0,.72); display: flex; align-items: center; justify-content: center; padding: 16px; }
.alp-card { background: #1e1e1e; border-radius: 20px; width: 100%; max-width: 340px; padding: 28px 22px 22px; position: relative; text-align: center; color: #fff; }
.alp-close { position: absolute; top: 14px; right: 14px; background: rgba(255,255,255,.1); border: 0; border-radius: 50%; width: 32px; height: 32px; cursor: pointer; color: inherit; display: flex; align-items: center; justify-content: center; }
.alp-close:hover { background: rgba(255,255,255,.18); }
.alp-close svg { width: 16px; height: 16px; }
.alp-rank { font-size: 14px; font-weight: 900; letter-spacing: .08em; margin-bottom: 16px; }
.alp-rank.rank-1 { color: #f5c518; }
.alp-rank.rank-2 { color: #c0c0c0; }
.alp-rank.rank-3 { color: #cd7f32; }
.alp-avatar-ring { width: 88px; height: 88px; border-radius: 50%; margin: 0 auto 14px; overflow: hidden; border: 3px solid rgba(128,128,128,.3); display: flex; align-items: center; justify-content: center; background: rgba(128,128,128,.15); }
.alp-avatar-ring.rank-1 { border-color: #f5c518; }
.alp-avatar-ring.rank-2 { border-color: #c0c0c0; }
.alp-avatar-ring.rank-3 { border-color: #cd7f32; }
.alp-avatar-ring img { width: 100%; height: 100%; object-fit: cover; }
.alp-avatar-ring svg { width: 36px; height: 36px; opacity: .35; }
.alp-name { font-size: 20px; font-weight: 800; margin-bottom: 4px; }
.alp-username { font-size: 14px; opacity: .45; margin-bottom: 18px; }
.alp-score { font-size: 34px; font-weight: 900; color: var(--atd-accent, #f97316); letter-spacing: -.01em; }
.alp-score-label { font-size: 11px; font-weight: 700; letter-spacing: .1em; opacity: .4; margin-bottom: 14px; }
.alp-season { font-size: 15px; font-weight: 700; margin-bottom: 3px; }
.alp-divcat { font-size: 13px; opacity: .5; margin-bottom: 22px; }
.alp-actions { display: flex; gap: 12px; }
.alp-view-btn { flex: 1; background: transparent; border: 1.5px solid rgba(255,255,255,.3); border-radius: 14px; padding: 14px 8px; font-size: 13px; font-weight: 800; letter-spacing: .05em; cursor: pointer; color: #fff !important; text-decoration: none !important; display: flex; align-items: center; justify-content: center; }
.alp-view-btn:hover { border-color: rgba(255,255,255,.55); }
.alp-close-btn { flex: 1; background: linear-gradient(135deg, #f97316 0%, #e03030 100%); border: 0; border-radius: 14px; padding: 14px 8px; font-size: 13px; font-weight: 800; letter-spacing: .05em; cursor: pointer; color: #fff; }
.alp-close-btn:hover { opacity: .88; }
/* ── Tournament Hub additions (Phase 12 – Leaderboard Hub) ─────────────────── */

/* ── Action row, below the banner ───────────────────────────────────────────
   Deliberately NOT overlaid on the hero photo. Sitting on the page background means
   this can reuse the entry page's values verbatim - .aen-action-bar for the row and
   .aen-action-btn for the buttons - so the two screens are literally one design
   rather than an approximation of it.
   Stays a single inline row at EVERY width: no flex-wrap, buttons share the space
   proportionally, and below 480px the icons drop out and the labels shorten so three
   buttons still fit a phone without stacking. */
.atd-hero-actions { display:flex; align-items:stretch; gap:8px; margin:-2px 0 14px; }
.atd-hero-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:14px; padding:13px 14px; font-size:13px; font-weight:700; cursor:pointer; text-decoration:none; white-space:nowrap; transition:opacity .15s; border:1px solid transparent; }
.atd-hero-btn:hover { opacity:.82; text-decoration:none; }
.atd-hero-btn svg { width:18px; height:18px; flex-shrink:0; }
/* Primary action - same tint as .aen-video-proof-btn. */
.atd-hero-btn-primary { flex:2; background:rgba(160,60,10,.22); border-color:rgba(160,60,10,.45); color:#d97030; }
/* Secondary - same neutral as .aen-share-btn. */
.atd-hero-btn-neutral { flex:1; background:rgba(128,128,128,.1); border-color:rgba(128,128,128,.2); color:inherit; }
/* Follow is a toggle, so it takes the toggle tint: .aen-like-btn, with the 'on' state
   deepening exactly as .aen-like-btn.liked does. */
.atd-follow-btn { flex:1; background:rgba(40,140,55,.18); border-color:rgba(40,140,55,.38); color:#3ab850; }
.atd-follow-btn.atd-following { background:rgba(40,140,55,.30); border-color:rgba(40,140,55,.55); }
.atd-follow-count { font-size:12px; opacity:.85; }
/* Long label on desktop, short one on phones - see the 480px block below. */
.atd-btn-short { display:none; }
/* Text label instead of a heart: a heart reads as "favourite", not "follow", and left the
   count beside it unexplained. Rendered via ::before so the hover swap is pure CSS; the
   button carries an aria-label for screen readers. */
.atd-follow-label::before { content:'FOLLOW'; }
.atd-follow-btn.atd-following .atd-follow-label::before { content:'FOLLOWING'; }
/* Hover swap only where there is a real pointer — on touch, tapping FOLLOWING unfollows,
   which is the standard mobile behaviour, and a hover state would stick after the tap. */
@media (hover: hover) and (pointer: fine) {
    .atd-follow-btn.atd-following:hover .atd-follow-label::before { content:'UNFOLLOW'; }
}
/* Fixed width so the button does not jump between FOLLOW / FOLLOWING / UNFOLLOW. */
.atd-follow-label { min-width:82px; text-align:center; }

/* Phones: keep all three buttons on ONE row. Dropping the icons and shortening the two
   link labels frees enough width that nothing wraps or overflows at 360px. */
@media (max-width: 480px) {
    .atd-hero-actions { gap:6px; }
    .atd-hero-btn { font-size:11px; padding:11px 8px; gap:0; border-radius:12px; }
    .atd-hero-btn svg { display:none; }
    .atd-hero-btn-primary { flex:1; }
    .atd-btn-long  { display:none; }
    .atd-btn-short { display:inline; }
    .atd-follow-label { min-width:0; }
    .atd-follow-count { margin-left:4px; }
}

/* Controls row (period picker + enter button) */
.atd-controls-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 14px; }
.atd-period-wrap { position:relative; }
.atd-period-btn { display:flex; align-items:center; gap:6px; background:var(--atd-surface,#1e1e2e); border:1.5px solid rgba(128,128,128,.25); border-radius:20px; padding:7px 14px; color:var(--atd-text,#fff); font-size:13px; font-weight:700; cursor:pointer; }
.atd-period-btn svg { width:14px; height:14px; opacity:.6; }
.atd-period-dropdown { position:absolute; top:calc(100% + 6px); left:0; min-width:160px; background:var(--atd-surface,#1e1e2e); border:1.5px solid rgba(128,128,128,.25); border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.4); z-index:200; overflow:hidden; }
.atd-period-option { padding:9px 16px; font-size:13px; font-weight:600; cursor:pointer; color:var(--atd-text,#fff); transition:background .15s; }
.atd-period-option:hover { background:rgba(128,128,128,.15); }
.atd-period-option.active { color:var(--atd-accent,#f97316); }
.atd-enter-btn { display:inline-flex; align-items:center; background:linear-gradient(135deg,#f97316 0%,#e03030 100%); color:#fff !important; text-decoration:none !important; border-radius:20px; padding:8px 18px; font-size:12px; font-weight:800; letter-spacing:.05em; white-space:nowrap; }
.atd-enter-btn--view { background:rgba(128,128,128,.2); }

/* Location filter */
.atd-location-filter { padding:6px 14px 4px; overflow-x:auto; }
.atd-country-tabs { display:flex; gap:8px; padding-bottom:4px; }
.atd-country-tab { background:rgba(128,128,128,.12); border:1.5px solid rgba(128,128,128,.2); border-radius:20px; padding:5px 14px; font-size:12px; font-weight:700; color:var(--atd-text,#fff); cursor:pointer; white-space:nowrap; }
.atd-country-tab.active { background:var(--atd-accent,#f97316); border-color:var(--atd-accent,#f97316); }

/* Leaderboard hub section */
.atd-lb-hub-section { padding-top:14px; }
.atd-carousels-wrap { margin-top:8px; }
.atd-div-section { margin-bottom:18px; }
.atd-div-heading { font-size:13px; font-weight:900; letter-spacing:.06em; opacity:.6; text-transform:uppercase; margin-bottom:6px; padding:0 2px; }
.atd-zone-heading { font-size:12px; font-weight:700; letter-spacing:.04em; opacity:.45; margin-bottom:4px; padding:0 2px; }
.atd-zone-states { font-weight:400; font-size:11px; }
.atd-cat-block { margin-bottom:14px; }
.atd-cat-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }
.atd-cat-name { font-size:14px; font-weight:800; text-transform:uppercase; }
.atd-cat-link { font-size:11px; font-weight:700; color:var(--atd-accent,#f97316) !important; text-decoration:none !important; letter-spacing:.04em; }
.atd-entry-carousel { display:flex; gap:10px; overflow-x:auto; padding-bottom:4px; }
.atd-entry-card { flex-shrink:0; width:130px; background:var(--atd-surface,#1e1e2e); border-radius:12px; overflow:hidden; border:1.5px solid rgba(128,128,128,.15); }
.atd-entry-rank { font-size:11px; font-weight:800; letter-spacing:.04em; padding:4px 8px; display:flex; align-items:center; gap:4px; }
.atd-winner-badge { font-size:13px; }
.atd-entry-thumb { height:80px; background:rgba(128,128,128,.12); overflow:hidden; }
.atd-entry-thumb img { width:100%; height:100%; object-fit:cover; }
.atd-entry-thumb-ph { width:100%; height:100%; background:rgba(128,128,128,.1); }
.atd-entry-name { font-size:11px; font-weight:700; padding:4px 8px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.atd-entry-score { font-size:12px; font-weight:800; color:var(--atd-accent,#f97316); padding:2px 8px 6px; }

/* Latest entries feed */
.atd-feed-section { padding:12px 14px 4px; }
.atd-feed-wrap { margin-top:8px; }
.atd-feed-card { background:var(--atd-surface,#1e1e2e); border-radius:14px; padding:12px; margin-bottom:10px; border:1.5px solid rgba(128,128,128,.12); }
.atd-feed-card-header { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.atd-feed-avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.atd-feed-avatar-ph { width:36px; height:36px; border-radius:50%; background:rgba(128,128,128,.2); flex-shrink:0; }
.atd-feed-user-info { flex:1; min-width:0; }
.atd-feed-name { font-size:13px; font-weight:700; display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.atd-feed-meta { font-size:12px; opacity:.5; font-weight:600; margin-top:1px; }
.atd-feed-thumb { border-radius:10px; overflow:hidden; margin-bottom:8px; max-height:200px; }
.atd-feed-thumb img { width:100%; height:200px; object-fit:cover; }
.atd-feed-caption { font-size:13px; opacity:.7; margin-bottom:6px; line-height:1.5; }
.atd-feed-tags { display:flex; flex-wrap:wrap; gap:4px; }
.atd-feed-tag { background:rgba(128,128,128,.14); border-radius:10px; padding:2px 8px; font-size:11px; font-weight:600; opacity:.7; }
.atd-new-badge { background:#22c55e; color:#fff; border-radius:8px; padding:1px 6px; font-size:10px; font-weight:800; letter-spacing:.04em; }
.atd-load-more-btn { background:rgba(128,128,128,.15); border:1.5px solid rgba(128,128,128,.2); border-radius:20px; padding:8px 24px; font-size:12px; font-weight:800; letter-spacing:.04em; cursor:pointer; color:var(--atd-text,#fff); }
.atd-load-more-btn:hover { background:rgba(128,128,128,.25); }
.atd-loading-spinner { text-align:center; padding:20px; opacity:.5; font-size:13px; }
.atd-empty-state { text-align:center; padding:20px; opacity:.4; font-size:13px; font-weight:600; }

/* ── Leaderboard: Month / Year picker ────────────────────────────────────── */
.albd-month-picker { margin: 6px 0 2px; padding: 0 0 8px; }
.albd-year-nav { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.albd-year-arrow { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(128,128,128,.15); color: var(--atd-text,#fff); font-size: 15px; text-decoration: none; transition: background .15s; }
.albd-year-arrow:hover { background: rgba(128,128,128,.3); }
.albd-year-arrow.disabled { opacity: .3; pointer-events: none; cursor: default; }
.albd-year-label { font-size: 15px; font-weight: 900; letter-spacing: .04em; min-width: 48px; text-align: center; }
.albd-month-chips { display: flex; gap: 4px; flex-wrap: wrap; }
.albd-month-chip { font-size: 11px; font-weight: 800; padding: 5px 10px; border-radius: 20px; letter-spacing: .05em; background: rgba(128,128,128,.12); color: var(--atd-text,#fff); text-decoration: none; transition: background .15s, color .15s; }
.albd-month-chip:hover { background: rgba(232,84,14,.25); color: var(--atd-accent,#e8540e); }
.albd-month-chip.active { background: var(--atd-accent,#e8540e); color: #fff; }
.albd-month-chip.dim { opacity: .3; cursor: default; pointer-events: none; }
.albd-month-chip.dim.active { opacity: 1; }

/* ── Leaderboards index: follow heart + recurrence badge ─────────────────── */
.albi-follow-heart { color: #e84040; font-size: 13px; margin-right: 4px; line-height: 1; }
.albi-picker-badge.recur { background: rgba(99,179,237,.2); color: #63b3ed; }

/* ─────────────────────────────────────────────────────────────────────────────
   Tournament Hub redesign — Division/Category chips, carousel & feed cards
───────────────────────────────────────────────────────────────────────────── */

/* Division / Category filter chips */
.atd-filter-chips-row { padding: 2px 14px 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.atd-filter-chips { display: flex; gap: 8px; padding-bottom: 2px; }
.atd-filter-chip { flex-shrink: 0; background: rgba(128,128,128,.12); border: 1.5px solid rgba(128,128,128,.2); border-radius: 20px; padding: 5px 14px; font-size: 12px; font-weight: 700; color: var(--atd-text,#fff); cursor: pointer; white-space: nowrap; transition: background .15s, border-color .15s; }
.atd-filter-chip.active { background: var(--atd-accent,#f97316); border-color: var(--atd-accent,#f97316); color: #fff; }
.atd-filter-chip:hover:not(.active) { background: rgba(128,128,128,.22); }

/* Division heading — override opacity-only style to be fully orange */
.atd-div-heading { color: var(--atd-accent,#f97316); opacity: 1 !important; }

/* Entry carousel card redesign — overlay rank badge on photo */
.atd-entry-card { flex: 0 0 calc(50% - 5px); min-width: 140px; max-width: 210px; width: auto; }
.atd-entry-thumb { position: relative; height: 0; padding-bottom: 133%; background: rgba(128,128,128,.12); overflow: hidden; }
.atd-entry-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.atd-entry-thumb-ph { position: absolute; inset: 0; }
.atd-entry-rank { position: absolute; top: 7px; left: 7px; font-size: 13px; font-weight: 900; background: var(--atd-accent,#f97316); color: #fff; border-radius: 6px; padding: 3px 8px; letter-spacing: .02em; z-index: 1; display: inline-block; }
.atd-entry-rank.rank-silver { background: rgba(180,180,180,.75); }
.atd-entry-name { font-size: 12px; font-weight: 700; padding: 6px 8px 2px; }
.atd-entry-score { font-size: 15px; font-weight: 900; color: var(--atd-accent,#f97316); padding: 0 8px 3px; }
.atd-entry-social { display: flex; gap: 10px; padding: 0 8px 8px; font-size: 11px; opacity: .55; }
.atd-entry-social-item { display: flex; align-items: center; gap: 3px; }
.atd-entry-social-item svg { width: 12px; height: 12px; }

/* Feed card redesign — flush photo, avatar ring, score row, footer */
.atd-feed-section { padding: 12px 14px 4px; }
.atd-feed-card { background: var(--atd-surface,#1e1e2e); border-radius: 14px; margin-bottom: 10px; border: 1.5px solid rgba(128,128,128,.12); overflow: hidden; padding: 0; }
.atd-feed-card-hd { display: flex; align-items: center; gap: 10px; padding: 10px 12px 6px; }
.atd-feed-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid var(--atd-accent,#f97316); background: rgba(128,128,128,.2); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.atd-feed-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.atd-feed-avatar-ph { width: 40px; height: 40px; border-radius: 50%; background: rgba(128,128,128,.2); border: 2px solid var(--atd-accent,#f97316); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; }
.atd-feed-user-col { flex: 1 1 auto; min-width: 0; }
.atd-feed-name { font-size: 13px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 5px; }
.atd-feed-menu-btn { background: none; border: none; cursor: pointer; color: inherit; padding: 4px 6px; opacity: .5; font-size: 20px; line-height: 1; flex-shrink: 0; }
.atd-feed-menu-btn:hover { opacity: 1; }
.atd-feed-score-row { display: flex; align-items: center; gap: 8px; padding: 0 12px 8px; flex-wrap: wrap; }
.atd-feed-score-val { font-size: 22px; font-weight: 900; color: var(--atd-accent,#f97316); line-height: 1; }
.atd-feed-rank-pill { display: inline-flex; align-items: center; background: rgba(128,128,128,.15); border-radius: 20px; padding: 3px 10px; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.atd-feed-rank-up { color: #22c55e; font-size: 11px; font-weight: 800; }
.atd-feed-rank-dn { color: #ef4444; font-size: 11px; font-weight: 800; }
.atd-feed-photo { width: 100%; max-height: 300px; object-fit: cover; display: block; }
.atd-feed-tags { display: flex; flex-wrap: wrap; gap: 5px; padding: 8px 12px 4px; }
.atd-feed-tag { font-size: 11px; font-weight: 700; opacity: .65; }
.atd-feed-tag + .atd-feed-tag::before { content: ' • '; opacity: .45; }
.atd-feed-caption { font-size: 13px; opacity: .8; padding: 4px 12px 8px; line-height: 1.5; }
.atd-feed-footer { display: flex; align-items: center; gap: 16px; padding: 8px 12px 10px; border-top: 1px solid rgba(255,255,255,.07); }
.atd-feed-footer-btn { display: flex; align-items: center; gap: 5px; background: none; border: none; cursor: pointer; color: inherit; font-size: 12px; opacity: .6; padding: 0; }
.atd-feed-footer-btn:hover { opacity: 1; }
.atd-feed-footer-btn svg { width: 14px; height: 14px; }
.atd-new-badge { display: inline-block; font-size: 9px; font-weight: 800; letter-spacing: .06em; background: var(--atd-accent,#f97316); color: #fff; border-radius: 4px; padding: 2px 5px; text-transform: uppercase; flex-shrink: 0; }
.atd-prize-badge { display: inline-block; font-size: 9px; font-weight: 800; letter-spacing: .05em; background: rgba(232,84,14,.15); color: var(--atd-accent,#f97316); border-radius: 4px; padding: 2px 6px; text-transform: uppercase; flex-shrink: 0; }

/* ── Controls row: date button + enter button ────────────────────────────── */
.atd-controls-row { display: flex; align-items: center; gap: 8px; padding: 8px 14px 6px; }
.atd-date-btn { display: inline-flex; align-items: center; gap: 7px; background: rgba(128,128,128,.12); border: 1.5px solid rgba(128,128,128,.25); border-radius: 22px; padding: 7px 14px; font-size: 12px; font-weight: 700; color: var(--atd-text,#fff); cursor: pointer; white-space: nowrap; transition: background .15s, border-color .15s; }
.atd-date-btn:hover { background: rgba(128,128,128,.22); }
.atd-date-chevron { transition: transform .2s ease; flex-shrink: 0; }

/* ── Date picker panel ────────────────────────────────────────────────────── */
.atd-date-panel { margin: 0 14px 8px; background: var(--atd-surface,#1e1e2e); border: 1.5px solid rgba(128,128,128,.2); border-radius: 14px; padding: 12px; }

/* Mode tabs */
.atd-date-mode-tabs { display: flex; gap: 4px; margin-bottom: 10px; }
.atd-date-mode-btn { flex: 1; padding: 7px 4px; font-size: 11px; font-weight: 800; letter-spacing: .04em; border: 1.5px solid rgba(128,128,128,.2); border-radius: 10px; background: rgba(128,128,128,.1); color: var(--atd-text,#fff); cursor: pointer; transition: background .15s, border-color .15s; }
.atd-date-mode-btn.active { background: var(--atd-accent,#f97316); border-color: var(--atd-accent,#f97316); color: #fff; }
.atd-date-mode-btn:hover:not(.active) { background: rgba(128,128,128,.2); }

/* Year navigator */
.atd-year-nav { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 4px 0 10px; }
.atd-year-nav-btn { background: rgba(128,128,128,.12); border: 1.5px solid rgba(128,128,128,.2); border-radius: 8px; width: 32px; height: 32px; font-size: 20px; font-weight: 700; color: var(--atd-text,#fff); cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; transition: background .15s; }
.atd-year-nav-btn:hover { background: rgba(128,128,128,.25); }
.atd-year-nav-val { font-size: 18px; font-weight: 900; min-width: 60px; text-align: center; }

/* Month grid (2 rows × 6 cols) */
.atd-month-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.atd-month-btn { padding: 7px 2px; font-size: 11px; font-weight: 800; letter-spacing: .03em; border: 1.5px solid rgba(128,128,128,.18); border-radius: 8px; background: rgba(128,128,128,.1); color: var(--atd-text,#fff); cursor: pointer; transition: background .15s, border-color .15s, opacity .15s; text-align: center; }
.atd-month-btn.active { background: var(--atd-accent,#f97316); border-color: var(--atd-accent,#f97316); color: #fff; }
.atd-month-btn:hover:not(.active):not(.atd-month-no-data) { background: rgba(128,128,128,.2); }
.atd-month-btn.atd-month-no-data { opacity: .3; cursor: default; pointer-events: none; }

/* ── Location pill buttons ────────────────────────────────────────────────── */
.atd-loc-row { display: flex; gap: 8px; padding: 4px 14px 8px; flex-wrap: wrap; }
.atd-loc-picker-wrap { position: relative; }
.atd-loc-btn { display: inline-flex; align-items: center; gap: 6px; background: rgba(128,128,128,.12); border: 1.5px solid rgba(128,128,128,.22); border-radius: 22px; padding: 7px 14px; font-size: 12px; font-weight: 700; color: var(--atd-text,#fff); cursor: pointer; white-space: nowrap; transition: background .15s, border-color .15s; }
.atd-loc-btn:hover { background: rgba(128,128,128,.22); }
.atd-loc-chevron { flex-shrink: 0; transition: transform .2s ease; }
.atd-loc-flyout { position: absolute; top: calc(100% + 6px); left: 0; min-width: 180px; background: var(--atd-surface,#1e1e2e); border: 1.5px solid rgba(128,128,128,.25); border-radius: 12px; padding: 6px; z-index: 120; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.atd-loc-opt { display: block; width: 100%; padding: 9px 12px; font-size: 13px; font-weight: 600; border: none; background: none; color: var(--atd-text,#fff); cursor: pointer; border-radius: 8px; text-align: left; transition: background .12s; white-space: nowrap; }
.atd-loc-opt:hover { background: rgba(128,128,128,.2); }
.atd-loc-opt.active { color: var(--atd-accent,#f97316); font-weight: 800; background: rgba(249,115,22,.08); }

/* ── Leaderboard filters panel — collapsible, sticky on mobile scroll ────────
   Wraps the controls row / date panel / location row / division+category chips
   already styled above; this only adds the header, the collapsed summary view,
   and the mobile sticky-on-scroll treatment. */
.atd-filters-sentinel { height: 0; }
.atd-filters-panel { position: relative; }
.atd-filters-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; background: none; border: none; padding: 10px 14px; margin: 0; color: var(--atd-text,#fff); cursor: pointer; text-align: left; }
.atd-filters-header-main { display: flex; align-items: center; gap: 8px; min-width: 0; }
.atd-filters-icon { color: var(--atd-accent,#f97316); flex-shrink: 0; }
.atd-filters-title-wrap { display: flex; flex-direction: column; min-width: 0; }
.atd-filters-title { font-size: 13px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
.atd-filters-summary { display: none; font-size: 11px; font-weight: 600; opacity: .6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
.atd-filters-chevron { flex-shrink: 0; transform: rotate(180deg); transition: transform .2s ease; }
.atd-filters-panel.atd-filters-collapsed .atd-filters-chevron { transform: rotate(0deg); }
.atd-filters-panel.atd-filters-collapsed .atd-filters-summary { display: block; }
.atd-filters-panel.atd-filters-collapsed .atd-filters-body { display: none; }

@media (max-width: 600px) {
    .atd-filters-panel.atd-filters-stuck {
        position: fixed;
        /* Set from JS to the height of whatever fixed site header sits above the page
           (--atd-sticky-top, default 0) - never hardcoded, since that bar's height isn't
           this template's to assume and differs from the "no header" case. */
        top: var(--atd-sticky-top, 0px);
        left: 0; right: 0; z-index: 60;
        background: var(--atd-page-bg, #121212);
        box-shadow: 0 4px 16px rgba(0,0,0,.4);
        border-bottom: 1px solid rgba(128,128,128,.18);
    }
    /* Expanded-while-stuck is an overlay above the page content, same pattern as the
       date/location flyouts already used on this page - it is not meant to push the
       rest of the page down. */
    .atd-filters-panel.atd-filters-stuck:not(.atd-filters-collapsed) .atd-filters-body {
        max-height: calc(100vh - var(--atd-sticky-top, 0px) - 46px);
        overflow-y: auto;
    }
}

/* ── Hub section separators (ALL ZONES / INDIVIDUAL STATES) ──────────────── */
.atd-hub-separator { display: flex; align-items: center; gap: 10px; padding: 16px 14px 8px; }
.atd-hub-separator::before, .atd-hub-separator::after { content: ''; flex: 1; height: 1px; background: rgba(128,128,128,.2); }
.atd-hub-separator span { font-size: 11px; font-weight: 900; letter-spacing: .1em; opacity: .5; white-space: nowrap; }

/* ── State section & headings ────────────────────────────────────────────── */
.atd-state-section { }
.atd-state-heading { padding: 10px 14px 4px; font-size: 14px; font-weight: 900; letter-spacing: .04em; color: var(--atd-text,#fff); }
.atd-state-sublabel { font-size: 11px; font-weight: 500; opacity: .6; }
.atd-div-subheading { padding: 4px 14px 2px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; opacity: .55; }

/* ── Latest Entries section ──────────────────────────────────────────────── */
.atd-feed-section { padding: 0 0 16px; }

/* ── Load More button ────────────────────────────────────────────────────── */
.atd-load-more-btn { display: block; width: calc(100% - 28px); margin: 10px 14px 4px; padding: 11px; background: rgba(128,128,128,.1); border: 1.5px solid rgba(128,128,128,.2); border-radius: 12px; font-size: 12px; font-weight: 800; letter-spacing: .06em; color: var(--atd-text,#fff); cursor: pointer; transition: background .15s; }
.atd-load-more-btn:hover { background: rgba(128,128,128,.2); }

/* ── Tournament hub: location flyout groups (zones + states) ─────────────── */
.atd-loc-group-label {
    padding: 8px 12px 4px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .1em;
    opacity: .45;
    text-transform: uppercase;
}
.atd-loc-group-label:first-child { padding-top: 4px; }
.atd-loc-opt--zone { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.atd-loc-opt-sub {
    font-size: 10px;
    font-weight: 600;
    opacity: .55;
    letter-spacing: .03em;
}

/* ── Tournament hub: like buttons (feed cards + carousel entry cards) ────── */
.atd-like-btn { cursor: pointer; border: none; background: none; font: inherit; color: inherit; }
.atd-like-btn[disabled] { opacity: .55; cursor: default; }
.atd-like-btn.liked { color: var(--atd-accent, #f97316); font-weight: 800; }
.atd-entry-social-item.atd-like-btn { padding: 0; }

/* ── Tournament hub: carousel grouping ───────────────────────────────────────
   The same category name repeats across most carousels ("Heaviest Bass" x17 on a
   typical season), so the GROUP — not the category — is what identifies a block.
   Each group is an enclosed card with a sticky header carrying the full
   "DIVISION · ZONE" label; the category name is demoted to a row label inside. */
.atd-group {
    margin: 20px 0px;
    border: 1.5px solid rgba(128,128,128,.2);
    border-radius: 14px;
    background: rgba(128,128,128,.04);
    overflow: hidden;
}
.atd-group-head {
    position: sticky;
    top: 0;
    z-index: 5;
    padding: 10px 14px 9px;
    background: var(--atd-surface, #1e1e2e);
    border-bottom: 1.5px solid rgba(128,128,128,.18);
    /* Left edge colour-codes which of the three groupings this block belongs to. */
    border-left: 3px solid var(--atd-accent, #f97316);
}
.atd-group--all   .atd-group-head { border-left-color: #3b82f6; }
.atd-group--state .atd-group-head { border-left-color: #10b981; }

.atd-group-title {
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.25;
    color: var(--atd-accent, #f97316);
}
.atd-group--all   .atd-group-title { color: #3b82f6; }
.atd-group--state .atd-group-title { color: #10b981; }

.atd-group-sub {
    margin-top: 2px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .03em;
    opacity: .7;
    color: var(--atd-text, #fff);
}
.atd-group-body { padding: 12px 14px 4px; }
.atd-group-body .atd-cat-block:last-child { margin-bottom: 10px; }

/* Category demoted: it is a row label inside an already-identified group, so it must
   no longer outweigh the heading that gives it meaning. */
.atd-group .atd-cat-name {
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: .01em;
    opacity: .92;
}

@media (max-width: 480px) {
    .atd-group       { margin: 10px 0px; }
    .atd-group-head  { padding: 9px 12px 8px; }
    .atd-group-title { font-size: 14px; }
    .atd-group-body  { padding: 10px 12px 4px; }
}


/* ── Entry card — redesign to match the approved mockup ──────────────────────
   Photo on top with a circular rank medal, then a footer: user (avatar + name),
   a dashed rule, and a meta row of like / comment / score.
   Supersedes the earlier .atd-entry-name / .atd-entry-social layout; the rules
   for those classes above are now unused by this card. */
.atd-entry-card {
    position: relative;
    flex: 0 0 auto;
    width: 224px;
    min-width: 224px;
    max-width: 224px;
    background: var(--atd-surface, #1e1e2e);
    border: 1.5px solid rgba(128,128,128,.15);
    border-radius: 14px;
    overflow: hidden;
    transition: border-color .15s, transform .15s;
}
.atd-entry-card:hover { border-color: rgba(128,128,128,.4); }

/* Whole-card click target, beneath the real controls. */
.atd-entry-stretch { position: absolute; inset: 0; z-index: 1; }

/* Photo — landscape-ish, matching the mockup's proportions. */
.atd-entry-thumb { position: relative; height: 0; padding-bottom: 80%; background: rgba(128,128,128,.12); overflow: hidden; }

/* Circular rank medal: accent for 1st, silver for the rest. */
.atd-entry-rank {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0;
    background: var(--atd-accent, #f97316);
    color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.35);
}
.atd-entry-rank.rank-silver { background: #9ca3af; color: #fff; }

.atd-entry-foot { padding: 9px 11px 10px; }

/* User row — sits above the stretched link so it navigates to the profile. */
.atd-entry-user {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 7px;
    text-decoration: none !important;
    color: var(--atd-text, #fff) !important;
    min-width: 0;
}
.atd-entry-user:hover .atd-entry-uname { text-decoration: underline; }
.atd-entry-avatar {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(128,128,128,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 800;
}
.atd-entry-avatar img { width: 100%; height: 100%; object-fit: cover; }
.atd-entry-uname {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Meta row: like + comment on the left, score pushed right. */
.atd-entry-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed rgba(128,128,128,.32);
}
.atd-entry-act {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    opacity: .65;
    background: none;
    border: none;
    padding: 0;
    color: inherit;
    font-family: inherit;
}
.atd-entry-act svg { width: 16px; height: 16px; flex-shrink: 0; }
button.atd-entry-act { position: relative; z-index: 2; cursor: pointer; }
button.atd-entry-act:hover { opacity: 1; }
button.atd-entry-act[disabled] { opacity: .4; cursor: default; }
.atd-entry-act.liked { opacity: 1; color: var(--atd-accent, #f97316); font-weight: 800; }
.atd-entry-act.liked svg { fill: currentColor; }

/* Score sits hard right; unit is a smaller upright suffix. */
.atd-entry-meta .atd-entry-score {
    margin-left: auto;
    padding: 0;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    color: var(--atd-accent, #f97316);
    white-space: nowrap;
}
.atd-entry-meta .atd-entry-score em {
    font-style: normal;
    font-size: 10px;
    font-weight: 800;
    margin-left: 2px;
    letter-spacing: .03em;
}

@media (max-width: 480px) {
    .atd-entry-card { width: 200px; min-width: 200px; max-width: 200px; }
    .atd-entry-uname { font-size: 12px; }
    .atd-entry-meta { gap: 10px; }
    .atd-entry-meta .atd-entry-score { font-size: 15px; }
}

/* ── Feed card — redesign to match the approved mockup ───────────────────────
   header (avatar + name + kebab) / score row / full-bleed photo /
   CATEGORY · DIVISION + ZONE · STATE + caption / like · comment ····· share
   Supersedes the earlier .atd-feed-card-hd / .atd-feed-tags / .atd-feed-footer
   layout; those rules are no longer referenced by this card. */
.atd-feed-card {
    position: relative;
    background: var(--atd-surface, #1e1e2e);
    border: 1.5px solid rgba(128,128,128,.14);
    border-radius: 14px;
    margin-bottom: 12px;
    padding: 0;
    overflow: hidden;
}

/* Header */
.atd-fc-hd { display: flex; align-items: center; gap: 8px; padding: 11px 12px 8px; }
.atd-fc-user {
    display: flex; align-items: center; gap: 9px; min-width: 0;
    text-decoration: none !important; color: var(--atd-text, #fff) !important;
}
.atd-fc-user:hover .atd-fc-name { text-decoration: underline; }
.atd-fc-avatar {
    width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; overflow: hidden;
    background: rgba(128,128,128,.25);
    border: 2px solid var(--atd-accent, #f97316);
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 800;
}
.atd-fc-avatar img { width: 100%; height: 100%; object-fit: cover; }
.atd-fc-name {
    font-size: 14px; font-weight: 800; letter-spacing: .01em;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Kebab — pushed right, menu opens beneath it */
.atd-fc-kebab-wrap { position: relative; margin-left: auto; flex-shrink: 0; }
.atd-fc-kebab {
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; padding: 0;
    background: none; border: none; cursor: pointer;
    color: var(--atd-text, #fff); opacity: .45; border-radius: 50%;
}
.atd-fc-kebab:hover { opacity: 1; background: rgba(128,128,128,.15); }
.atd-fc-kebab svg { width: 18px; height: 18px; }
.atd-fc-menu {
    display: none; position: absolute; top: calc(100% + 4px); right: 0; z-index: 30;
    min-width: 150px; padding: 5px;
    background: var(--atd-surface, #1e1e2e);
    border: 1.5px solid rgba(128,128,128,.28);
    border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
.atd-fc-menu.open { display: block; }
.atd-fc-menu > a, .atd-fc-menu > button {
    display: block; width: 100%; text-align: left;
    padding: 8px 10px; border: none; background: none; cursor: pointer;
    font-size: 13px; font-weight: 600; border-radius: 7px;
    color: var(--atd-text, #fff) !important; text-decoration: none !important;
    font-family: inherit;
}
.atd-fc-menu > a:hover, .atd-fc-menu > button:hover { background: rgba(128,128,128,.18); }
.atd-fc-menu > .atd-fc-report { color: #ef4444 !important; }

/* Score row */
.atd-fc-scorerow { display: flex; align-items: center; gap: 9px; padding: 0 12px 10px; }
.atd-fc-score {
    font-size: 24px; font-weight: 900; line-height: 1;
    color: var(--atd-accent, #f97316); white-space: nowrap;
}
.atd-fc-score em {
    font-style: normal; font-size: 11px; font-weight: 800;
    margin-left: 3px; letter-spacing: .04em;
}
.atd-fc-rank {
    font-size: 12px; font-weight: 800; letter-spacing: .02em;
    padding: 3px 10px; border-radius: 999px;
    background: rgba(128,128,128,.16);
    border: 1.5px solid rgba(128,128,128,.3);
}
.atd-fc-delta { font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.atd-fc-delta.up   { color: #22c55e; }
.atd-fc-delta.down { color: #ef4444; }

/* Photo — full-bleed, no side padding */
.atd-fc-media { display: block; position: relative; height: 0; padding-bottom: 92%; background: rgba(128,128,128,.1); overflow: hidden; }
.atd-fc-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Body */
.atd-fc-body { padding: 11px 12px 4px; }
.atd-fc-title {
    display: block; font-size: 15px; font-weight: 900; letter-spacing: .02em;
    color: var(--atd-text, #fff) !important; text-decoration: none !important;
}
.atd-fc-title:hover { text-decoration: underline !important; }
.atd-fc-sub {
    margin-top: 3px; font-size: 12px; font-weight: 700;
    letter-spacing: .04em; opacity: .72;
}
.atd-fc-sep { color: var(--atd-accent, #f97316); margin: 0 5px; font-weight: 700; }
.atd-fc-caption {
    margin-top: 6px; font-size: 13px; line-height: 1.45;
    color: var(--atd-accent, #f97316);
    overflow-wrap: anywhere;
}

/* Footer */
.atd-fc-foot {
    display: flex; align-items: center; gap: 18px;
    padding: 10px 12px 11px; margin-top: 6px;
    border-top: 1px solid rgba(128,128,128,.16);
}
.atd-fc-act {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: 13px; font-weight: 600; opacity: .65;
    background: none; border: none; padding: 0; cursor: pointer;
    color: var(--atd-text, #fff) !important; text-decoration: none !important;
    font-family: inherit;
}
.atd-fc-act:hover { opacity: 1; }
.atd-fc-act[disabled] { opacity: .4; cursor: default; }
.atd-fc-act svg { width: 18px; height: 18px; flex-shrink: 0; }
.atd-fc-act.liked { opacity: 1; color: var(--atd-accent, #f97316) !important; font-weight: 800; }
.atd-fc-act.liked svg { fill: currentColor; }
.atd-fc-share { margin-left: auto; }
.atd-fc-share.copied { opacity: 1; color: #22c55e !important; }

@media (max-width: 480px) {
    .atd-fc-score { font-size: 21px; }
    .atd-fc-title { font-size: 14px; }
    .atd-fc-foot  { gap: 15px; }
}

/* == Tournament Profile — top section (cover/avatar/stats/name/about/buttons/tabs) ==========
   Scoped under .wo_user_profile (the profile page's own wrapper), applied to every profile
   page while argos.css is loaded - confirmed with the client as a site-wide look, not just
   profiles with tournament activity, consistent with the rest of the Argos module (T1/T2/My
   Entries) already being permanently dark regardless of who's viewing. */

.wo_user_profile .card.hovercard {
    background: #151515;
    border-radius: 14px;
    overflow: hidden;
}
.wo_user_profile .card.hovercard .info .title,
.wo_user_profile .card.hovercard .info .title a { color: #fff; text-shadow: none; }

/* Cover banner - stacked above the avatar/info row (the current layout is a flex row, not
   the old absolute-overlap hovercard, so the banner sits above it rather than behind it). */
.atd-profile-cover { position: relative; width: 100%; height: 260px; overflow: hidden; background: #1c1c1c; }
.atd-profile-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.atd-profile-cover::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,.55) 100%);
}
.wo_user_profile .card.hovercard .problackback { display: none; } /* superseded by the gradient above */

/* Avatar ring */
.container .wo_user_profile .pic-info-cont .user-avatar img { border: 3px solid var(--argos-accent, #e8540e); }
.wo_user_profile .pic-info-cont { background: transparent; }

/* Stats / counters */
.wo_user_profile .sd-profile-stats-container,
.wo_user_profile .sd-profile-stats-container span { color: #fff; }
.wo_user_profile .sd-profile-stats-container span br + * { color: rgba(255,255,255,.55); }

/* Name / verified badge / about */
.wo_user_profile .sd_profile_bottom_info_seciton .sd_profile_name { color: rgba(255,255,255,.55); }
.wo_user_profile .sd-user-profile-about,
.wo_user_profile .sd-user-profile-about .text-container { color: rgba(255,255,255,.82); }
.wo_user_profile .sd-user-profile-about .more-text-btn { color: var(--argos-accent, #e8540e); }

/* Channel / Follow / Message pill row */
.wo_user_profile .options-buttons .btn.btn-default {
    background: transparent; border: 1.5px solid rgba(128,128,128,.35); color: #fff;
    border-radius: 22px; font-weight: 700; box-shadow: none;
}
.wo_user_profile .options-buttons .btn.btn-default:hover { background: rgba(255,255,255,.06); }
.wo_user_profile .options-buttons .wo_following_btn,
.wo_user_profile .options-buttons .btn.btn-default.btn-active {
    background: rgba(232,84,14,.12); border-color: var(--argos-accent, #e8540e); color: var(--argos-accent, #e8540e);
}

/* Tabs row - pill style (icon-above-label stack -> single-line text pill, matching the mockup) */
.wo_user_profile .user-bottom-nav { background: transparent; box-shadow: none; height: auto; }
.wo_user_profile .user-bottom-nav ul { height: auto; column-gap: 8px; padding: 4px 0; }
.wo_user_profile .user-bottom-nav ul li { margin: 5px 0px; flex: 0 0 auto; }
.wo_user_profile .user-bottom-nav li a {
    padding: 9px 18px; border-radius: 20px; background: #1c1c1c;
    border: 1px solid rgba(128,128,128,.16); color: #fff; font-size: 12px; font-weight: 700;
}
.wo_user_profile .user-bottom-nav li a .split-link { display: none; } /* icon hidden - pill is text-only in the mockup */

/* Cover upload + crop */
.atd-profile-cover-empty { display: flex; align-items: center; justify-content: center; }
/* .profile-cover-changer (reused here so the existing .ajaxForm() JS binding still matches
   it) defaults to display:none;width:45px - it was built for the old hover-to-reveal cover
   changer, and only ever shown via a hover() handler this markup doesn't use. Override both
   explicitly rather than relying on cascade order alone, since equal specificity (one class
   each) makes that fragile. */
.atd-cover-changer.profile-cover-changer {
    display: block; position: absolute; right: 14px; bottom: 14px; z-index: 100; width: auto; margin: 0;
}
.atd-profile-cover-empty .atd-cover-changer.profile-cover-changer { position: static; }
/* .profile-cover-changer .btn-file also pre-sets width:40px;float:left;padding:6px (built for
   a small icon-only circle button) - override with !important since a plain-text-content pill
   needs real width, and relying on selector specificity alone (both are effectively 2-class
   selectors) is too fragile to trust here after the display:none surprise above. Do NOT hide
   the file input itself - .btn-file input[type=file] (style.css) already makes it an
   invisible-but-clickable full-size overlay, the same trick the working avatar upload button
   relies on; hiding it outright would make the button unclickable. */
.atd-cover-upload-btn.btn-file {
    display: inline-flex !important; align-items: center; gap: 6px; cursor: pointer;
    background: rgba(0,0,0,.55) !important; border: 1px solid rgba(255,255,255,.25); color: #fff;
    border-radius: 20px !important; padding: 8px 14px !important; font-size: 12px; font-weight: 700;
    width: auto !important; float: none !important; margin: 0 !important;
}
.atd-cover-upload-btn.btn-file:hover { background: rgba(0,0,0,.7) !important; }
.atd-cover-crop-dialog .wo_crop_img_pic img { max-width: 100%; }
@media (min-width: 768px) {
    .atd-cover-crop-dialog { width: 700px; }
}

/* == Top section rebuild — overlay header, overlapping avatar, name/username order,
   equal-width action buttons (matches p1.png mockup; see user feedback that the earlier
   pass only reskinned colors and didn't restructure the layout). == */

/* Header bar - overlaid on the cover image instead of stacked below it. .card.hovercard is
   already position:relative (style.css), and this is the first non-absolute box after the
   (160px tall) .atd-profile-cover, so position:absolute + top:0 pulls it up onto the image
   regardless of viewport width. */
.wo_user_profile .sd_user_profile_header {
    position: absolute; top: 0; left: 0; right: 0; z-index: 3;
    padding: 14px 12px 0;
}
.wo_user_profile .sd_user_profile_header > div {
    background: rgba(0,0,0,.45);
    min-width: 36px; height: 36px; border-radius: 50%;
}
.wo_user_profile .sd_user_profile_header .profile_back a,
.wo_user_profile .sd_user_profile_header .atd-profile-hamburger a {
    display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
}
.wo_user_profile .sd_user_profile_header .profile_user_name {
    background: none; border-radius: 0; min-width: 0;
}
.wo_user_profile .sd_user_profile_header h4 {
    color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.5); font-size: 14px;
}
.wo_user_profile .sd_user_profile_header .profile_back a,
.wo_user_profile .sd_user_profile_header svg { color: #fff; }
/* "(Social)" profile-type label isn't in the mockup - the rest of this row (back arrow,
   centered username, account-switcher chevron, settings/report dropdown) are the "things not
   in the design but we have" the client asked to keep, just restyled to fit. */
.wo_user_profile .sd_user_profile_header .atd-profile-type-label { display: none; }

/* Avatar overlaps the bottom edge of the cover instead of sitting fully below it. */
.wo_user_profile .pic-info-cont {
    margin-top: -46px; position: relative; z-index: 2;
    align-items: flex-end;
}
.container .wo_user_profile .pic-info-cont .user-avatar { width: 96px; height: 96px; }

/* "Social Profile" page-type switcher pill - kept (client asked to preserve extra
   functionality beyond the mockup) but restyled to match the dark pill look instead of its
   original site-blue. */
.wo_user_profile .sd_switch_profile .btn {
    background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); color: #fff;
    border-radius: 20px; font-size: 12px; font-weight: 700; box-shadow: none;
}

/* Name (bold, large) then @username (small, muted) below it - the mockup's order, reversed
   from the original "@username (Name)" single line. */
.wo_user_profile .atd-profile-title { display: flex; align-items: center; column-gap: 6px; }
.wo_user_profile .atd-profile-name { font-size: 19px; font-weight: 800; color: #fff; }
.wo_user_profile .atd-profile-username { font-size: 13px; color: rgba(255,255,255,.55); margin-top: 2px; }

/* Channel / Follow / Message - equal-width row instead of left-aligned auto-width buttons.
   .btn-glossy > a (style.css) already forces border:0 and that pill's own border-radius
   formula with !important, and .profile_channel_button forces a red background with
   !important too - match !important on the properties those touch so this pill row is
   visually consistent instead of a borderless/red outlier. */
.wo_user_profile .options-buttons .user-follow-button { display: flex; column-gap: 10px; width: 100%; }
.wo_user_profile .options-buttons .user-follow-button .btn { flex: 1; text-align: center; }
.wo_user_profile .profile_channel_button { background-color: transparent !important; }
.wo_user_profile .options-buttons .btn.btn-default {
    border: 1.5px solid rgba(128,128,128,.35) !important;
    border-radius: 22px !important;
}
.wo_user_profile .options-buttons .wo_following_btn,
.wo_user_profile .options-buttons .btn.btn-default.btn-active {
    border-color: var(--argos-accent, #e8540e) !important;
}
.wo_user_profile .options-buttons .btn.btn-default {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
}
.wo_user_profile .options-buttons .btn.btn-default svg { width: 16px; height: 16px; flex-shrink: 0; }

/* Tab pills - neutralize any stray active/visited-link coloring first (a plain <a> was
   picking up the theme's default link color/underline instead of the pill styling below),
   then give the CURRENT tab (.menuactive, set by the URL-matching script further down this
   file) its own accent treatment - same border/background/color combo as the "Following"
   pill above, so "which tab am I on" reads at a glance on both desktop and mobile. */
.wo_user_profile .user-bottom-nav li a {
    color: #fff !important; text-decoration: none !important;
}
.wo_user_profile .user-bottom-nav li a.menuactive {
    background: rgba(232,84,14,.12) !important;
    border-color: var(--argos-accent, #e8540e) !important;
    color: var(--argos-accent, #e8540e) !important;
}

@media (max-width: 480px) {
    .wo_user_profile .sd_user_profile_header h4 { font-size: 13px; }
    .container .wo_user_profile .pic-info-cont .user-avatar { width: 80px; height: 80px; }
    .wo_user_profile .sd-profile-stats-container { column-gap: 22px; font-size: 13px; }
    .atd-profile-cover {height: 160px !important;}
}

/* Profile page had no side gutter on phone widths - the cover, avatar, name, tabs and every
   widget below it ran edge-to-edge against the screen. .profile-container wraps all of that
   (cover through the post feed), so padding here covers the whole page - cover photo included
   - in one place. .card.hovercard (which the cover and header are positioned against) sits
   inside .profile-container and isn't full-width itself, so it picks up this inset too. */
@media (max-width: 767px) {
    .wo_user_profile .profile-container { padding-left: 12px; padding-right: 12px; }
}

/* Tournament Highlights card (timeline/tournament-highlight-card.phtml) - shared by the
   default profile view's Slick mini-carousel (.ath-highlights-carousel) and the Tournaments
   tab's plain grid (.ath-highlights-grid). Lives here, not as an inline <style> in the card
   partial, because that partial renders once per card inside a foreach loop: an inline
   <style> tag there is a direct child of whichever container is looping it, and Slick.js
   treats every direct child of the element it's initialized on as its own slide - so the
   <style> tag was being rendered as a visible "slide" showing raw CSS text instead of staying
   an invisible stylesheet. Matches the established Argos dark card system (--argos-accent
   #e8540e, #1c1c1c cards). Sizing (thumb ratio, badge style) matched directly against the
   client's p3.png reference, not the T1 listing card - .atl-badge-* is no longer reused here,
   see .ath-card-badge below. */
.ath-highlights-carousel .ath-card,.ath-highlights-grid .ath-card{display:block;background:#1c1c1c;border:1px solid rgba(128,128,128,.16);border-radius:12px;overflow:hidden;text-decoration:none;color:#fff}
.ath-highlights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
/* Carousel spacing - shared here (rather than only in timeline/tournament-highlights.phtml's
   own <style>) because the Tournaments tab's own highlights carousel (content.phtml) doesn't
   load that partial and needs the same spacing. */
.ath-highlights-carousel{margin:0 -6px}
.ath-highlights-carousel .ath-card{margin:0 6px}
.ath-card-thumb{position:relative;width:100%;padding-top:70%;background:rgba(128,128,128,.16)}
.ath-card-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ath-card-winner{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--argos-accent,#e8540e);color:#fff;display:flex;align-items:center;justify-content:center}
.ath-card-winner svg{width:14px;height:14px}
.ath-card-body{padding:12px 14px 14px}
.ath-card-name{font-weight:700;font-size:14px;color:#fff;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ath-card-placed{font-size:12px;font-weight:600;color:rgba(255,255,255,.55)}
.ath-card-score{font-size:17px;font-weight:800;color:var(--argos-accent,#e8540e)}

/* Bordered pill + icon badge (Live/Starting Soon/Final) - replaces the filled T1-style
   .atl-badge this card used at first; the client's p3.png reference shows an outlined pill
   with a small icon instead. */
.ath-card-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;border:1px solid currentColor;font-size:11px;font-weight:700;margin-bottom:8px;background:transparent}
.ath-card-badge svg{width:12px;height:12px;flex-shrink:0}
.ath-card-badge-finished,.ath-card-badge-default{color:var(--argos-accent,#e8540e)}
.ath-card-badge-live{color:#ff5252}
.ath-card-badge-soon{color:#b7b7b7}

/* argos-tournament/feed-card.phtml's comments and share sheets, reused on the profile's
   Tournaments tab, were rendering behind the app's bottom nav bar
   (mobile-menu/bottom-menu.phtml, z-index 9990) on mobile. #share_post_modal (the share
   sheet, shared with lightbox/share_post.phtml) has no z-index of its own anywhere - it was
   riding on Bootstrap's plain .modal default (1050), well under the nav. Explicit here as a
   backstop alongside the JS fix that moves both sheets to <body> (content.phtml) to escape
   any ancestor stacking context. */
#share_post_modal, #argos_entry_comments_lightbox { z-index: 10000 !important; }