:root {
    --cww-bg: #060817;
    --cww-bg-soft: #0a1122;
    --cww-card: linear-gradient(180deg, rgba(14,18,36,.98), rgba(7,10,22,.98));
    --cww-text: #f6f8ff;
    --cww-muted: #aeb7d8;
    --cww-line: rgba(255,255,255,.12);
    --cww-pink: #ff4fc8;
    --cww-violet: #995cff;
    --cww-blue: #23c7ff;
    --cww-orange: #ff9d2e;
    --cww-green: #20e7aa;
    --cww-shadow: 0 18px 48px rgba(0,0,0,.35);
}

body.cww-has-wall {
    background: #f3f4f8;
}

body.cww-modal-open {
    overflow: hidden;
}

.cww-wall-wrap {
    width: min(100%, calc(100vw - (var(--cww-edge, 10px) * 2)));
    max-width: calc(100vw - (var(--cww-edge, 10px) * 2));
    margin: 10px auto;
    padding: 12px;
    border-radius: 26px;
    color: var(--cww-text);
    background:
        radial-gradient(circle at top left, rgba(255,79,200,.18), transparent 28%),
        radial-gradient(circle at top right, rgba(35,199,255,.12), transparent 26%),
        linear-gradient(90deg, #25082b 0%, #04061b 46%, #0b2f49 100%);
    box-shadow: var(--cww-shadow);
    overflow: visible;
    box-sizing: border-box;
    position: relative;
}

.cww-full-bleed {
    width: calc(100vw - (var(--cww-edge, 10px) * 2));
    max-width: calc(100vw - (var(--cww-edge, 10px) * 2));
}

.cww-wall-panel-head {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 10px;
}

.cww-wall-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.cww-wall-brand-mark {
    display: inline-grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    border: 1px solid rgba(255,79,200,.45);
    background: rgba(255,79,200,.08);
    color: #ffd2f2;
    font-weight: 900;
    font-size: 24px;
    letter-spacing: -.03em;
}

.cww-wall-brand-copy strong {
    display: block;
    font-size: 22px;
    line-height: 1.05;
    letter-spacing: .02em;
}

.cww-wall-brand-copy small {
    display: block;
    margin-top: 4px;
    color: var(--cww-muted);
    font-size: 14px;
}

.cww-wall-toolbar,
.cww-wall-filters {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 210px 210px;
    gap: 12px;
}

.cww-wall-mini-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.cww-wall-mini-meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.04);
    color: #dbe2ff;
    font-size: 13px;
    font-weight: 600;
}

.cww-wall-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 22px;
    align-items: center;
    margin-bottom: 26px;
}

.cww-compact-head {
    grid-template-columns: minmax(0, 1fr);
}

.cww-kicker {
    display: inline-flex;
    align-items: center;
    padding: 9px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255,79,200,.48);
    background: rgba(255,79,200,.09);
    color: #ffd6f4;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
    font-size: 14px;
}

.cww-wall-head h2 {
    margin: 16px 0 10px;
    font-size: clamp(42px, 7vw, 82px);
    line-height: .95;
    letter-spacing: -.04em;
    font-weight: 700;
}

.cww-submit-wrap .cww-wall-head h2,
.cww-edit-wrap .cww-wall-head h2,
.cww-map-wrap .cww-wall-head h2 {
    font-size: clamp(32px, 5vw, 64px);
}

.cww-wall-head p {
    margin: 0;
    color: var(--cww-muted);
    font-size: 18px;
    line-height: 1.55;
}

.cww-wall-counter {
    min-height: 130px;
    padding: 22px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right;
}

.cww-wall-counter strong {
    color: var(--cww-blue);
    font-size: 56px;
    line-height: 1;
    font-weight: 400;
}

.cww-wall-counter span {
    margin-top: 8px;
    color: var(--cww-muted);
    font-size: 18px;
}

.cww-wall-filters input,
.cww-wall-filters select,
.cww-submit-form input,
.cww-submit-form select,
.cww-submit-form textarea {
    width: 100%;
    min-height: 50px;
    padding: 0 16px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(5,10,26,.94);
    color: #fff;
    outline: none;
    box-sizing: border-box;
}

.cww-submit-form textarea {
    min-height: 120px;
    padding: 16px;
    resize: vertical;
}

.cww-wall-filters input::placeholder,
.cww-submit-form input::placeholder,
.cww-submit-form textarea::placeholder {
    color: rgba(255,255,255,.46);
}

.cww-wall-filters input:focus,
.cww-wall-filters select:focus,
.cww-submit-form input:focus,
.cww-submit-form select:focus,
.cww-submit-form textarea:focus {
    border-color: rgba(35,199,255,.7);
    box-shadow: 0 0 0 3px rgba(35,199,255,.12);
}

.cww-empty,
.cww-load-status,
.cww-submit-note,
.cww-map-note,
.cww-submit-form small,
.cww-edit-link-box small,
.cww-payment-box small {
    color: var(--cww-muted);
}

.cww-hidden {
    display: none !important;
}

.cww-grid {
    display: grid;
}

.cww-pixel-grid {
    grid-template-columns: repeat(auto-fill, minmax(var(--cww-pixel-size, 92px), var(--cww-pixel-size, 92px)));
    gap: 6px;
    justify-content: start;
    align-items: start;
}

.cww-card-grid {
    grid-template-columns: repeat(var(--cww-columns, 4), minmax(0, 1fr));
    gap: 14px;
    align-items: start;
}

.cww-pixel-item {
    min-width: 0;
}

.cww-pixel-button {
    position: relative;
    width: var(--cww-pixel-size, 92px);
    height: var(--cww-pixel-size, 92px);
    border-radius: 8px;
    border: 1px solid rgba(255,79,200,.26);
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(0,0,0,.22);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
    padding: 0;
}

.cww-pixel-button:hover {
    transform: translateY(-2px);
    border-color: rgba(255,79,200,.6);
    box-shadow: 0 12px 26px rgba(255,79,200,.15), 0 10px 24px rgba(0,0,0,.26);
}

.cww-pixel-number {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 2;
    display: inline-flex;
    padding: 3px 6px;
    border-radius: 999px;
    background: rgba(10,10,20,.84);
    color: #f4f4fb;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .02em;
}

.cww-pixel-media {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 20% 15%, rgba(255,79,200,.55), transparent 28%),
        radial-gradient(circle at 80% 18%, rgba(35,199,255,.38), transparent 26%),
        linear-gradient(135deg, #15051f, #05081b 72%);
}

.cww-pixel-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cww-pixel-initials,
.cww-initials {
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: rgba(255,255,255,.14);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
    color: #fff;
    font-weight: 900;
}

.cww-pixel-initials {
    width: 58px;
    height: 42px;
    font-size: 20px;
}

.cww-initials {
    width: 88px;
    height: 88px;
    font-size: 42px;
}

.cww-tile-card-wrap {
    min-width: 0;
}

.cww-profile-panel {
    width: min(100%, 420px);
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(180deg, rgba(11,15,31,.98), rgba(7,10,22,.98));
    box-shadow: 0 20px 44px rgba(0,0,0,.44);
    padding: 12px;
    box-sizing: border-box;
}

.cww-profile-panel-header {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.cww-profile-panel-avatar {
    width: 112px;
    height: 112px;
    border-radius: 18px;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 15%, rgba(255,79,200,.55), transparent 28%),
        radial-gradient(circle at 80% 18%, rgba(35,199,255,.38), transparent 26%),
        linear-gradient(135deg, #15051f, #05081b 72%);
    display: grid;
    place-items: center;
}

.cww-profile-panel-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cww-profile-panel-copy {
    min-width: 0;
}

.cww-profile-panel-number {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: #dfe6ff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .02em;
}

.cww-profile-panel-copy h3 {
    margin: 0 0 6px;
    font-size: 30px;
    line-height: 1.05;
    font-weight: 700;
    word-break: break-word;
}

.cww-profile-location,
.cww-profile-role,
.cww-profile-text,
.cww-profile-member {
    margin: 0;
}

.cww-profile-location {
    color: #c1c8e8;
    font-size: 16px;
}

.cww-profile-role {
    margin-top: 8px;
    color: #8edfff;
    font-size: 16px;
    font-weight: 700;
}

.cww-profile-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.cww-profile-text {
    margin-top: 14px;
    color: #eef2ff;
    font-size: 16px;
    line-height: 1.55;
}

.cww-profile-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.cww-profile-tags span {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    color: #c7cee9;
    font-size: 13px;
}

.cww-profile-member {
    margin-top: 14px;
    color: var(--cww-muted);
    font-size: 14px;
}

.cww-links,
.cww-link-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
    padding-top: 6px;
}

.cww-link {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.08);
    color: #fff;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.cww-link:hover {
    transform: translateY(-2px);
    border-color: rgba(255,79,200,.6);
    background: rgba(255,255,255,.12);
}

.cww-link svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.cww-link-youtube { background: rgba(255, 67, 67, .22); }
.cww-link-tiktok { background: rgba(255,255,255,.12); }
.cww-link-instagram { background: linear-gradient(135deg, rgba(255,115,0,.32), rgba(255,55,188,.26), rgba(124,96,255,.22)); }
.cww-link-twitch { background: rgba(153, 92, 255, .22); }
.cww-link-facebook { background: rgba(52, 132, 255, .22); }
.cww-link-x { background: rgba(255,255,255,.08); }
.cww-link-website { background: rgba(35,199,255,.18); }

.cww-no-links {
    color: var(--cww-muted);
    font-size: 14px;
}

.cww-tile-modal {
    position: absolute;
    inset: 0;
    z-index: 50;
    pointer-events: none;
}

.cww-tile-modal[hidden] {
    display: none !important;
}

.cww-tile-modal-backdrop {
    display: none;
}

.cww-tile-modal-dialog {
    position: absolute;
    z-index: 2;
    pointer-events: auto;
    width: min(440px, calc(100vw - 24px));
    margin: 0;
    animation: cwwPopoverIn .14s ease-out;
}

@keyframes cwwPopoverIn {
    from { opacity: 0; transform: translateY(-6px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.cww-tile-modal-close {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 3;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(40,46,68,.96);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(0,0,0,.35);
}

.cww-tile-modal-dialog::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 48px;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background: #0b0f20;
    border-left: 1px solid rgba(255,255,255,.12);
    border-top: 1px solid rgba(255,255,255,.12);
    z-index: 1;
}

.cww-tile-modal-content {
    position: relative;
    z-index: 2;
}

.cww-load-more-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
}

.cww-load-more,
.cww-submit-button,
.cww-copy-link-button,
.cww-edit-open-link,
.cww-pay-now-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 22px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(90deg, var(--cww-pink), var(--cww-violet) 58%, var(--cww-blue));
    color: #fff;
    font-weight: 800;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 14px 34px rgba(255,79,200,.18);
}

.cww-copy-link-button,
.cww-edit-open-link {
    min-height: 46px;
    padding: 0 18px;
    font-size: 16px;
}

.cww-copy-link-button {
    background: rgba(255,255,255,.12);
    box-shadow: none;
}

.cww-submit-wrap {
    max-width: 980px;
}

.cww-edit-wrap {
    max-width: 920px;
}

.cww-submit-message {
    margin-bottom: 20px;
    padding: 18px 20px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,.14);
    background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
    font-size: 18px;
    line-height: 1.5;
}

.cww-submit-success {
    border-color: rgba(32,231,170,.4);
    background: linear-gradient(135deg, rgba(32,231,170,.12), rgba(35,199,255,.08));
}

.cww-submit-error {
    border-color: rgba(255,96,96,.45);
    background: linear-gradient(135deg, rgba(255,96,96,.12), rgba(255,79,200,.08));
}

.cww-submit-form {
    display: block;
}

.cww-submit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 18px;
}

.cww-submit-grid p,
.cww-submit-form > p,
.cww-submit-form h3 {
    margin: 0;
}

.cww-submit-wide {
    grid-column: 1 / -1;
}

.cww-submit-form label {
    display: block;
    margin-bottom: 8px;
    color: #f5f7ff;
    font-weight: 700;
}

.cww-submit-form input[type="file"] {
    padding: 14px 16px;
    min-height: auto;
}

.cww-submit-form input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 10px 14px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--cww-pink), var(--cww-violet));
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.cww-submit-consent {
    margin: 18px 0;
}

.cww-submit-consent label {
    display: flex;
    gap: 10px;
    font-weight: 500;
    color: var(--cww-muted);
}

.cww-submit-consent input[type="checkbox"] {
    width: 18px;
    min-height: 18px;
    margin-top: 2px;
}

.cww-hp-field {
    position: absolute !important;
    left: -99999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.cww-edit-link-box,
.cww-payment-box {
    margin-top: 16px;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(3,8,18,.32);
}

.cww-edit-link-box strong,
.cww-payment-box strong {
    display: block;
    margin-bottom: 8px;
    font-size: 22px;
}

.cww-edit-link-output {
    margin-top: 10px;
}

.cww-edit-link-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

.cww-payment-meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
    color: #eef2ff;
}

.cww-map-wrap {
    position: relative;
}

.cww-map-stage {
    position: relative;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

.cww-map-stage::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 50% 50%, rgba(255,79,200,.08), transparent 42%);
    z-index: 1;
}

.cww-map-canvas {
    position: relative;
    z-index: 0;
}

.cww-map-marker {
    background: transparent;
    border: 0;
}

.cww-map-marker span {
    display: block;
    width: 18px;
    height: 18px;
    margin: 6px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--cww-pink), var(--cww-violet), var(--cww-blue));
    box-shadow: 0 0 0 4px rgba(255,79,200,.2), 0 0 24px rgba(35,199,255,.35);
}

.leaflet-container {
    background: #091023;
    font-family: inherit;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #0e1430;
    color: #fff;
    box-shadow: 0 18px 34px rgba(0,0,0,.36);
}

.leaflet-popup-content {
    margin: 0;
    min-width: 280px;
}

.leaflet-popup-content .cww-profile-panel {
    border: 0;
    border-radius: 18px;
    box-shadow: none;
    width: 100%;
}

.leaflet-popup-content .cww-profile-panel-header {
    grid-template-columns: 90px minmax(0, 1fr);
}

.leaflet-popup-content .cww-profile-panel-avatar {
    width: 90px;
    height: 90px;
}

@media (max-width: 1180px) {
    .cww-wall-panel-head {
        grid-template-columns: 1fr;
    }

    .cww-wall-toolbar,
    .cww-wall-filters {
        grid-template-columns: 1fr 180px 180px;
    }

    .cww-wall-head {
        grid-template-columns: 1fr;
    }

    .cww-wall-counter {
        width: 100%;
        align-items: flex-start;
        text-align: left;
    }

    .cww-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .cww-wall-wrap {
        padding: 16px;
        border-radius: 22px;
    }

    .cww-wall-toolbar,
    .cww-wall-filters {
        grid-template-columns: 1fr;
    }

    .cww-submit-grid {
        grid-template-columns: 1fr;
    }

    .cww-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .cww-full-bleed,
    .cww-wall-wrap {
        width: calc(100vw - 12px);
        max-width: calc(100vw - 12px);
        margin: 6px auto;
        padding: 14px;
        border-radius: 18px;
    }

    .cww-wall-brand-mark {
        width: 42px;
        height: 42px;
        font-size: 20px;
    }

    .cww-wall-brand-copy strong {
        font-size: 18px;
    }

    .cww-wall-brand-copy small {
        font-size: 13px;
    }

    .cww-wall-head h2 {
        font-size: 52px;
    }

    .cww-submit-wrap .cww-wall-head h2,
    .cww-edit-wrap .cww-wall-head h2,
    .cww-map-wrap .cww-wall-head h2 {
        font-size: 40px;
    }

    .cww-wall-head p {
        font-size: 16px;
    }

    .cww-wall-counter {
        min-height: auto;
        padding: 12px;
    }

    .cww-wall-counter strong {
        font-size: 46px;
    }

    .cww-pixel-grid {
        grid-template-columns: repeat(auto-fill, minmax(54px, 54px));
        gap: 6px;
    }

    .cww-pixel-button {
        width: 54px;
        height: 54px;
        border-radius: 8px;
    }

    .cww-card-grid {
        grid-template-columns: 1fr;
    }

    .cww-profile-panel {
        width: 100%;
        padding: 14px;
    }

    .cww-profile-panel-header {
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 12px;
    }

    .cww-profile-panel-avatar {
        width: 78px;
        height: 78px;
        border-radius: 14px;
    }

    .cww-profile-panel-copy h3 {
        font-size: 24px;
    }

    .cww-link {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .cww-tile-modal-dialog {
        width: calc(100vw - 12px);
    }

    .cww-edit-link-actions {
        flex-direction: column;
    }
}

/* v0.14: robust page takeover / Enfold-friendly full background */
.cww-filtered-out {
    display: none !important;
}

body.cww-page-takeover-active {
    background:
        radial-gradient(circle at 12% 10%, rgba(255,79,200,.18), transparent 32%),
        radial-gradient(circle at 92% 8%, rgba(35,199,255,.13), transparent 30%),
        linear-gradient(90deg, #25082b 0%, #04061b 46%, #0b2f49 100%) !important;
}

body.cww-page-takeover-active #main,
body.cww-page-takeover-active .main_color,
body.cww-page-takeover-active .container_wrap,
body.cww-page-takeover-active .template-page,
body.cww-page-takeover-active .entry-content-wrapper,
body.cww-page-takeover-active .avia-section,
body.cww-page-takeover-active .avia-builder-el-0,
body.cww-page-takeover-active .content,
body.cww-page-takeover-active main,
body.cww-page-takeover-active article,
body.cww-page-takeover-active .site-content,
body.cww-page-takeover-active .wp-site-blocks {
    background: transparent !important;
}

body.cww-page-takeover-active #main,
body.cww-page-takeover-active .main_color,
body.cww-page-takeover-active .container_wrap,
body.cww-page-takeover-active .template-page,
body.cww-page-takeover-active .content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.cww-page-takeover-active .entry-content-wrapper,
body.cww-page-takeover-active .entry-content,
body.cww-page-takeover-active .post-entry,
body.cww-page-takeover-active .container {
    max-width: none !important;
    width: 100% !important;
}

body.cww-page-takeover-active .cww-page-takeover {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: calc(100vh - 90px);
}

body.cww-page-takeover-active h1.entry-title,
body.cww-page-takeover-active .entry-title,
body.cww-page-takeover-active .main-title,
body.cww-page-takeover-active .title_container,
body.cww-page-takeover-active .breadcrumb,
body.cww-page-takeover-active .breadcrumbs,
body.cww-page-takeover-active .post-title {
    display: none !important;
}

body.cww-page-takeover-active .cww-wall-wrap {
    border-radius: 0;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: max(14px, var(--cww-edge, 10px));
    padding-right: max(14px, var(--cww-edge, 10px));
}

body.cww-page-takeover-active .cww-wall-panel-head {
    margin-top: 0;
}

@media (min-width: 768px) {
    body.cww-page-takeover-active .cww-page-takeover {
        padding-top: 16px;
    }
}

/* v0.15: Enfold-safe filter bar and restored neon colors */
.cww-filter-bar-main {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) 220px 220px !important;
    gap: 12px !important;
    margin: 10px 0 16px !important;
    position: relative !important;
    z-index: 50 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.cww-filter-bar-main input,
.cww-filter-bar-main select,
.cww-wall-filters input,
.cww-wall-filters select {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 52px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(3,7,22,.96) !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    font-size: 15px !important;
}

.cww-filter-bar-main input::placeholder,
.cww-wall-filters input::placeholder {
    color: rgba(230,236,255,.58) !important;
}

.cww-filter-bar-main select option,
.cww-wall-filters select option {
    background: #090d20 !important;
    color: #ffffff !important;
}

.cww-filter-bar-main input:focus,
.cww-filter-bar-main select:focus,
.cww-wall-filters input:focus,
.cww-wall-filters select:focus {
    border-color: rgba(35,199,255,.82) !important;
    box-shadow: 0 0 0 3px rgba(35,199,255,.14) !important;
}

.cww-profile-panel,
.cww-profile-panel * {
    color: #f7f9ff !important;
}

.cww-profile-panel {
    border-color: rgba(255,255,255,.16) !important;
    background:
        radial-gradient(circle at top left, rgba(255,79,200,.12), transparent 28%),
        linear-gradient(180deg, rgba(12,16,34,.98), rgba(7,10,22,.99)) !important;
}

.cww-profile-panel-copy h3 {
    color: #ffffff !important;
}

.cww-profile-panel-number {
    background: rgba(255,255,255,.08) !important;
    color: #e8ecff !important;
}

.cww-profile-location,
.cww-profile-member {
    color: #c3ccec !important;
}

.cww-profile-role {
    color: #76e7ff !important;
}

.cww-profile-text {
    color: #ffffff !important;
}

.cww-profile-tags span {
    color: #d6ddff !important;
    border-color: rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.03) !important;
}

.cww-profile-panel a.cww-link,
.cww-profile-panel .cww-link,
.cww-link {
    color: #ffffff !important;
    text-decoration: none !important;
}

.cww-profile-panel a.cww-link svg,
.cww-link svg,
.cww-link svg path {
    fill: currentColor !important;
}

body.cww-page-takeover-active,
body.cww-page-takeover-active #wrap_all,
body.cww-page-takeover-active #main,
body.cww-page-takeover-active .main_color,
body.cww-page-takeover-active .container_wrap,
body.cww-page-takeover-active .template-page,
body.cww-page-takeover-active .entry-content-wrapper,
body.cww-page-takeover-active .content,
body.cww-page-takeover-active main,
body.cww-page-takeover-active article {
    background:
        radial-gradient(circle at top left, rgba(255,79,200,.12), transparent 28%),
        linear-gradient(90deg, #25082b 0%, #05071c 46%, #0b2f49 100%) !important;
    color: #ffffff !important;
}

body.cww-page-takeover-active .cww-wall-wrap {
    background:
        radial-gradient(circle at top left, rgba(255,79,200,.18), transparent 28%),
        radial-gradient(circle at top right, rgba(35,199,255,.12), transparent 26%),
        linear-gradient(90deg, #25082b 0%, #04061b 46%, #0b2f49 100%) !important;
    box-shadow: none !important;
}

body.cww-page-takeover-active .cww-page-takeover {
    padding-top: 14px !important;
}

@media (max-width: 920px) {
    .cww-filter-bar-main {
        grid-template-columns: 1fr !important;
    }
}

/* v0.16: Enfold header fix - no clipped intro text by default */
body.cww-page-takeover-active .cww-page-takeover {
    padding-top: 24px !important;
}

body.cww-page-takeover-active .cww-filter-bar-main {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

body.cww-page-takeover-active .cww-wall-panel-head,
body.cww-page-takeover-active .cww-wall-mini-meta {
    margin-top: 0 !important;
}

.cww-wall-wrap .cww-wall-panel-head:empty,
.cww-wall-wrap .cww-wall-mini-meta:empty {
    display: none !important;
}

/* Enfold sometimes adds text-shadow / link colors into shortcode areas */
.cww-wall-wrap,
.cww-wall-wrap *:not(.av-icon-char):not(.avia-search-tooltip *) {
    text-shadow: none !important;
}

@media (max-width: 760px) {
    body.cww-page-takeover-active .cww-page-takeover {
        padding-top: 16px !important;
    }
}

/* v0.17: dense pixel wall with visible filters and legend */
body.cww-page-takeover-active .cww-page-takeover,
body.cww-page-takeover-active .cww-wall-wrap {
    padding-top: 10px !important;
}

body.cww-page-takeover-active .cww-page-takeover {
    min-height: calc(100vh - 80px) !important;
}

.cww-wall-wrap {
    position: relative !important;
    overflow: hidden !important;
    padding: 10px var(--cww-edge, 8px) 18px !important;
    background:
        radial-gradient(circle at top left, rgba(255,79,200,.14), transparent 28%),
        radial-gradient(circle at top right, rgba(35,199,255,.12), transparent 26%),
        linear-gradient(90deg, #24082c 0%, #05071d 45%, #0b2f49 100%) !important;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.cww-wall-toolbar-main {
    display: grid !important;
    grid-template-columns: auto minmax(280px, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    margin: 0 0 12px !important;
}

.cww-wall-brand--mini {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 210px;
}

.cww-wall-brand--mini .cww-wall-brand-mark {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, #ff43c8, #6157ff);
    box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset;
}

.cww-wall-brand--mini .cww-wall-brand-copy strong {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    letter-spacing: .02em;
}

.cww-wall-brand--mini .cww-wall-brand-copy small {
    display: block;
    margin-top: 3px;
    color: rgba(222,230,255,.72);
    font-size: 12px;
}

.cww-wall-search-wrap {
    min-width: 0;
}

.cww-wall-search-wrap input,
.cww-filter-panel select {
    width: 100% !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(5,8,22,.95) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset !important;
}

.cww-wall-search-wrap input::placeholder {
    color: rgba(217,226,255,.55) !important;
}

.cww-filter-toggle,
.cww-load-more,
.cww-claim-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,0,149,.35) !important;
    background: rgba(8,11,26,.92) !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.cww-filter-toggle:hover,
.cww-load-more:hover,
.cww-claim-button:hover {
    transform: translateY(-1px);
    border-color: rgba(255,0,149,.65) !important;
    box-shadow: 0 0 0 1px rgba(255,0,149,.15) inset, 0 10px 30px rgba(6,10,24,.35);
}

.cww-filter-panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(180px, 220px)) !important;
    gap: 12px !important;
    justify-content: end !important;
    margin: 0 0 14px !important;
}

.cww-filter-panel.cww-hidden {
    display: none !important;
}

.cww-filter-panel select option {
    background: #090d20 !important;
    color: #ffffff !important;
}

.cww-grid.cww-pixel-grid,
.cww-pixel-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(var(--cww-pixel-size), var(--cww-pixel-size))) !important;
    gap: 6px !important;
    justify-content: start !important;
    align-content: start !important;
    margin: 0 !important;
}

.cww-pixel-item,
.cww-pixel-button {
    width: var(--cww-pixel-size) !important;
    height: var(--cww-pixel-size) !important;
}

.cww-pixel-item {
    position: relative !important;
}

.cww-pixel-button {
    position: relative !important;
    display: block !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 7px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #0a1022 !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset !important;
}

.cww-slot-taken,
.cww-slot-you {
    border-color: rgba(255,69,194,.38) !important;
}

.cww-slot-available {
    border-color: rgba(71,149,255,.35) !important;
    background:
        linear-gradient(180deg, rgba(11,16,34,.98), rgba(7,10,22,.99)) !important;
}

.cww-slot-you {
    border-color: rgba(255,183,0,.72) !important;
    box-shadow: 0 0 0 1px rgba(255,183,0,.22) inset, 0 0 24px rgba(255,183,0,.18) !important;
}

.cww-pixel-media,
.cww-pixel-media img {
    width: 100%;
    height: 100%;
    display: block;
}

.cww-pixel-media img {
    object-fit: cover;
}

.cww-pixel-number {
    color: #f7fbff !important;
    line-height: 1;
}

.cww-pixel-number-pill {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 3;
    padding: 3px 5px;
    border-radius: 999px;
    background: rgba(7,10,22,.88);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .01em;
}

.cww-pixel-number-center {
    position: absolute;
    inset: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 4px;
    text-align: center;
    color: #ff5fd8 !important;
    font-size: 11px;
    font-weight: 700;
}

.cww-slot-available .cww-pixel-number-center {
    color: #e95fff !important;
}

.cww-slot-you .cww-pixel-number-pill {
    background: rgba(255,183,0,.92);
    color: #181102 !important;
}

.cww-pixel-initials {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: calc(var(--cww-pixel-size) * .32);
    color: #ffffff;
    background: linear-gradient(135deg, rgba(255,79,200,.12), rgba(35,199,255,.12));
}

.cww-load-more-wrap {
    margin-top: 14px !important;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
}

.cww-scroll-sentinel {
    width: 1px;
    height: 1px;
}

.cww-load-status {
    margin: 0 !important;
    color: rgba(217,226,255,.68) !important;
    font-size: 13px !important;
}

.cww-wall-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px 22px !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    color: rgba(232,238,255,.82) !important;
    font-size: 13px !important;
}

.cww-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cww-legend-item i {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid rgba(255,255,255,.16);
}

.cww-legend-item.is-taken i {
    background: #ff3dbf;
    border-color: rgba(255,61,191,.6);
}

.cww-legend-item.is-available i {
    background: #338bff;
    border-color: rgba(51,139,255,.6);
}

.cww-legend-item.is-you i {
    background: #ffb700;
    border-color: rgba(255,183,0,.72);
}

.cww-wall-total {
    margin-left: auto;
    color: rgba(232,238,255,.82) !important;
    font-size: 13px !important;
}

.cww-wall-total strong {
    color: #ffffff !important;
}

.cww-tile-modal {
    position: absolute !important;
    inset: 0 !important;
    z-index: 80 !important;
    pointer-events: none;
}

.cww-tile-modal[hidden] {
    display: none !important;
}

.cww-tile-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: transparent !important;
    pointer-events: auto;
}

.cww-tile-modal-dialog {
    position: absolute !important;
    pointer-events: none;
    width: min(360px, calc(100vw - 20px)) !important;
    margin: 0 !important;
}

.cww-tile-modal-content {
    pointer-events: auto;
}

.cww-tile-modal-close {
    position: absolute !important;
    top: -12px !important;
    right: -12px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: rgba(89,96,113,.95) !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    z-index: 3;
    pointer-events: auto;
}

.cww-profile-panel {
    position: relative !important;
    width: 100% !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at top left, rgba(255,79,200,.08), transparent 28%),
        linear-gradient(180deg, rgba(10,14,30,.98), rgba(8,10,22,.99)) !important;
    padding: 18px !important;
    box-shadow: 0 18px 44px rgba(3,6,20,.45) !important;
}

.cww-profile-panel::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 28px;
    width: 14px;
    height: 14px;
    background: rgba(10,14,30,.98);
    border-left: 1px solid rgba(255,255,255,.12);
    border-top: 1px solid rgba(255,255,255,.12);
    transform: rotate(45deg);
}

.cww-profile-panel-header {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    margin-bottom: 14px !important;
}

.cww-profile-panel-avatar {
    width: 112px;
    height: 112px;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255,255,255,.04);
}

.cww-profile-panel-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cww-profile-panel-copy h3 {
    margin: 8px 0 6px !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
}

.cww-profile-panel-number {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.08) !important;
    color: #f7f9ff !important;
    font-weight: 700;
    font-size: 13px;
}

.cww-profile-location,
.cww-profile-role,
.cww-profile-text,
.cww-profile-member {
    margin: 0 0 8px !important;
}

.cww-profile-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
}

.cww-link {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
}

.cww-link svg {
    width: 22px;
    height: 22px;
}

.cww-link-youtube { background: rgba(255,70,70,.2) !important; }
.cww-link-tiktok { background: rgba(255,255,255,.08) !important; }
.cww-link-instagram { background: rgba(255,94,170,.18) !important; }
.cww-link-twitch { background: rgba(145,70,255,.2) !important; }
.cww-link-x { background: rgba(255,255,255,.06) !important; }
.cww-link-website { background: rgba(255,255,255,.06) !important; }

.cww-profile-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 6px !important;
}

.cww-profile-tags span {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
}

.cww-profile-panel-available .cww-profile-panel-copy-only {
    display: block !important;
}

.cww-profile-panel-available .cww-profile-panel-number {
    margin-bottom: 10px !important;
}

.cww-profile-panel-available .cww-claim-button {
    margin-top: 8px !important;
}

.cww-filtered-out {
    display: none !important;
}

@media (max-width: 980px) {
    .cww-wall-toolbar-main {
        grid-template-columns: 1fr !important;
    }

    .cww-filter-panel {
        grid-template-columns: 1fr !important;
        justify-content: stretch !important;
    }

    .cww-wall-total {
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .cww-grid.cww-pixel-grid,
    .cww-pixel-grid {
        gap: 5px !important;
    }

    .cww-profile-panel-header {
        grid-template-columns: 88px minmax(0,1fr) !important;
    }

    .cww-profile-panel-avatar {
        width: 88px;
        height: 88px;
    }
}

/* v0.18: toolbar, compact popover, centered legend, safer full-width */
.cww-full-bleed,
body.cww-page-takeover-active .cww-page-takeover,
body.cww-page-takeover-active .cww-wall-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.cww-wall-wrap {
    overflow: visible !important;
    padding-left: max(10px, var(--cww-edge, 8px)) !important;
    padding-right: max(10px, var(--cww-edge, 8px)) !important;
}

.cww-wall-toolbar-main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    margin: 0 0 14px !important;
    position: relative;
    z-index: 2;
}

.cww-wall-toolbar-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 1 420px !important;
    justify-content: flex-end !important;
}

.cww-wall-search-wrap {
    flex: 1 1 320px !important;
    max-width: 420px !important;
}

.cww-filter-toggle {
    min-width: 110px;
    white-space: nowrap;
}

.cww-filter-panel {
    grid-template-columns: repeat(2, minmax(180px, 220px)) !important;
    justify-content: end !important;
    align-items: center !important;
    margin-top: -2px !important;
    margin-bottom: 14px !important;
    position: relative;
    z-index: 2;
}

.cww-load-more-wrap {
    justify-content: center !important;
}

.cww-wall-legend {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
    align-items: center !important;
    gap: 12px !important;
}

.cww-wall-legend-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px 22px !important;
    flex-wrap: wrap !important;
}

.cww-wall-status {
    text-align: center !important;
    justify-self: center !important;
    color: rgba(232,238,255,.82) !important;
    font-size: 13px !important;
    white-space: nowrap;
}

.cww-wall-total {
    justify-self: end !important;
    margin-left: 0 !important;
    text-align: right !important;
    white-space: nowrap;
}

.cww-tile-modal-dialog {
    width: min(330px, calc(100vw - 20px)) !important;
}

.cww-profile-panel {
    border-radius: 16px !important;
    padding: 14px 14px 12px !important;
    box-shadow: 0 14px 34px rgba(3,6,20,.45) !important;
}

.cww-profile-panel::before {
    display: none !important;
}

.cww-profile-panel-header {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.cww-profile-panel-avatar {
    width: 96px !important;
    height: 96px !important;
    border-radius: 12px !important;
}

.cww-profile-panel-copy {
    min-width: 0;
}

.cww-profile-panel-copy h3 {
    margin: 8px 0 4px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

.cww-profile-panel-number {
    min-height: 28px !important;
    padding: 0 11px !important;
    font-size: 12px !important;
}

.cww-profile-location {
    color: rgba(236,241,255,.9) !important;
    font-size: 12px !important;
}

.cww-profile-role {
    color: #b7edff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.cww-profile-links {
    gap: 8px !important;
    margin-bottom: 12px !important;
}

.cww-link {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
}

.cww-link svg {
    width: 18px !important;
    height: 18px !important;
}

.cww-profile-text {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: rgba(244,246,255,.95) !important;
}

.cww-profile-tags span {
    padding: 5px 10px !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
}

.cww-profile-member {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    font-size: 12px !important;
    color: rgba(222,230,255,.7) !important;
}

.cww-selected-tile {
    margin: 0 0 14px !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    background: rgba(255,79,200,.08) !important;
    border: 1px solid rgba(255,79,200,.22) !important;
    color: #fff !important;
}

.cww-payment-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 12px 0 !important;
}

.cww-pay-now-button.is-stripe,
.cww-pay-now-button.is-paypal,
.cww-pay-now-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.cww-pay-now-button.is-stripe {
    background: linear-gradient(135deg, #6b5cff, #7755ff) !important;
}

.cww-pay-now-button.is-paypal {
    background: linear-gradient(135deg, #0070ba, #003087) !important;
}

.cww-pay-now-button {
    background: linear-gradient(135deg, #ff43c8, #6b5cff) !important;
}

@media (max-width: 980px) {
    .cww-wall-toolbar-actions {
        justify-content: stretch !important;
        width: 100%;
    }

    .cww-wall-search-wrap {
        max-width: none !important;
    }

    .cww-wall-legend {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .cww-wall-total,
    .cww-wall-status {
        justify-self: center !important;
        text-align: center !important;
    }
}

@media (max-width: 640px) {
    .cww-wall-toolbar-actions {
        flex-wrap: wrap !important;
    }

    .cww-filter-panel {
        grid-template-columns: 1fr !important;
        justify-content: stretch !important;
    }

    .cww-profile-panel-header {
        grid-template-columns: 84px minmax(0, 1fr) !important;
    }

    .cww-profile-panel-avatar {
        width: 84px !important;
        height: 84px !important;
    }
}

/* v0.19: forced desktop filter, smaller pixels, flags, colored outlines */
.cww-wall-toolbar-main,
.cww-super-filter,
.cww-wall-brand--mini,
.cww-lang-switch {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.cww-wall-toolbar-main {
    min-height: 48px !important;
    padding: 0 0 8px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 999 !important;
}

.cww-super-filter {
    flex: 1 1 520px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: 280px !important;
}

.cww-super-filter-search {
    flex: 1 1 380px !important;
    max-width: 520px !important;
}

.cww-super-filter-search input {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    background: rgba(3,7,18,.94) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    outline: none !important;
}

.cww-super-filter-search input::placeholder {
    color: rgba(222,230,255,.58) !important;
}

.cww-filter-toggle {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    border-color: rgba(255,79,200,.28) !important;
    background: rgba(5,9,22,.95) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}

.cww-lang-switch {
    align-items: center !important;
    gap: 6px !important;
    min-height: 42px !important;
}

.cww-lang-switch a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 9px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    background: rgba(5,9,22,.75) !important;
    color: #dfe8ff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.cww-lang-switch a.is-active {
    border-color: rgba(255,79,200,.5) !important;
    color: #ffffff !important;
    background: rgba(255,79,200,.13) !important;
}

.cww-filter-panel {
    position: relative !important;
    z-index: 998 !important;
}

.cww-filter-panel select {
    min-height: 42px !important;
    height: 42px !important;
    font-size: 13px !important;
}

.cww-grid.cww-pixel-grid,
.cww-pixel-grid {
    grid-template-columns: repeat(auto-fill, minmax(var(--cww-pixel-size, 44px), var(--cww-pixel-size, 44px))) !important;
    gap: 5px !important;
}

.cww-pixel-item,
.cww-pixel-button {
    width: var(--cww-pixel-size, 44px) !important;
    height: var(--cww-pixel-size, 44px) !important;
}

.cww-pixel-button {
    border-radius: 6px !important;
}

.cww-slot-available:nth-child(6n+1) { border-color: rgba(255,79,200,.45) !important; }
.cww-slot-available:nth-child(6n+2) { border-color: rgba(153,92,255,.42) !important; }
.cww-slot-available:nth-child(6n+3) { border-color: rgba(35,199,255,.42) !important; }
.cww-slot-available:nth-child(6n+4) { border-color: rgba(32,231,170,.36) !important; }
.cww-slot-available:nth-child(6n+5) { border-color: rgba(255,183,0,.34) !important; }
.cww-slot-available:nth-child(6n+6) { border-color: rgba(255,91,91,.34) !important; }

.cww-state-taken:nth-child(5n+1) .cww-pixel-button { border-color: rgba(255,79,200,.72) !important; box-shadow: 0 0 0 1px rgba(255,79,200,.08) inset !important; }
.cww-state-taken:nth-child(5n+2) .cww-pixel-button { border-color: rgba(35,199,255,.62) !important; box-shadow: 0 0 0 1px rgba(35,199,255,.08) inset !important; }
.cww-state-taken:nth-child(5n+3) .cww-pixel-button { border-color: rgba(153,92,255,.68) !important; box-shadow: 0 0 0 1px rgba(153,92,255,.08) inset !important; }
.cww-state-taken:nth-child(5n+4) .cww-pixel-button { border-color: rgba(32,231,170,.55) !important; box-shadow: 0 0 0 1px rgba(32,231,170,.08) inset !important; }
.cww-state-taken:nth-child(5n+5) .cww-pixel-button { border-color: rgba(255,183,0,.54) !important; box-shadow: 0 0 0 1px rgba(255,183,0,.08) inset !important; }

.cww-pixel-number-pill {
    top: 3px !important;
    left: 3px !important;
    padding: 2px 4px !important;
    font-size: 8px !important;
}

.cww-pixel-number-center {
    font-size: 10px !important;
}

.cww-pixel-flag {
    position: absolute;
    right: 3px;
    bottom: 2px;
    z-index: 4;
    font-size: 11px;
    line-height: 1;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.7));
}

.cww-flag {
    display: inline-block;
    margin-right: 5px;
    vertical-align: -1px;
}

.cww-profile-panel {
    max-width: 310px !important;
    background:
        radial-gradient(circle at top left, rgba(255,79,200,.07), transparent 28%),
        linear-gradient(180deg, rgba(8,13,28,.985), rgba(5,9,20,.99)) !important;
}

.cww-profile-panel-header {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 11px !important;
    margin-bottom: 10px !important;
}

.cww-profile-panel-avatar {
    width: 92px !important;
    height: 92px !important;
}

.cww-profile-panel-copy h3 {
    font-size: 17px !important;
    margin-top: 7px !important;
}

.cww-profile-panel-number {
    min-height: 26px !important;
    padding: 0 10px !important;
    color: #ff59d2 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.cww-profile-links {
    padding-top: 2px !important;
}

.cww-link {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
}

.cww-link svg {
    width: 18px !important;
    height: 18px !important;
}

.cww-profile-member {
    font-size: 11px !important;
}

@media (min-width: 981px) {
    body.cww-page-takeover-active .cww-wall-toolbar-main {
        display: flex !important;
        position: relative !important;
        top: auto !important;
        clear: both !important;
    }

    .cww-wall-brand--mini {
        flex: 0 0 auto !important;
    }

    .cww-super-filter {
        flex: 1 1 auto !important;
    }
}

@media (max-width: 640px) {
    .cww-super-filter {
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    .cww-super-filter-search {
        max-width: none !important;
    }

    .cww-lang-switch {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}
.cww-state-available:nth-child(6n+1) .cww-slot-available { border-color: rgba(255,79,200,.45) !important; }
.cww-state-available:nth-child(6n+2) .cww-slot-available { border-color: rgba(153,92,255,.42) !important; }
.cww-state-available:nth-child(6n+3) .cww-slot-available { border-color: rgba(35,199,255,.42) !important; }
.cww-state-available:nth-child(6n+4) .cww-slot-available { border-color: rgba(32,231,170,.36) !important; }
.cww-state-available:nth-child(6n+5) .cww-slot-available { border-color: rgba(255,183,0,.34) !important; }
.cww-state-available:nth-child(6n+6) .cww-slot-available { border-color: rgba(255,91,91,.34) !important; }

/* v0.20: blue/free, red/taken, yellow/you, icon-only filter, smaller popup, neon map */
.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.cww-wall-toolbar-main {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    position: relative !important;
    z-index: 99999 !important;
    overflow: visible !important;
    min-height: 44px !important;
    margin-bottom: 10px !important;
}

.cww-wall-brand--mini {
    flex: 0 0 auto !important;
}

.mcw-filterbar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: 1 1 520px !important;
    min-width: 280px !important;
    position: relative !important;
    z-index: 100000 !important;
}

.mcw-filterbar-search {
    flex: 1 1 420px !important;
    max-width: 520px !important;
    min-width: 220px !important;
}

.mcw-filterbar-search input {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(3,7,18,.96) !important;
    color: #fff !important;
    font-size: 12px !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset !important;
}

.mcw-filterbar-search input::placeholder {
    color: rgba(222,230,255,.58) !important;
}

.mcw-filter-icon,
.cww-filter-toggle.mcw-filter-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 9px !important;
    border: 1px solid rgba(255,79,200,.3) !important;
    background: rgba(3,7,18,.96) !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer !important;
}

.mcw-filter-icon svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
    display: block !important;
}

.mcw-filter-icon:hover,
.cww-filter-toggle.mcw-filter-icon[aria-expanded="true"] {
    border-color: rgba(255,79,200,.68) !important;
    box-shadow: 0 0 20px rgba(255,79,200,.16) !important;
}

.cww-filter-panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(170px, 220px)) !important;
    justify-content: end !important;
    gap: 8px !important;
    position: relative !important;
    z-index: 99998 !important;
    margin: 0 0 10px !important;
}

.cww-filter-panel.cww-hidden {
    display: none !important;
}

.cww-filter-panel select {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 9px !important;
    background: rgba(3,7,18,.96) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    font-size: 12px !important;
}

.cww-lang-switch {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 38px !important;
}

.cww-lang-switch a {
    min-height: 30px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    border-radius: 8px !important;
}

.cww-grid.cww-pixel-grid,
.cww-pixel-grid {
    grid-template-columns: repeat(auto-fill, minmax(var(--cww-pixel-size, 40px), var(--cww-pixel-size, 40px))) !important;
    gap: 4px !important;
}

.cww-pixel-item,
.cww-pixel-button {
    width: var(--cww-pixel-size, 40px) !important;
    height: var(--cww-pixel-size, 40px) !important;
}

.cww-pixel-button {
    border-radius: 6px !important;
    background: rgba(4,9,24,.98) !important;
}

.cww-state-available .cww-pixel-button,
.cww-slot-available {
    border-color: rgba(37,132,255,.62) !important;
    box-shadow: 0 0 0 1px rgba(37,132,255,.12) inset !important;
}

.cww-state-available:nth-child(4n+1) .cww-slot-available { border-color: rgba(37,132,255,.48) !important; }
.cww-state-available:nth-child(4n+2) .cww-slot-available { border-color: rgba(36,181,255,.58) !important; }
.cww-state-available:nth-child(4n+3) .cww-slot-available { border-color: rgba(79,117,255,.55) !important; }
.cww-state-available:nth-child(4n+4) .cww-slot-available { border-color: rgba(0,207,255,.5) !important; }

.cww-state-taken .cww-pixel-button,
.cww-slot-taken {
    border-color: rgba(255,54,84,.72) !important;
    box-shadow: 0 0 0 1px rgba(255,54,84,.13) inset !important;
}

.cww-state-you .cww-pixel-button,
.cww-slot-you {
    border-color: rgba(255,191,0,.86) !important;
    box-shadow: 0 0 0 1px rgba(255,191,0,.24) inset, 0 0 18px rgba(255,191,0,.2) !important;
}

.cww-pixel-number-pill {
    top: 2px !important;
    left: 2px !important;
    padding: 2px 4px !important;
    font-size: 7px !important;
    background: rgba(5,8,20,.82) !important;
}

.cww-pixel-number-center {
    color: #43a6ff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
}

.cww-state-taken .cww-pixel-number-pill {
    color: #fff !important;
}

.cww-state-you .cww-pixel-number-pill {
    background: rgba(255,191,0,.92) !important;
    color: #1a1200 !important;
}

.cww-pixel-flag {
    right: 2px !important;
    bottom: 1px !important;
    font-size: 9px !important;
}

.cww-tile-modal-dialog {
    width: min(286px, calc(100vw - 18px)) !important;
}

.cww-profile-panel {
    max-width: 286px !important;
    padding: 12px !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(7,13,28,.99), rgba(5,8,19,.995)) !important;
}

.cww-profile-panel-header {
    grid-template-columns: 80px minmax(0, 1fr) !important;
    gap: 10px !important;
    margin-bottom: 9px !important;
}

.cww-profile-panel-avatar {
    width: 80px !important;
    height: 80px !important;
    border-radius: 10px !important;
}

.cww-profile-panel-number {
    min-height: 22px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    color: #ff5ad8 !important;
    background: transparent !important;
}

.cww-profile-panel-copy h3 {
    font-size: 16px !important;
    margin: 6px 0 3px !important;
}

.cww-profile-location,
.cww-profile-role {
    font-size: 11px !important;
    margin-bottom: 5px !important;
}

.cww-profile-role {
    color: #b9eeff !important;
}

.cww-profile-links {
    gap: 7px !important;
    margin-bottom: 10px !important;
}

.cww-link {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
}

.cww-link svg {
    width: 17px !important;
    height: 17px !important;
}

.cww-profile-text {
    font-size: 11px !important;
    line-height: 1.4 !important;
}

.cww-profile-tags {
    gap: 6px !important;
}

.cww-profile-tags span {
    padding: 4px 8px !important;
    font-size: 10px !important;
}

.cww-profile-member {
    margin-top: 8px !important;
    padding-top: 8px !important;
    font-size: 10px !important;
}

.cww-wall-legend {
    border-top-color: rgba(255,255,255,.09) !important;
}

.cww-legend-item.is-taken i { background: #ff3654 !important; border-color: rgba(255,54,84,.8) !important; }
.cww-legend-item.is-available i { background: #2584ff !important; border-color: rgba(37,132,255,.8) !important; }
.cww-legend-item.is-you i { background: #ffbf00 !important; border-color: rgba(255,191,0,.9) !important; }

.cww-map-neon .cww-map-stage {
    border-color: rgba(255,54,84,.22) !important;
    box-shadow: inset 0 0 0 1px rgba(37,132,255,.12), 0 22px 54px rgba(0,0,0,.32) !important;
}

.cww-map-neon .cww-wall-counter strong {
    color: #43a6ff !important;
}

.cww-map-neon .cww-map-marker span {
    background: linear-gradient(135deg, #ff3654, #ff4fc8, #2584ff) !important;
    box-shadow: 0 0 0 4px rgba(37,132,255,.18), 0 0 28px rgba(255,54,84,.35) !important;
}

@media (max-width: 980px) {
    .mcw-filterbar {
        flex: 1 1 100% !important;
        order: 3 !important;
        justify-content: stretch !important;
    }
    .mcw-filterbar-search {
        max-width: none !important;
    }
    .cww-lang-switch {
        margin-left: auto !important;
    }
}

@media (max-width: 560px) {
    .cww-grid.cww-pixel-grid,
    .cww-pixel-grid {
        gap: 4px !important;
    }
    .cww-wall-toolbar-main {
        gap: 8px !important;
    }
    .mcw-filterbar {
        min-width: 0 !important;
    }
    .mcw-filterbar-search {
        min-width: 0 !important;
    }
}

/* v0.21: cleaner status colors, stronger borders, desktop filter row, compact reference-style card */
.cww-wall-toolbar-main {
    justify-content: space-between !important;
    align-items: center !important;
}

.mcw-filterbar-main,
.cww-wall-wrap .mcw-filterbar-main,
section.cww-wall-wrap .mcw-filterbar-main {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 100001 !important;
    width: 100% !important;
    max-width: 620px !important;
    margin: 0 0 10px auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex: none !important;
    height: auto !important;
    overflow: visible !important;
}

.mcw-filterbar-main .mcw-filterbar-search {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 1 auto !important;
    min-width: 240px !important;
    max-width: none !important;
}

.mcw-filterbar-main .mcw-filterbar-search input {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
}

.mcw-filterbar-main .mcw-filter-icon {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 42px !important;
}

.cww-filter-panel {
    width: 100% !important;
    max-width: 452px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.cww-pixel-button,
.cww-slot-available,
.cww-slot-taken,
.cww-slot-you {
    border-width: 2px !important;
    box-sizing: border-box !important;
}

.cww-state-available .cww-pixel-button,
.cww-slot-available,
.cww-state-available:nth-child(n) .cww-slot-available {
    border-color: #008cff !important;
    background: linear-gradient(180deg, rgba(4, 10, 28, .98), rgba(2, 7, 20, .98)) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 140, 255, .25), 0 0 10px rgba(0, 140, 255, .12) !important;
}

.cww-state-taken .cww-pixel-button,
.cww-slot-taken {
    border-color: #ff355b !important;
    box-shadow: inset 0 0 0 1px rgba(255, 53, 91, .28), 0 0 11px rgba(255, 53, 91, .18) !important;
}

.cww-state-you .cww-pixel-button,
.cww-slot-you {
    border-color: #ffbf00 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 191, 0, .35), 0 0 14px rgba(255, 191, 0, .24) !important;
}

.cww-pixel-number-center {
    color: #008cff !important;
    text-shadow: 0 0 8px rgba(0, 140, 255, .3) !important;
}

.cww-state-taken .cww-pixel-number-pill {
    background: rgba(8, 9, 20, .88) !important;
}

.cww-tile-modal-dialog {
    width: min(270px, calc(100vw - 18px)) !important;
}

.cww-profile-panel:not(.cww-profile-panel-available) {
    max-width: 270px !important;
    padding: 11px !important;
    border-radius: 13px !important;
}

.cww-profile-panel-header {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    gap: 9px !important;
    margin-bottom: 9px !important;
}

.cww-profile-panel-avatar {
    width: 74px !important;
    height: 74px !important;
    border-radius: 9px !important;
}

.cww-profile-panel-number {
    min-height: 20px !important;
    padding: 0 7px !important;
    font-size: 10px !important;
    color: #ff4fc8 !important;
    font-weight: 800 !important;
}

.cww-profile-panel-copy h3 {
    font-size: 15px !important;
    line-height: 1.12 !important;
    margin: 4px 0 3px !important;
}

.cww-profile-location,
.cww-profile-role {
    font-size: 10.5px !important;
    margin-bottom: 4px !important;
}

.cww-profile-links {
    gap: 7px !important;
    margin: 8px 0 0 !important;
}

.cww-link {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
}

.cww-link svg {
    width: 16px !important;
    height: 16px !important;
}

.cww-profile-panel:not(.cww-profile-panel-available) .cww-profile-text,
.cww-profile-panel:not(.cww-profile-panel-available) .cww-profile-tags {
    display: none !important;
}

.cww-profile-member {
    margin-top: 10px !important;
    padding-top: 8px !important;
    font-size: 10px !important;
}

.cww-link-youtube {
    background: linear-gradient(135deg, rgba(255,0,0,.95), rgba(150,0,0,.8)) !important;
    color: #fff !important;
}
.cww-link-tiktok {
    background: linear-gradient(135deg, rgba(8,8,16,.98), rgba(38,44,60,.9)) !important;
    color: #fff !important;
}
.cww-link-instagram {
    background: radial-gradient(circle at 30% 95%, #fed373 0 12%, transparent 28%), linear-gradient(135deg, #405de6, #833ab4, #c13584, #fd1d1d, #f77737) !important;
    color: #fff !important;
}
.cww-link-twitch {
    background: linear-gradient(135deg, #9146ff, #5b20b8) !important;
    color: #fff !important;
}
.cww-link-x {
    background: linear-gradient(135deg, #050505, #1a1a1a) !important;
    color: #fff !important;
}
.cww-link-website {
    background: linear-gradient(135deg, #121825, #050814) !important;
    color: #fff !important;
}

@media (min-width: 981px) {
    .cww-wall-wrap .mcw-filterbar-main {
        display: flex !important;
    }
}

@media (max-width: 680px) {
    .mcw-filterbar-main {
        max-width: none !important;
        margin-left: 0 !important;
    }
    .mcw-filterbar-main .mcw-filterbar-search {
        min-width: 0 !important;
    }
}

/* v0.22: cleaner status borders, aligned filter/search, wall-style map */
.cww-state-available .cww-pixel-button,
.cww-slot-available,
.cww-state-available:nth-child(n) .cww-slot-available {
    border-width: 1px !important;
    border-color: rgba(37,132,255,.62) !important;
    box-shadow: inset 0 0 0 1px rgba(37,132,255,.08) !important;
    background: linear-gradient(180deg, rgba(4, 10, 28, .98), rgba(2, 7, 20, .98)) !important;
}

.cww-state-taken .cww-pixel-button,
.cww-slot-taken {
    border-width: 2px !important;
    border-color: #ff3456 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 52, 86, .28), 0 0 12px rgba(255, 52, 86, .22) !important;
}

.cww-state-you .cww-pixel-button,
.cww-slot-you {
    border-width: 2px !important;
    border-color: #ffbf00 !important;
    box-shadow: inset 0 0 0 1px rgba(255,191,0,.35), 0 0 16px rgba(255,191,0,.28) !important;
}

.cww-state-available .cww-pixel-number-center {
    color: #55b4ff !important;
    text-shadow: none !important;
}

.mcw-filterbar-main,
.cww-wall-wrap .mcw-filterbar-main,
section.cww-wall-wrap .mcw-filterbar-main {
    align-items: center !important;
    gap: 8px !important;
    height: 42px !important;
    max-width: 620px !important;
    margin-bottom: 12px !important;
}

.mcw-filterbar-main .mcw-filterbar-search,
.mcw-filterbar-main .mcw-filterbar-search input,
.cww-filter-toggle.mcw-filter-icon {
    height: 42px !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
}

.mcw-filterbar-main .mcw-filterbar-search input {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 42px !important;
    border-radius: 11px !important;
}

.cww-filter-toggle.mcw-filter-icon {
    width: 44px !important;
    min-width: 44px !important;
    flex-basis: 44px !important;
    border-radius: 11px !important;
    padding: 0 !important;
}

.cww-filter-toggle.mcw-filter-icon svg {
    width: 18px !important;
    height: 18px !important;
}

.cww-map-wrap.cww-wall-wrap,
.cww-map-wrap.cww-full-bleed,
.cww-map-wrap.cww-page-takeover {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 10px max(10px, var(--cww-edge, 8px)) 18px !important;
    background:
        radial-gradient(circle at top left, rgba(255,79,200,.14), transparent 28%),
        radial-gradient(circle at top right, rgba(35,199,255,.12), transparent 26%),
        linear-gradient(90deg, #24082c 0%, #05071d 45%, #0b2f49 100%) !important;
    box-shadow: none !important;
    color: #fff !important;
}

.cww-map-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 0 12px !important;
}

.cww-map-toolbar .cww-wall-brand-copy strong {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.cww-map-toolbar .cww-wall-brand-copy small {
    color: rgba(222,230,255,.72) !important;
    font-size: 12px !important;
}

.cww-map-toolbar p {
    margin: 0 !important;
    color: rgba(232,238,255,.78) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-align: right !important;
}

.cww-map-neon .cww-map-stage,
.cww-map-stage {
    border-radius: 12px !important;
    border: 1px solid rgba(37,132,255,.38) !important;
    background: rgba(3,7,18,.96) !important;
    box-shadow: inset 0 0 0 1px rgba(255,52,86,.08), 0 14px 36px rgba(0,0,0,.28) !important;
    overflow: hidden !important;
}

.cww-map-canvas {
    background: #050814 !important;
}

.cww-map-note {
    margin: 10px 0 0 !important;
    color: rgba(232,238,255,.56) !important;
    font-size: 12px !important;
}

.cww-map-marker span {
    background: linear-gradient(135deg, #ff3456, #ff4fc8, #2584ff) !important;
    box-shadow: 0 0 0 3px rgba(37,132,255,.16), 0 0 24px rgba(255,52,86,.35) !important;
}

.leaflet-popup-content .cww-profile-panel {
    max-width: 270px !important;
}

@media (max-width: 760px) {
    .cww-map-toolbar {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
    .cww-map-toolbar p {
        text-align: left !important;
    }
    .mcw-filterbar-main,
    .cww-wall-wrap .mcw-filterbar-main,
    section.cww-wall-wrap .mcw-filterbar-main {
        max-width: none !important;
        width: 100% !important;
    }
}

/* v0.23 final overrides: clearer slot colors, owner detection, improved map */
.cww-state-available .cww-pixel-button,
.cww-slot-available,
.cww-state-available:nth-child(n) .cww-slot-available {
    border: 1px solid rgba(0, 181, 255, .62) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 181, 255, .03), 0 0 10px rgba(0, 181, 255, .06) !important;
    background: linear-gradient(180deg, rgba(7, 11, 26, .98), rgba(5, 8, 18, .98)) !important;
}

.cww-state-taken .cww-pixel-button,
.cww-slot-taken {
    border: 2px solid rgba(255, 54, 84, .9) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 54, 84, .14), 0 0 13px rgba(255, 54, 84, .18) !important;
}

.cww-state-you .cww-pixel-button,
.cww-slot-you {
    border: 2px solid rgba(255, 205, 28, .95) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 205, 28, .22), 0 0 16px rgba(255, 205, 28, .24) !important;
}

.cww-state-you .cww-pixel-number-pill {
    background: rgba(255, 205, 28, .95) !important;
    color: #160d00 !important;
}

.cww-profile-panel-header {
    grid-template-columns: 108px minmax(0, 1fr) !important;
}

.cww-profile-panel-avatar {
    width: 108px !important;
    height: 108px !important;
}

.cww-tile-modal-dialog {
    width: min(345px, calc(100vw - 20px)) !important;
}

.cww-map-neon,
.cww-map-wrap {
    background:
        radial-gradient(circle at 35% 45%, rgba(255, 79, 200, .13), transparent 32%),
        radial-gradient(circle at 74% 35%, rgba(35, 199, 255, .12), transparent 34%),
        linear-gradient(90deg, #1e0627 0%, #05081b 50%, #08283e 100%) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.cww-map-toolbar-compact {
    display: grid !important;
    grid-template-columns: auto minmax(260px, 1fr) auto !important;
    gap: 18px !important;
    align-items: center !important;
    margin: 0 0 12px !important;
}

.cww-map-toolbar-compact p {
    margin: 0 !important;
    color: rgba(231, 238, 255, .86) !important;
    text-align: right !important;
    font-size: 15px !important;
}

.cww-map-lang-switch {
    justify-self: end !important;
}

.cww-map-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 280px !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.cww-map-stage {
    position: relative !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    background: rgba(5, 8, 18, .96) !important;
    overflow: hidden !important;
}

.cww-map-canvas {
    border-radius: 18px !important;
    filter: saturate(1.25) contrast(1.08) brightness(.88) !important;
}

.cww-map-stage::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 52% 44%, rgba(255, 79, 200, .20), transparent 28%),
        linear-gradient(90deg, rgba(255, 79, 200, .08), rgba(35, 199, 255, .06));
    mix-blend-mode: screen;
    z-index: 350;
}

.cww-map-region-badges {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 360;
}

.cww-map-region-badge {
    position: absolute;
    min-width: 105px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,79,200,.55);
    background: rgba(10, 13, 32, .72);
    backdrop-filter: blur(5px);
    box-shadow: 0 0 18px rgba(255,79,200,.12);
    text-align: center;
}

.cww-map-region-badge strong,
.cww-map-region-badge span {
    display: block;
    color: #f7f9ff;
    line-height: 1.1;
}

.cww-map-region-badge strong {
    font-size: 11px;
    letter-spacing: .04em;
}

.cww-map-region-badge span {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 800;
}

.cww-region-north-america { left: 12%; top: 27%; }
.cww-region-south-america { left: 22%; top: 63%; }
.cww-region-europe { left: 49%; top: 25%; }
.cww-region-africa { left: 49%; top: 52%; border-color: rgba(35,199,255,.55); }
.cww-region-asia { left: 70%; top: 32%; }
.cww-region-oceania { right: 7%; bottom: 16%; border-color: rgba(35,199,255,.55); }

.cww-map-sidebar {
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(4, 7, 18, .78);
    padding: 14px;
    min-height: 100%;
}

.cww-map-sidebar h3 {
    margin: 0 0 12px !important;
    color: #fff !important;
    font-size: 15px !important;
}

.cww-map-creator-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cww-map-creator-item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 8px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.03);
}

.cww-map-creator-avatar {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.cww-map-creator-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cww-map-creator-copy strong,
.cww-map-creator-copy small {
    display: block;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cww-map-creator-copy strong { color: #fff; font-size: 13px; }
.cww-map-creator-copy small { color: rgba(225,234,255,.7); font-size: 11px; margin-top: 2px; }

.cww-map-creator-icons {
    display: flex;
    gap: 5px;
}

.cww-map-creator-icons a {
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    opacity: .9;
}

.cww-map-creator-icons svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip,
.leaflet-container .leaflet-popup-content-wrapper,
.leaflet-container .leaflet-popup-tip {
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    border: 0 !important;
}

.leaflet-popup-content {
    margin: 0 !important;
    min-width: 320px !important;
}

.leaflet-popup-content .cww-profile-panel {
    width: 320px !important;
    max-width: 320px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: linear-gradient(180deg, rgba(10,14,30,.98), rgba(8,10,22,.99)) !important;
}

.leaflet-popup-close-button {
    color: #fff !important;
    background: rgba(255,255,255,.08) !important;
    border-radius: 999px !important;
    width: 26px !important;
    height: 26px !important;
    line-height: 24px !important;
    top: 8px !important;
    right: 8px !important;
}

@media (max-width: 980px) {
    .cww-map-toolbar-compact,
    .cww-map-layout {
        grid-template-columns: 1fr !important;
    }
    .cww-map-toolbar-compact p { text-align: left !important; }
    .cww-map-lang-switch { justify-self: start !important; }
    .cww-map-sidebar { display: none !important; }
    .cww-map-region-badges { display: none !important; }
}

@media (max-width: 640px) {
    .cww-profile-panel-header {
        grid-template-columns: 92px minmax(0, 1fr) !important;
    }
    .cww-profile-panel-avatar {
        width: 92px !important;
        height: 92px !important;
    }
}

/* v0.24 final status colors + full-width map refinements */
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button.cww-slot-available,
.cww-wall-wrap .cww-pixel-item.cww-state-available:nth-child(n) > .cww-pixel-button.cww-slot-available {
    border: 1px solid rgba(0, 141, 255, .72) !important;
    box-shadow: 0 0 0 1px rgba(0, 141, 255, .06) inset !important;
    background: linear-gradient(180deg, rgba(7, 12, 28, .98), rgba(4, 8, 20, .99)) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button.cww-slot-taken,
.cww-wall-wrap .cww-pixel-item.cww-state-taken:nth-child(n) > .cww-pixel-button.cww-slot-taken {
    border: 2px solid rgba(255, 45, 78, .95) !important;
    box-shadow: 0 0 0 1px rgba(255, 45, 78, .14) inset, 0 0 12px rgba(255, 45, 78, .12) !important;
    background: rgba(9, 12, 26, .98) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button.cww-slot-you,
.cww-wall-wrap .cww-pixel-item.cww-state-you:nth-child(n) > .cww-pixel-button.cww-slot-you {
    border: 2px solid rgba(255, 203, 29, 1) !important;
    box-shadow: 0 0 0 1px rgba(255, 203, 29, .18) inset, 0 0 16px rgba(255, 203, 29, .16) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 -18px 30px rgba(0, 0, 0, .16);
    z-index: 1;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken .cww-pixel-number-pill,
.cww-wall-wrap .cww-pixel-item.cww-state-you .cww-pixel-number-pill,
.cww-wall-wrap .cww-pixel-item.cww-state-taken .cww-flag-mini,
.cww-wall-wrap .cww-pixel-item.cww-state-you .cww-flag-mini {
    z-index: 4 !important;
}

.cww-map-wrap.cww-full-bleed,
body.cww-page-takeover-active .cww-map-wrap.cww-full-bleed,
body.cww-page-takeover-active .cww-map-neon.cww-full-bleed {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    padding-left: max(10px, var(--cww-edge, 8px)) !important;
    padding-right: max(10px, var(--cww-edge, 8px)) !important;
    box-sizing: border-box !important;
}

.cww-map-wrap.cww-map-neon {
    padding-top: 12px !important;
    padding-bottom: 18px !important;
    background:
        radial-gradient(circle at 38% 45%, rgba(255, 79, 200, .18), transparent 30%),
        radial-gradient(circle at 72% 38%, rgba(35, 199, 255, .14), transparent 35%),
        linear-gradient(90deg, #210529 0%, #040719 47%, #082b43 100%) !important;
}

.cww-map-toolbar-compact {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: auto minmax(260px, 1fr) auto !important;
    gap: 18px !important;
    align-items: center !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.cww-map-layout {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) clamp(260px, 22vw, 340px) !important;
    gap: 14px !important;
    margin-top: 12px !important;
}

.cww-map-stage {
    border: 1px solid rgba(0, 141, 255, .38) !important;
    box-shadow: 0 0 0 1px rgba(255, 45, 78, .06) inset, 0 20px 44px rgba(0, 0, 0, .24) !important;
}

.cww-map-region-badge {
    border-width: 1px !important;
    border-color: rgba(255, 45, 78, .62) !important;
    background: rgba(7, 10, 25, .76) !important;
}

.cww-map-region-badge.cww-region-africa,
.cww-map-region-badge.cww-region-oceania {
    border-color: rgba(0, 141, 255, .6) !important;
}

.cww-map-sidebar {
    border-color: rgba(0, 141, 255, .32) !important;
    background: rgba(3, 7, 18, .84) !important;
    box-shadow: 0 0 0 1px rgba(255,45,78,.04) inset !important;
}

.cww-map-creator-item {
    border-color: rgba(255, 45, 78, .42) !important;
    background: rgba(255,255,255,.035) !important;
}

.cww-map-marker span {
    background: linear-gradient(135deg, #ff2d4e, #ff4fc8 50%, #008dff) !important;
    box-shadow: 0 0 0 4px rgba(255,45,78,.22), 0 0 24px rgba(255,79,200,.36) !important;
}

.leaflet-popup-content .cww-profile-panel {
    border-color: rgba(255,45,78,.52) !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.42) !important;
}

@media (max-width: 980px) {
    .cww-map-layout {
        grid-template-columns: 1fr !important;
    }
}

/* v0.25: stronger status overlays, closer close button, map header + mobile refinement */
.cww-wall-wrap .cww-pixel-button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    z-index: 7 !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button {
    border-color: transparent !important;
    box-shadow: none !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(0, 141, 255, .74) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button {
    border-color: transparent !important;
    box-shadow: 0 0 10px rgba(255, 45, 78, .12) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 2px rgba(255, 45, 78, .98) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button {
    border-color: transparent !important;
    box-shadow: 0 0 14px rgba(255, 203, 29, .18) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 2px rgba(255, 203, 29, 1) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken .cww-pixel-media img,
.cww-wall-wrap .cww-pixel-item.cww-state-you .cww-pixel-media img {
    transform: scale(1.015);
}

.cww-tile-modal-dialog .cww-tile-modal-close,
.cww-tile-modal-close {
    top: 7px !important;
    right: 7px !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 28px !important;
    font-size: 22px !important;
    background: rgba(73, 81, 103, .94) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.26) !important;
}

.cww-tile-modal-dialog {
    width: min(322px, calc(100vw - 20px)) !important;
}

.cww-profile-panel {
    padding: 13px 13px 11px !important;
    border-color: rgba(255,45,78,.42) !important;
}

.cww-profile-panel-header {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 12px !important;
}

.cww-profile-panel-avatar {
    width: 104px !important;
    height: 104px !important;
}

.cww-profile-panel-copy h3 {
    padding-right: 28px !important;
}

/* Map header now follows the compact wall toolbar pattern */
.cww-map-wrap.cww-map-neon {
    padding-top: 0 !important;
}

.cww-map-toolbar-compact {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 82px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
    background: linear-gradient(90deg, rgba(42, 8, 50, .72), rgba(5, 8, 28, .7), rgba(8, 47, 73, .72)) !important;
}

.cww-map-toolbar-compact .cww-wall-brand--mini {
    flex: 0 0 auto !important;
}

.cww-map-toolbar-compact p {
    margin: 0 !important;
    flex: 1 1 auto !important;
    text-align: right !important;
    color: rgba(231,239,255,.86) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.cww-map-lang-switch {
    flex: 0 0 auto !important;
    margin-left: 8px !important;
}

.cww-map-layout {
    padding: 0 0 0 !important;
    margin-top: 12px !important;
}

.cww-map-stage,
.cww-map-sidebar {
    border-radius: 16px !important;
}

.cww-map-canvas {
    border-radius: 16px !important;
}

.cww-map-sidebar {
    display: block !important;
    max-height: 650px !important;
    overflow: auto !important;
}

.cww-map-creator-item {
    border-color: rgba(255,45,78,.5) !important;
    box-shadow: inset 0 0 0 1px rgba(255,45,78,.05) !important;
}

.leaflet-popup-content .cww-profile-panel {
    padding: 12px !important;
    border-color: rgba(255,45,78,.45) !important;
}

.leaflet-popup-content .cww-profile-panel-header {
    grid-template-columns: 88px minmax(0,1fr) !important;
}

.leaflet-popup-content .cww-profile-panel-avatar {
    width: 88px !important;
    height: 88px !important;
}

.leaflet-popup-close-button {
    top: 6px !important;
    right: 6px !important;
}

@media (max-width: 980px) {
    .cww-map-toolbar-compact {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
        min-height: auto !important;
    }

    .cww-map-toolbar-compact p {
        grid-column: 1 / -1 !important;
        text-align: left !important;
        order: 3 !important;
        font-size: 13px !important;
    }

    .cww-map-lang-switch {
        justify-self: end !important;
        margin-left: 0 !important;
    }

    .cww-map-layout {
        grid-template-columns: 1fr !important;
    }

    .cww-map-sidebar {
        display: block !important;
        min-height: auto !important;
        max-height: 260px !important;
    }

    .cww-map-creator-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 8px !important;
    }

    .cww-map-region-badges {
        display: none !important;
    }
}

@media (max-width: 640px) {
    .cww-map-toolbar-compact {
        padding: 12px !important;
    }

    .cww-map-toolbar-compact .cww-wall-brand-mark {
        width: 38px !important;
        height: 38px !important;
        font-size: 20px !important;
    }

    .cww-map-toolbar-compact .cww-wall-brand-copy strong {
        font-size: 18px !important;
    }

    .cww-map-stage .cww-map-canvas,
    .cww-map-canvas {
        height: 430px !important;
    }

    .cww-map-creator-list {
        grid-template-columns: 1fr !important;
    }

    .cww-map-sidebar h3 {
        font-size: 14px !important;
    }

    .leaflet-popup-content {
        min-width: 260px !important;
    }

    .leaflet-popup-content .cww-profile-panel {
        width: 260px !important;
        max-width: 260px !important;
    }
}

/* v0.26 final overrides: calmer available borders, stronger taken/you, closer close button, map polish */
.cww-pixel-button.cww-slot-available,
.cww-pixel-item.cww-state-available .cww-pixel-button {
    border: 1px solid rgba(0, 168, 255, .82) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 168, 255, .08) !important;
    outline: 0 !important;
}

.cww-pixel-button.cww-slot-taken,
.cww-pixel-item.cww-state-taken .cww-pixel-button {
    border: 3px solid rgba(255, 45, 84, .98) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 0 12px rgba(255, 45, 84, .22) !important;
    outline: 0 !important;
}

.cww-pixel-button.cww-slot-you,
.cww-pixel-item.cww-state-you .cww-pixel-button {
    border: 3px solid rgba(255, 193, 7, 1) !important;
    box-shadow: inset 0 0 0 1px rgba(20, 10, 0, .24), 0 0 14px rgba(255, 193, 7, .30) !important;
    outline: 0 !important;
}

.cww-pixel-button.cww-slot-available::after {
    border-color: rgba(0, 168, 255, .22) !important;
}

.cww-pixel-button.cww-slot-taken::after,
.cww-pixel-item.cww-state-taken .cww-pixel-button::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, .18);
    pointer-events: none;
}

.cww-pixel-button.cww-slot-you::after,
.cww-pixel-item.cww-state-you .cww-pixel-button::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, .22);
    pointer-events: none;
}

.cww-tile-modal-close {
    top: -9px !important;
    right: -9px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    transform: none !important;
    background: rgba(83, 91, 108, .96) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.32) !important;
}

.cww-profile-panel {
    border-color: rgba(255, 45, 84, .36) !important;
}

.cww-wall-total {
    display: inline-flex !important;
    gap: 6px !important;
    align-items: baseline !important;
}

.cww-wall-total span,
.cww-wall-total em {
    font-style: normal !important;
    color: rgba(232,238,255,.78) !important;
    font-size: 12px !important;
    letter-spacing: .03em !important;
}

.cww-wall-total strong {
    color: #fff !important;
    font-size: 15px !important;
    letter-spacing: .01em !important;
}

/* Map: closer to the wall style, less card-like, more neon panel */
.cww-map-wrap.cww-full-bleed,
.cww-map-wrap.cww-page-takeover {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.cww-map-wrap {
    background: linear-gradient(90deg, #26082d 0%, #06091f 46%, #0b314b 100%) !important;
    padding: 12px max(10px, var(--cww-edge, 8px)) 16px !important;
}

.cww-map-toolbar,
.cww-map-toolbar-compact {
    min-height: 58px !important;
    padding: 8px 0 12px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(260px, 1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.cww-map-toolbar p {
    margin: 0 !important;
    text-align: right !important;
    color: rgba(236,242,255,.92) !important;
    font-size: 16px !important;
}

.cww-map-layout {
    gap: 12px !important;
    margin-top: 12px !important;
}

.cww-map-stage {
    border: 1px solid rgba(255, 45, 84, .26) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 0 1px rgba(0, 168, 255, .08), 0 0 28px rgba(255, 45, 84, .08) !important;
}

.cww-map-sidebar {
    border: 1px solid rgba(255, 45, 84, .28) !important;
    border-radius: 14px !important;
    background: rgba(3, 10, 25, .86) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 168, 255, .06) !important;
}

.cww-map-creator-item {
    border-color: rgba(255, 45, 84, .42) !important;
    background: rgba(10, 15, 32, .92) !important;
}

.cww-map-region-badge {
    border-color: rgba(255, 45, 84, .46) !important;
    background: rgba(7, 10, 24, .86) !important;
    box-shadow: 0 0 20px rgba(255, 45, 84, .12) !important;
}

.cww-map-region-badge:nth-child(3n) {
    border-color: rgba(0, 168, 255, .50) !important;
    box-shadow: 0 0 20px rgba(0, 168, 255, .10) !important;
}

.leaflet-popup-content-wrapper {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.leaflet-popup-tip {
    background: rgba(8, 12, 28, .98) !important;
}

.leaflet-popup-content .cww-profile-panel {
    border: 1px solid rgba(255, 45, 84, .44) !important;
    background: rgba(8, 12, 28, .98) !important;
}

@media (max-width: 900px) {
    .cww-map-toolbar,
    .cww-map-toolbar-compact {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    .cww-map-toolbar p {
        text-align: left !important;
    }
}


/* v0.27: clear slot states, attached close button, stronger full-width map */
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button {
    position: relative !important;
    border: 0 !important;
    outline: 0 !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::after {
    content: none !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    z-index: 8 !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button {
    box-shadow: none !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(0, 168, 255, .56) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button {
    box-shadow: 0 0 9px rgba(255, 45, 84, .10) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 2px rgba(255, 45, 84, .98) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button {
    box-shadow: 0 0 12px rgba(255, 193, 7, .16) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 2px rgba(255, 193, 7, 1) !important;
}

.cww-tile-modal-close,
.cww-tile-modal-dialog .cww-tile-modal-close {
    top: 6px !important;
    right: 6px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 28px !important;
    font-size: 22px !important;
    background: rgba(84, 92, 109, .98) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.28) !important;
}

.cww-map-wrap.cww-page-takeover,
.cww-map-wrap.cww-full-bleed,
body.cww-page-takeover-active .cww-map-wrap.cww-page-takeover,
body.cww-page-takeover-active .cww-map-wrap.cww-full-bleed {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.cww-map-wrap {
    padding: 10px max(8px, var(--cww-edge, 8px)) 18px !important;
    background:
        radial-gradient(circle at top left, rgba(255,79,200,.16), transparent 24%),
        radial-gradient(circle at top right, rgba(35,199,255,.12), transparent 24%),
        linear-gradient(90deg, #24082c 0%, #05071d 45%, #0b2f49 100%) !important;
}

.cww-map-toolbar,
.cww-map-toolbar-compact {
    min-height: 68px !important;
    padding: 10px 0 12px !important;
    grid-template-columns: auto minmax(180px,1fr) auto !important;
    gap: 16px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.cww-map-toolbar p,
.cww-map-toolbar-compact p {
    text-align: right !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    color: rgba(235,241,255,.90) !important;
}

.cww-map-layout {
    grid-template-columns: minmax(0,1fr) 340px !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

.cww-map-stage {
    border: 1px solid rgba(0, 168, 255, .18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: rgba(3, 10, 25, .74) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 0 28px rgba(0,0,0,.18) !important;
}

.cww-map-stage::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(255,79,200,.12), transparent 28%),
        radial-gradient(circle at 50% 50%, rgba(0,141,255,.10), transparent 42%) !important;
}

.cww-map-sidebar {
    border: 1px solid rgba(0, 168, 255, .16) !important;
    border-radius: 16px !important;
    background: rgba(3, 10, 25, .86) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

.cww-map-sidebar h3 {
    margin: 0 0 12px !important;
}

.cww-map-creator-item {
    border: 1px solid rgba(255, 45, 84, .48) !important;
    background: rgba(10, 14, 30, .92) !important;
}

.cww-map-region-badge {
    border-radius: 16px !important;
    border: 1px solid rgba(255, 45, 84, .55) !important;
    background: rgba(7, 10, 24, .88) !important;
    box-shadow: 0 0 16px rgba(255, 45, 84, .10) !important;
}

.cww-map-region-badge strong,
.cww-map-region-badge span {
    color: #fff !important;
}

.cww-map-region-badge.cww-region-europe,
.cww-map-region-badge.cww-region-africa,
.cww-map-region-badge.cww-region-oceania {
    border-color: rgba(0, 168, 255, .55) !important;
    box-shadow: 0 0 16px rgba(0, 168, 255, .09) !important;
}

.cww-map-note {
    display: none !important;
}

@media (max-width: 1100px) {
    .cww-map-layout {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .cww-map-wrap.cww-page-takeover,
    .cww-map-wrap.cww-full-bleed,
    body.cww-page-takeover-active .cww-map-wrap.cww-page-takeover,
    body.cww-page-takeover-active .cww-map-wrap.cww-full-bleed {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cww-map-toolbar,
    .cww-map-toolbar-compact {
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
    }

    .cww-map-toolbar p,
    .cww-map-toolbar-compact p {
        grid-column: 1 / -1 !important;
        text-align: left !important;
        order: 3 !important;
    }

    .cww-map-sidebar {
        max-height: none !important;
    }
}


/* v0.28: slimmer pixel borders, smarter continent states, smoother mobile map */
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button {
    box-shadow: none !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    z-index: 8 !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(0, 168, 255, .30) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(255, 45, 84, .82) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(255, 193, 7, .92) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button:hover::before,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button:hover::before,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button:hover::before {
    filter: brightness(1.08) !important;
}

.cww-map-wrap {
    background:
        radial-gradient(circle at 22% 32%, rgba(255,79,200,.10), transparent 24%),
        radial-gradient(circle at 74% 38%, rgba(35,199,255,.10), transparent 25%),
        linear-gradient(90deg, #22072a 0%, #040819 48%, #0a2c45 100%) !important;
}

.cww-map-toolbar,
.cww-map-toolbar-compact {
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

.cww-map-stage {
    border: 1px solid rgba(0, 168, 255, .15) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 10px 28px rgba(0,0,0,.18) !important;
}

.cww-map-sidebar {
    border: 1px solid rgba(0, 168, 255, .14) !important;
    background: rgba(3, 8, 20, .86) !important;
}

.cww-map-region-badge {
    border-radius: 16px !important;
    border-width: 1px !important;
    background: rgba(7, 10, 24, .88) !important;
    box-shadow: 0 0 12px rgba(0,0,0,.10) !important;
}

.cww-map-region-badge.is-empty {
    border-color: rgba(0, 168, 255, .45) !important;
    box-shadow: 0 0 14px rgba(0, 168, 255, .08) !important;
}

.cww-map-region-badge.is-active {
    border-color: rgba(255, 45, 84, .58) !important;
    box-shadow: 0 0 14px rgba(255, 45, 84, .10) !important;
}

.cww-map-region-badge strong,
.cww-map-region-badge span {
    color: #fff !important;
}

.cww-map-creator-item {
    border: 1px solid rgba(255, 45, 84, .38) !important;
    background: rgba(255,255,255,.03) !important;
}

.cww-map-marker span {
    box-shadow: 0 0 0 3px rgba(255,45,78,.16), 0 0 18px rgba(255,79,200,.24) !important;
}

.cww-payment-box {
    background: rgba(7, 10, 24, .82) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 14px 34px rgba(0,0,0,.18) !important;
}

.cww-payment-buttons {
    gap: 10px !important;
}

.cww-pay-now-button.is-stripe,
.cww-pay-now-button.is-paypal {
    min-width: 160px !important;
}

@media (max-width: 980px) {
    .cww-map-layout {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .cww-map-sidebar {
        order: 2 !important;
    }
}

@media (max-width: 760px) {
    .cww-map-wrap {
        padding: 10px 8px 14px !important;
    }

    .cww-map-toolbar,
    .cww-map-toolbar-compact {
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
        align-items: start !important;
    }

    .cww-map-toolbar p,
    .cww-map-toolbar-compact p {
        grid-column: 1 / -1 !important;
        order: 3 !important;
        text-align: left !important;
        margin: 0 !important;
        font-size: 13px !important;
    }

    .cww-map-stage {
        min-height: 360px !important;
    }

    .cww-map-canvas {
        height: 360px !important;
    }

    .cww-map-sidebar {
        padding: 12px !important;
    }

    .cww-map-creator-list {
        display: flex !important;
        gap: 10px !important;
        overflow-x: auto !important;
        padding-bottom: 2px !important;
        scroll-snap-type: x proximity;
    }

    .cww-map-creator-item {
        min-width: 240px !important;
        flex: 0 0 240px !important;
        scroll-snap-align: start;
    }

    .cww-map-region-badges {
        display: none !important;
    }
}


/* v0.29: ultra-thin pixel outlines, tighter close button, simplified legend */
.cww-wall-legend .cww-legend-item.is-you {
    display: none !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button {
    border: 0 !important;
    box-shadow: none !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button::after {
    box-shadow: none !important;
    border: 0 !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(25, 168, 255, .55) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(255, 61, 98, .88) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(255, 193, 7, .96) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button:hover::before {
    box-shadow: inset 0 0 0 1px rgba(80, 196, 255, .72) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button:hover::before {
    box-shadow: inset 0 0 0 1px rgba(255, 96, 128, 1) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button:hover::before {
    box-shadow: inset 0 0 0 1px rgba(255, 214, 74, 1) !important;
}

.cww-tile-modal-dialog {
    width: min(332px, calc(100vw - 24px)) !important;
}

.cww-tile-modal-dialog .cww-tile-modal-content {
    position: relative !important;
}

.cww-tile-modal-close,
.cww-tile-modal-dialog .cww-tile-modal-close {
    top: 8px !important;
    right: 8px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 999px !important;
    line-height: 26px !important;
    font-size: 20px !important;
    z-index: 14 !important;
    background: rgba(82, 90, 108, .96) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.18) !important;
}

@media (max-width: 640px) {
    .cww-tile-modal-dialog {
        width: min(318px, calc(100vw - 18px)) !important;
    }

    .cww-tile-modal-close,
    .cww-tile-modal-dialog .cww-tile-modal-close {
        top: 6px !important;
        right: 6px !important;
    }
}


/* v0.30: restored early thin-border look and close button attached to card */
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-button {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-button::after {
    display: none !important;
    content: none !important;
    box-shadow: none !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    z-index: 20 !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(0, 162, 255, .42) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(255, 45, 84, .70) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(255, 193, 7, .82) !important;
}

.cww-tile-modal-dialog {
    width: min(318px, calc(100vw - 20px)) !important;
}

.cww-profile-panel {
    border-radius: 16px !important;
}

.cww-tile-modal-close,
.cww-tile-modal-dialog .cww-tile-modal-close {
    top: -9px !important;
    right: -9px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    line-height: 28px !important;
    font-size: 20px !important;
    border-radius: 999px !important;
    background: rgba(84, 92, 109, .98) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.24) !important;
    z-index: 25 !important;
}

.cww-wall-legend .cww-legend-item.is-you {
    display: none !important;
}


/* v0.31: back to v22/v23-style thin pixel borders + attached close button */
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-button {
    border: 0 !important;
    box-shadow: none !important;
    background: linear-gradient(180deg, rgba(7, 11, 26, .98), rgba(5, 8, 18, .98)) !important;
    overflow: hidden !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-button::after {
    content: none !important;
    display: none !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-button::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    z-index: 3 !important;
    pointer-events: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-item.cww-state-available:nth-child(n) > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(0, 181, 255, .66) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-item.cww-state-taken:nth-child(n) > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(255, 54, 84, .92) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-item.cww-state-you:nth-child(n) > .cww-pixel-button::before {
    box-shadow: inset 0 0 0 1px rgba(255, 205, 28, .96) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button:hover::before {
    box-shadow: inset 0 0 0 1px rgba(72, 205, 255, .90) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button:hover::before {
    box-shadow: inset 0 0 0 1px rgba(255, 84, 112, 1) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button:hover::before {
    box-shadow: inset 0 0 0 1px rgba(255, 219, 64, 1) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken .cww-pixel-media img,
.cww-wall-wrap .cww-pixel-item.cww-state-you .cww-pixel-media img {
    border-radius: 6px !important;
}

.cww-tile-modal-dialog {
    width: min(360px, calc(100vw - 20px)) !important;
}

.cww-tile-modal-close,
.cww-tile-modal-dialog .cww-tile-modal-close {
    position: absolute !important;
    top: -12px !important;
    right: -12px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: rgba(89,96,113,.95) !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.22) !important;
    z-index: 30 !important;
    pointer-events: auto !important;
}

@media (max-width: 640px) {
    .cww-tile-modal-close,
    .cww-tile-modal-dialog .cww-tile-modal-close {
        top: -10px !important;
        right: -10px !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }
}


/* v0.32: close button inside the card + pixel borders match continent border thickness */
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-button {
    border-radius: 10px !important;
    border-width: 1px !important;
    border-style: solid !important;
    box-shadow: 0 0 10px rgba(0,0,0,.08) !important;
    background: linear-gradient(180deg, rgba(7, 11, 26, .98), rgba(5, 8, 18, .98)) !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-button::after {
    content: none !important;
    display: none !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available:nth-child(n) > .cww-pixel-button {
    border-color: rgba(0, 168, 255, .45) !important;
    box-shadow: 0 0 10px rgba(0, 168, 255, .08) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken:nth-child(n) > .cww-pixel-button {
    border-color: rgba(255, 45, 84, .58) !important;
    box-shadow: 0 0 10px rgba(255, 45, 84, .10) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you:nth-child(n) > .cww-pixel-button {
    border-color: rgba(255, 205, 28, .70) !important;
    box-shadow: 0 0 10px rgba(255, 205, 28, .12) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button:hover {
    border-color: rgba(64, 192, 255, .62) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button:hover {
    border-color: rgba(255, 70, 106, .72) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button:hover {
    border-color: rgba(255, 213, 56, .82) !important;
}

.cww-tile-modal-dialog {
    width: min(360px, calc(100vw - 20px)) !important;
}

.cww-tile-modal-close,
.cww-tile-modal-dialog .cww-tile-modal-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(34, 42, 60, .92) !important;
    color: #ffffff !important;
    font-size: 21px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.18) !important;
    z-index: 40 !important;
    pointer-events: auto !important;
}

@media (max-width: 640px) {
    .cww-tile-modal-close,
    .cww-tile-modal-dialog .cww-tile-modal-close {
        top: 8px !important;
        right: 8px !important;
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        font-size: 20px !important;
    }
}


/* v0.33 final cleanup: thin pixel borders rebuilt from scratch, close button inside card */
.cww-wall-wrap .cww-pixel-item,
.cww-wall-wrap .cww-pixel-item * {
    box-sizing: border-box !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-button {
    position: relative !important;
    border-radius: 8px !important;
    border-width: 1px !important;
    border-style: solid !important;
    outline: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    background: linear-gradient(180deg, rgba(7, 11, 26, .98), rgba(5, 8, 18, .98)) !important;
    overflow: hidden !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button::after {
    content: none !important;
    display: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available:nth-child(n) > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-button.cww-slot-available {
    border-color: rgba(0, 168, 255, .48) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken:nth-child(n) > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-button.cww-slot-taken {
    border-color: rgba(255, 45, 84, .72) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you:nth-child(n) > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-button.cww-slot-you {
    border-color: rgba(255, 205, 28, .84) !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button:hover,
.cww-wall-wrap .cww-pixel-button:hover {
    transform: none !important;
    box-shadow: none !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button:hover {
    border-color: rgba(72, 205, 255, .58) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button:hover {
    border-color: rgba(255, 70, 106, .80) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button:hover {
    border-color: rgba(255, 213, 56, .88) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken .cww-pixel-media,
.cww-wall-wrap .cww-pixel-item.cww-state-you .cww-pixel-media,
.cww-wall-wrap .cww-pixel-item.cww-state-taken .cww-pixel-media img,
.cww-wall-wrap .cww-pixel-item.cww-state-you .cww-pixel-media img {
    border-radius: 6px !important;
}

.cww-tile-modal-dialog {
    position: relative !important;
    overflow: visible !important;
    width: min(360px, calc(100vw - 20px)) !important;
}

.cww-tile-modal-dialog > .cww-tile-modal-close,
.cww-tile-modal-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    background: rgba(23, 30, 48, .96) !important;
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    z-index: 50 !important;
}

@media (max-width: 640px) {
    .cww-tile-modal-dialog > .cww-tile-modal-close,
    .cww-tile-modal-close {
        top: 8px !important;
        right: 8px !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        font-size: 20px !important;
    }
}


/* v0.34 reset to thin v0.20-style pixel borders + inner close button */
.cww-wall-wrap .cww-pixel-item,
.cww-wall-wrap .cww-pixel-item * {
    box-sizing: border-box !important;
}

.cww-wall-wrap .cww-pixel-item {
    border: 1px solid rgba(37,132,255,.62) !important;
    border-radius: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.cww-wall-wrap .cww-pixel-item::before,
.cww-wall-wrap .cww-pixel-item::after,
.cww-wall-wrap .cww-pixel-item .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-item .cww-pixel-button::after {
    content: none !important;
    display: none !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available {
    border-color: rgba(37,132,255,.62) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken {
    border-color: rgba(255,54,84,.72) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you {
    border-color: rgba(255,191,0,.86) !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-available,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-taken,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-you {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    filter: none !important;
    background: rgba(4,9,24,.98) !important;
    overflow: hidden !important;
    transform: none !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button:hover,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button:hover,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button:hover,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button:hover {
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-media,
.cww-wall-wrap .cww-pixel-item .cww-pixel-media img {
    border-radius: 6px !important;
}

/* hide old outer close button, use the inner one only */
.cww-tile-modal-dialog > .cww-tile-modal-close {
    display: none !important;
}

.cww-tile-modal-content {
    position: relative !important;
}

.cww-tile-modal-content > .cww-tile-modal-close-inner {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(89,96,113,.95) !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    z-index: 30 !important;
    box-shadow: none !important;
}

@media (max-width: 640px) {
    .cww-tile-modal-content > .cww-tile-modal-close-inner {
        top: 8px !important;
        right: 8px !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        font-size: 22px !important;
    }
}


/* ===== v0.35 rebuilt pixel wall and card ===== */
.cww-tile-modal-backdrop {
    background: transparent !important;
    backdrop-filter: none !important;
}

.cww-tile-modal-dialog {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
}

.cww-tile-modal-dialog > .cww-tile-modal-close,
.cww-tile-modal-close-inner {
    display: none !important;
}

.cww-wall-wrap .cww-pixel-grid,
.cww-grid.cww-pixel-grid {
    --cww-pixel-size: 56px !important;
    gap: 6px !important;
    grid-template-columns: repeat(auto-fill, minmax(var(--cww-pixel-size), var(--cww-pixel-size))) !important;
}

.cww-wall-wrap .cww-pixel-item,
.cww-wall-wrap .cww-pixel-item * {
    box-sizing: border-box !important;
}

.cww-wall-wrap .cww-pixel-item {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: transparent !important;
    border: 1px solid rgba(48, 173, 255, 0.56) !important;
    box-shadow: none !important;
}

.cww-wall-wrap .cww-pixel-item::before,
.cww-wall-wrap .cww-pixel-item::after,
.cww-wall-wrap .cww-pixel-item .cww-pixel-button::before,
.cww-wall-wrap .cww-pixel-item .cww-pixel-button::after,
.cww-wall-wrap .cww-pixel-item .cww-pixel-media::before,
.cww-wall-wrap .cww-pixel-item .cww-pixel-media::after {
    content: none !important;
    display: none !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available {
    border-color: rgba(48, 173, 255, 0.56) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken {
    border-color: rgba(255, 61, 133, 0.72) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you {
    border-color: rgba(255, 196, 0, 0.85) !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-available,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-taken,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-you {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 9px !important;
    background: #07101f !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: hidden !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button:hover {
    transform: none !important;
    box-shadow: none !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-number-center {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ff4bd1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-number-pill {
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background: rgba(10, 15, 34, 0.94) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-media {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-initials {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, rgba(41,56,88,.92) 0%, rgba(19,26,48,.98) 100%) !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-flag {
    position: absolute !important;
    right: 4px !important;
    bottom: 2px !important;
    z-index: 3 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.65) !important;
}

.cww-profile-panel-rebuilt {
    position: relative !important;
    width: min(360px, calc(100vw - 24px)) !important;
    max-width: 360px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 61, 133, 0.55) !important;
    background: linear-gradient(135deg, rgba(28, 6, 40, 0.96) 0%, rgba(2, 8, 30, 0.98) 56%, rgba(7, 44, 72, 0.98) 100%) !important;
    box-shadow: 0 20px 55px rgba(0,0,0,.45) !important;
    overflow: hidden !important;
}

.cww-profile-panel-rebuilt .cww-card-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(83, 90, 111, 0.9) !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    z-index: 5 !important;
}

.cww-profile-panel-rebuilt .cww-profile-main {
    display: grid !important;
    grid-template-columns: 100px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    margin-bottom: 14px !important;
}

.cww-profile-panel-rebuilt .cww-profile-panel-avatar {
    width: 100px !important;
    height: 100px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: rgba(10, 15, 30, 0.92) !important;
}

.cww-profile-panel-rebuilt .cww-profile-panel-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.cww-profile-panel-rebuilt .cww-profile-panel-copy {
    min-width: 0 !important;
    padding-top: 4px !important;
}

.cww-profile-panel-rebuilt .cww-profile-panel-number {
    margin: 0 0 10px !important;
    color: #ff4bd1 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.cww-profile-panel-rebuilt h3 {
    margin: 0 0 8px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.cww-profile-panel-rebuilt .cww-profile-location,
.cww-profile-panel-rebuilt .cww-profile-role,
.cww-profile-panel-rebuilt .cww-profile-member,
.cww-profile-panel-rebuilt .cww-profile-text,
.cww-profile-panel-rebuilt .cww-no-links {
    margin: 0 !important;
    color: rgba(233, 239, 255, 0.92) !important;
}

.cww-profile-panel-rebuilt .cww-profile-location {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.cww-profile-panel-rebuilt .cww-profile-role {
    color: #dbe7ff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.cww-profile-panel-rebuilt .cww-profile-links {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 0 14px !important;
    margin: 0 0 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.cww-profile-panel-rebuilt .cww-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(8, 11, 22, 0.88) !important;
    box-shadow: none !important;
}

.cww-profile-panel-rebuilt .cww-link svg {
    width: 21px !important;
    height: 21px !important;
}

.cww-profile-panel-rebuilt .cww-profile-member {
    font-size: 13px !important;
    color: rgba(219, 231, 255, 0.8) !important;
}

.cww-profile-panel-rebuilt.cww-profile-panel-available .cww-profile-panel-copy-only {
    padding-top: 0 !important;
}

.cww-profile-panel-rebuilt.cww-profile-panel-available h3 {
    margin-bottom: 10px !important;
}

.cww-profile-panel-rebuilt.cww-profile-panel-available .cww-profile-text {
    margin-bottom: 14px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.cww-profile-panel-rebuilt .cww-claim-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    background: linear-gradient(90deg, #ff4bd1 0%, #7f6bff 100%) !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

@media (max-width: 640px) {
    .cww-wall-wrap .cww-pixel-grid,
    .cww-grid.cww-pixel-grid {
        --cww-pixel-size: 54px !important;
        gap: 5px !important;
    }

    .cww-profile-panel-rebuilt {
        width: min(340px, calc(100vw - 16px)) !important;
        max-width: 340px !important;
        padding: 12px !important;
    }

    .cww-profile-panel-rebuilt .cww-profile-main {
        grid-template-columns: 88px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .cww-profile-panel-rebuilt .cww-profile-panel-avatar {
        width: 88px !important;
        height: 88px !important;
    }

    .cww-profile-panel-rebuilt .cww-profile-links {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}


/* ===== v0.36 polish: slimmer pixel borders, improved icons, larger header brand ===== */
.cww-grid.cww-pixel-grid,
.cww-pixel-grid,
.cww-wall-wrap .cww-pixel-grid {
    --cww-pixel-size: 52px !important;
    gap: 4px !important;
}

.cww-wall-wrap .cww-pixel-item {
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    box-shadow: inset 0 0 0 1px rgba(47, 176, 255, 0.38) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available {
    box-shadow: inset 0 0 0 1px rgba(47, 176, 255, 0.38) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken {
    box-shadow: inset 0 0 0 1px rgba(255, 67, 151, 0.52) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you {
    box-shadow: inset 0 0 0 1px rgba(255, 201, 37, 0.72) !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-available,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-taken,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-you {
    border-radius: 9px !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-media,
.cww-wall-wrap .cww-pixel-item .cww-pixel-media img {
    border-radius: 8px !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-number-center {
    font-size: 12px !important;
    color: #ff56d8 !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-number-pill {
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 4px !important;
    top: 3px !important;
    left: 3px !important;
    font-size: 10px !important;
    background: rgba(8, 13, 30, 0.92) !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-flag {
    right: 3px !important;
    bottom: 2px !important;
    font-size: 10px !important;
}

.cww-wall-brand--mini {
    gap: 12px !important;
    min-width: 236px !important;
}

.cww-wall-brand--mini .cww-wall-brand-mark {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    font-size: 26px !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 10px 24px rgba(112, 66, 255, .18) !important;
}

.cww-wall-brand--mini .cww-wall-brand-copy strong {
    font-size: 24px !important;
    letter-spacing: .03em !important;
}

.cww-wall-brand--mini .cww-wall-brand-copy small {
    font-size: 12px !important;
    letter-spacing: .02em !important;
}

.cww-profile-panel-rebuilt .cww-profile-links {
    gap: 8px !important;
}

.cww-profile-panel-rebuilt .cww-link {
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: linear-gradient(180deg, rgba(22,28,48,.94) 0%, rgba(9,13,26,.98) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 20px rgba(0,0,0,.15) !important;
}

.cww-profile-panel-rebuilt .cww-link:hover {
    transform: translateY(-1px) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.22) !important;
}

.cww-profile-panel-rebuilt .cww-link svg {
    width: 19px !important;
    height: 19px !important;
}

.cww-profile-panel-rebuilt .cww-link-youtube {
    background: linear-gradient(180deg, #ff2c2c 0%, #d40000 100%) !important;
}

.cww-profile-panel-rebuilt .cww-link-tiktok {
    background: linear-gradient(180deg, #1b1d2c 0%, #07080f 100%) !important;
}

.cww-profile-panel-rebuilt .cww-link-instagram {
    background: linear-gradient(135deg, #ffb238 0%, #ff4aa2 55%, #7d5cff 100%) !important;
}

.cww-profile-panel-rebuilt .cww-link-twitch {
    background: linear-gradient(180deg, #8c52ff 0%, #6a32ea 100%) !important;
}

.cww-profile-panel-rebuilt .cww-link-facebook {
    background: linear-gradient(180deg, #2d66ff 0%, #204fdf 100%) !important;
}

.cww-profile-panel-rebuilt .cww-link-x,
.cww-profile-panel-rebuilt .cww-link-website {
    background: linear-gradient(180deg, #121522 0%, #05070d 100%) !important;
}

.cww-profile-panel-rebuilt .cww-link-website {
    border-color: rgba(120, 190, 255, .22) !important;
}

@media (max-width: 640px) {
    .cww-grid.cww-pixel-grid,
    .cww-pixel-grid,
    .cww-wall-wrap .cww-pixel-grid {
        --cww-pixel-size: 48px !important;
        gap: 4px !important;
    }

    .cww-wall-brand--mini {
        min-width: 0 !important;
        gap: 10px !important;
    }

    .cww-wall-brand--mini .cww-wall-brand-mark {
        width: 42px !important;
        height: 42px !important;
        font-size: 22px !important;
    }

    .cww-wall-brand--mini .cww-wall-brand-copy strong {
        font-size: 21px !important;
    }
}


/* ===== v0.37 landing / hero ===== */
.cww-home-landing {
    width: min(1440px, calc(100vw - 32px));
    margin: 0 auto;
    padding: 28px clamp(18px, 3vw, 36px) 42px;
    color: #eef5ff;
    border-radius: 32px;
    background:
        radial-gradient(circle at 0% 0%, rgba(143, 26, 115, 0.42), transparent 36%),
        linear-gradient(90deg, #1f0326 0%, #05042b 42%, #0b3b59 100%);
    border: 1px solid rgba(78, 191, 255, 0.18);
    box-shadow: 0 28px 80px rgba(2, 8, 24, 0.24);
    overflow: hidden;
}

.cww-home-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.cww-home-kicker,
.cww-home-panel-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
    background: rgba(255,255,255,0.05);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
}

.cww-home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    gap: clamp(20px, 3vw, 34px);
    align-items: center;
}

.cww-home-copy h1 {
    margin: 0 0 18px;
    font-size: clamp(44px, 6.2vw, 96px);
    line-height: .95;
    letter-spacing: -.045em;
    color: #ffffff;
}

.cww-home-copy h1 span {
    color: #ff4fbc;
    background: linear-gradient(180deg, #ff46c2 0%, #ff7f33 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cww-home-subtitle {
    max-width: 690px;
    margin: 0 0 22px;
    font-size: clamp(16px, 1.7vw, 22px);
    line-height: 1.6;
    color: rgba(236, 246, 255, 0.84);
}

.cww-home-actions,
.cww-home-pay-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.cww-home-actions {
    margin-bottom: 18px;
}

.cww-home-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 22px;
    border-radius: 14px;
    font-weight: 800;
    font-size: 13px;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.cww-home-btn:hover {
    transform: translateY(-1px);
}

.cww-home-btn.is-primary {
    color: #fff;
    background: linear-gradient(90deg, #ff2ab7 0%, #ff9540 100%);
    box-shadow: 0 16px 28px rgba(255, 80, 164, 0.28);
}

.cww-home-btn.is-secondary,
.cww-home-btn.is-payment {
    color: #edf6ff;
    background: rgba(7, 13, 32, 0.85);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14);
}

.cww-home-btn.is-tertiary {
    color: #cbe8ff;
    background: rgba(16, 76, 112, 0.35);
    box-shadow: inset 0 0 0 1px rgba(78, 191, 255, 0.26);
}

.cww-home-btn.is-stripe {
    box-shadow: inset 0 0 0 1px rgba(112, 100, 255, 0.35);
}

.cww-home-btn.is-paypal {
    box-shadow: inset 0 0 0 1px rgba(0, 143, 255, 0.35);
}

.cww-home-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.cww-home-badges span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    color: #d8e8ff;
    background: rgba(7, 13, 30, 0.62);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12);
    font-size: 14px;
}

.cww-home-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.cww-home-stat-card {
    padding: 16px 14px;
    border-radius: 18px;
    background: rgba(6, 14, 34, 0.6);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}

.cww-home-stat-card strong {
    display: block;
    font-size: clamp(20px, 2.6vw, 30px);
    line-height: 1;
    color: #ffffff;
}

.cww-home-stat-card span {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: rgba(220, 236, 255, 0.76);
}

.cww-home-visual {
    min-width: 0;
}

.cww-home-preview-frame {
    position: relative;
    padding: 16px;
    border-radius: 28px;
    background: rgba(4, 10, 22, 0.8);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 18px 42px rgba(0,0,0,.2);
    overflow: hidden;
}

.cww-home-preview-frame::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 70% 20%, rgba(255, 82, 172, .14), transparent 35%);
    pointer-events: none;
}

.cww-home-preview-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 4px;
}

.cww-home-preview-tile {
    position: relative;
    aspect-ratio: 1;
    border-radius: 8px;
    background: rgba(7, 12, 24, 0.92);
    overflow: hidden;
}

.cww-home-preview-tile.is-available {
    box-shadow: inset 0 0 0 1px rgba(45, 179, 255, 0.42);
}

.cww-home-preview-tile.is-taken {
    box-shadow: inset 0 0 0 1px rgba(255, 67, 151, 0.5);
}

.cww-home-preview-number {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 2;
    min-width: 15px;
    height: 15px;
    padding: 0 4px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    background: rgba(9, 14, 28, 0.94);
}

.cww-home-preview-number--center {
    inset: 0;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    padding: 0;
    background: transparent;
    color: #4bd1ff;
    font-size: 11px;
}

.cww-home-preview-media,
.cww-home-preview-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.cww-home-preview-initials {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, #5520a4 0%, #0d2745 100%);
    font-size: 14px;
    font-weight: 800;
}

.cww-home-preview-flag {
    position: absolute;
    right: 3px;
    bottom: 2px;
    z-index: 2;
    font-size: 10px;
    line-height: 1;
}

.cww-home-panels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 26px;
}

.cww-home-panel {
    padding: 22px;
    border-radius: 24px;
    background: rgba(5, 12, 27, 0.72);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}

.cww-home-panel h2,
.cww-home-founders h2,
.cww-home-final-cta h2 {
    margin: 14px 0 12px;
    font-size: clamp(24px, 2.5vw, 38px);
    line-height: 1.05;
    color: #fff;
}

.cww-home-list {
    margin: 0 0 18px 18px;
    padding: 0;
    color: rgba(236, 246, 255, 0.86);
}

.cww-home-list li {
    margin: 0 0 9px;
}

.cww-home-note,
.cww-home-founders p,
.cww-home-final-cta p,
.cww-home-section-head p {
    color: rgba(214, 230, 248, 0.76);
    line-height: 1.55;
}

.cww-home-steps {
    display: grid;
    gap: 18px;
}

.cww-home-step {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 20px;
    align-items: start;
}

.cww-home-step > span {
    display: inline-flex;
    width: 64px;
    height: 44px;
    border-radius: 14px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(180deg, rgba(115, 34, 255, .9) 0%, rgba(255, 69, 183, .85) 100%);
    box-shadow: 0 10px 20px rgba(118, 39, 255, 0.2);
}

.cww-home-step > div {
    display: grid;
    gap: 6px;
    padding-top: 1px;
}

.cww-home-step strong {
    display: block;
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
}

.cww-home-step small {
    display: block;
    color: rgba(214, 230, 248, 0.82);
    line-height: 1.6;
    font-size: 15px;
}

.cww-home-founders {
    margin-top: 26px;
    padding: 22px;
    border-radius: 24px;
    background: rgba(5, 12, 27, 0.72);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}

.cww-home-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.cww-home-section-head h2 {
    margin: 0 0 6px;
}

.cww-home-founders-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.cww-home-founder-card {
    display: grid;
    grid-template-columns: 64px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 18px;
    background: rgba(8, 15, 32, 0.78);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.cww-home-founder-media,
.cww-home-founder-media img {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    object-fit: cover;
}

.cww-home-founder-media span {
    display: flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #5520a4 0%, #0d2745 100%);
    font-weight: 800;
}

.cww-home-founder-copy strong {
    display: block;
    color: #fff;
    font-size: 15px;
}

.cww-home-founder-copy small {
    display: block;
    margin-top: 4px;
    color: rgba(214, 230, 248, 0.76);
    line-height: 1.45;
}

.cww-home-founder-icons {
    display: flex;
    gap: 8px;
}

.cww-home-founder-icons a {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    background: rgba(255,255,255,0.05);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.cww-home-founder-icons svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.cww-home-final-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 26px;
    padding: 24px;
    border-radius: 24px;
    background: linear-gradient(90deg, rgba(255, 56, 181, 0.12) 0%, rgba(45, 179, 255, 0.08) 100%), rgba(5, 12, 27, 0.8);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.1);
}

.cww-home-final-cta h2 {
    margin: 0 0 8px;
}

@media (max-width: 1180px) {
    .cww-home-hero,
    .cww-home-panels,
    .cww-home-founders-grid {
        grid-template-columns: 1fr;
    }

    .cww-home-stat-card strong {
        font-size: 24px;
    }
}

@media (max-width: 860px) {
    .cww-home-landing {
        width: calc(100vw - 20px);
        border-radius: 24px;
        padding: 20px 16px 28px;
    }

    .cww-home-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cww-home-preview-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .cww-home-section-head,
    .cww-home-final-cta,
    .cww-home-topbar {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .cww-home-preview-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .cww-home-founder-card {
        grid-template-columns: 56px 1fr;
    }

    .cww-home-founder-icons {
        grid-column: 1 / -1;
    }

    .cww-home-actions,
    .cww-home-pay-row {
        flex-direction: column;
        align-items: stretch;
    }

    .cww-home-btn {
        width: 100%;
    }
}


/* ===== v0.38 full-width landing + refined linked brand ===== */
.cww-home-landing {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    padding: clamp(28px, 4vw, 54px) max(18px, calc((100vw - 1540px) / 2 + 28px)) clamp(42px, 5vw, 72px) !important;
    min-height: calc(100vh - 90px);
    border-left: 0 !important;
    border-right: 0 !important;
    background:
        radial-gradient(circle at 8% 8%, rgba(255, 62, 191, 0.22), transparent 32%),
        radial-gradient(circle at 86% 14%, rgba(40, 176, 255, 0.16), transparent 34%),
        linear-gradient(90deg, #17021f 0%, #050522 42%, #082d49 100%) !important;
}

.cww-home-hero,
.cww-home-panels,
.cww-home-founders,
.cww-home-final-cta,
.cww-home-topbar {
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
}

.cww-home-hero {
    min-height: min(720px, calc(100vh - 180px));
}

.cww-home-preview-frame {
    min-height: 460px;
    display: flex;
    align-items: center;
}

.cww-home-preview-grid {
    width: 100%;
}

.cww-brand-link,
a.cww-brand-link,
a.cww-wall-brand.cww-brand-link {
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform .18s ease, filter .18s ease, opacity .18s ease;
}

.cww-brand-link:hover,
a.cww-brand-link:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
    opacity: 1;
}

.cww-wall-brand--mini {
    position: relative;
    gap: 13px !important;
}

.cww-wall-brand--mini .cww-wall-brand-mark {
    position: relative;
    width: 52px !important;
    height: 52px !important;
    border-radius: 14px !important;
    font-size: 26px !important;
    letter-spacing: -.06em !important;
    background:
        linear-gradient(135deg, rgba(255, 65, 197, 1) 0%, rgba(119, 87, 255, 1) 58%, rgba(38, 186, 255, 1) 100%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.24),
        0 12px 28px rgba(122, 78, 255, .22),
        0 0 26px rgba(255, 65, 197, .10) !important;
}

.cww-wall-brand--mini .cww-wall-brand-mark::after {
    content: '';
    position: absolute;
    inset: 6px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.18);
    pointer-events: none;
}

.cww-wall-brand--mini .cww-wall-brand-copy strong {
    font-size: 25px !important;
    line-height: .98 !important;
    letter-spacing: .01em !important;
    text-transform: uppercase;
    text-shadow: 0 8px 18px rgba(0,0,0,.18);
}

.cww-wall-brand--mini .cww-wall-brand-copy small {
    margin-top: 5px !important;
    font-size: 12px !important;
    color: rgba(226, 238, 255, .78) !important;
}

.cww-wall-toolbar-main,
.cww-map-toolbar-compact {
    padding-top: 4px !important;
    padding-bottom: 8px !important;
}

@media (max-width: 1180px) {
    .cww-home-hero {
        min-height: auto;
    }

    .cww-home-preview-frame {
        min-height: 360px;
    }
}

@media (max-width: 760px) {
    .cww-home-landing {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        border-radius: 0 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .cww-wall-brand--mini .cww-wall-brand-mark {
        width: 44px !important;
        height: 44px !important;
        font-size: 22px !important;
    }

    .cww-wall-brand--mini .cww-wall-brand-copy strong {
        font-size: 21px !important;
    }
}


/* ===== v0.39 premium landing step ===== */
.cww-home-landing {
    position: relative !important;
    isolation: isolate;
}

.cww-home-landing::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 63, 196, .16), transparent 26%),
        radial-gradient(circle at 82% 22%, rgba(44, 182, 255, .13), transparent 28%),
        radial-gradient(circle at 64% 82%, rgba(132, 80, 255, .12), transparent 32%);
    pointer-events: none;
}

.cww-home-landing::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,.9), rgba(0,0,0,.22));
    pointer-events: none;
}

.cww-home-topbar-v39 {
    min-height: 68px;
    padding: 10px 0 18px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 18px !important;
}

.cww-home-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: inherit !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.cww-home-brand-mark {
    position: relative;
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #fff;
    font-size: 27px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.07em;
    background: linear-gradient(135deg, #ff46c6 0%, #7c58ff 58%, #31b9ff 100%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), 0 15px 36px rgba(111, 75, 255, .22);
}

.cww-home-brand-mark::after {
    content: '';
    position: absolute;
    inset: 6px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.18);
}

.cww-home-brand-text strong,
.cww-home-brand-text small {
    display: block;
}

.cww-home-brand-text strong {
    color: #fff;
    font-size: 19px;
    line-height: 1;
    letter-spacing: .03em;
}

.cww-home-brand-text small {
    margin-top: 5px;
    color: rgba(224, 238, 255, .7);
    font-size: 12px;
}

.cww-home-nav {
    display: flex;
    justify-content: center;
    gap: clamp(12px, 2vw, 28px);
}

.cww-home-nav a {
    color: rgba(232,242,255,.76) !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .01em;
}

.cww-home-nav a:hover {
    color: #fff !important;
}

.cww-home-top-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}

.cww-home-top-cta {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 12px;
    color: #fff !important;
    background: linear-gradient(90deg, #ff2ab7 0%, #2f98ff 100%);
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 12px 26px rgba(70, 126, 255, .16);
}

.cww-home-kicker-inline {
    margin-bottom: 20px;
}

.cww-home-copy h1 {
    text-shadow: 0 20px 52px rgba(0,0,0,.28);
}

.cww-home-subtitle {
    max-width: 640px !important;
}

.cww-home-visual {
    position: relative;
    perspective: 1200px;
}

.cww-home-preview-frame {
    min-height: 540px !important;
    transform: rotateY(-10deg) rotateX(4deg);
    transform-origin: center right;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.05),
        0 30px 80px rgba(0,0,0,.34),
        0 0 80px rgba(255, 62, 189, .10) !important;
}

.cww-home-preview-glow {
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(circle at 72% 18%, rgba(255, 55, 191, .18), transparent 28%),
        radial-gradient(circle at 20% 82%, rgba(43, 184, 255, .12), transparent 30%);
    pointer-events: none;
}

.cww-home-preview-grid {
    grid-template-columns: repeat(13, minmax(0, 1fr)) !important;
    gap: 5px !important;
}

.cww-home-preview-tile {
    border-radius: 7px !important;
    background: rgba(4,8,18,.92) !important;
}

.cww-home-preview-tile.is-available {
    box-shadow: inset 0 0 0 1px rgba(47,176,255,.38) !important;
}

.cww-home-preview-tile.is-taken {
    box-shadow: inset 0 0 0 1px rgba(255,67,151,.55), 0 0 12px rgba(255,67,151,.10) !important;
}

.cww-home-visual-caption {
    position: absolute;
    right: 22px;
    bottom: -22px;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    padding: 14px 18px;
    border-radius: 18px;
    background: rgba(5, 12, 28, .86);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 20px 42px rgba(0,0,0,.22);
}

.cww-home-visual-caption span {
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

.cww-home-visual-caption small {
    color: rgba(224,238,255,.74);
    font-size: 12px;
    line-height: 1.1;
    max-width: 110px;
}

.cww-home-price-panel {
    position: relative;
    overflow: hidden;
}

.cww-home-price-panel::after {
    content: '1M';
    position: absolute;
    right: 28px;
    bottom: 18px;
    color: rgba(255,255,255,.04);
    font-size: 140px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.08em;
}

.cww-home-panel,
.cww-home-founders,
.cww-home-final-cta {
    backdrop-filter: blur(10px);
}

@media (max-width: 1180px) {
    .cww-home-topbar-v39 {
        grid-template-columns: 1fr auto;
    }

    .cww-home-nav {
        grid-column: 1 / -1;
        justify-content: flex-start;
        order: 3;
    }

    .cww-home-preview-frame {
        transform: none;
        min-height: 420px !important;
    }

    .cww-home-visual-caption {
        position: static;
        margin-top: 12px;
    }
}

@media (max-width: 760px) {
    .cww-home-topbar-v39 {
        grid-template-columns: 1fr;
    }

    .cww-home-top-actions {
        width: 100%;
        justify-content: space-between;
    }

    .cww-home-nav {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .cww-home-preview-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    }
}


/* ===== v0.40 shared wall/map menu + Enfold top gap cleanup ===== */
body.cww-page-takeover-active #main,
body.cww-page-takeover-active .main_color,
body.cww-page-takeover-active .container_wrap,
body.cww-page-takeover-active .container_wrap_first,
body.cww-page-takeover-active .template-page,
body.cww-page-takeover-active .content,
body.cww-page-takeover-active .entry-content-wrapper,
body.cww-page-takeover-active .entry-content,
body.cww-page-takeover-active .post-entry,
body.cww-page-takeover-active .avia_textblock {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.cww-page-takeover-active .cww-home-landing,
body.cww-page-takeover-active .cww-wall-wrap,
body.cww-page-takeover-active .cww-map-wrap {
    margin-top: 0 !important;
}

.cww-wall-toolbar-main,
.cww-map-toolbar-compact {
    display: grid !important;
    grid-template-columns: auto minmax(280px, 1fr) auto !important;
    align-items: center !important;
    gap: 24px !important;
}

.cww-section-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(16px, 2vw, 30px) !important;
    min-width: 0 !important;
}

.cww-section-nav a {
    color: rgba(239,246,255,.92) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

.cww-section-nav a:hover,
.cww-section-nav a.is-active {
    color: #ffffff !important;
    opacity: 1 !important;
    transform: translateY(-1px);
}

.cww-section-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: max-content !important;
}

.cww-section-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    background: linear-gradient(90deg, #ff43c8 0%, #4ea8ff 100%) !important;
    box-shadow: 0 10px 24px rgba(60, 125, 255, .20) !important;
}

.cww-map-intro-line {
    margin: -4px 0 14px !important;
    color: rgba(230,242,255,.84) !important;
    text-align: center !important;
    font-size: 14px !important;
}

.cww-brand-link:hover .cww-wall-brand-mark,
.cww-brand-link:hover .cww-home-brand-mark {
    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 980px) {
    .cww-wall-toolbar-main,
    .cww-map-toolbar-compact {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        justify-items: start !important;
    }

    .cww-section-nav {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 14px 20px !important;
    }

    .cww-section-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    .cww-map-intro-line {
        text-align: left !important;
    }
}

@media (max-width: 640px) {
    .cww-section-nav {
        width: 100% !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        padding-bottom: 4px !important;
        -webkit-overflow-scrolling: touch;
    }

    .cww-section-nav a {
        font-size: 13px !important;
    }
}


/* ===== v0.41 Enfold top-gap/header killer + payment polish ===== */
html.cww-hide-enfold-header,
body.cww-hide-enfold-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.cww-hide-enfold-header #header,
body.cww-hide-enfold-header #header_meta,
body.cww-hide-enfold-header #header_main,
body.cww-hide-enfold-header .header_bg,
body.cww-hide-enfold-header .avia-menu-av_menu,
body.cww-hide-enfold-header .title_container,
body.cww-hide-enfold-header .breadcrumb,
body.cww-hide-enfold-header .breadcrumbs,
body.cww-hide-enfold-header .stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.cww-hide-enfold-header #wrap_all,
body.cww-hide-enfold-header #main,
body.cww-hide-enfold-header .main_color,
body.cww-hide-enfold-header .main_color .container,
body.cww-hide-enfold-header .container_wrap,
body.cww-hide-enfold-header .container_wrap_first,
body.cww-hide-enfold-header .template-page,
body.cww-hide-enfold-header .content,
body.cww-hide-enfold-header .entry-content-wrapper,
body.cww-hide-enfold-header .entry-content,
body.cww-hide-enfold-header .post-entry,
body.cww-hide-enfold-header .post-entry .entry-content-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.cww-hide-enfold-header.html_header_top.html_header_sticky #top #wrap_all #main,
body.cww-hide-enfold-header.html_header_top.html_header_transparency #top #wrap_all #main,
body.cww-hide-enfold-header.html_header_top.html_header_sticky #main,
body.cww-hide-enfold-header.html_header_top.html_header_transparency #main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.cww-hide-enfold-header .cww-home-landing,
body.cww-hide-enfold-header .cww-map-wrap.cww-page-takeover,
body.cww-hide-enfold-header .cww-wall-wrap.cww-page-takeover {
    margin-top: 0 !important;
}

/* Modern CSS fallback before JS class is added. Chrome supports :has(). */
body:has([data-cww-hide-theme-header="1"]) #header,
body:has([data-cww-hide-theme-header="1"]) #header_meta,
body:has([data-cww-hide-theme-header="1"]) #header_main,
body:has([data-cww-hide-theme-header="1"]) .header_bg,
body:has([data-cww-hide-theme-header="1"]) .title_container {
    display: none !important;
}

body:has([data-cww-hide-theme-header="1"]) #main,
body:has([data-cww-hide-theme-header="1"]) .main_color,
body:has([data-cww-hide-theme-header="1"]) .container_wrap,
body:has([data-cww-hide-theme-header="1"]) .content,
body:has([data-cww-hide-theme-header="1"]) .entry-content-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.cww-payment-box {
    position: relative !important;
    margin-top: 18px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at top left, rgba(255, 75, 209, .18), transparent 34%),
        linear-gradient(135deg, rgba(5, 11, 28, .92), rgba(4, 22, 42, .92)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 18px 40px rgba(0,0,0,.18) !important;
}

.cww-payment-box > strong {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 10px !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    color: #fff !important;
}

.cww-payment-box > strong::before {
    content: '1,49€';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 42px;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff43c8, #2d8cff);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
}

.cww-payment-meta {
    display: flex !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 10px 0 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    color: rgba(232, 240, 255, .9) !important;
}

.cww-payment-meta span:last-child {
    color: #fff !important;
    font-weight: 800 !important;
}

.cww-payment-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

.cww-payment-buttons .cww-pay-now-button {
    min-height: 46px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 800 !important;
}

.cww-payment-buttons .cww-pay-now-button.is-stripe {
    background: linear-gradient(135deg, #635bff, #8b5cff) !important;
}

.cww-payment-buttons .cww-pay-now-button.is-paypal {
    background: linear-gradient(135deg, #0070ba, #003087) !important;
}

.cww-payment-box small {
    display: block !important;
    margin-top: 12px !important;
    color: rgba(218, 232, 255, .68) !important;
    line-height: 1.5 !important;
}

/* ===== v0.42 payment polish ===== */
.cww-payment-box-v42 {
    margin-top: 20px !important;
    padding: 20px !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 0 0, rgba(255, 70, 190, .14), transparent 34%),
        linear-gradient(135deg, rgba(7, 11, 26, .94), rgba(4, 22, 44, .94)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

.cww-payment-box-v42 .cww-payment-head {
    display: grid !important;
    grid-template-columns: 96px 1fr !important;
    gap: 16px !important;
    align-items: center !important;
    margin-bottom: 16px !important;
}

.cww-payment-box-v42 .cww-payment-price-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 72px !important;
    padding: 12px !important;
    border-radius: 20px !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    background: linear-gradient(135deg, #ff31ba, #7f5cff 52%, #2cb4ff) !important;
    box-shadow: 0 16px 34px rgba(116, 85, 255, .25) !important;
}

.cww-payment-box-v42 .cww-payment-head strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: clamp(22px, 2.4vw, 32px) !important;
    line-height: 1.05 !important;
}

.cww-payment-box-v42 .cww-payment-head p {
    margin: 0 !important;
    color: rgba(232, 240, 255, .82) !important;
    line-height: 1.45 !important;
}

.cww-payment-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
}

.cww-payment-box-v42 .cww-payment-meta {
    display: block !important;
    padding: 13px 14px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.cww-payment-box-v42 .cww-payment-meta span {
    display: block !important;
    margin-bottom: 5px !important;
    color: rgba(218, 232, 255, .66) !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.cww-payment-box-v42 .cww-payment-meta strong {
    color: #fff !important;
    font-size: 15px !important;
}

.cww-payment-note {
    color: rgba(230, 240, 255, .8) !important;
}

.cww-payment-note p {
    margin: 0 0 12px !important;
}

.cww-payment-box-v42 .cww-payment-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 14px 0 12px !important;
}

.cww-payment-box-v42 .cww-pay-now-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

.cww-payment-box-v42 .cww-pay-now-button.is-stripe {
    background: linear-gradient(135deg, #675dff, #8a5cff) !important;
}

.cww-payment-box-v42 .cww-pay-now-button.is-paypal {
    background: linear-gradient(135deg, #0070ba, #003087) !important;
}

.cww-payment-box-v42 small {
    display: block !important;
    color: rgba(210, 226, 255, .62) !important;
    line-height: 1.45 !important;
}

@media (max-width: 760px) {
    .cww-payment-box-v42 .cww-payment-head,
    .cww-payment-grid {
        grid-template-columns: 1fr !important;
    }

    .cww-payment-box-v42 .cww-payment-price-badge {
        width: 112px !important;
        min-height: 66px !important;
    }

    .cww-payment-box-v42 .cww-payment-buttons {
        flex-direction: column !important;
    }
}


/* ===== v0.43 form page polish: language-safe, same background as landing/wall ===== */
.cww-form-page {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: 100vh;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 34px max(18px, 3vw) 54px !important;
    color: #eef5ff;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
        radial-gradient(circle at 0% 18%, rgba(255, 56, 184, 0.20), transparent 32%),
        radial-gradient(circle at 100% 22%, rgba(36, 175, 255, 0.15), transparent 34%),
        linear-gradient(90deg, #210427 0%, #050525 46%, #0a3854 100%) !important;
    background-size: 72px 72px, 72px 72px, auto, auto, auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
}

.cww-site-nav {
    width: min(1180px, 100%);
    margin: 0 auto 26px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 22px;
    padding: 0 0 18px;
    border-bottom: 1px solid rgba(255,255,255,.18);
}

.cww-site-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff !important;
    text-decoration: none !important;
}

.cww-site-brand-mark {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff40c7 0%, #825dff 52%, #37b6ff 100%);
    color: #fff;
    font-weight: 900;
    font-size: 23px;
    letter-spacing: -.08em;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), 0 12px 24px rgba(111,79,255,.24);
}

.cww-site-brand-text strong,
.cww-site-brand-text small {
    display: block;
}

.cww-site-brand-text strong {
    color: #fff;
    font-size: 17px;
    line-height: 1;
    letter-spacing: .04em;
}

.cww-site-brand-text small {
    margin-top: 5px;
    color: rgba(223,236,255,.72);
    font-size: 11px;
    line-height: 1;
}

.cww-site-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(14px, 2vw, 28px);
}

.cww-site-menu a {
    color: rgba(239,247,255,.9) !important;
    font-weight: 800;
    font-size: 14px;
    text-decoration: none !important;
}

.cww-site-menu a:hover {
    color: #fff !important;
}

.cww-site-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.cww-site-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 12px;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 900;
    background: linear-gradient(90deg, #ff38c0 0%, #3d9bff 100%);
    box-shadow: 0 12px 24px rgba(69,124,255,.22);
}

.cww-form-shell {
    width: min(980px, 100%);
    margin: 0 auto;
}

.cww-form-head {
    margin: 0 0 22px;
    padding: 26px;
    border-radius: 26px;
    background: rgba(5, 12, 27, 0.72);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 18px 42px rgba(0,0,0,.16);
}

.cww-form-head h2 {
    margin: 14px 0 8px;
    color: #fff;
    font-size: clamp(38px, 5vw, 72px);
    line-height: 0.98;
    letter-spacing: -.045em;
}

.cww-form-head p {
    max-width: 720px;
    margin: 0;
    color: rgba(222,237,255,.82);
    font-size: 17px;
    line-height: 1.55;
}

.cww-form-card,
.cww-submit-form.cww-form-card {
    padding: clamp(18px, 3vw, 30px) !important;
    border-radius: 28px !important;
    background: rgba(4, 10, 23, 0.82) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 22px 60px rgba(0,0,0,.24) !important;
}

.cww-submit-form .cww-submit-grid {
    gap: 18px !important;
}

.cww-submit-form label {
    color: rgba(238,246,255,.94) !important;
    font-weight: 800 !important;
    font-size: 14px !important;
}

.cww-submit-form input[type="text"],
.cww-submit-form input[type="email"],
.cww-submit-form input[type="url"],
.cww-submit-form input[type="file"],
.cww-submit-form select,
.cww-submit-form textarea {
    width: 100% !important;
    min-height: 48px !important;
    color: #fff !important;
    background: rgba(5, 9, 22, .94) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

.cww-submit-form textarea {
    min-height: 108px !important;
    padding-top: 13px !important;
}

.cww-submit-form input::placeholder,
.cww-submit-form textarea::placeholder {
    color: rgba(213,226,255,.42) !important;
}

.cww-submit-form input:focus,
.cww-submit-form select:focus,
.cww-submit-form textarea:focus {
    outline: none !important;
    border-color: rgba(65, 188, 255, .55) !important;
    box-shadow: 0 0 0 3px rgba(65,188,255,.10) !important;
}

.cww-submit-form h3 {
    margin: 26px 0 14px !important;
    color: #fff !important;
    font-size: 22px !important;
    letter-spacing: -.02em;
}

.cww-submit-wide small,
.cww-submit-note,
.cww-submit-consent {
    color: rgba(219,233,255,.72) !important;
}

.cww-submit-consent {
    padding: 16px 18px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.cww-submit-button {
    min-height: 52px !important;
    padding: 0 24px !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(90deg, #ff38c0 0%, #ff9445 100%) !important;
    border: 0 !important;
    font-weight: 900 !important;
    box-shadow: 0 16px 32px rgba(255, 76, 176, .24) !important;
}

.cww-selected-tile,
.cww-submit-message {
    border-radius: 18px !important;
    margin-bottom: 18px !important;
}

.cww-hp-field {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

@media (max-width: 900px) {
    .cww-site-nav {
        grid-template-columns: 1fr auto;
        gap: 16px;
    }

    .cww-site-menu {
        grid-column: 1 / -1;
        order: 3;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .cww-site-actions {
        justify-content: flex-end;
    }
}

@media (max-width: 640px) {
    .cww-form-page {
        padding: 20px 10px 34px !important;
    }

    .cww-site-nav {
        margin-bottom: 18px;
    }

    .cww-site-brand-mark {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .cww-site-brand-text strong {
        font-size: 15px;
    }

    .cww-site-actions {
        gap: 6px;
    }

    .cww-site-cta {
        min-height: 34px;
        padding: 0 12px;
        font-size: 12px;
    }

    .cww-form-head,
    .cww-form-card,
    .cww-submit-form.cww-form-card {
        border-radius: 22px !important;
    }
}

/* v0.44 Wall filter upgrades: platform + media filters */
.cww-filter-panel {
    grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
    align-items: center !important;
}

.cww-filter-panel .cww-platform-chips {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 2px;
}

.cww-platform-chip {
    min-height: 38px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(5,10,26,.84);
    color: rgba(238,245,255,.86);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.cww-platform-chip svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.cww-platform-chip:hover,
.cww-platform-chip.is-active {
    transform: translateY(-1px);
    color: #fff;
    border-color: rgba(255,79,200,.52);
    background: rgba(255,79,200,.10);
}

.cww-platform-chip-youtube.is-active,
.cww-platform-chip-youtube:hover { border-color: rgba(255,70,70,.72); background: rgba(255,70,70,.14); }
.cww-platform-chip-tiktok.is-active,
.cww-platform-chip-tiktok:hover { border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.09); }
.cww-platform-chip-instagram.is-active,
.cww-platform-chip-instagram:hover { border-color: rgba(255,94,170,.72); background: rgba(255,94,170,.14); }
.cww-platform-chip-twitch.is-active,
.cww-platform-chip-twitch:hover { border-color: rgba(145,70,255,.72); background: rgba(145,70,255,.15); }
.cww-platform-chip-facebook.is-active,
.cww-platform-chip-facebook:hover { border-color: rgba(52,132,255,.72); background: rgba(52,132,255,.14); }
.cww-platform-chip-x.is-active,
.cww-platform-chip-x:hover { border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.10); }
.cww-platform-chip-website.is-active,
.cww-platform-chip-website:hover { border-color: rgba(35,199,255,.72); background: rgba(35,199,255,.14); }

@media (max-width: 980px) {
    .cww-filter-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .cww-filter-panel {
        grid-template-columns: 1fr !important;
    }

    .cww-platform-chip span {
        display: none;
    }

    .cww-platform-chip {
        width: 38px;
        padding: 0;
        justify-content: center;
    }
}

/* ===== v0.47 country select polish ===== */
.cww-country-hint {
    display: block;
    margin-top: 6px;
    color: rgba(219,231,255,.68);
    font-size: 12px;
}
.cww-submit-form select[data-cww-country-select] {
    width: 100%;
}


/* ===== v0.48 info / FAQ / rules / terms pages ===== */
.cww-info-page .cww-info-shell {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.cww-info-page .cww-info-hero {
    margin-bottom: 22px;
}

.cww-info-page .cww-info-hero h2 {
    max-width: 860px;
}

.cww-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.cww-info-card {
    padding: clamp(18px, 2.4vw, 26px);
    border-radius: 24px;
    background: rgba(4, 10, 23, 0.82);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 18px 44px rgba(0,0,0,.18);
}

.cww-info-card h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(20px, 2.2vw, 30px);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.cww-info-card p {
    margin: 0;
    color: rgba(226, 239, 255, .82);
    line-height: 1.62;
    font-size: 15px;
}

.cww-info-card ul {
    margin: 16px 0 0 18px;
    padding: 0;
    color: rgba(226, 239, 255, .82);
}

.cww-info-card li {
    margin: 0 0 8px;
    padding-left: 2px;
}

.cww-info-note {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-top: 20px;
    padding: 18px 20px;
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(255, 56, 181, 0.12) 0%, rgba(45, 179, 255, 0.08) 100%), rgba(5, 12, 27, 0.8);
    border: 1px solid rgba(255,255,255,.10);
    color: rgba(226,239,255,.84);
}

.cww-info-note strong {
    flex: 0 0 auto;
    color: #fff;
}

@media (max-width: 860px) {
    .cww-info-grid {
        grid-template-columns: 1fr;
    }

    .cww-info-note {
        flex-direction: column;
    }
}


/* ===== v0.49 footer legal navigation ===== */
.cww-site-footer {
    width: min(1180px, calc(100% - 0px));
    margin: 28px auto 0;
    padding: 20px;
    border-radius: 24px;
    background: rgba(4, 10, 23, 0.72);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
    display: grid;
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.6fr) minmax(220px, .8fr);
    gap: 18px;
    align-items: center;
    color: rgba(226,239,255,.84);
}
.cww-site-footer-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}
.cww-site-footer-brand strong {
    display: block;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.cww-site-footer-brand small {
    display: block;
    margin-top: 3px;
    color: rgba(226,239,255,.66);
}
.cww-site-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    justify-content: center;
}
.cww-site-footer-links a,
.cww-site-footer-copy a {
    color: rgba(226,239,255,.84);
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
}
.cww-site-footer-links a:hover,
.cww-site-footer-copy a:hover {
    color: #fff;
}
.cww-site-footer-copy {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
    text-align: right;
    font-size: 13px;
    color: rgba(226,239,255,.64);
}
.cww-site-footer-copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(90deg, #ff2ab7 0%, #2d7dff 100%);
}
@media (max-width: 960px) {
    .cww-site-footer {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }
    .cww-site-footer-links {
        justify-content: flex-start;
    }
    .cww-site-footer-copy {
        align-items: flex-start;
        text-align: left;
    }
}


/* ===== v0.51 stability hotfix: fixed share buttons, icon sizing, mobile safety ===== */
.cww-wall-wrap svg,
.cww-map-wrap svg,
.cww-home-landing svg,
.cww-form-shell svg,
.cww-info-shell svg {
    max-width: 100%;
    height: auto;
}

.cww-profile-panel-rebuilt .cww-link,
.cww-profile-panel .cww-link,
.leaflet-popup-content .cww-link {
    width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.cww-profile-panel-rebuilt .cww-link svg,
.cww-profile-panel .cww-link svg,
.leaflet-popup-content .cww-link svg,
.cww-map-creator-icons svg,
.cww-home-founder-icons svg {
    width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    max-height: 18px !important;
    display: block !important;
    fill: currentColor !important;
}

.cww-share-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 12px !important;
    padding: 10px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

.cww-share-row > span {
    color: rgba(220, 232, 255, .75) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}

.cww-share-link,
.cww-share-copy {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 34px !important;
    max-width: none !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(7, 12, 26, .82) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.cww-share-copy {
    font-family: inherit !important;
}

.cww-paypal-exact-note {
    display: block !important;
    flex-basis: 100% !important;
    margin-top: 4px !important;
    color: rgba(218, 232, 255, .76) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.cww-payment-note strong,
.cww-info-card strong {
    color: #fff !important;
}

@media (max-width: 640px) {
    .cww-profile-panel-rebuilt .cww-profile-links {
        grid-template-columns: repeat(4, 40px) !important;
        justify-content: start !important;
        gap: 8px !important;
    }

    .leaflet-popup-content .cww-profile-panel-rebuilt {
        width: min(320px, calc(100vw - 44px)) !important;
        max-width: min(320px, calc(100vw - 44px)) !important;
    }

    .cww-share-row {
        gap: 6px !important;
    }

    .cww-share-link,
    .cww-share-copy {
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
    }
}


/* ===== v0.52: blue pixel wall, mobile polish, share removed ===== */
.cww-share-row,
.cww-share-link,
.cww-share-copy {
    display: none !important;
    visibility: hidden !important;
}

/* Pixel wall blue like the requested reference */
.cww-wall-wrap .cww-pixel-grid,
.cww-grid.cww-pixel-grid,
.cww-pixel-grid {
    gap: 5px !important;
}

.cww-wall-wrap .cww-pixel-item,
.cww-wall-wrap .cww-pixel-item.cww-state-available,
.cww-wall-wrap .cww-pixel-item.cww-state-taken,
.cww-wall-wrap .cww-pixel-item.cww-state-you {
    border: 0 !important;
    background: #061022 !important;
    box-shadow: inset 0 0 0 1px rgba(38, 183, 255, .54), 0 0 0 1px rgba(12, 42, 76, .34) !important;
    border-radius: 8px !important;
}

.cww-wall-wrap .cww-pixel-item > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-you > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-available,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-taken,
.cww-wall-wrap .cww-pixel-item > .cww-pixel-button.cww-slot-you {
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(5, 14, 31, .98) 0%, rgba(3, 8, 20, .98) 100%) !important;
    box-shadow: none !important;
    outline: none !important;
}

.cww-wall-wrap .cww-pixel-item:hover,
.cww-wall-wrap .cww-pixel-item.cww-state-available:hover,
.cww-wall-wrap .cww-pixel-item.cww-state-taken:hover,
.cww-wall-wrap .cww-pixel-item.cww-state-you:hover {
    box-shadow: inset 0 0 0 1px rgba(54, 207, 255, .86), 0 0 14px rgba(23, 165, 255, .18) !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-number-center {
    color: #26c7ff !important;
    text-shadow: 0 0 8px rgba(38, 199, 255, .34) !important;
    font-weight: 900 !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-number-pill {
    color: #fff !important;
    background: rgba(4, 11, 24, .9) !important;
    border: 1px solid rgba(38, 199, 255, .42) !important;
}

.cww-wall-wrap .cww-pixel-item .cww-pixel-media,
.cww-wall-wrap .cww-pixel-item .cww-pixel-media img {
    border-radius: 7px !important;
}

.cww-wall-legend .cww-legend-item.is-available i,
.cww-wall-legend .cww-legend-item.is-taken i {
    background: #26c7ff !important;
    box-shadow: 0 0 10px rgba(38, 199, 255, .5) !important;
}

/* Mobile layout guardrails */
html.cww-has-plugin-page,
body.cww-has-plugin-page {
    overflow-x: hidden !important;
}

.cww-home-landing,
.cww-wall-wrap,
.cww-map-wrap,
.cww-form-page,
.cww-info-shell {
    max-width: 100vw !important;
}

.cww-wall-wrap,
.cww-map-wrap,
.cww-form-page {
    box-sizing: border-box !important;
}

.cww-profile-panel-rebuilt .cww-link,
.leaflet-popup-content .cww-profile-panel-rebuilt .cww-link {
    width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important;
}

.cww-profile-panel-rebuilt .cww-link svg,
.leaflet-popup-content .cww-profile-panel-rebuilt .cww-link svg,
.cww-map-creator-icons svg,
.cww-home-founder-icons svg {
    width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    max-height: 18px !important;
}

@media (max-width: 900px) {
    .cww-home-landing,
    .cww-wall-wrap,
    .cww-map-wrap,
    .cww-form-page,
    .cww-info-shell {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        border-radius: 0 !important;
    }

    .cww-site-nav,
    .cww-home-nav {
        grid-template-columns: 1fr !important;
        align-items: start !important;
        gap: 12px !important;
    }

    .cww-site-menu,
    .cww-home-nav nav,
    .cww-home-menu {
        width: 100% !important;
        display: flex !important;
        gap: 14px !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 6px !important;
    }

    .cww-site-actions,
    .cww-home-actions-top {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    .cww-home-hero {
        grid-template-columns: 1fr !important;
    }

    .cww-home-visual {
        width: 100% !important;
        overflow: hidden !important;
    }

    .cww-home-preview-frame {
        transform: none !important;
        max-width: 100% !important;
    }

    .cww-home-panels,
    .cww-home-founders-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    .cww-wall-wrap {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .cww-grid.cww-pixel-grid,
    .cww-pixel-grid,
    .cww-wall-wrap .cww-pixel-grid {
        --cww-pixel-size: 42px !important;
        gap: 4px !important;
    }

    .cww-wall-wrap .cww-pixel-item,
    .cww-wall-wrap .cww-pixel-item > .cww-pixel-button {
        border-radius: 7px !important;
    }

    .cww-wall-wrap .cww-pixel-item .cww-pixel-number-center {
        font-size: 11px !important;
    }

    .cww-wall-toolbar-main,
    .cww-wall-legend,
    .cww-map-toolbar,
    .cww-map-toolbar-compact {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .mcw-filterbar,
    .mcw-filterbar-main {
        grid-template-columns: 1fr auto !important;
        width: 100% !important;
    }

    .cww-filter-panel {
        grid-template-columns: 1fr !important;
    }

    .cww-platform-chips {
        display: flex !important;
        overflow-x: auto !important;
        gap: 8px !important;
        padding-bottom: 6px !important;
    }

    .cww-platform-chip {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .cww-profile-panel-rebuilt,
    .leaflet-popup-content .cww-profile-panel-rebuilt {
        width: min(324px, calc(100vw - 28px)) !important;
        max-width: min(324px, calc(100vw - 28px)) !important;
        padding: 12px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
    }

    .cww-profile-panel-rebuilt .cww-profile-main,
    .leaflet-popup-content .cww-profile-panel-rebuilt .cww-profile-main {
        grid-template-columns: 78px minmax(0, 1fr) !important;
        gap: 11px !important;
    }

    .cww-profile-panel-rebuilt .cww-profile-panel-avatar,
    .leaflet-popup-content .cww-profile-panel-rebuilt .cww-profile-panel-avatar {
        width: 78px !important;
        height: 78px !important;
        border-radius: 12px !important;
    }

    .cww-profile-panel-rebuilt .cww-profile-panel-number {
        font-size: 16px !important;
        margin-bottom: 6px !important;
    }

    .cww-profile-panel-rebuilt h3 {
        font-size: 17px !important;
        padding-right: 26px !important;
    }

    .cww-profile-panel-rebuilt .cww-profile-location,
    .cww-profile-panel-rebuilt .cww-profile-role {
        font-size: 13px !important;
    }

    .cww-profile-panel-rebuilt .cww-profile-links,
    .leaflet-popup-content .cww-profile-panel-rebuilt .cww-profile-links {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding-bottom: 12px !important;
    }

    .cww-profile-panel-rebuilt .cww-link,
    .leaflet-popup-content .cww-profile-panel-rebuilt .cww-link {
        flex: 0 0 38px !important;
        width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        max-height: 38px !important;
        min-height: 38px !important;
    }

    .cww-profile-panel-rebuilt .cww-link svg,
    .leaflet-popup-content .cww-profile-panel-rebuilt .cww-link svg {
        width: 17px !important;
        max-width: 17px !important;
        height: 17px !important;
        max-height: 17px !important;
    }

    .leaflet-popup-content-wrapper,
    .leaflet-popup-content {
        max-width: calc(100vw - 24px) !important;
        width: auto !important;
    }

    .cww-home-copy h1 {
        font-size: clamp(42px, 16vw, 62px) !important;
    }

    .cww-home-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .cww-home-preview-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}


/* ===== v0.53: mobile landing reduction, custom localized file upload, short text polish ===== */
.cww-file-picker {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 8px !important;
}

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

.cww-file-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: linear-gradient(90deg, #ff3ec9 0%, #7067ff 100%) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 10px 24px rgba(255, 63, 201, .18) !important;
}

.cww-file-name {
    color: rgba(236, 246, 255, .86) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
}

.cww-submit-wrap textarea[name="short_text"] {
    min-height: 76px !important;
    resize: vertical !important;
}

/* Homepage mobile: show fewer preview pixels and remove endless black field feeling */
@media (max-width: 900px) {
    .cww-home-preview-tile:nth-child(n+73) {
        display: none !important;
    }

    .cww-home-preview-frame {
        max-height: 420px !important;
        overflow: hidden !important;
    }
}

@media (max-width: 640px) {
    html,
    body {
        overflow-x: hidden !important;
    }

    .cww-home-landing,
    .cww-wall-wrap,
    .cww-map-wrap,
    .cww-submit-wrap,
    .cww-info-page {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        border-radius: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    .cww-home-hero {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .cww-home-copy h1 {
        font-size: clamp(38px, 13vw, 54px) !important;
        line-height: .98 !important;
        max-width: 100% !important;
    }

    .cww-home-subtitle {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    .cww-home-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .cww-home-preview-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 4px !important;
    }

    .cww-home-preview-tile:nth-child(n+37) {
        display: none !important;
    }

    .cww-home-preview-frame {
        padding: 8px !important;
        max-height: 310px !important;
        transform: none !important;
        overflow: hidden !important;
    }

    .cww-home-visual-caption {
        position: static !important;
        margin-top: 10px !important;
        width: 100% !important;
        justify-content: center !important;
        padding: 10px 12px !important;
    }

    .cww-home-topbar,
    .cww-home-topbar-v39,
    .cww-wall-toolbar-main,
    .cww-map-toolbar,
    .cww-site-topbar {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .cww-site-nav,
    .cww-home-nav {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        justify-content: flex-start !important;
        gap: 10px !important;
    }

    .cww-site-nav a,
    .cww-home-nav a {
        white-space: nowrap !important;
        flex: 0 0 auto !important;
    }

    .cww-grid.cww-pixel-grid,
    .cww-pixel-grid,
    .cww-wall-wrap .cww-pixel-grid {
        --cww-pixel-size: 42px !important;
        gap: 4px !important;
    }

    .cww-tile-modal-dialog {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        left: 12px !important;
        right: 12px !important;
    }

    .cww-profile-panel-rebuilt {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .cww-profile-panel-rebuilt .cww-profile-links {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .cww-profile-panel-rebuilt .cww-link {
        height: 38px !important;
        min-height: 38px !important;
    }

    .cww-profile-panel-rebuilt .cww-link svg {
        width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        max-height: 18px !important;
    }

    .cww-file-picker {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .cww-file-button {
        width: auto !important;
        min-width: 156px !important;
    }
}

@media (max-width: 420px) {
    .cww-home-preview-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    .cww-home-preview-tile:nth-child(n+31) {
        display: none !important;
    }

    .cww-home-preview-frame {
        max-height: 270px !important;
    }

    .cww-grid.cww-pixel-grid,
    .cww-pixel-grid,
    .cww-wall-wrap .cww-pixel-grid {
        --cww-pixel-size: 39px !important;
    }
}


/* ===== v0.54: mobile landing compaction + clear taken/available legend colors ===== */
:root {
    --cww-blue-line: #18b9ff;
    --cww-blue-soft: rgba(24,185,255,.58);
    --cww-blue-glow: rgba(24,185,255,.24);
    --cww-red-line: #ff3b6f;
    --cww-red-soft: rgba(255,59,111,.76);
    --cww-red-glow: rgba(255,59,111,.28);
}

/* Wall pixels: available = blue, taken = red/pink, selected/own = yellow */
.cww-wall-wrap .cww-pixel-item.cww-state-available,
.cww-wall-wrap .cww-pixel-item.cww-state-available:nth-child(n) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: inset 0 0 0 1px var(--cww-blue-soft), 0 0 10px rgba(24,185,255,.05) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-available > .cww-pixel-button.cww-slot-available,
.cww-wall-wrap .cww-pixel-item.cww-state-available:nth-child(n) > .cww-pixel-button {
    background: linear-gradient(180deg, rgba(2,10,24,.98) 0%, rgba(3,13,30,.98) 100%) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available .cww-pixel-number-center {
    color: var(--cww-blue-line) !important;
    text-shadow: 0 0 8px rgba(24,185,255,.28) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken,
.cww-wall-wrap .cww-pixel-item.cww-state-taken:nth-child(n) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: inset 0 0 0 1px var(--cww-red-soft), 0 0 10px rgba(255,59,111,.08) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button,
.cww-wall-wrap .cww-pixel-item.cww-state-taken > .cww-pixel-button.cww-slot-taken,
.cww-wall-wrap .cww-pixel-item.cww-state-taken:nth-child(n) > .cww-pixel-button {
    border: 0 !important;
    box-shadow: none !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken .cww-pixel-number-pill {
    background: rgba(255,59,111,.94) !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 0 10px rgba(255,59,111,.45) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-you,
.cww-wall-wrap .cww-pixel-item.cww-state-you:nth-child(n) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: inset 0 0 0 1px rgba(255,204,51,.82), 0 0 12px rgba(255,204,51,.12) !important;
}

.cww-wall-wrap .cww-pixel-item:hover {
    transform: translateY(-1px) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-available:hover {
    box-shadow: inset 0 0 0 1px rgba(24,185,255,.9), 0 0 16px var(--cww-blue-glow) !important;
}

.cww-wall-wrap .cww-pixel-item.cww-state-taken:hover {
    box-shadow: inset 0 0 0 1px rgba(255,59,111,.98), 0 0 16px var(--cww-red-glow) !important;
}

/* Legend: do not show taken as blue */
.cww-wall-legend .cww-legend-item.is-taken i,
.cww-legend-item.is-taken i {
    background: var(--cww-red-line) !important;
    border-color: rgba(255,59,111,.95) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset, 0 0 14px rgba(255,59,111,.58) !important;
}

.cww-wall-legend .cww-legend-item.is-available i,
.cww-legend-item.is-available i {
    background: var(--cww-blue-line) !important;
    border-color: rgba(24,185,255,.95) !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset, 0 0 14px rgba(24,185,255,.5) !important;
}

/* Mobile landing fix: prevent oversized empty cards/preview fields */
@media (max-width: 760px) {
    .cww-home-panels {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        margin-top: 18px !important;
    }

    .cww-home-panel,
    .cww-home-price-panel,
    .cww-home-steps-panel,
    .cww-home-founders,
    .cww-home-final-cta {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .cww-home-price-panel::after {
        font-size: 86px !important;
        right: 12px !important;
        bottom: 12px !important;
        opacity: .78 !important;
        pointer-events: none !important;
    }

    .cww-home-steps {
        display: grid !important;
        gap: 16px !important;
    }

    .cww-home-step {
        display: grid !important;
        grid-template-columns: 52px minmax(0, 1fr) !important;
        gap: 16px !important;
        align-items: start !important;
        min-height: 0 !important;
        margin: 0 !important;
    }

    .cww-home-step > span {
        width: 52px !important;
        height: 40px !important;
        border-radius: 12px !important;
        font-size: 16px !important;
    }

    .cww-home-step > div {
        display: grid !important;
        gap: 4px !important;
        padding-top: 1px !important;
    }

    .cww-home-step strong {
        font-size: 16px !important;
        line-height: 1.25 !important;
    }

    .cww-home-step small {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .cww-home-preview-frame {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        padding: 8px !important;
        overflow: hidden !important;
    }

    .cww-home-preview-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 4px !important;
    }

    .cww-home-preview-tile:nth-child(n+26) {
        display: none !important;
    }

    .cww-home-preview-tile {
        border-radius: 7px !important;
    }

    .cww-home-visual-caption {
        position: static !important;
        margin-top: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .cww-home-actions,
    .cww-home-pay-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .cww-home-btn {
        width: 100% !important;
        min-height: 48px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
}

@media (max-width: 420px) {
    .cww-home-preview-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .cww-home-preview-tile:nth-child(n+21) {
        display: none !important;
    }

    .cww-home-landing {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .cww-home-panel,
    .cww-home-founders,
    .cww-home-final-cta {
        padding: 18px !important;
        border-radius: 20px !important;
    }
}


/* ===== v0.55 compact wall pixels =====
   Denser creator wall: more pixels per row/page without changing map or form layouts. */
.cww-wall-wrap.cww-wall-pixel-view,
.cww-wall-wrap[data-cww-wall] {
    --cww-pixel-size: 36px !important;
}

.cww-wall-wrap.cww-wall-pixel-view .cww-pixel-grid,
.cww-wall-wrap[data-cww-wall] .cww-grid.cww-pixel-grid,
.cww-wall-wrap[data-cww-wall] .cww-pixel-grid {
    --cww-pixel-size: 36px !important;
    gap: 3px !important;
    grid-auto-rows: 36px !important;
}

.cww-wall-wrap.cww-wall-pixel-view .cww-pixel-item,
.cww-wall-wrap.cww-wall-pixel-view .cww-pixel-button,
.cww-wall-wrap[data-cww-wall] .cww-pixel-item,
.cww-wall-wrap[data-cww-wall] .cww-pixel-button {
    min-width: 0 !important;
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 7px !important;
}

.cww-wall-wrap.cww-wall-pixel-view .cww-pixel-item .cww-pixel-media,
.cww-wall-wrap.cww-wall-pixel-view .cww-pixel-item .cww-pixel-media img,
.cww-wall-wrap[data-cww-wall] .cww-pixel-item .cww-pixel-media,
.cww-wall-wrap[data-cww-wall] .cww-pixel-item .cww-pixel-media img {
    border-radius: 6px !important;
}

.cww-wall-wrap.cww-wall-pixel-view .cww-pixel-number-center,
.cww-wall-wrap[data-cww-wall] .cww-pixel-number-center {
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

.cww-wall-wrap.cww-wall-pixel-view .cww-pixel-number-pill,
.cww-wall-wrap[data-cww-wall] .cww-pixel-number-pill {
    min-width: 14px !important;
    height: 14px !important;
    padding: 0 3px !important;
    top: 2px !important;
    left: 2px !important;
    font-size: 8px !important;
    line-height: 14px !important;
}

.cww-wall-wrap.cww-wall-pixel-view .cww-pixel-flag,
.cww-wall-wrap[data-cww-wall] .cww-pixel-flag {
    right: 2px !important;
    bottom: 1px !important;
    font-size: 9px !important;
}

.cww-wall-wrap.cww-wall-pixel-view .cww-pixel-initials,
.cww-wall-wrap[data-cww-wall] .cww-pixel-initials {
    font-size: 10px !important;
}

@media (max-width: 900px) {
    .cww-wall-wrap.cww-wall-pixel-view,
    .cww-wall-wrap[data-cww-wall] {
        --cww-pixel-size: 34px !important;
    }

    .cww-wall-wrap.cww-wall-pixel-view .cww-pixel-grid,
    .cww-wall-wrap[data-cww-wall] .cww-grid.cww-pixel-grid,
    .cww-wall-wrap[data-cww-wall] .cww-pixel-grid {
        --cww-pixel-size: 34px !important;
        grid-auto-rows: 34px !important;
        gap: 3px !important;
    }

    .cww-wall-wrap.cww-wall-pixel-view .cww-pixel-item,
    .cww-wall-wrap.cww-wall-pixel-view .cww-pixel-button,
    .cww-wall-wrap[data-cww-wall] .cww-pixel-item,
    .cww-wall-wrap[data-cww-wall] .cww-pixel-button {
        width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
    }
}

@media (max-width: 520px) {
    .cww-wall-wrap.cww-wall-pixel-view,
    .cww-wall-wrap[data-cww-wall] {
        --cww-pixel-size: 30px !important;
    }

    .cww-wall-wrap.cww-wall-pixel-view .cww-pixel-grid,
    .cww-wall-wrap[data-cww-wall] .cww-grid.cww-pixel-grid,
    .cww-wall-wrap[data-cww-wall] .cww-pixel-grid {
        --cww-pixel-size: 30px !important;
        grid-auto-rows: 30px !important;
        gap: 3px !important;
    }

    .cww-wall-wrap.cww-wall-pixel-view .cww-pixel-item,
    .cww-wall-wrap.cww-wall-pixel-view .cww-pixel-button,
    .cww-wall-wrap[data-cww-wall] .cww-pixel-item,
    .cww-wall-wrap[data-cww-wall] .cww-pixel-button {
        width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        border-radius: 6px !important;
    }

    .cww-wall-wrap.cww-wall-pixel-view .cww-pixel-number-center,
    .cww-wall-wrap[data-cww-wall] .cww-pixel-number-center {
        font-size: 9px !important;
    }

    .cww-wall-wrap.cww-wall-pixel-view .cww-pixel-number-pill,
    .cww-wall-wrap[data-cww-wall] .cww-pixel-number-pill {
        min-width: 12px !important;
        height: 12px !important;
        font-size: 7px !important;
        line-height: 12px !important;
    }
}


/* ===== v0.56 available tile popup blue polish ===== */
.cww-profile-panel-rebuilt.cww-profile-panel-available,
.leaflet-popup-content .cww-profile-panel-rebuilt.cww-profile-panel-available {
    border-color: rgba(45, 190, 255, 0.78) !important;
    box-shadow:
        0 20px 55px rgba(0,0,0,.46),
        0 0 0 1px rgba(45,190,255,.22),
        0 0 32px rgba(45,190,255,.12) !important;
}

.cww-profile-panel-rebuilt.cww-profile-panel-available .cww-profile-panel-number,
.leaflet-popup-content .cww-profile-panel-rebuilt.cww-profile-panel-available .cww-profile-panel-number {
    color: #38c8ff !important;
    text-shadow: 0 0 14px rgba(56, 200, 255, 0.34) !important;
}

.cww-profile-panel-rebuilt.cww-profile-panel-available .cww-claim-button,
.leaflet-popup-content .cww-profile-panel-rebuilt.cww-profile-panel-available .cww-claim-button {
    background: linear-gradient(90deg, #12b8ff 0%, #477bff 100%) !important;
    box-shadow: 0 12px 26px rgba(18,184,255,.22) !important;
}


/* ===== v0.57 wall density controls + jump ===== */
.cww-wall-control-strip {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 12px 0 14px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: rgba(5, 11, 27, 0.68) !important;
    border: 1px solid rgba(46, 184, 255, 0.16) !important;
}

.cww-wall-density,
.cww-wall-jump {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.cww-wall-density > span {
    color: rgba(225, 239, 255, .72) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.cww-wall-density button,
.cww-wall-jump button,
.cww-wall-jump input {
    min-height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(45, 190, 255, .22) !important;
    background: rgba(6, 13, 31, .92) !important;
    color: #dcefff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 0 11px !important;
    box-shadow: none !important;
}

.cww-wall-jump input {
    width: 92px !important;
    color: #6fd8ff !important;
}

.cww-wall-density button.is-active {
    background: linear-gradient(90deg, rgba(19, 184, 255, .85), rgba(70, 121, 255, .82)) !important;
    color: #fff !important;
    border-color: rgba(120, 220, 255, .68) !important;
}

.cww-wall-wrap[data-cww-density="compact"] .cww-pixel-grid {
    --cww-pixel-size: 30px !important;
    gap: 3px !important;
}

.cww-wall-wrap[data-cww-density="normal"] .cww-pixel-grid {
    --cww-pixel-size: 36px !important;
    gap: 4px !important;
}

.cww-wall-wrap[data-cww-density="large"] .cww-pixel-grid {
    --cww-pixel-size: 46px !important;
    gap: 6px !important;
}

.cww-jump-highlight {
    animation: cww-jump-pulse 1.2s ease-in-out 0s 2 !important;
}

@keyframes cww-jump-pulse {
    0%, 100% { transform: scale(1); filter: brightness(1); }
    50% { transform: scale(1.12); filter: brightness(1.45); }
}

@media (max-width: 760px) {
    .cww-wall-control-strip {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .cww-wall-density,
    .cww-wall-jump {
        width: 100% !important;
    }

    .cww-wall-density button,
    .cww-wall-jump button {
        flex: 1 1 auto !important;
    }

    .cww-wall-jump input {
        flex: 1 1 110px !important;
        width: auto !important;
    }

    .cww-wall-wrap[data-cww-density="compact"] .cww-pixel-grid {
        --cww-pixel-size: 25px !important;
        gap: 3px !important;
    }

    .cww-wall-wrap[data-cww-density="normal"] .cww-pixel-grid {
        --cww-pixel-size: 30px !important;
        gap: 3px !important;
    }

    .cww-wall-wrap[data-cww-density="large"] .cww-pixel-grid {
        --cww-pixel-size: 38px !important;
        gap: 4px !important;
    }
}


/* ===== v0.58 density fix + equal wall controls ===== */
.cww-wall-wrap[data-cww-density] .cww-wall-control-strip {
    align-items: center !important;
}

.cww-wall-wrap[data-cww-density] .cww-wall-density button,
.cww-wall-wrap[data-cww-density] .cww-wall-jump button,
.cww-wall-wrap[data-cww-density] .cww-wall-jump input {
    box-sizing: border-box !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    line-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle !important;
}

.cww-wall-wrap[data-cww-density] .cww-wall-jump input {
    display: block !important;
    justify-content: flex-start !important;
    line-height: normal !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/* The older v0.55 rules set fixed width/height with !important.
   v0.58 overrides those fixed values for the new density switch. */
.cww-wall-wrap[data-cww-density="compact"] {
    --cww-pixel-size: 28px !important;
    --cww-density-gap: 3px !important;
}

.cww-wall-wrap[data-cww-density="normal"] {
    --cww-pixel-size: 36px !important;
    --cww-density-gap: 4px !important;
}

.cww-wall-wrap[data-cww-density="large"] {
    --cww-pixel-size: 48px !important;
    --cww-density-gap: 6px !important;
}

.cww-wall-wrap[data-cww-density] .cww-grid.cww-pixel-grid,
.cww-wall-wrap[data-cww-density] .cww-pixel-grid,
.cww-wall-wrap[data-cww-density].cww-wall-pixel-view .cww-pixel-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(var(--cww-pixel-size), var(--cww-pixel-size))) !important;
    grid-auto-rows: var(--cww-pixel-size) !important;
    gap: var(--cww-density-gap) !important;
}

.cww-wall-wrap[data-cww-density] .cww-pixel-item,
.cww-wall-wrap[data-cww-density] .cww-pixel-button,
.cww-wall-wrap[data-cww-density].cww-wall-pixel-view .cww-pixel-item,
.cww-wall-wrap[data-cww-density].cww-wall-pixel-view .cww-pixel-button {
    width: var(--cww-pixel-size) !important;
    height: var(--cww-pixel-size) !important;
    min-width: var(--cww-pixel-size) !important;
    min-height: var(--cww-pixel-size) !important;
    max-width: var(--cww-pixel-size) !important;
    max-height: var(--cww-pixel-size) !important;
}

.cww-wall-wrap[data-cww-density="compact"] .cww-pixel-number-center {
    font-size: 8px !important;
}

.cww-wall-wrap[data-cww-density="normal"] .cww-pixel-number-center {
    font-size: 10px !important;
}

.cww-wall-wrap[data-cww-density="large"] .cww-pixel-number-center {
    font-size: 12px !important;
}

.cww-wall-wrap[data-cww-density="compact"] .cww-pixel-number-pill {
    min-width: 12px !important;
    height: 12px !important;
    font-size: 7px !important;
    line-height: 12px !important;
}

.cww-wall-wrap[data-cww-density="normal"] .cww-pixel-number-pill {
    min-width: 14px !important;
    height: 14px !important;
    font-size: 8px !important;
    line-height: 14px !important;
}

.cww-wall-wrap[data-cww-density="large"] .cww-pixel-number-pill {
    min-width: 17px !important;
    height: 17px !important;
    font-size: 10px !important;
    line-height: 17px !important;
}

@media (max-width: 760px) {
    .cww-wall-wrap[data-cww-density] .cww-wall-control-strip {
        align-items: stretch !important;
    }

    .cww-wall-wrap[data-cww-density] .cww-wall-density button,
    .cww-wall-wrap[data-cww-density] .cww-wall-jump button,
    .cww-wall-wrap[data-cww-density] .cww-wall-jump input {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        line-height: 40px !important;
    }

    .cww-wall-wrap[data-cww-density="compact"] {
        --cww-pixel-size: 24px !important;
        --cww-density-gap: 3px !important;
    }

    .cww-wall-wrap[data-cww-density="normal"] {
        --cww-pixel-size: 30px !important;
        --cww-density-gap: 3px !important;
    }

    .cww-wall-wrap[data-cww-density="large"] {
        --cww-pixel-size: 38px !important;
        --cww-density-gap: 4px !important;
    }
}


/* ===== v0.59 invite block ===== */
.cww-home-invite {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .75fr);
    gap: 20px;
    align-items: center;
    margin-top: 26px;
    padding: 24px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 10% 0%, rgba(23, 185, 255, .16), transparent 35%),
        linear-gradient(90deg, rgba(11, 24, 48, .92) 0%, rgba(7, 12, 32, .86) 100%);
    box-shadow: inset 0 0 0 1px rgba(70, 190, 255, .16);
}

.cww-home-invite h2 {
    margin: 14px 0 10px;
    color: #fff;
    font-size: clamp(24px, 2.6vw, 38px);
    line-height: 1.06;
}

.cww-home-invite p {
    margin: 0;
    color: rgba(214, 230, 248, 0.78);
    line-height: 1.55;
}

.cww-home-invite-box {
    display: grid;
    gap: 10px;
    padding: 16px;
    border-radius: 18px;
    background: rgba(4, 10, 24, .68);
    border: 1px solid rgba(45, 190, 255, .16);
}

.cww-home-invite-box span {
    color: rgba(225, 239, 255, .72);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.cww-home-invite-box input {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(45, 190, 255, .22);
    background: rgba(6, 13, 31, .92);
    color: #6fd8ff;
    padding: 0 13px;
    font-weight: 700;
    box-sizing: border-box;
}

.cww-home-invite-box .cww-home-btn {
    width: 100%;
}

@media (max-width: 860px) {
    .cww-home-invite {
        grid-template-columns: 1fr;
        padding: 18px;
    }
}


/* ===== v0.60 founder badges, newest creators, creator of the day ===== */
.cww-creator-status-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.06) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.cww-profile-panel-rebuilt .cww-creator-status-badge {
    margin: 0 0 8px !important;
}

.cww-creator-status-badge.is-original-founder {
    background: linear-gradient(90deg, rgba(255, 58, 182, .92), rgba(255, 139, 54, .9)) !important;
    border-color: rgba(255, 170, 120, .52) !important;
}

.cww-creator-status-badge.is-early-creator {
    background: linear-gradient(90deg, rgba(142, 76, 255, .9), rgba(38, 189, 255, .86)) !important;
    border-color: rgba(100, 220, 255, .48) !important;
}

.cww-creator-status-badge.is-first-wave {
    background: linear-gradient(90deg, rgba(20, 174, 255, .78), rgba(43, 99, 255, .78)) !important;
    border-color: rgba(97, 205, 255, .36) !important;
}

.cww-creator-status-badge.is-creator-member {
    background: rgba(10, 25, 50, .82) !important;
    border-color: rgba(58, 190, 255, .22) !important;
    color: #bfeaff !important;
}

.cww-home-live-section {
    display: grid !important;
    grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr) !important;
    gap: 20px !important;
    margin-top: 26px !important;
}

.cww-home-live-card {
    padding: 22px !important;
    border-radius: 24px !important;
    background: rgba(5, 12, 27, 0.72) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1) !important;
}

.cww-home-live-card h2 {
    margin: 14px 0 16px !important;
    font-size: clamp(24px, 2.5vw, 38px) !important;
    line-height: 1.05 !important;
    color: #fff !important;
}

.cww-home-spotlight-card {
    display: grid !important;
    grid-template-columns: 118px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 75, 196, .15), transparent 36%),
        rgba(4, 10, 24, .72) !important;
    border: 1px solid rgba(255, 76, 190, .18) !important;
}

.cww-home-spotlight-media,
.cww-home-spotlight-media img,
.cww-home-spotlight-media span {
    width: 118px !important;
    height: 118px !important;
    border-radius: 22px !important;
}

.cww-home-spotlight-media {
    overflow: hidden !important;
    background: rgba(8, 18, 38, .9) !important;
}

.cww-home-spotlight-media img {
    display: block !important;
    object-fit: cover !important;
}

.cww-home-spotlight-media span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, #5621a8 0%, #06334f 100%) !important;
}

.cww-home-spotlight-copy h3 {
    margin: 10px 0 6px !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
}

.cww-home-spotlight-copy p {
    margin: 0 0 12px !important;
    color: rgba(218, 235, 255, .78) !important;
    line-height: 1.45 !important;
}

.cww-home-spotlight-icons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

.cww-home-spotlight-icons a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    color: #fff !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.cww-home-spotlight-icons svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
}

.cww-home-mini-link,
.cww-home-newest-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    color: #aee9ff !important;
    text-decoration: none !important;
    border: 1px solid rgba(52, 190, 255, .24) !important;
    background: rgba(7, 18, 38, .78) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.cww-home-section-head-compact {
    margin-bottom: 14px !important;
}

.cww-home-section-head-compact h2 {
    margin-bottom: 6px !important;
}

.cww-home-newest-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.cww-home-newest-card {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) 34px !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 10px !important;
    border-radius: 17px !important;
    background: rgba(7, 15, 32, .78) !important;
    border: 1px solid rgba(45, 190, 255, .12) !important;
}

.cww-home-newest-media,
.cww-home-newest-media img,
.cww-home-newest-media span {
    width: 58px !important;
    height: 58px !important;
    border-radius: 15px !important;
}

.cww-home-newest-media {
    overflow: hidden !important;
    background: rgba(8, 18, 38, .9) !important;
}

.cww-home-newest-media img {
    display: block !important;
    object-fit: cover !important;
}

.cww-home-newest-media span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, #5621a8 0%, #06334f 100%) !important;
}

.cww-home-newest-copy {
    min-width: 0 !important;
}

.cww-home-newest-copy > span {
    display: block !important;
    color: #48ccff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
}

.cww-home-newest-copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.cww-home-newest-copy small {
    display: block !important;
    margin: 4px 0 6px !important;
    color: rgba(214, 230, 248, .74) !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.cww-home-newest-copy .cww-creator-status-badge {
    min-height: 18px !important;
    padding: 0 7px !important;
    font-size: 8px !important;
}

.cww-home-newest-link {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    font-size: 18px !important;
}

.cww-home-founder-copy .cww-creator-status-badge {
    margin-top: 7px !important;
    min-height: 18px !important;
    padding: 0 7px !important;
    font-size: 8px !important;
    font-style: normal !important;
}

@media (max-width: 1080px) {
    .cww-home-live-section {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .cww-home-live-card {
        padding: 16px !important;
    }

    .cww-home-spotlight-card {
        grid-template-columns: 82px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .cww-home-spotlight-media,
    .cww-home-spotlight-media img,
    .cww-home-spotlight-media span {
        width: 82px !important;
        height: 82px !important;
        border-radius: 18px !important;
        font-size: 22px !important;
    }

    .cww-home-spotlight-copy h3 {
        font-size: 18px !important;
    }

    .cww-home-newest-grid {
        grid-template-columns: 1fr !important;
    }
}


/* ===== v0.61 map filters + temporary badge removal ===== */
.cww-creator-status-badge {
    display: none !important;
}

.cww-map-filterbar {
    display: grid !important;
    grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(150px, .8fr)) auto !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 14px 0 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: rgba(5, 11, 27, 0.72) !important;
    border: 1px solid rgba(45, 190, 255, 0.16) !important;
}

.cww-map-filterbar input,
.cww-map-filterbar select,
.cww-map-filterbar button {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    border: 1px solid rgba(45, 190, 255, .22) !important;
    background: rgba(6, 13, 31, .94) !important;
    color: #dcefff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    padding: 0 12px !important;
    box-shadow: none !important;
}

.cww-map-filterbar select {
    appearance: auto !important;
}

.cww-map-filterbar button {
    cursor: pointer !important;
    color: #fff !important;
    background: linear-gradient(90deg, rgba(19, 184, 255, .82), rgba(70, 121, 255, .78)) !important;
    border-color: rgba(120, 220, 255, .48) !important;
}

.cww-map-filter-status {
    display: inline-flex !important;
    margin: 0 0 14px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    color: rgba(215, 237, 255, .8) !important;
    background: rgba(5, 11, 27, 0.58) !important;
    border: 1px solid rgba(45, 190, 255, 0.14) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.cww-map-creator-item.cww-hidden {
    display: none !important;
}

@media (max-width: 980px) {
    .cww-map-filterbar {
        grid-template-columns: 1fr 1fr !important;
    }

    .cww-map-search {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 620px) {
    .cww-map-filterbar {
        grid-template-columns: 1fr !important;
        padding: 10px !important;
    }

    .cww-map-filterbar input,
    .cww-map-filterbar select,
    .cww-map-filterbar button {
        height: 40px !important;
        min-height: 40px !important;
    }
}


/* ===== v0.62 stronger map experience ===== */
.cww-map-marker {
    background: transparent !important;
    border: 0 !important;
}

.cww-map-marker span {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle at 35% 30%, rgba(255,255,255,.28), transparent 28%),
        linear-gradient(135deg, rgba(20, 187, 255, .96), rgba(89, 78, 255, .92)) !important;
    border: 2px solid rgba(175, 235, 255, .82) !important;
    box-shadow:
        0 0 0 4px rgba(20, 187, 255, .16),
        0 12px 28px rgba(0, 0, 0, .38),
        0 0 26px rgba(20, 187, 255, .44) !important;
    color: #fff !important;
    transform: translateZ(0) !important;
}

.cww-map-marker span::after {
    content: "" !important;
    position: absolute !important;
    inset: -8px !important;
    border-radius: inherit !important;
    border: 1px solid rgba(45, 190, 255, .24) !important;
    animation: cww-map-pulse 2.6s ease-in-out infinite !important;
}

.cww-map-marker i {
    display: block !important;
    font-style: normal !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.cww-map-marker b {
    position: absolute !important;
    left: 50% !important;
    top: 34px !important;
    transform: translateX(-50%) !important;
    padding: 2px 6px !important;
    border-radius: 999px !important;
    background: rgba(3, 9, 22, .88) !important;
    color: #aeeaff !important;
    border: 1px solid rgba(45, 190, 255, .22) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.34) !important;
}

@keyframes cww-map-pulse {
    0%, 100% { opacity: .25; transform: scale(.88); }
    50% { opacity: .75; transform: scale(1.1); }
}

.cww-map-sidebar-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 10px !important;
}

.cww-map-sidebar-head strong {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.cww-map-sidebar-head button {
    min-height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(45, 190, 255, .22) !important;
    background: rgba(6, 13, 31, .9) !important;
    color: #aeeaff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    padding: 0 10px !important;
    cursor: pointer !important;
}

.cww-map-top-countries {
    margin-bottom: 18px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: rgba(4, 10, 24, .54) !important;
    border: 1px solid rgba(45, 190, 255, .12) !important;
}

.cww-map-country-list {
    display: grid !important;
    gap: 8px !important;
}

.cww-map-country-pill {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 40px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(45, 190, 255, .14) !important;
    background: rgba(7, 15, 32, .74) !important;
    color: rgba(228, 241, 255, .9) !important;
    padding: 0 11px !important;
    cursor: pointer !important;
    text-align: left !important;
}

.cww-map-country-pill span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.cww-map-country-pill strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 26px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: rgba(45, 190, 255, .15) !important;
    color: #7edfff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.cww-map-country-pill:hover,
.cww-map-country-pill.is-active {
    border-color: rgba(94, 215, 255, .56) !important;
    background: linear-gradient(90deg, rgba(19, 184, 255, .20), rgba(70, 121, 255, .18)) !important;
}

.cww-map-country-pill.is-active strong {
    background: rgba(45, 190, 255, .32) !important;
    color: #fff !important;
}

@media (max-width: 760px) {
    .cww-map-marker span {
        width: 34px !important;
        height: 34px !important;
    }

    .cww-map-marker i {
        font-size: 14px !important;
    }

    .cww-map-marker b {
        top: 30px !important;
        font-size: 8px !important;
    }
}


/* ===== v0.63 map country click polish + no white bottom gap ===== */
html.cww-hide-enfold-header,
body.cww-hide-enfold-header,
body.cww-has-wall,
body.cww-page-takeover-active {
    background:
        radial-gradient(circle at 0% 0%, rgba(101, 23, 139, .38), transparent 32%),
        linear-gradient(135deg, #140019 0%, #061527 54%, #062e46 100%) !important;
}

body.cww-has-wall #wrap_all,
body.cww-has-wall #main,
body.cww-has-wall .container_wrap,
body.cww-page-takeover-active #wrap_all,
body.cww-page-takeover-active #main,
body.cww-page-takeover-active .container_wrap {
    background: transparent !important;
}

.cww-map-wrap,
.cww-map-neon,
.cww-wall-wrap.cww-map-wrap {
    min-height: 100vh !important;
    padding-bottom: 72px !important;
    margin-bottom: 0 !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(100, 20, 130, .42), transparent 34%),
        radial-gradient(circle at 100% 10%, rgba(12, 112, 152, .32), transparent 32%),
        linear-gradient(135deg, #16001c 0%, #061527 55%, #063451 100%) !important;
}

.cww-map-wrap::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
}

.cww-map-stage,
.cww-map-canvas {
    background: #020713 !important;
}

.cww-map-country-pill,
.cww-map-sidebar-head button,
[data-cww-map-country-filter],
[data-cww-map-show-all] {
    pointer-events: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.cww-map-country-pill {
    position: relative !important;
    z-index: 3 !important;
}

.cww-map-country-pill.is-active {
    box-shadow:
        inset 0 0 0 1px rgba(102, 220, 255, .36),
        0 0 20px rgba(24, 187, 255, .12) !important;
}

.cww-map-country-pill:active {
    transform: translateY(1px) !important;
}

.cww-map-filter-status {
    margin-left: 2px !important;
}

.cww-site-footer,
.cww-wall-footer,
.cww-footer {
    margin-bottom: 0 !important;
}


/* ===== v0.64 map popup layering + country challenge ===== */
.cww-map-stage {
    isolation: isolate !important;
}

.cww-map-stage .leaflet-pane,
.cww-map-stage .leaflet-map-pane {
    z-index: 1 !important;
}

.cww-map-stage .leaflet-marker-pane {
    z-index: 420 !important;
}

.cww-map-stage .leaflet-tooltip-pane {
    z-index: 650 !important;
}

.cww-map-stage .leaflet-popup-pane {
    z-index: 1200 !important;
}

.cww-map-stage .leaflet-popup,
.cww-map-stage .cww-map-tile-popup {
    z-index: 1300 !important;
}

.cww-map-region-badges {
    z-index: 360 !important;
    pointer-events: none !important;
}

.cww-map-popup-open .cww-map-region-badges,
.cww-map-stage.cww-map-popup-open .cww-map-region-badges {
    opacity: .18 !important;
    filter: blur(.3px) saturate(.8) !important;
    transform: scale(.985) !important;
    transition: opacity .16s ease, filter .16s ease, transform .16s ease !important;
}

.cww-map-popup-open .cww-map-region-badge,
.cww-map-stage.cww-map-popup-open .cww-map-region-badge {
    opacity: .22 !important;
}

.cww-map-stage .leaflet-popup-content-wrapper,
.cww-map-stage .leaflet-popup-tip {
    position: relative !important;
    z-index: 1300 !important;
}

.cww-map-country-challenge {
    margin-top: 12px !important;
    padding: 13px !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 58, 190, .13), transparent 36%),
        linear-gradient(135deg, rgba(8, 18, 39, .88), rgba(4, 10, 24, .84)) !important;
    border: 1px solid rgba(255, 70, 190, .18) !important;
}

.cww-map-country-challenge span {
    display: block !important;
    color: #ff7ce8 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    margin-bottom: 6px !important;
}

.cww-map-country-challenge strong {
    display: block !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
}

.cww-map-country-progress {
    width: 100% !important;
    height: 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
    margin-bottom: 9px !important;
}

.cww-map-country-progress i {
    display: block !important;
    height: 100% !important;
    min-width: 4px !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #ff37c8 0%, #12b8ff 100%) !important;
    box-shadow: 0 0 18px rgba(255, 55, 200, .22) !important;
}

.cww-map-country-challenge small {
    display: block !important;
    color: rgba(220, 237, 255, .74) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}


/* ===== v0.65 cleaner map + creator explorer ===== */
.cww-map-region-badges,
.cww-map-region-badge,
.cww-map-country-challenge {
    display: none !important;
}

.cww-map-stage .leaflet-popup-pane {
    z-index: 1200 !important;
}

.cww-map-explorer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(20, 187, 255, .14), transparent 36%),
        linear-gradient(135deg, rgba(7, 16, 35, .88), rgba(4, 10, 24, .82)) !important;
    border: 1px solid rgba(45, 190, 255, .16) !important;
}

.cww-map-explorer div {
    min-width: 0 !important;
}

.cww-map-explorer strong {
    display: block !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
}

.cww-map-explorer small {
    display: block !important;
    color: rgba(220, 237, 255, .70) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.cww-map-explorer button {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(120, 220, 255, .42) !important;
    background: linear-gradient(90deg, rgba(19, 184, 255, .86), rgba(70, 121, 255, .82)) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    padding: 0 13px !important;
    cursor: pointer !important;
    box-shadow: 0 10px 24px rgba(20, 187, 255, .12) !important;
}

.cww-map-explorer button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 30px rgba(20, 187, 255, .18) !important;
}

@media (max-width: 760px) {
    .cww-map-explorer {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .cww-map-explorer button {
        width: 100% !important;
    }
}


/* ===== v0.67 repaired map stats + featured creator ===== */
.cww-map-stats-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
}

.cww-map-stats-strip div {
    min-height: 64px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(45, 190, 255, .12), transparent 34%),
        rgba(5, 11, 27, .70) !important;
    border: 1px solid rgba(45, 190, 255, .14) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

.cww-map-stats-strip strong {
    display: block !important;
    color: #fff !important;
    font-size: clamp(20px, 2vw, 30px) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    margin-bottom: 7px !important;
}

.cww-map-stats-strip span {
    display: block !important;
    color: rgba(218, 237, 255, .72) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.cww-map-featured {
    margin-bottom: 18px !important;
    padding: 14px !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 56, 200, .12), transparent 36%),
        rgba(4, 10, 24, .54) !important;
    border: 1px solid rgba(255, 70, 190, .14) !important;
}

.cww-map-featured-card {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap: 13px !important;
    align-items: center !important;
}

.cww-map-featured-media,
.cww-map-featured-media img,
.cww-map-featured-media span {
    width: 86px !important;
    height: 86px !important;
    border-radius: 18px !important;
}

.cww-map-featured-media {
    overflow: hidden !important;
    background: rgba(8, 18, 38, .9) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.26) !important;
}

.cww-map-featured-media img {
    display: block !important;
    object-fit: cover !important;
}

.cww-map-featured-media span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 25px !important;
    font-weight: 950 !important;
    background: linear-gradient(135deg, #6b2bef 0%, #06334f 100%) !important;
}

.cww-map-featured-copy {
    min-width: 0 !important;
}

.cww-map-featured-copy > span {
    display: block !important;
    color: #ff72dc !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    margin-bottom: 5px !important;
}

.cww-map-featured-copy strong {
    display: block !important;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    margin-bottom: 5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.cww-map-featured-copy small {
    display: block !important;
    color: rgba(220, 237, 255, .72) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
}

.cww-map-featured-icons {
    display: flex !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    margin-bottom: 10px !important;
}

.cww-map-featured-icons a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
    color: #fff !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.cww-map-featured-icons svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
}

.cww-map-featured-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid rgba(120, 220, 255, .42) !important;
    background: linear-gradient(90deg, rgba(19, 184, 255, .86), rgba(70, 121, 255, .82)) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

@media (max-width: 760px) {
    .cww-map-stats-strip {
        grid-template-columns: 1fr !important;
    }

    .cww-map-stats-strip div {
        min-height: 54px !important;
    }

    .cww-map-featured-card {
        grid-template-columns: 72px minmax(0, 1fr) !important;
    }

    .cww-map-featured-media,
    .cww-map-featured-media img,
    .cww-map-featured-media span {
        width: 72px !important;
        height: 72px !important;
        border-radius: 15px !important;
    }
}


/* ===== v0.68 visitor-friendly map layout ===== */
.cww-map-layout {
    grid-template-columns: minmax(0, 1fr) 310px !important;
    align-items: stretch !important;
    gap: 16px !important;
}

.cww-map-sidebar {
    max-height: none !important;
    overflow: visible !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 14px !important;
}

.cww-map-sidebar > h3,
.cww-map-sidebar > .cww-map-creator-list {
    display: none !important;
}

.cww-map-featured,
.cww-map-top-countries,
.cww-map-explorer {
    margin: 0 !important;
}

.cww-map-featured {
    padding: 12px !important;
}

.cww-map-featured-card {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 11px !important;
}

.cww-map-featured-media,
.cww-map-featured-media img,
.cww-map-featured-media span {
    width: 64px !important;
    height: 64px !important;
    border-radius: 14px !important;
}

.cww-map-featured-copy strong {
    font-size: 15px !important;
}

.cww-map-featured-copy small {
    font-size: 11px !important;
    margin-bottom: 7px !important;
}

.cww-map-featured-icons {
    gap: 5px !important;
    margin-bottom: 8px !important;
}

.cww-map-featured-icons a {
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
}

.cww-map-featured-link {
    min-height: 29px !important;
    font-size: 11px !important;
    padding: 0 10px !important;
}

.cww-map-top-countries {
    padding: 12px !important;
}

.cww-map-country-list {
    gap: 6px !important;
}

.cww-map-country-pill {
    min-height: 36px !important;
    border-radius: 12px !important;
}

.cww-map-explorer {
    padding: 12px !important;
    align-items: stretch !important;
    flex-direction: column !important;
}

.cww-map-explorer button {
    width: 100% !important;
}

.cww-map-creators-wide {
    margin-top: 18px !important;
    padding: 16px !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(20, 187, 255, .11), transparent 34%),
        rgba(4, 10, 24, .56) !important;
    border: 1px solid rgba(45, 190, 255, .13) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

.cww-map-wide-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
}

.cww-map-wide-head strong {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
}

.cww-map-wide-head span {
    display: block !important;
    margin-top: 4px !important;
    color: rgba(220, 237, 255, .70) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.cww-map-wide-head a {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    border: 1px solid rgba(120, 220, 255, .42) !important;
    background: linear-gradient(90deg, rgba(255, 48, 207, .88), rgba(45, 190, 255, .88)) !important;
}

.cww-map-creators-wide-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.cww-map-creators-wide .cww-map-creator-item {
    margin: 0 !important;
    min-height: 76px !important;
}

.cww-map-creators-wide .cww-map-creator-item.cww-hidden {
    display: none !important;
}

@media (max-width: 1180px) {
    .cww-map-layout {
        grid-template-columns: 1fr !important;
    }

    .cww-map-sidebar {
        order: -1 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: stretch !important;
    }

    .cww-map-featured,
    .cww-map-top-countries,
    .cww-map-explorer {
        height: 100% !important;
    }

    .cww-map-creators-wide-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    .cww-map-sidebar {
        grid-template-columns: 1fr !important;
    }

    .cww-map-creators-wide-grid {
        grid-template-columns: 1fr !important;
    }

    .cww-map-wide-head {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .cww-map-wide-head a {
        width: 100% !important;
    }
}


/* ===== v0.69 map height + mobile-first map access ===== */
.cww-map-canvas {
    min-height: 680px !important;
}

.cww-map-stage {
    scroll-margin-top: 84px !important;
}

.cww-map-mobile-jump {
    display: none !important;
}

@media (min-width: 1280px) {
    .cww-map-canvas {
        height: 720px !important;
        min-height: 720px !important;
    }
}

@media (min-width: 1680px) {
    .cww-map-canvas {
        height: 760px !important;
        min-height: 760px !important;
    }
}

/* Tablet/mobile: map before sidebar, and less vertical clutter before the map */
@media (max-width: 1180px) {
    .cww-map-layout {
        grid-template-columns: 1fr !important;
    }

    .cww-map-stage {
        order: -2 !important;
    }

    .cww-map-sidebar {
        order: 1 !important;
    }
}

@media (max-width: 820px) {
    .cww-map-filterbar {
        margin-bottom: 8px !important;
    }

    .cww-map-filter-status {
        margin-bottom: 8px !important;
        font-size: 11px !important;
        padding: 7px 10px !important;
    }

    .cww-map-stats-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin-bottom: 10px !important;
    }

    .cww-map-stats-strip div {
        min-height: 48px !important;
        padding: 8px 7px !important;
        border-radius: 13px !important;
    }

    .cww-map-stats-strip strong {
        font-size: 18px !important;
        margin-bottom: 4px !important;
    }

    .cww-map-stats-strip span {
        font-size: 8px !important;
        line-height: 1.15 !important;
        letter-spacing: .04em !important;
    }

    .cww-map-mobile-jump {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 42px !important;
        margin: 0 0 10px !important;
        border-radius: 999px !important;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        border: 1px solid rgba(120, 220, 255, .42) !important;
        background: linear-gradient(90deg, rgba(255, 48, 207, .88), rgba(45, 190, 255, .88)) !important;
        box-shadow: 0 12px 28px rgba(20, 187, 255, .14) !important;
    }

    .cww-map-canvas {
        height: 68vh !important;
        min-height: 520px !important;
    }

    .cww-map-sidebar {
        order: 1 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        margin-top: 12px !important;
    }

    .cww-map-creators-wide {
        margin-top: 14px !important;
    }
}

@media (max-width: 520px) {
    .cww-map-canvas {
        height: 64vh !important;
        min-height: 460px !important;
    }

    .cww-map-stats-strip {
        gap: 5px !important;
    }

    .cww-map-stats-strip div {
        min-height: 46px !important;
        padding: 7px 5px !important;
    }

    .cww-map-stats-strip strong {
        font-size: 16px !important;
    }

    .cww-map-stats-strip span {
        font-size: 7.5px !important;
    }
}


/* ===== v0.70 floating scroll-to-top button ===== */
.cww-map-mobile-jump {
    display: none !important;
}

.cww-scroll-top {
    position: fixed !important;
    right: 18px !important;
    bottom: 18px !important;
    z-index: 99999 !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(120, 220, 255, .48) !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.24), transparent 32%),
        linear-gradient(135deg, rgba(255, 48, 207, .94), rgba(45, 190, 255, .92)) !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    box-shadow:
        0 16px 40px rgba(0,0,0,.35),
        0 0 24px rgba(45,190,255,.22) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(12px) scale(.94) !important;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
}

.cww-scroll-top.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

.cww-scroll-top:hover {
    transform: translateY(-2px) scale(1.03) !important;
    box-shadow:
        0 20px 48px rgba(0,0,0,.38),
        0 0 30px rgba(45,190,255,.30) !important;
}

@media (max-width: 760px) {
    .cww-scroll-top {
        right: 14px !important;
        bottom: 14px !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        font-size: 22px !important;
    }
}


/* ===== v0.71 single world map bounds ===== */
.cww-map-stage,
.cww-map-canvas {
    overflow: hidden !important;
}

.cww-map-canvas .leaflet-container {
    background: #030711 !important;
}

.cww-map-canvas .leaflet-tile-container img {
    image-rendering: auto !important;
}


/* ===== v0.72 launch + conversion polish ===== */
.cww-home-conversion {
    margin-top: 26px !important;
    padding: 24px !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(45,190,255,.15), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(255,48,207,.12), transparent 34%),
        rgba(5, 12, 28, .76) !important;
    border: 1px solid rgba(45,190,255,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

.cww-home-conversion-main {
    max-width: 860px !important;
}

.cww-home-conversion h2 {
    margin: 12px 0 10px !important;
    color: #fff !important;
    font-size: clamp(26px, 3vw, 44px) !important;
    line-height: 1.04 !important;
    font-weight: 950 !important;
}

.cww-home-conversion p {
    margin: 0 !important;
    color: rgba(220,237,255,.78) !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
}

.cww-home-conversion-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 18px !important;
}

.cww-home-conversion-grid div {
    padding: 16px !important;
    border-radius: 18px !important;
    background: rgba(4,10,24,.56) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.cww-home-conversion-grid strong {
    display: block !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    margin-bottom: 7px !important;
}

.cww-home-conversion-grid span {
    display: block !important;
    color: rgba(220,237,255,.72) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.cww-home-trust-note {
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: 14px !important;
    padding: 13px 15px !important;
    border-radius: 16px !important;
    background: rgba(255, 185, 70, .08) !important;
    border: 1px solid rgba(255, 185, 70, .18) !important;
}

.cww-home-trust-note strong {
    color: #ffd28a !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.cww-home-trust-note span {
    color: rgba(255, 238, 206, .82) !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
}

.cww-submit-guide {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(260px, 1.1fr) !important;
    gap: 16px !important;
    align-items: start !important;
    margin: 0 0 16px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(45,190,255,.13), transparent 34%),
        rgba(4,10,24,.66) !important;
    border: 1px solid rgba(45,190,255,.16) !important;
}

.cww-submit-guide strong {
    display: block !important;
    color: #fff !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
}

.cww-submit-guide span {
    display: block !important;
    color: rgba(220,237,255,.72) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.cww-submit-guide ol {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: cww-submit-guide !important;
}

.cww-submit-guide li {
    position: relative !important;
    min-height: 34px !important;
    padding: 8px 10px 8px 42px !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.045) !important;
    color: rgba(230,242,255,.86) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.cww-submit-guide li::before {
    counter-increment: cww-submit-guide !important;
    content: counter(cww-submit-guide) !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    background: linear-gradient(135deg, rgba(255,48,207,.9), rgba(45,190,255,.9)) !important;
}

.cww-submit-next-steps {
    display: grid !important;
    gap: 10px !important;
    margin: 14px 0 18px !important;
    padding: 16px !important;
    border-radius: 20px !important;
    background: rgba(4, 15, 29, .72) !important;
    border: 1px solid rgba(45, 190, 255, .16) !important;
}

.cww-submit-next-steps > strong {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

.cww-submit-next-steps div {
    display: grid !important;
    grid-template-columns: 30px minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
}

.cww-submit-next-steps span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    background: linear-gradient(135deg, rgba(255,48,207,.9), rgba(45,190,255,.9)) !important;
}

.cww-submit-next-steps p {
    margin: 0 !important;
    color: rgba(220,237,255,.82) !important;
    font-size: 13px !important;
    line-height: 1.38 !important;
}

@media (max-width: 820px) {
    .cww-home-conversion {
        padding: 18px !important;
    }

    .cww-home-conversion-grid,
    .cww-submit-guide {
        grid-template-columns: 1fr !important;
    }

    .cww-home-trust-note {
        grid-template-columns: 1fr !important;
        gap: 5px !important;
    }
}


/* ===== v0.76 remove white bottom gap on map/legal pages ===== */
html,
body {
    min-height: 100% !important;
}

body.cww-hide-enfold-header,
body.cww-has-wall,
body.cww-page-takeover-active,
body:has(.cww-map-wrap),
body:has(.cww-legal-page),
body:has(.cww-rules-page),
body:has(.cww-terms-page),
body:has(.cww-faq-page) {
    background:
        radial-gradient(circle at 0% 0%, rgba(101, 23, 139, .38), transparent 32%),
        radial-gradient(circle at 100% 18%, rgba(12, 112, 152, .28), transparent 32%),
        linear-gradient(135deg, #140019 0%, #061527 54%, #062e46 100%) !important;
}

body.cww-hide-enfold-header #wrap_all,
body.cww-hide-enfold-header #main,
body.cww-hide-enfold-header .container_wrap,
body.cww-hide-enfold-header .main_color,
body.cww-has-wall #wrap_all,
body.cww-has-wall #main,
body.cww-has-wall .container_wrap,
body.cww-has-wall .main_color,
body.cww-page-takeover-active #wrap_all,
body.cww-page-takeover-active #main,
body.cww-page-takeover-active .container_wrap,
body.cww-page-takeover-active .main_color {
    background: transparent !important;
}

.cww-page-takeover,
.cww-full-bleed,
.cww-map-wrap,
.cww-map-neon,
.cww-home-landing,
.cww-form-page,
.cww-legal-page,
.cww-faq-page,
.cww-rules-page,
.cww-terms-page {
    min-height: 100vh !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(100, 20, 130, .42), transparent 34%),
        radial-gradient(circle at 100% 10%, rgba(12, 112, 152, .32), transparent 32%),
        linear-gradient(135deg, #16001c 0%, #061527 55%, #063451 100%) !important;
    margin-bottom: 0 !important;
}

.cww-map-wrap,
.cww-legal-page,
.cww-faq-page,
.cww-rules-page,
.cww-terms-page {
    padding-bottom: max(72px, env(safe-area-inset-bottom)) !important;
}

.cww-map-wrap + *,
.cww-legal-page + *,
.cww-faq-page + *,
.cww-rules-page + *,
.cww-terms-page + *,
.cww-home-landing + *,
.cww-form-page + * {
    background: transparent !important;
}

#footer,
#socket,
.footer_color,
.socket_color {
    background: transparent !important;
}

@supports not selector(body:has(.cww-map-wrap)) {
    body.cww-hide-enfold-header,
    body.cww-has-wall,
    body.cww-page-takeover-active {
        background:
            radial-gradient(circle at 0% 0%, rgba(101, 23, 139, .38), transparent 32%),
            radial-gradient(circle at 100% 18%, rgba(12, 112, 152, .28), transparent 32%),
            linear-gradient(135deg, #140019 0%, #061527 54%, #062e46 100%) !important;
    }
}


/* ===== v0.80 public launch stats + clearer flow ===== */
.cww-home-livebar {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 24px 0 !important;
}

.cww-home-livebar > div {
    position: relative !important;
    overflow: hidden !important;
    min-height: 92px !important;
    padding: 16px !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(45, 190, 255, .15), transparent 38%),
        rgba(4, 10, 24, .66) !important;
    border: 1px solid rgba(45, 190, 255, .15) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

.cww-home-livebar > div::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 14px 0 14px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(255,48,207,.86), rgba(45,190,255,.86)) !important;
    opacity: .75 !important;
}

.cww-home-livebar span {
    display: block !important;
    color: #77dcff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    margin-bottom: 10px !important;
}

.cww-home-livebar strong {
    display: block !important;
    color: #fff !important;
    font-size: clamp(24px, 3vw, 40px) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    margin-bottom: 7px !important;
}

.cww-home-livebar small {
    display: block !important;
    color: rgba(220,237,255,.72) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.cww-home-launch-flow {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
    gap: 12px !important;
    align-items: stretch !important;
    margin: 0 0 24px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(255,48,207,.12), transparent 34%),
        linear-gradient(90deg, rgba(4,10,24,.72), rgba(6,20,38,.66)) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.cww-home-launch-flow div {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) !important;
    column-gap: 10px !important;
    row-gap: 3px !important;
    align-items: center !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.04) !important;
}

.cww-home-launch-flow b {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: linear-gradient(135deg, rgba(255,48,207,.92), rgba(45,190,255,.9)) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.cww-home-launch-flow strong {
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.cww-home-launch-flow span {
    color: rgba(220,237,255,.68) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.cww-home-launch-flow > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 170px !important;
    min-height: 54px !important;
    padding: 0 18px !important;
    border-radius: 17px !important;
    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    border: 1px solid rgba(120, 220, 255, .44) !important;
    background: linear-gradient(90deg, rgba(255,48,207,.92), rgba(45,190,255,.9)) !important;
    box-shadow: 0 16px 34px rgba(45,190,255,.13) !important;
}

@media (max-width: 1080px) {
    .cww-home-livebar,
    .cww-home-launch-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .cww-home-launch-flow > a {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }
}

@media (max-width: 680px) {
    .cww-home-livebar,
    .cww-home-launch-flow {
        grid-template-columns: 1fr !important;
    }

    .cww-home-livebar > div {
        min-height: 78px !important;
    }

    .cww-home-livebar strong {
        font-size: 28px !important;
    }
}


/* ===== v0.82 remove duplicate homepage livebar ===== */
.cww-home-livebar {
    display: none !important;
}


/* ===== v0.83 Wunsch-Kachel finder ===== */
.cww-home-launch-flow {
    display: none !important;
}

.cww-home-lucky-finder {
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(320px, 1.08fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
    margin: 24px 0 !important;
    padding: 24px !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 48, 207, .16), transparent 36%),
        radial-gradient(circle at 100% 10%, rgba(45, 190, 255, .15), transparent 34%),
        rgba(4, 10, 24, .72) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

.cww-home-lucky-copy h2 {
    margin: 12px 0 10px !important;
    color: #fff !important;
    font-size: clamp(28px, 3.4vw, 48px) !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
}

.cww-home-lucky-copy p {
    max-width: 720px !important;
    margin: 0 !important;
    color: rgba(220, 237, 255, .76) !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
}

.cww-home-lucky-box {
    padding: 18px !important;
    border-radius: 22px !important;
    background: rgba(5, 12, 27, .78) !important;
    border: 1px solid rgba(45, 190, 255, .16) !important;
}

.cww-home-lucky-box label {
    display: block !important;
    margin-bottom: 9px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.cww-home-lucky-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
}

.cww-home-lucky-form input,
.cww-home-lucky-form button {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    border-radius: 15px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.cww-home-lucky-form input {
    border: 1px solid rgba(45, 190, 255, .22) !important;
    background: rgba(2, 8, 22, .92) !important;
    color: #fff !important;
    padding: 0 14px !important;
    box-shadow: none !important;
}

.cww-home-lucky-form button {
    cursor: pointer !important;
    color: #fff !important;
    padding: 0 18px !important;
    border: 1px solid rgba(120, 220, 255, .42) !important;
    background: linear-gradient(90deg, rgba(255,48,207,.92), rgba(45,190,255,.9)) !important;
    box-shadow: 0 14px 30px rgba(45,190,255,.13) !important;
}

.cww-home-lucky-examples {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.cww-home-lucky-examples button {
    min-height: 32px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    color: #bfefff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    border: 1px solid rgba(45,190,255,.18) !important;
    background: rgba(255,255,255,.05) !important;
}

.cww-home-lucky-result {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: 14px !important;
    padding: 13px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.045) !important;
}

.cww-home-lucky-result strong {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.cww-home-lucky-result a {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    border: 1px solid rgba(120, 220, 255, .42) !important;
    background: linear-gradient(90deg, rgba(255,48,207,.86), rgba(45,190,255,.86)) !important;
}

.cww-home-lucky-result.is-free {
    border-color: rgba(34, 197, 94, .28) !important;
    background: rgba(34, 197, 94, .08) !important;
}

.cww-home-lucky-result.is-taken {
    border-color: rgba(255, 185, 70, .24) !important;
    background: rgba(255, 185, 70, .08) !important;
}

.cww-home-lucky-result.is-invalid {
    border-color: rgba(248, 113, 113, .26) !important;
    background: rgba(248, 113, 113, .08) !important;
}

@media (max-width: 920px) {
    .cww-home-lucky-finder {
        grid-template-columns: 1fr !important;
        padding: 18px !important;
    }
}

@media (max-width: 560px) {
    .cww-home-lucky-form {
        grid-template-columns: 1fr !important;
    }

    .cww-home-lucky-result {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .cww-home-lucky-result a {
        width: 100% !important;
    }
}


/* ===== v0.84 frontend social link validation ===== */
.cww-home-lucky-finder,
.cww-home-launch-flow {
    display: none !important;
}

.cww-link-validation-intro {
    margin: -2px 0 14px !important;
    padding: 11px 13px !important;
    border-radius: 14px !important;
    background: rgba(45, 190, 255, .08) !important;
    border: 1px solid rgba(45, 190, 255, .15) !important;
    color: rgba(220, 237, 255, .78) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.cww-submit-links-grid p {
    position: relative !important;
}

.cww-link-feedback {
    display: block !important;
    min-height: 18px !important;
    margin-top: 6px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: rgba(220, 237, 255, .58) !important;
}

.cww-link-ok input[data-cww-link-input] {
    border-color: rgba(34, 197, 94, .48) !important;
    box-shadow: 0 0 0 1px rgba(34, 197, 94, .08) !important;
}

.cww-link-ok .cww-link-feedback {
    color: #82f2a8 !important;
}

.cww-link-warning input[data-cww-link-input] {
    border-color: rgba(255, 185, 70, .62) !important;
    box-shadow: 0 0 0 1px rgba(255, 185, 70, .09) !important;
}

.cww-link-warning .cww-link-feedback {
    color: #ffd28a !important;
}

.cww-link-error input[data-cww-link-input] {
    border-color: rgba(248, 113, 113, .75) !important;
    box-shadow: 0 0 0 1px rgba(248, 113, 113, .12) !important;
}

.cww-link-error .cww-link-feedback {
    color: #ff9b9b !important;
}

.cww-link-form-warning {
    margin: 0 0 14px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    color: #ffe2e2 !important;
    background: rgba(248, 113, 113, .12) !important;
    border: 1px solid rgba(248, 113, 113, .28) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}


/* ===== v0.85 submit workflow polish ===== */
.cww-submit-links-grid input[data-cww-link-input] {
    transition: border-color .16s ease, box-shadow .16s ease;
}


/* ===== v0.86 hard background takeover: remove white strips below footer/legal pages ===== */
html.cww-page-takeover-active,
html.cww-hide-enfold-header,
html:has(.cww-page-takeover),
html:has(.cww-site-footer),
html:has(.cww-legal-page),
html:has(.cww-faq-page),
html:has(.cww-rules-page),
html:has(.cww-terms-page),
html:has(.cww-map-wrap),
body.cww-page-takeover-active,
body.cww-hide-enfold-header,
body.cww-has-wall,
body:has(.cww-page-takeover),
body:has(.cww-site-footer),
body:has(.cww-legal-page),
body:has(.cww-faq-page),
body:has(.cww-rules-page),
body:has(.cww-terms-page),
body:has(.cww-map-wrap) {
    min-height: 100vh !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(101, 23, 139, .38), transparent 32%),
        radial-gradient(circle at 100% 18%, rgba(12, 112, 152, .28), transparent 32%),
        linear-gradient(135deg, #140019 0%, #061527 54%, #062e46 100%) !important;
}

body.cww-page-takeover-active #wrap_all,
body.cww-page-takeover-active #main,
body.cww-page-takeover-active .container_wrap,
body.cww-page-takeover-active .main_color,
body.cww-page-takeover-active .template-page,
body.cww-page-takeover-active .content,
body.cww-page-takeover-active .entry-content-wrapper,
body.cww-page-takeover-active .entry-content,
body.cww-page-takeover-active .post-entry,
body.cww-page-takeover-active .avia-section,
body.cww-page-takeover-active #after_section_1,
body.cww-hide-enfold-header #wrap_all,
body.cww-hide-enfold-header #main,
body.cww-hide-enfold-header .container_wrap,
body.cww-hide-enfold-header .main_color,
body.cww-hide-enfold-header .template-page,
body.cww-hide-enfold-header .content,
body.cww-hide-enfold-header .entry-content-wrapper,
body.cww-hide-enfold-header .entry-content,
body.cww-hide-enfold-header .post-entry,
body:has(.cww-site-footer) #wrap_all,
body:has(.cww-site-footer) #main,
body:has(.cww-site-footer) .container_wrap,
body:has(.cww-site-footer) .main_color,
body:has(.cww-site-footer) .template-page,
body:has(.cww-site-footer) .content,
body:has(.cww-site-footer) .entry-content-wrapper,
body:has(.cww-site-footer) .entry-content,
body:has(.cww-site-footer) .post-entry {
    background: transparent !important;
    background-color: transparent !important;
}

.cww-page-takeover,
.cww-full-bleed,
.cww-home-landing,
.cww-form-page,
.cww-map-wrap,
.cww-legal-page,
.cww-faq-page,
.cww-rules-page,
.cww-terms-page {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin-bottom: 0 !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(100, 20, 130, .42), transparent 34%),
        radial-gradient(circle at 100% 10%, rgba(12, 112, 152, .32), transparent 32%),
        linear-gradient(135deg, #16001c 0%, #061527 55%, #063451 100%) !important;
}

.cww-site-footer,
.cww-wall-footer,
.cww-footer {
    margin-bottom: 0 !important;
    background: rgba(4, 10, 24, .58) !important;
}

.cww-site-footer::after,
.cww-wall-footer::after,
.cww-footer::after {
    content: "" !important;
    position: fixed !important;
    inset: auto 0 0 0 !important;
    height: 140px !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 0% 100%, rgba(101, 23, 139, .30), transparent 38%),
        linear-gradient(135deg, #140019 0%, #061527 58%, #062e46 100%) !important;
}

#footer,
#socket,
.footer_color,
.socket_color,
#top #footer,
#top #socket {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
}

body.cww-page-takeover-active::after,
body.cww-hide-enfold-header::after,
body:has(.cww-site-footer)::after {
    content: "" !important;
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -2 !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(101, 23, 139, .38), transparent 32%),
        radial-gradient(circle at 100% 18%, rgba(12, 112, 152, .28), transparent 32%),
        linear-gradient(135deg, #140019 0%, #061527 54%, #062e46 100%) !important;
}

/* v0.96 public frontend refinements */
.cww-public-summary-v96 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0 14px;
}
.cww-public-summary-v96 > div {
    min-height: 74px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 22px;
    padding: 14px 16px;
    background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
    box-shadow: 0 18px 45px rgba(0,0,0,.22);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cww-public-summary-v96 strong {
    font-size: clamp(22px, 3.2vw, 38px);
    line-height: 1;
    letter-spacing: -.04em;
    color: #fff;
}
.cww-public-summary-v96 span {
    margin-top: 7px;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.66);
}
.cww-wall-control-strip-v96 {
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.cww-view-switch,
.cww-wall-density,
.cww-wall-jump {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.cww-view-switch span,
.cww-wall-density span {
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.62);
}
.cww-view-switch button,
.cww-reset-filters,
.cww-map-filterbar .cww-platform-chip,
.cww-map-platform-chips .cww-platform-chip {
    min-height: 38px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.86);
    padding: 8px 13px;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.cww-view-switch button:hover,
.cww-reset-filters:hover,
.cww-map-filterbar .cww-platform-chip:hover,
.cww-map-platform-chips .cww-platform-chip:hover {
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.32);
    background: rgba(255,255,255,.12);
}
.cww-view-switch button.is-active,
.cww-map-platform-chips .cww-platform-chip.is-active,
.cww-map-filterbar .cww-platform-chip.is-active {
    border-color: rgba(112,255,214,.72);
    background: linear-gradient(135deg, rgba(112,255,214,.22), rgba(127,121,255,.18));
    color: #fff;
    box-shadow: 0 0 0 1px rgba(112,255,214,.12), 0 12px 30px rgba(112,255,214,.10);
}
.cww-reset-filters {
    justify-self: start;
    font-weight: 700;
}
[data-cww-current-view="card"] .cww-wall-density,
[data-cww-current-view="card"] .cww-wall-jump {
    display: none;
}
[data-cww-current-view="card"] .cww-grid {
    align-items: stretch;
}
.cww-filter-panel .cww-reset-filters {
    margin-top: 2px;
}
.cww-map-platform-chips {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 2px;
}
.cww-map-platform-chips .cww-platform-chip svg,
.cww-map-filterbar .cww-platform-chip svg {
    width: 16px;
    height: 16px;
}
.cww-map-platform-chips .cww-platform-chip span,
.cww-map-filterbar .cww-platform-chip span {
    font-size: 12px;
}
.cww-map-filterbar[data-cww-map-filterbar] {
    align-items: center;
}
.cww-map-filterbar[data-cww-map-filterbar] > button[data-cww-map-reset] {
    white-space: nowrap;
}
@media (max-width: 760px) {
    .cww-public-summary-v96 {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .cww-public-summary-v96 > div {
        min-height: 62px;
        border-radius: 18px;
        padding: 12px 14px;
    }
    .cww-wall-control-strip-v96 {
        align-items: stretch;
    }
    .cww-view-switch,
    .cww-wall-density,
    .cww-wall-jump {
        width: 100%;
    }
    .cww-view-switch button,
    .cww-wall-density button,
    .cww-wall-jump button,
    .cww-reset-filters {
        flex: 1 1 auto;
    }
    .cww-map-platform-chips .cww-platform-chip {
        flex: 1 1 calc(50% - 8px);
        justify-content: center;
    }
}
@media (max-width: 420px) {
    .cww-map-platform-chips .cww-platform-chip {
        flex-basis: 100%;
    }
}


/* v0.97 map cleanup: platform chips are hidden by default in markup. If enabled via show_platform_chips="yes", keep them compact. */
.cww-map-platform-chips.cww-map-platform-chips-compact {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding-top: 2px;
}

.cww-map-platform-chips.cww-map-platform-chips-compact .cww-platform-chip {
    flex: 0 0 auto;
    width: auto;
    min-height: 32px;
    padding: 7px 10px;
    border-radius: 999px;
}

.cww-map-platform-chips.cww-map-platform-chips-compact .cww-platform-chip span {
    font-size: 11px;
}

@media (max-width: 760px) {
    .cww-map-platform-chips.cww-map-platform-chips-compact .cww-platform-chip {
        flex: 0 0 auto;
    }
}

@media (max-width: 420px) {
    .cww-map-platform-chips.cww-map-platform-chips-compact .cww-platform-chip {
        flex-basis: auto;
    }
}


/* v0.98 map reset button alignment: keep Reset exactly as high as the filter fields. */
.cww-map-filterbar[data-cww-map-filterbar] > button[data-cww-map-reset] {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    line-height: 1 !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}

.cww-submit-consent a {
    color: #9fffe0 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(159, 255, 224, .42) !important;
}

.cww-submit-consent a:hover {
    border-bottom-color: rgba(159, 255, 224, .9) !important;
}

@media (max-width: 620px) {
    .cww-map-filterbar[data-cww-map-filterbar] > button[data-cww-map-reset] {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }
}

/* v0.99 launch polish: clean legal consent layout and aligned map filters. */
.cww-submit-consent,
.cww-submit-form .cww-submit-consent {
    margin: 18px 0 2px !important;
    padding: 16px 18px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.cww-submit-consent label.cww-submit-consent-label,
.cww-submit-form .cww-submit-consent label.cww-submit-consent-label {
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(232,241,255,.88) !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.cww-submit-consent input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    accent-color: #70ffd6 !important;
}

.cww-submit-consent .cww-consent-text {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}

.cww-submit-consent .cww-consent-text a,
.cww-submit-consent a {
    display: inline !important;
    white-space: normal !important;
    color: #9fffe0 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(159, 255, 224, .42) !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: inherit !important;
}

.cww-submit-consent .cww-consent-text a:hover,
.cww-submit-consent a:hover {
    border-bottom-color: rgba(159, 255, 224, .9) !important;
}

.cww-map-filterbar[data-cww-map-filterbar] {
    --cww-map-control-height: 46px;
    display: grid !important;
    grid-template-columns: minmax(250px, 1.25fr) minmax(180px, .9fr) minmax(180px, .9fr) minmax(180px, .9fr) 76px !important;
    gap: 10px !important;
    align-items: stretch !important;
    margin: 14px 0 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: rgba(5, 11, 27, 0.74) !important;
    border: 1px solid rgba(45, 190, 255, 0.16) !important;
}

.cww-map-filterbar[data-cww-map-filterbar] .cww-map-search {
    display: flex !important;
    align-items: stretch !important;
    min-width: 0 !important;
}

.cww-map-filterbar[data-cww-map-filterbar] input,
.cww-map-filterbar[data-cww-map-filterbar] select,
.cww-map-filterbar[data-cww-map-filterbar] button[data-cww-map-reset] {
    width: 100% !important;
    height: var(--cww-map-control-height) !important;
    min-height: var(--cww-map-control-height) !important;
    max-height: var(--cww-map-control-height) !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 13px !important;
    border: 1px solid rgba(45, 190, 255, .24) !important;
    background: rgba(6, 13, 31, .96) !important;
    color: #dcefff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.cww-map-filterbar[data-cww-map-filterbar] input,
.cww-map-filterbar[data-cww-map-filterbar] select {
    padding: 0 14px !important;
}

.cww-map-filterbar[data-cww-map-filterbar] button[data-cww-map-reset] {
    justify-content: center !important;
    align-self: stretch !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    padding: 0 12px !important;
    cursor: pointer !important;
    background: rgba(18, 39, 75, .92) !important;
    border-color: rgba(82, 183, 255, .34) !important;
    color: #ffffff !important;
    text-align: center !important;
    transform: none !important;
}

.cww-map-filterbar[data-cww-map-filterbar] button[data-cww-map-reset]:hover {
    background: rgba(35, 82, 142, .96) !important;
    border-color: rgba(133, 218, 255, .58) !important;
}

@media (max-width: 1180px) {
    .cww-map-filterbar[data-cww-map-filterbar] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) 76px !important;
    }

    .cww-map-filterbar[data-cww-map-filterbar] .cww-map-search {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 700px) {
    .cww-map-filterbar[data-cww-map-filterbar] {
        --cww-map-control-height: 44px;
        grid-template-columns: 1fr !important;
        padding: 10px !important;
    }

    .cww-map-filterbar[data-cww-map-filterbar] button[data-cww-map-reset] {
        width: 100% !important;
    }

    .cww-submit-consent label.cww-submit-consent-label {
        grid-template-columns: 18px minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    .cww-submit-consent .cww-consent-text {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}


/* v1.00 final readability: legal consent text must stay readable on dark themes. */
.cww-submit-consent,
.cww-submit-consent label,
.cww-submit-consent label.cww-submit-consent-label,
.cww-submit-form .cww-submit-consent label.cww-submit-consent-label,
.cww-submit-consent .cww-consent-text {
    color: #eaf4ff !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.22) !important;
}

.cww-submit-consent .cww-consent-text {
    font-weight: 760 !important;
}

.cww-submit-consent .cww-consent-text a,
.cww-submit-consent a {
    color: #79ffe1 !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}

.cww-map-filterbar[data-cww-map-filterbar] button[data-cww-map-reset] {
    height: var(--cww-map-control-height, 46px) !important;
    min-height: var(--cww-map-control-height, 46px) !important;
    max-height: var(--cww-map-control-height, 46px) !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}

/* ===== v1.01 submit completion and required channel link polish ===== */
.cww-submit-done-card {
    margin: 18px 0 0 !important;
    padding: 18px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, rgba(10, 24, 44, .92), rgba(5, 13, 28, .82)) !important;
    border: 1px solid rgba(45, 190, 255, .22) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .24) !important;
}

.cww-submit-done-card strong {
    display: block !important;
    margin: 0 0 7px !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
}

.cww-submit-done-card p {
    max-width: 820px !important;
    margin: 0 !important;
    color: rgba(220, 237, 255, .82) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.cww-submit-done-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

.cww-submit-done-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    background: rgba(45, 190, 255, .14) !important;
    border: 1px solid rgba(45, 190, 255, .24) !important;
}

.cww-submit-form h3 {
    color: #ffffff !important;
}

/* v1.04 PayPal-first + regional payment buttons */
.cww-pay-now-button.is-regional,
.cww-payment-box-v42 .cww-pay-now-button.is-regional {
    background: linear-gradient(135deg, #18b8a8, #2864ff) !important;
}

.cww-pay-now-button.is-paypal.is-main,
.cww-payment-box-v42 .cww-pay-now-button.is-paypal.is-main {
    box-shadow: 0 12px 28px rgba(0, 112, 186, .28), inset 0 0 0 1px rgba(255,255,255,.18) !important;
}

.cww-home-btn.is-regional {
    box-shadow: inset 0 0 0 1px rgba(24, 184, 168, 0.42);
}


/* ===== v1.05 launch clarity, legal wording and post-submit status ===== */
.cww-home-btn.is-step2 {
    position: relative !important;
    color: #eaf7ff !important;
    background: rgba(4, 16, 35, .92) !important;
    border: 1px solid rgba(82, 211, 255, .34) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 14px 28px rgba(0, 0, 0, .2) !important;
}

.cww-home-note {
    color: rgba(215, 232, 255, .82) !important;
    line-height: 1.55 !important;
}

.cww-form-risk-note,
.cww-payment-risk-note {
    display: flex !important;
    gap: 10px !important;
    align-items: flex-start !important;
    margin: 16px 0 !important;
    padding: 13px 15px !important;
    border-radius: 16px !important;
    background: rgba(255, 185, 80, .08) !important;
    border: 1px solid rgba(255, 185, 80, .28) !important;
    color: rgba(255, 239, 211, .94) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.cww-form-risk-note strong,
.cww-payment-risk-note strong {
    color: #ffd28d !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.cww-form-risk-note span,
.cww-payment-risk-note span {
    color: rgba(255, 244, 226, .92) !important;
}

.cww-submit-done-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 14px 0 !important;
}

.cww-submit-done-meta div {
    padding: 12px 14px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
}

.cww-submit-done-meta span {
    display: block !important;
    margin-bottom: 4px !important;
    color: rgba(207, 229, 255, .72) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
}

.cww-submit-done-meta strong {
    margin: 0 !important;
    font-size: 17px !important;
    color: #fff !important;
}

.cww-submit-done-next {
    margin-top: 10px !important;
    color: rgba(230, 242, 255, .9) !important;
}

.cww-submit-done-next strong {
    display: inline !important;
    margin: 0 4px 0 0 !important;
    font-size: inherit !important;
    color: #ffffff !important;
}

@media (max-width: 640px) {
    .cww-submit-done-meta {
        grid-template-columns: 1fr !important;
    }
    .cww-form-risk-note,
    .cww-payment-risk-note {
        flex-direction: column !important;
        gap: 4px !important;
    }
}


/* ===== v1.06 automatic payment redirect after reservation ===== */

/* ===== v1.24 single PayPal provider polish ===== */
.cww-payment-method-select.is-single-provider .cww-payment-method-head {
    margin-bottom: 12px;
}
.cww-payment-method-single {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 58px;
    padding: 13px 16px;
    border: 1px solid rgba(125, 246, 255, .34);
    border-radius: 14px;
    background: rgba(8, 16, 33, .72);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.cww-payment-method-radio {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(125, 246, 255, .85);
    box-shadow: 0 0 0 4px rgba(35, 213, 255, .08);
    position: relative;
    flex: 0 0 auto;
}
.cww-payment-method-radio::after {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: inherit;
    background: linear-gradient(135deg, #ff3bd5, #2fc7ff);
}
.cww-payment-method-single-main {
    display: grid;
    gap: 3px;
}
.cww-payment-method-single-main strong {
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
}
.cww-payment-method-single-main small {
    color: rgba(226, 239, 255, .74);
    font-size: 12px;
    line-height: 1.35;
}

.cww-payment-redirect-card {
    margin: 18px 0;
    padding: 18px 20px;
    border: 1px solid rgba(83, 240, 218, 0.28);
    border-radius: 18px;
    background: rgba(6, 18, 36, 0.82);
    color: rgba(244, 248, 255, 0.96);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}
.cww-payment-redirect-card strong {
    display: block;
    font-size: 1.05rem;
    color: #ffffff;
    margin-bottom: 6px;
}
.cww-payment-redirect-card p {
    margin: 0 0 14px;
    color: rgba(226, 238, 255, 0.88);
    line-height: 1.55;
}
.cww-payment-redirect-card .cww-pay-now-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 14px;
    text-decoration: none !important;
}

/* v1.09 payment-first confirmation flow */
.cww-payment-first-box {
    position: relative;
    border-color: rgba(255,255,255,.18) !important;
}
.cww-payment-flow-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(76, 201, 240, .12);
    border: 1px solid rgba(76, 201, 240, .32);
    color: #dff9ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.cww-after-payment-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 16px 0 10px;
    padding: 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.13);
    color: rgba(255,255,255,.84);
}
.cww-after-payment-actions span {
    line-height: 1.45;
}
.cww-after-payment-link,
.cww-after-payment-link:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 12px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.18);
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 900;
    white-space: nowrap;
}
.cww-after-payment-link:hover {
    background: rgba(255,255,255,.16);
    transform: translateY(-1px);
}
.cww-edit-link-box.is-secondary-after-payment {
    margin-top: 16px;
    opacity: .92;
    background: rgba(255,255,255,.045);
    border-style: dashed;
}
.cww-edit-link-box.is-secondary-after-payment > strong {
    font-size: 16px;
}
.cww-edit-status-card {
    margin: 18px 0;
    padding: 18px;
    border-radius: 20px;
    background: rgba(8, 20, 38, .72);
    border: 1px solid rgba(255,255,255,.14);
    color: #fff;
    box-shadow: 0 18px 45px rgba(0,0,0,.18);
}
.cww-edit-status-card > strong {
    display: block;
    margin-bottom: 6px;
    font-size: clamp(19px, 2vw, 26px);
}
.cww-edit-status-card > p {
    margin: 0 0 12px;
    color: rgba(255,255,255,.82);
}
.cww-edit-status-card.is-payment-open {
    border-color: rgba(255, 189, 89, .36);
}
.cww-edit-status-card.is-paid-review {
    border-color: rgba(82, 255, 168, .28);
}
.cww-edit-status-card .cww-payment-box {
    margin-top: 14px;
}
@media (max-width: 720px) {
    .cww-after-payment-actions {
        align-items: stretch;
        flex-direction: column;
    }
    .cww-after-payment-link {
        width: 100%;
    }
}

/* ===== v1.11 reservation window and clearer submit/pay CTA ===== */
.cww-reservation-note {
    display: flex !important;
    gap: 10px !important;
    align-items: flex-start !important;
    margin: 14px 0 !important;
    padding: 13px 15px !important;
    border-radius: 16px !important;
    background: rgba(45, 190, 255, .08) !important;
    border: 1px solid rgba(45, 190, 255, .24) !important;
    color: rgba(222, 243, 255, .94) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}
.cww-reservation-note strong {
    color: #7ee7ff !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}
.cww-reservation-note span {
    color: rgba(232, 247, 255, .92) !important;
}
.cww-submit-button {
    min-width: 190px !important;
}
.cww-edit-status-card.is-payment-expired {
    border-color: rgba(255, 185, 80, .36) !important;
    background: rgba(255, 185, 80, .08) !important;
}
@media (max-width: 640px) {
    .cww-reservation-note {
        display: block !important;
    }
    .cww-reservation-note strong {
        display: block !important;
        margin-bottom: 4px !important;
    }
}

/* ===== v1.15 clean payment provider dropdown + selected-provider redirect ===== */
.cww-payment-method-select {
    margin: 22px 0 16px;
    padding: 18px;
    border: 1px solid rgba(125, 246, 255, .22);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(10, 22, 43, .94), rgba(7, 15, 30, .96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 36px rgba(0,0,0,.16);
}
.cww-payment-method-head {
    display: grid;
    grid-template-columns: minmax(160px, auto) 1fr;
    gap: 14px;
    align-items: start;
    margin-bottom: 12px;
}
.cww-payment-method-head strong {
    color: #fff;
    font-size: 17px;
    line-height: 1.2;
}
.cww-payment-method-head span {
    color: rgba(226, 239, 255, .82);
    font-size: 13px;
    line-height: 1.45;
}
.cww-payment-method-dropdown {
    display: block;
    position: relative;
    margin: 0;
}
.cww-payment-method-dropdown::after {
    content: '⌄';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-54%);
    color: rgba(125, 246, 255, .9);
    font-size: 22px;
    line-height: 1;
    pointer-events: none;
}
.cww-payment-method-dropdown-control {
    width: 100%;
    min-height: 52px;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid rgba(125, 246, 255, .42);
    border-radius: 14px;
    background: rgba(8, 16, 33, .86);
    color: #fff;
    padding: 0 48px 0 16px;
    font-size: 15px;
    font-weight: 800;
    line-height: 52px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 26px rgba(0,0,0,.14);
    cursor: pointer;
}
.cww-payment-method-dropdown-control:hover,
.cww-payment-method-dropdown-control:focus {
    border-color: rgba(35, 213, 255, .9);
    outline: none;
    box-shadow: 0 0 0 3px rgba(35, 213, 255, .13), inset 0 1px 0 rgba(255,255,255,.05);
}
.cww-payment-method-dropdown-control option {
    color: #0b1428;
    background: #fff;
    font-weight: 700;
}
.cww-payment-method-footnote {
    margin: 9px 2px 0;
    color: rgba(226, 239, 255, .72);
    font-size: 12px;
    line-height: 1.45;
}
@media (max-width: 720px) {
    .cww-payment-method-select {
        padding: 14px;
    }
    .cww-payment-method-head {
        grid-template-columns: 1fr;
        gap: 7px;
    }
    .cww-payment-method-dropdown-control {
        min-height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
}
.cww-payment-redirect-card {
    border-color: rgba(35, 213, 255, .42);
    background: linear-gradient(135deg, rgba(13, 47, 66, .92), rgba(12, 24, 47, .92));
}
.cww-payment-redirect-card::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 14px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff38c8, #23d5ff, #ff884c);
    animation: cwwPaymentLoading 1.1s ease-in-out infinite alternate;
}
@keyframes cwwPaymentLoading {
    from { opacity: .45; transform: scaleX(.75); transform-origin: left center; }
    to { opacity: 1; transform: scaleX(1); transform-origin: left center; }
}

/* ===== v1.22 legal reading layout ===== */
.cww-info-flow.cww-legal-flow {
    display: block !important;
    padding: clamp(22px, 3vw, 38px) !important;
    border-radius: 30px !important;
    background: rgba(4, 10, 23, 0.82) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 24px 64px rgba(0,0,0,.24) !important;
}

.cww-info-flow.cww-legal-flow .cww-info-section {
    display: block !important;
    padding: 0 0 clamp(20px, 2.8vw, 32px) !important;
    margin: 0 0 clamp(20px, 2.8vw, 32px) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.cww-info-flow.cww-legal-flow .cww-info-section:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

.cww-info-flow.cww-legal-flow .cww-info-section h3 {
    margin: 0 0 10px !important;
    color: #fff !important;
    font-size: clamp(22px, 2.2vw, 34px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.025em !important;
}

.cww-info-flow.cww-legal-flow .cww-info-section p {
    max-width: 920px !important;
    margin: 0 !important;
    color: rgba(226, 239, 255, .88) !important;
    font-size: clamp(15px, 1.25vw, 17px) !important;
    line-height: 1.72 !important;
}

.cww-info-flow.cww-legal-flow .cww-info-section ul {
    max-width: 920px !important;
    margin: 14px 0 0 1.25rem !important;
    padding: 0 !important;
    color: rgba(226, 239, 255, .82) !important;
    font-size: clamp(14px, 1.1vw, 16px) !important;
    line-height: 1.65 !important;
}

.cww-info-flow.cww-legal-flow .cww-info-section li {
    margin: 0 0 7px !important;
    padding-left: 4px !important;
}

.cww-info-privacy .cww-info-note,
.cww-info-imprint .cww-info-note {
    max-width: none !important;
}

@media (max-width: 760px) {
    .cww-info-flow.cww-legal-flow {
        padding: 20px !important;
        border-radius: 22px !important;
    }

    .cww-info-flow.cww-legal-flow .cww-info-section h3 {
        font-size: 22px !important;
    }
}


/* v1.33 map polish: better mobile filter bar, localized featured block, larger jump field, no spin arrows */
.cww-wall-jump input,
.cww-wall-wrap[data-cww-density] .cww-wall-jump input {
    width: 120px !important;
    min-width: 120px !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

.cww-wall-jump input::-webkit-outer-spin-button,
.cww-wall-jump input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.cww-map-filterbar[data-cww-map-filterbar] {
    grid-template-columns: minmax(220px, 1.35fr) minmax(160px, .9fr) minmax(160px, .9fr) minmax(160px, .9fr) minmax(102px, auto) !important;
}

.cww-map-filterbar[data-cww-map-filterbar] button[data-cww-map-reset] {
    min-width: 102px !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

@media (max-width: 980px) {
    .cww-map-filterbar[data-cww-map-filterbar] {
        grid-template-columns: 1fr 1fr !important;
    }

    .cww-map-filterbar[data-cww-map-filterbar] .cww-map-search,
    .cww-map-filterbar[data-cww-map-filterbar] > button[data-cww-map-reset] {
        grid-column: 1 / -1 !important;
    }

    .cww-map-filterbar[data-cww-map-filterbar] > button[data-cww-map-reset] {
        width: 100% !important;
    }
}

@media (max-width: 760px) {
    .cww-wall-jump {
        flex-wrap: nowrap !important;
    }

    .cww-wall-jump input,
    .cww-wall-wrap[data-cww-density] .cww-wall-jump input {
        flex: 1 1 132px !important;
        min-width: 132px !important;
        width: auto !important;
    }

    .cww-wall-jump button {
        flex: 0 0 auto !important;
    }
}