/* UnioTale page skin lock — polished fallback for stale Next dev CSS chunks */
.store-page,
.vote-page,
.forum-page,
.leaderboard-hub {
    position: relative;
    min-height: 100vh;
    overflow-x: clip;
    color: #d9f7ff;
}

.store-page .container,
.vote-page .container,
.leaderboard-hub .container {
    width: min(1320px, 100%);
    max-width: 1320px;
    margin-inline: auto;
}

.forum-shell {
    width: min(1420px, calc(100% - 2rem));
    margin-inline: auto;
}

.store-hero,
.vote-hero,
.leaderboard-hero,
.forum-hero {
    position: relative;
    display: grid !important;
    overflow: hidden;
    align-items: end;
    gap: 3rem;
    padding: clamp(2rem, 5vw, 4.75rem);
    border: 1px solid rgba(91, 170, 242, .26);
    border-radius: 1.45rem;
    background-color: #050b16;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 34px 90px rgba(0, 0, 0, .45);
    isolation: isolate;
}

.store-hero,
.vote-hero,
.leaderboard-hero { min-height: 470px; grid-template-columns: minmax(0, 1fr) 320px; }
.store-hero { min-height: 500px; grid-template-columns: minmax(0, 1fr) 330px; background-image: linear-gradient(98deg, rgba(3, 8, 20, .96), rgba(4, 13, 31, .54), rgba(3, 8, 19, .9)), url('/uniotale_magaza.webp') !important; background-position: center 52%; }
.vote-hero { background-image: linear-gradient(100deg, rgba(3, 9, 22, .96), rgba(5, 14, 34, .55), rgba(3, 8, 19, .9)), url('/uniotale_oy.webp') !important; background-position: center 48%; }
.leaderboard-hero { background-image: linear-gradient(100deg, rgba(3, 9, 22, .96), rgba(5, 14, 34, .52), rgba(3, 8, 19, .9)), url('/uniotale_siralama.webp') !important; background-position: center 48%; }
.forum-hero { min-height: 390px; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .55fr); border-radius: 1.6rem; background-image: linear-gradient(96deg, rgba(2, 8, 22, .96) 10%, rgba(5, 18, 43, .74) 58%, rgba(3, 8, 22, .92)), url('/uniotale_forum.webp') !important; background-position: center 48%; }
.forum-hero { grid-template-columns: minmax(0, 1fr) !important; }
.forum-hero-stats { display: none !important; }

.store-hero::before,
.vote-hero::before,
.leaderboard-hero::before,
.forum-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(circle at 22% 18%, rgba(64, 210, 255, .18), transparent 28%), linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .42));
    pointer-events: none;
}

.store-hero::after,
.vote-hero::after,
.leaderboard-hero::after,
.forum-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 3px;
    background: linear-gradient(90deg, #24d2ff, #5d78ff 62%, #8b5cf6, transparent);
    box-shadow: 0 0 18px rgba(45, 190, 255, .55);
}

.store-hero > *,
.vote-hero > *,
.leaderboard-hero > *,
.forum-hero > * { position: relative; z-index: 1; }

.store-kicker,
.vote-eyebrow,
.leaderboard-kicker,
.forum-kicker {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: #5bdcff;
    font-family: var(--font-russo-one), sans-serif;
    font-size: .6rem;
    font-weight: 900;
    letter-spacing: .18em;
}

.store-kicker i,
.vote-eyebrow i,
.leaderboard-kicker i,
.forum-kicker i,
.store-hero-console > p i,
.vote-hero-panel > p i,
.leaderboard-hero aside > p i {
    width: .43rem;
    height: .43rem;
    border-radius: 999px;
    background: #34d399;
    box-shadow: 0 0 10px #34d399;
}

.store-hero h1,
.vote-hero h1,
.leaderboard-hero h1,
.forum-hero h1 {
    max-width: 850px;
    margin: 1rem 0 0;
    color: #f4fbff;
    font-family: var(--font-russo-one), sans-serif !important;
    font-size: clamp(2.7rem, 5.4vw, 5.35rem) !important;
    font-weight: 400;
    line-height: .97;
    letter-spacing: -.04em;
}

.forum-hero h1 { font-size: clamp(2.8rem, 6vw, 5.7rem) !important; line-height: .92; }
.store-hero h1 span,
.vote-hero h1 span,
.leaderboard-hero h1 span,
.forum-hero h1 strong {
    display: block;
    color: transparent;
    background: linear-gradient(90deg, #94edff, #2fc3ff 48%, #6878ff);
    background-clip: text;
    -webkit-background-clip: text;
}

.store-hero-copy > p,
.vote-hero-copy > p,
.leaderboard-hero > div > p,
.forum-hero p {
    max-width: 700px;
    margin-top: 1.25rem;
    color: #a2b6cb;
    font-size: 1.02rem;
    line-height: 1.7;
}

.store-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.8rem; }
.store-hero-actions a,
.vote-hero-cta { gap: .8rem; min-width: 180px; padding: .9rem 1.2rem; font-size: .65rem; }
.vote-hero-cta { display: inline-flex; align-items: center; margin-top: 1.8rem; }

.store-hero-console,
.vote-hero-panel,
.leaderboard-hero aside,
.forum-hero-stats {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    padding: 1.2rem;
    border: 1px solid rgba(108, 168, 229, .2);
    border-radius: 1rem;
    background: rgba(3, 9, 22, .78);
    backdrop-filter: blur(18px);
}

.forum-hero-stats { display: grid; grid-template-rows: repeat(3, 1fr); padding: 0; overflow: hidden; }
.store-hero-console > span,
.vote-hero-panel > span,
.leaderboard-hero aside > span { color: #506981; font-size: .48rem; font-weight: 900; letter-spacing: .14em; }
.store-hero-console > div,
.vote-hero-panel > div,
.leaderboard-hero aside > div,
.forum-hero-stats span { display: flex; min-height: 105px; justify-content: center; flex-direction: column; border-bottom: 1px solid rgba(108, 168, 229, .12); }
.forum-hero-stats span { gap: .4rem; padding: 1.35rem 1.6rem; }
.store-hero-console > div:last-of-type,
.vote-hero-panel > div:last-of-type,
.leaderboard-hero aside > div:last-of-type,
.forum-hero-stats span:last-child { border-bottom: 0; }
.store-hero-console small,
.vote-hero-panel small,
.leaderboard-hero aside small,
.forum-hero-stats small { color: #647b93; font-size: .48rem; font-weight: 900; letter-spacing: .12em; }
.store-hero-console strong,
.vote-hero-panel strong,
.leaderboard-hero aside strong,
.forum-hero-stats b { margin-top: .4rem; color: #4edcff; font-family: var(--font-russo-one), sans-serif; font-size: 1.8rem; font-weight: 400; }
.forum-hero-stats .is-online { color: #49eeb0; font-size: 1.2rem; }
.store-hero-console > p,
.vote-hero-panel > p,
.leaderboard-hero aside > p { display: flex; align-items: center; gap: .45rem; margin-top: auto; color: #71869b; font-size: .56rem; line-height: 1.45; }

/* Store */
.store-switcher { display: grid; max-width: 900px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1rem auto 4rem; overflow: hidden; border: 1px solid rgba(100,160,219,.17); border-radius: 1rem; background: rgba(3,9,20,.9); }
.store-switcher > a { position: relative; display: grid; min-height: 105px; grid-template-columns: auto 1fr; align-items: center; gap: 1rem; padding: 1.25rem 1.5rem; border-right: 1px solid rgba(100,160,219,.14); color: #71869b; transition: .2s ease; }
.store-switcher > a:last-child { border-right: 0; }
.store-switcher > a::after { content: ""; position: absolute; inset: auto 1.25rem 0; height: 2px; background: linear-gradient(90deg,#32d2ff,#6c67ff); opacity: 0; }
.store-switcher > a.is-active { color: #e5f8ff; background: linear-gradient(135deg,rgba(24,173,229,.12),rgba(91,83,238,.09)); }
.store-switcher > a.is-active::after { opacity: 1; }
.store-switcher > a > span { color: rgba(103,185,245,.35); font-family: var(--font-russo-one), sans-serif; font-size: 1.15rem; }
.store-switcher strong { display: block; font-family: var(--font-russo-one), sans-serif; font-size: .78rem; letter-spacing: .05em; }
.store-switcher small { display: block; margin-top: .4rem; color: #607890; font-size: .66rem; }
.store-catalog { max-width: 1180px; margin: 0 auto; scroll-margin-top: 120px; }
.store-section-heading,
.vote-section-heading,
.leaderboard-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; padding-bottom: 1.2rem; border-bottom: 1px solid rgba(100,160,219,.14); }
.store-section-heading span,
.vote-section-heading span,
.leaderboard-section-heading span { color: #54708b; font-family: ui-monospace, monospace; font-size: .54rem; letter-spacing: .14em; }
.store-section-heading h2,
.vote-section-heading h2,
.leaderboard-section-heading h2 { margin-top: .5rem; color: #e8f7ff; font-family: var(--font-russo-one), sans-serif; font-size: 1.25rem; }
.store-section-heading > p,
.vote-section-heading > p,
.leaderboard-section-heading > p { max-width: 430px; color: #71869b; font-size: .74rem; line-height: 1.55; text-align: right; }
.store-package-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; align-items: stretch; }
.store-package-card { --store-accent: #39d4ff; position: relative; display: flex; min-height: 590px; overflow: hidden; flex-direction: column; padding: 1.2rem; border: 1px solid color-mix(in srgb, var(--store-accent) 24%, transparent); border-radius: 1rem; background: linear-gradient(155deg, rgba(10,21,38,.98), rgba(4,10,21,.98)); box-shadow: 0 18px 50px rgba(0,0,0,.25); transition: .22s ease; }
.store-package-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, var(--store-accent), transparent); }
.store-package-card:hover { z-index: 2; border-color: color-mix(in srgb, var(--store-accent) 62%, transparent); box-shadow: 0 25px 65px rgba(0,0,0,.4), 0 0 28px color-mix(in srgb, var(--store-accent) 10%, transparent); transform: translateY(-7px); }
.store-tier-violet { --store-accent: #8b7bff; }
.store-tier-orange { --store-accent: #ff8b4c; }
.store-tier-gold { --store-accent: #f5c451; }
.store-package-card.is-popular { border-color: color-mix(in srgb, var(--store-accent) 58%, transparent); background: linear-gradient(155deg, rgba(22,24,62,.98), rgba(5,11,24,.98)); }
.store-package-card > header { display: flex; min-height: 22px; align-items: center; justify-content: space-between; gap: .5rem; }
.store-package-card > header > span { color: #536b83; font-size: .49rem; font-weight: 900; letter-spacing: .14em; }
.store-package-card > header > b { padding: .36rem .5rem; border-radius: .35rem; color: #06111f; background: var(--store-accent); font-size: .47rem; letter-spacing: .08em; }
.store-package-art { position: relative; height: 180px; margin: .5rem 0; overflow: hidden; }
.store-package-art::after { content: ""; position: absolute; inset: auto 12% 4% 12%; height: 20px; border-radius: 50%; background: var(--store-accent); opacity: .13; filter: blur(14px); }
.store-package-title { display: flex; align-items: end; justify-content: space-between; gap: .5rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(112,166,216,.12); }
.store-package-title small { color: #6d8298; font-size: .55rem; }
.store-package-title h3 { margin-top: .25rem; color: var(--store-accent); font-family: var(--font-russo-one), sans-serif; font-size: 1.35rem; }
.store-package-title > strong { color: #edfaff; font-family: var(--font-russo-one), sans-serif; font-size: 1.05rem; white-space: nowrap; }
.store-package-card ul { display: flex; flex: 1; flex-direction: column; gap: .8rem; padding: 1.15rem 0; }
.store-package-card li { display: flex; align-items: flex-start; gap: .55rem; color: #91a6bb; font-size: .68rem; line-height: 1.45; }
.store-package-card li i { color: var(--store-accent); font-style: normal; }
.tebex-checkout-action button { display: flex; width: 100%; min-height: 46px; align-items: center; justify-content: space-between; padding: 0 .9rem; border: 1px solid color-mix(in srgb, var(--store-accent) 40%, transparent); border-radius: .65rem; color: #effbff; background: color-mix(in srgb, var(--store-accent) 12%, #07101f); font-family: var(--font-russo-one), sans-serif; font-size: .59rem; letter-spacing: .04em; }
.store-trust-rail,
.leaderboard-info-rail,
.vote-process { display: grid; overflow: hidden; border: 1px solid rgba(100,160,219,.16); border-radius: 1rem; background: rgba(3,9,20,.84); }
.store-trust-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 1rem; }
.store-trust-rail article,
.leaderboard-info-rail article,
.vote-process article { display: grid; min-height: 120px; grid-template-columns: auto 1fr; align-items: center; gap: 1rem; padding: 1.25rem; border-right: 1px solid rgba(100,160,219,.13); }
.store-trust-rail article:last-child,
.leaderboard-info-rail article:last-child,
.vote-process article:last-child { border-right: 0; }
.store-trust-rail article > span,
.leaderboard-info-rail article > span,
.vote-process article > span { color: rgba(100,180,245,.26); font-family: var(--font-russo-one), sans-serif; font-size: 1.25rem; }
.store-trust-rail strong,
.leaderboard-info-rail strong,
.vote-process strong { color: #dff6ff; font-family: var(--font-russo-one), sans-serif; font-size: .68rem; letter-spacing: .06em; }
.store-trust-rail p,
.leaderboard-info-rail p,
.vote-process p { margin-top: .4rem; color: #6f859b; font-size: .7rem; line-height: 1.5; }
.store-battlepass-header { display: grid; min-height: 230px; grid-template-columns: minmax(0,1fr) 290px; align-items: end; gap: 2rem; overflow: hidden; padding: 2.4rem; border: 1px solid rgba(101,160,220,.18); border-radius: 1.15rem; background: radial-gradient(circle at 74% 20%,rgba(111,91,255,.16),transparent 30%),linear-gradient(135deg,rgba(9,22,40,.98),rgba(4,10,22,.98)); }
.store-battlepass-header h2 { margin-top: .6rem; color: #f0faff; font-family: var(--font-russo-one),sans-serif; font-size: clamp(2rem,4vw,3.5rem); }
.store-mode-switcher { display: flex; gap: .55rem; margin: 1rem 0 2rem; }
.store-mode-switcher a { display: flex; min-height: 43px; align-items: center; gap: .5rem; padding: 0 1rem; border: 1px solid rgba(100,160,219,.15); border-radius: .6rem; color: #6f859b; background: rgba(5,13,27,.88); font-family: var(--font-russo-one),sans-serif; font-size: .62rem; }
.store-mode-switcher a.is-active { border-color: rgba(74,204,255,.48); color: #dff8ff; background: rgba(22,157,216,.12); }
.store-reward-track { display: flex; min-width: max-content; gap: .65rem; }
.store-reward-scroll { overflow-x: auto; padding: .2rem 0 1rem; }
.store-reward-card { width: 170px; flex: 0 0 auto; border: 1px solid rgba(100,160,219,.24); border-radius: .8rem; background: #07101f; overflow: hidden; }
.store-discovery,
.vote-community-cta { display: flex; max-width: 1180px; align-items: center; justify-content: space-between; gap: 2rem; margin: 4rem auto 0; padding: 2rem; border: 1px solid rgba(100,160,219,.14); border-radius: 1rem; background: rgba(3,9,20,.84); }

/* Vote */
.vote-process { max-width: 1120px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 1rem auto 4rem; }
.vote-platforms { max-width: 1120px; margin: 0 auto; scroll-margin-top: 120px; }
.vote-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.vote-card { --vote-accent:#38d4ff; position: relative; display: flex; min-height: 330px; overflow: hidden; flex-direction: column; padding: 1.35rem; border: 1px solid rgba(105,161,218,.17); border-radius: 1rem; background: linear-gradient(145deg,rgba(9,19,35,.97),rgba(4,10,21,.97)); box-shadow: 0 18px 45px rgba(0,0,0,.24); transition: .22s ease; }
.vote-card:nth-child(3n+2) { --vote-accent:#6e83ff; }
.vote-card:nth-child(3n+3) { --vote-accent:#a273ff; }
.vote-card::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg,var(--vote-accent),transparent); box-shadow: 0 0 13px var(--vote-accent); }
.vote-card:hover { border-color: color-mix(in srgb,var(--vote-accent) 40%,transparent); transform: translateY(-4px); box-shadow: 0 26px 58px rgba(0,0,0,.34); }
.vote-card-top { display: flex; align-items: center; justify-content: space-between; }
.vote-card-top > span { color: rgba(135,190,240,.28); font-family: var(--font-russo-one), sans-serif; font-size: 1.25rem; }
.vote-card-top > i { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border: 1px solid color-mix(in srgb,var(--vote-accent) 28%,transparent); border-radius: .7rem; color: var(--vote-accent); background: color-mix(in srgb,var(--vote-accent) 8%,transparent); }
.vote-card-top svg { width: 1.25rem; height: 1.25rem; }
.vote-card > small { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1.5rem; color: color-mix(in srgb,var(--vote-accent) 74%,white); font-size: .47rem; font-weight: 900; letter-spacing: .11em; }
.vote-card > small i { width: .35rem; height: .35rem; border-radius: 50%; background: #34d399; box-shadow: 0 0 8px #34d399; }
.vote-card h3 { margin-top: .65rem; color: #ecf9ff; font-family: var(--font-russo-one), sans-serif; font-size: 1.1rem; line-height: 1.35; }
.vote-card > p { margin-top: .75rem; color: #7f95aa; font-size: .8rem; line-height: 1.65; }
.vote-card footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid rgba(105,161,218,.12); }
.vote-card footer > span { color: #4e6378; font-size: .48rem; font-weight: 900; letter-spacing: .1em; }
.vote-card footer a { color: var(--vote-accent); font-size: .57rem; font-weight: 900; letter-spacing: .08em; }
.vote-empty { padding: 4rem 2rem; border: 1px dashed rgba(99,160,220,.2); border-radius: 1rem; text-align: center; background: rgba(4,10,22,.72); }

/* Leaderboard */
.leaderboard-worlds { max-width: 1160px; margin: 4rem auto 0; }
.leaderboard-world-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.leaderboard-world-card { --rank-accent:#3ed3ff; display: grid; min-height: 500px; overflow: hidden; grid-template-rows: 230px 1fr; border: 1px solid color-mix(in srgb,var(--rank-accent) 24%,transparent); border-radius: 1rem; background: linear-gradient(145deg,rgba(9,19,35,.97),rgba(4,10,21,.97)); box-shadow: 0 18px 45px rgba(0,0,0,.24); transition: .22s ease; }
.leaderboard-world-card.is-orange { --rank-accent:#ff8a4c; }
.leaderboard-world-card:hover { border-color: color-mix(in srgb,var(--rank-accent) 65%,transparent); transform: translateY(-6px); }
.leaderboard-world-art { position: relative; overflow: hidden; }
.leaderboard-world-art img { transition: transform .5s ease; }
.leaderboard-world-card:hover .leaderboard-world-art img { transform: scale(1.045); }
.leaderboard-world-art span { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, #06101f); }
.leaderboard-world-copy { display: flex; flex-direction: column; padding: 1.4rem; }
.leaderboard-world-copy > header { display: flex; align-items: center; justify-content: space-between; }
.leaderboard-world-copy > header span { color: #536d86; font-size: .49rem; font-weight: 900; letter-spacing: .13em; }
.leaderboard-world-copy > header i { color: #34d399; font-size: .48rem; font-style: normal; font-weight: 900; letter-spacing: .1em; }
.leaderboard-world-copy h3 { margin-top: .55rem; color: var(--rank-accent); font-family: var(--font-russo-one), sans-serif; font-size: 2rem; }
.leaderboard-world-copy > p { margin-top: .55rem; color: #879cb0; font-size: .72rem; line-height: 1.5; }
.leaderboard-world-copy ul { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1rem; }
.leaderboard-world-copy li { display: flex; align-items: center; gap: .35rem; padding: .42rem .55rem; border: 1px solid rgba(103,159,210,.13); border-radius: .4rem; color: #9cb0c2; background: rgba(255,255,255,.025); font-size: .55rem; }
.leaderboard-world-copy li i { width: .28rem; height: .28rem; border-radius: 50%; background: var(--rank-accent); }
.leaderboard-world-copy footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 1.05rem; border-top: 1px solid rgba(103,159,210,.12); color: #eaf9ff; }
.leaderboard-world-copy footer strong { font-family: var(--font-russo-one), sans-serif; font-size: .61rem; letter-spacing: .05em; }
.leaderboard-world-copy footer b { color: var(--rank-accent); font-size: 1rem; }
.leaderboard-info-rail { max-width: 1160px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 1rem auto 0; }

/* Forum */
.forum-page { padding: clamp(2rem, 5vw, 5rem) 1rem 3rem; }
.forum-create-button { min-height: 50px; padding: 0 1.6rem; }
.forum-controls { position: sticky; top: 112px; z-index: 15; display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .34fr) 170px; gap: .75rem; margin: 1.2rem 0; padding: .8rem; border: 1px solid rgba(74,151,219,.2); border-radius: 1.15rem; background: rgba(3,9,22,.88); box-shadow: 0 18px 45px rgba(0,0,0,.26); backdrop-filter: blur(18px); }
.forum-categories { display: flex; gap: .45rem; overflow-x: auto; scrollbar-width: none; }
.forum-categories::-webkit-scrollbar { display: none; }
.forum-categories button { flex: 0 0 auto; display: flex; align-items: center; gap: .55rem; min-height: 44px; padding: 0 .9rem; border: 1px solid transparent; border-radius: .75rem; color: #91a9ba; background: rgba(255,255,255,.035); font-family: var(--font-russo-one), sans-serif; font-size: .68rem; font-weight: 700; letter-spacing: .04em; transition: .2s ease; }
.forum-categories button i { color: #42d5ff; font-style: normal; }
.forum-categories button:hover,
.forum-categories button.is-active { color: #effcff; border-color: rgba(51,203,255,.38); background: linear-gradient(135deg,rgba(0,177,238,.25),rgba(73,92,255,.2)); box-shadow: inset 0 0 20px rgba(22,150,255,.08); }
.forum-search { display: flex; overflow: hidden; border: 1px solid rgba(97,160,215,.2); border-radius: .75rem; background: rgba(255,255,255,.035); }
.forum-search input { min-width: 0; flex: 1; padding: 0 .9rem; border: 0; outline: 0; color: #e8faff; background: transparent; }
.forum-search button { width: 45px; color: #47d7ff; font-size: 1.35rem; }
.forum-sort { min-height: 44px; padding: 0 .75rem; border: 1px solid rgba(97,160,215,.2); border-radius: .75rem; outline: 0; color: #cdeaf5; background: #071120; font-weight: 800; }
.forum-topic-list { overflow: hidden; border: 1px solid rgba(78,153,218,.2); border-radius: 1.25rem; background: rgba(3,9,20,.76); box-shadow: 0 26px 70px rgba(0,0,0,.3); transition: opacity .2s; }
.forum-topic-list.is-loading { opacity: .52; pointer-events: none; }
.forum-topic-list > header { display: flex; justify-content: space-between; align-items: center; padding: 1.2rem 1.35rem; border-bottom: 1px solid rgba(86,154,213,.16); background: rgba(14,35,61,.35); }
.forum-topic-list > header span { color: #43d7ff; font-family: var(--font-russo-one), sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .16em; }
.forum-topic-list > header small { color: #617c91; }
.forum-topic-row { position: relative; display: grid; grid-template-columns: 52px minmax(0,1fr) auto 28px; align-items: center; gap: 1.15rem; min-height: 138px; padding: 1.35rem; border-bottom: 1px solid rgba(78,138,190,.13); color: inherit; text-decoration: none; transition: .22s ease; }
.forum-topic-row:last-child { border-bottom: 0; }
.forum-topic-row:hover { background: linear-gradient(90deg,rgba(20,149,222,.09),rgba(76,76,226,.05)); transform: translateX(3px); }
.forum-topic-row.is-pinned { background: linear-gradient(90deg,rgba(13,156,223,.1),transparent 62%); }
.forum-topic-avatar { display: grid; place-items: center; overflow: hidden; width: 48px; height: 48px; border: 1px solid rgba(80,209,255,.38); border-radius: .8rem; color: #71e6ff; background: linear-gradient(145deg,#0a2941,#101633); font-family: var(--font-russo-one), sans-serif; box-shadow: 0 0 22px rgba(12,165,237,.1); }
.forum-topic-avatar img { width: 100%; height: 100%; object-fit: cover; }
.forum-topic-main { min-width: 0; }
.forum-topic-flags { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: .55rem; }
.forum-topic-flags span { padding: .34rem .55rem; border: 1px solid rgba(76,155,218,.17); border-radius: .42rem; color: #6f9cb6; background: rgba(52,117,168,.08); font-family: var(--font-russo-one), sans-serif; font-size: .53rem; font-weight: 700; letter-spacing: .09em; }
.forum-topic-flags .forum-pin { color: #4ce7ff; border-color: rgba(48,211,255,.3); }
.forum-topic-main h2 { overflow: hidden; margin: 0 0 .45rem; color: #eaf9ff; font-family: var(--font-russo-one), sans-serif; font-size: clamp(1rem, 2vw, 1.28rem); font-weight: 400; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.forum-topic-main p { overflow: hidden; display: -webkit-box; max-width: 850px; margin: 0 0 .6rem; color: #849cac; font-size: .9rem; line-height: 1.55; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.forum-topic-main small { color: #547084; font-size: .72rem; }
.forum-topic-metrics { display: flex; gap: .45rem; }
.forum-topic-metrics span { min-width: 72px; padding: .7rem .55rem; text-align: center; color: #5c788c; font-family: var(--font-russo-one), sans-serif; font-size: .48rem; font-weight: 700; line-height: 1.3; letter-spacing: .08em; }
.forum-topic-metrics b { display: block; margin-bottom: .25rem; color: #d5f7ff; font-size: 1rem; }
.forum-row-arrow { color: #3cd8ff; font-style: normal; font-size: 1.35rem; }
.forum-empty { display: grid; place-items: center; min-height: 290px; padding: 3rem; text-align: center; }
.forum-empty > b { color: #3bd9ff; font-size: 2rem; }
.forum-empty strong { color: #dff7ff; font-family: var(--font-russo-one), sans-serif; font-size: 1.25rem; font-weight: 400; }
.forum-empty p { margin: .55rem 0; color: #6e8a9d; }
.forum-modal { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 1rem; background: rgba(0,3,12,.82); backdrop-filter: blur(13px); }
.forum-composer { width: min(720px,100%); max-height: 92vh; overflow-y: auto; padding: 1.4rem; border: 1px solid rgba(63,199,255,.32); border-radius: 1.25rem; background: linear-gradient(145deg,#061426,#050a17); box-shadow: 0 35px 120px #000; }
.forum-composer-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1.25rem; }
.forum-composer-head span { display: flex; flex-direction: column; gap: .35rem; }
.forum-composer-head small { color: #45d9ff; font-family: var(--font-russo-one), sans-serif; font-size: .55rem; font-weight: 800; letter-spacing: .16em; }
.forum-composer-head b { color: #effcff; font-family: var(--font-russo-one), sans-serif; font-size: 1.55rem; font-weight: 400; line-height: 1; }
.forum-composer-head button { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(105, 168, 221, .18); border-radius: .75rem; color: #8da7ba; background: rgba(255,255,255,.035); font-size: 1.3rem; line-height: 1; }
.forum-composer label { display: grid; gap: .55rem; margin-top: 1rem; color: #a8cad8; font-family: var(--font-russo-one), sans-serif; font-size: .62rem; font-weight: 800; letter-spacing: .09em; }
.forum-composer input,
.forum-composer textarea,
.forum-composer select { width: 100%; min-width: 0; padding: .9rem 1rem; border: 1px solid rgba(92,163,221,.24); border-radius: .75rem; outline: 0; color: #e8f9ff; background: rgba(4, 12, 27, .96); font-family: inherit; font-size: .92rem; line-height: 1.55; resize: vertical; box-shadow: inset 0 0 0 1px rgba(255,255,255,.015); }
.forum-composer input::placeholder,
.forum-composer textarea::placeholder { color: #6f8798; }
.forum-composer input:focus,
.forum-composer textarea:focus,
.forum-composer select:focus { border-color: rgba(47,211,255,.62); box-shadow: 0 0 0 3px rgba(33,173,233,.08), 0 0 26px rgba(19,167,239,.08); }
.forum-composer textarea { min-height: 190px; }
.forum-composer-foot { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1rem; color: #638197; }
.forum-composer-foot button { min-height: 46px; padding: 0 1.25rem; }
.forum-form-error { margin: .75rem 0 0; color: #ff8790; font-size: .82rem; }

/* Forum topic detail fallback */
.forum-topic-page { padding-top: 2.5rem; }
.forum-topic-shell { width: min(1180px, 100%); }
.forum-breadcrumb {
    display: flex;
    align-items: center;
    gap: .55rem;
    overflow: hidden;
    margin-bottom: 1.1rem;
    color: #6f8da1;
    font-size: .78rem;
    white-space: nowrap;
}
.forum-breadcrumb a { color: #76dfff; text-decoration: none; }
.forum-breadcrumb b { overflow: hidden; color: #c7e6f2; text-overflow: ellipsis; }
.forum-post-card,
.forum-discussion,
.forum-reply-box {
    overflow: hidden;
    border: 1px solid rgba(76,157,222,.24);
    border-radius: 1.25rem;
    background: rgba(3,9,21,.88);
    box-shadow: 0 25px 65px rgba(0,0,0,.32);
    backdrop-filter: blur(14px);
}
.forum-post-heading {
    padding: clamp(1.4rem,4vw,2.6rem);
    border-bottom: 1px solid rgba(82,156,214,.16);
    background: linear-gradient(130deg,rgba(14,78,121,.24),rgba(46,43,132,.12));
}
.forum-post-heading h1 {
    max-width: 950px;
    margin: .85rem 0 1.4rem;
    color: #f1fbff;
    font-family: var(--font-russo-one), sans-serif;
    font-size: clamp(2rem,5vw,4.2rem);
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -.035em;
}
.forum-post-labels {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .55rem;
}
.forum-post-labels span {
    padding: .34rem .55rem;
    border: 1px solid rgba(76,155,218,.18);
    border-radius: .42rem;
    color: #85b6d0;
    background: rgba(52,117,168,.1);
    font-family: var(--font-russo-one), sans-serif;
    font-size: .53rem;
    font-weight: 800;
    letter-spacing: .09em;
}
.forum-post-labels .forum-pin { color: #4ce7ff; border-color: rgba(48,211,255,.3); }
.forum-post-author { display: flex; align-items: center; gap: .8rem; }
.forum-post-author p { display: flex; flex-direction: column; margin: 0; }
.forum-post-author strong { color: #d8f5ff; }
.forum-post-author small { margin-top: .2rem; color: #7897aa; }
.forum-post-content {
    min-height: 180px;
    padding: clamp(1.5rem,4vw,3rem);
    color: #c3d6df;
    font-size: 1.03rem;
    line-height: 1.9;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.forum-post-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.35rem;
    border-top: 1px solid rgba(82,156,214,.14);
    background: rgba(12,30,51,.34);
}
.forum-post-footer button,
.forum-post-footer span,
.forum-comment footer button {
    padding: .65rem .8rem;
    border: 1px solid rgba(86,151,202,.18);
    border-radius: .65rem;
    color: #89a8bb;
    background: rgba(255,255,255,.03);
    font-family: var(--font-russo-one), sans-serif;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
}
.forum-post-footer button:hover,
.forum-post-footer button.is-liked,
.forum-comment footer button.is-liked {
    color: #ff7798;
    border-color: rgba(255,85,136,.32);
    background: rgba(255,64,125,.1);
}
.forum-comment footer button.forum-comment-delete {
    color: #ff9aa8;
    border-color: rgba(255, 96, 128, .22);
    background: rgba(255, 59, 96, .06);
}
.forum-comment footer button.forum-comment-delete:hover {
    color: #fff;
    border-color: rgba(255, 96, 128, .5);
    background: rgba(255, 59, 96, .2);
}
.forum-post-footer button.forum-danger-action {
    margin-left: auto;
    color: #ff9aa8;
    border-color: rgba(255, 96, 128, .28);
    background: rgba(255, 59, 96, .08);
}
.forum-post-footer button.forum-danger-action:hover {
    color: #fff;
    border-color: rgba(255, 96, 128, .55);
    background: rgba(255, 59, 96, .22);
}
.forum-discussion { margin-top: 1.2rem; }
.forum-discussion > header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid rgba(82,156,214,.15);
}
.forum-discussion > header small,
.forum-reply-box small {
    color: #3ed5ff;
    font-family: var(--font-russo-one), sans-serif;
    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .16em;
}
.forum-discussion > header h2,
.forum-reply-box h2 {
    margin: .25rem 0 0;
    color: #e4f8ff;
    font-family: var(--font-russo-one), sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
}
.forum-discussion > header > b {
    color: #4bdcff;
    font-family: var(--font-russo-one), sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
}
.forum-thread { border-bottom: 1px solid rgba(79,142,194,.13); }
.forum-thread:last-child { border-bottom: 0; }
.forum-comment {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr);
    gap: 1rem;
    padding: 1.4rem 1.5rem;
}
.forum-comment.is-reply {
    margin: 0 1.5rem 1rem 5rem;
    padding: 1rem;
    border: 1px solid rgba(74,146,201,.15);
    border-radius: .85rem;
    background: rgba(27,60,91,.13);
}
.forum-comment-body header { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.forum-comment-body header strong { color: #d8f4ff; }
.forum-comment-body header span { color: #66859a; font-size: .7rem; }
.forum-comment-body header i { color: #45d7ff; font-family: var(--font-russo-one), sans-serif; font-size: .5rem; font-weight: 800; }
.forum-comment-body p { margin: .7rem 0; color: #a9c0cd; line-height: 1.72; white-space: pre-wrap; overflow-wrap: anywhere; }
.forum-comment footer { display: flex; gap: .5rem; }
.forum-comment footer button { padding: .45rem .6rem; }
.forum-inline-reply {
    margin: 0 1.5rem 1.4rem 5rem;
    padding: 1rem;
    border: 1px solid rgba(51,203,255,.23);
    border-radius: .9rem;
    background: rgba(5,19,37,.86);
}
.forum-inline-reply > div { display: flex; justify-content: space-between; margin-bottom: .7rem; color: #6bdcf7; }
.forum-inline-reply textarea,
.forum-reply-box textarea {
    width: 100%;
    padding: .9rem 1rem;
    border: 1px solid rgba(92,163,221,.24);
    border-radius: .75rem;
    outline: 0;
    color: #e8f9ff;
    background: rgba(4, 12, 27, .96);
    font-size: .92rem;
    line-height: 1.55;
    resize: vertical;
}
.forum-inline-reply textarea:focus,
.forum-reply-box textarea:focus {
    border-color: rgba(47,211,255,.62);
    box-shadow: 0 0 0 3px rgba(33,173,233,.08);
}
.forum-inline-reply > button { display: block; margin: .7rem 0 0 auto; padding: .7rem 1rem; }
.forum-reply-box { margin-top: 1.2rem; padding: 1.4rem; }
.forum-reply-box form > div { margin-bottom: 1rem; }
.forum-reply-box form > footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .8rem;
    color: #6d899d;
}
.forum-reply-box form > footer button { padding: .75rem 1rem; }
.forum-signin-prompt {
    display: grid;
    grid-template-columns: 54px 1fr;
    column-gap: 1rem;
    align-items: center;
    width: 100%;
    padding: 1.4rem;
    border: 1px dashed rgba(58,205,255,.3);
    border-radius: .9rem;
    text-align: left;
    color: #d9f8ff;
    background: rgba(29,130,183,.06);
}
.forum-signin-prompt > span {
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: .8rem;
    color: #43d8ff;
    background: rgba(32,176,232,.12);
    font-size: 1.6rem;
}
.forum-signin-prompt b { font-family: var(--font-russo-one), sans-serif; font-size: 1rem; font-weight: 400; }
.forum-signin-prompt small { color: #638296; }
.forum-locked { display: flex; flex-direction: column; align-items: center; gap: .4rem; padding: 2rem; color: #6f91a5; }
.forum-locked strong { color: #d6f2fa; font-family: var(--font-russo-one), sans-serif; font-size: 1rem; font-weight: 400; }

@media (max-width: 760px) {
    .forum-post-heading h1 { font-size: 2rem; }
    .forum-post-footer { gap: .4rem; }
    .forum-post-footer span,
    .forum-post-footer button { font-size: .48rem; }
    .forum-comment { grid-template-columns: 36px minmax(0,1fr); padding: 1rem; gap: .7rem; }
    .forum-comment-avatar { width: 36px; height: 36px; }
    .forum-comment.is-reply,
    .forum-inline-reply { margin-left: 2.1rem; margin-right: .75rem; }
    .forum-reply-box { padding: 1rem; }
}

@media (max-width: 1100px) {
    .store-package-grid,
    .vote-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .forum-hero { grid-template-columns: 1fr; }
    .forum-hero-stats { grid-template-columns: repeat(3, 1fr); grid-template-rows: none; }
    .forum-hero-stats span { border-right: 1px solid rgba(117,183,238,.13); border-bottom: 0; }
    .forum-controls { position: relative; top: auto; grid-template-columns: 1fr 1fr; }
    .forum-categories { grid-column: 1 / -1; }
    .forum-topic-metrics span:nth-child(3) { display: none; }
}

@media (max-width: 767px) {
    .store-page .container,
    .vote-page .container,
    .leaderboard-hub .container { padding-top: 1rem; }
    .store-hero,
    .vote-hero,
    .leaderboard-hero,
    .forum-hero { min-height: auto; grid-template-columns: 1fr; gap: 1.2rem; padding: 1.4rem; border-radius: 1rem; }
    .store-hero h1,
    .vote-hero h1,
    .leaderboard-hero h1,
    .forum-hero h1 { font-size: 2.5rem !important; }
    .store-hero-console,
    .vote-hero-panel,
    .leaderboard-hero aside { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); align-self: auto; }
    .store-hero-console > span,
    .store-hero-console > p,
    .vote-hero-panel > span,
    .vote-hero-panel > p,
    .leaderboard-hero aside > span,
    .leaderboard-hero aside > p { grid-column: 1 / -1; }
    .store-hero-console > div,
    .vote-hero-panel > div,
    .leaderboard-hero aside > div { min-height: 76px; padding: .7rem .5rem; border-right: 1px solid rgba(100,162,221,.12); border-bottom: 0; }
    .store-switcher,
    .store-package-grid,
    .store-trust-rail,
    .vote-process,
    .vote-grid,
    .leaderboard-world-grid,
    .leaderboard-info-rail { grid-template-columns: 1fr; }
    .store-switcher { margin-bottom: 2.7rem; }
    .store-switcher > a { min-height: 88px; border-right: 0; border-bottom: 1px solid rgba(100,160,219,.14); }
    .store-package-card { min-height: 560px; }
    .store-package-art { height: 210px; }
    .store-section-heading,
    .vote-section-heading,
    .leaderboard-section-heading,
    .store-discovery,
    .vote-community-cta { align-items: flex-start; flex-direction: column; gap: .8rem; }
    .store-section-heading > p,
    .vote-section-heading > p,
    .leaderboard-section-heading > p { text-align: left; }
    .vote-process article,
    .store-trust-rail article,
    .leaderboard-info-rail article { border-right: 0; border-bottom: 1px solid rgba(100,160,219,.13); }
    .leaderboard-world-card { min-height: 500px; grid-template-rows: 210px 1fr; }
    .forum-page { padding: 1rem .7rem 2rem; }
    .forum-shell { width: 100%; }
    .forum-hero { min-height: 560px; background-position: 58% center; }
    .forum-hero p { font-size: .9rem; }
    .forum-hero-stats { grid-template-columns: repeat(3, 1fr); }
    .forum-hero-stats span { padding: 1rem .7rem; }
    .forum-hero-stats b { font-size: 1.25rem; }
    .forum-controls { grid-template-columns: 1fr; padding: .65rem; }
    .forum-categories,
    .forum-search { grid-column: 1; }
    .forum-topic-row { grid-template-columns: 40px minmax(0,1fr) 20px; min-height: 128px; padding: 1rem; gap: .8rem; }
    .forum-topic-avatar { width: 40px; height: 40px; }
    .forum-topic-metrics { grid-column: 2; justify-content: flex-start; }
    .forum-topic-metrics span { min-width: auto; padding: .2rem .8rem .2rem 0; text-align: left; }
    .forum-topic-metrics b { display: inline; margin-right: .3rem; }
    .forum-row-arrow { grid-column: 3; grid-row: 1 / 3; }
    .forum-topic-main h2 { font-size: 1rem; }
    .forum-topic-main p { -webkit-line-clamp: 1; }
    .forum-topic-list > header small { display: none; }
}

/* Gamemodes next-step fallback skin */
.game-world-next-step {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.2rem 2rem;
    align-items: center;
    max-width: 1180px;
    margin: 3.5rem auto 0;
    padding: clamp(1.4rem, 3vw, 2rem);
    border: 1px solid rgba(70, 180, 255, .22);
    border-radius: 1.2rem;
    background: radial-gradient(circle at 10% 0%, rgba(49, 211, 255, .16), transparent 24rem), linear-gradient(120deg, rgba(5, 13, 30, .95), rgba(4, 9, 21, .9));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .32);
}
.game-world-next-step > div:first-child > span { color: #4edcff; font-family: ui-monospace, monospace; font-size: .58rem; font-weight: 900; letter-spacing: .16em; }
.game-world-next-step h2 { margin-top: .55rem; color: #f2fbff; font-family: var(--font-russo-one), sans-serif; font-size: clamp(1.45rem, 3vw, 2.55rem); line-height: 1.05; letter-spacing: -.025em; }
.game-world-next-step p { max-width: 720px; margin-top: .75rem; color: #91aabd; font-size: .92rem; line-height: 1.72; }
.game-world-next-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; }
.game-world-next-actions a { min-width: 150px; justify-content: center; }
.game-world-next-steps { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; border: 1px solid rgba(102, 169, 230, .14); border-radius: .9rem; background: rgba(3, 9, 20, .72); }
.game-world-next-steps article { display: flex; align-items: center; gap: .8rem; min-height: 74px; padding: 1rem 1.2rem; border-right: 1px solid rgba(102, 169, 230, .12); }
.game-world-next-steps article:last-child { border-right: 0; }
.game-world-next-steps strong { color: rgba(78, 220, 255, .38); font-family: var(--font-russo-one), sans-serif; font-size: 1.1rem; }
.game-world-next-steps span { color: #d7f5ff; font-family: var(--font-russo-one), sans-serif; font-size: .72rem; letter-spacing: .04em; }
@media (max-width: 767px) {
    .game-world-next-step { grid-template-columns: 1fr; }
    .game-world-next-actions { justify-content: stretch; }
    .game-world-next-actions a { flex: 1; min-width: 0; }
    .game-world-next-steps { grid-template-columns: 1fr; }
    .game-world-next-steps article { border-right: 0; border-bottom: 1px solid rgba(102, 169, 230, .12); }
    .game-world-next-steps article:last-child { border-bottom: 0; }
}

/* Gamemodes hero image lock */
.gamemodes-page-header,
.game-page-header.gamemodes-page-header {
    background-image:
        linear-gradient(90deg, rgba(5, 7, 13, .9), rgba(5, 7, 13, .3), rgba(5, 7, 13, .74)),
        url('/uniotale_oyunlar.webp') !important;
    background-position: center 54% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Profile forum activity */
.profile-page { min-height: 100vh; padding: clamp(2rem, 5vw, 5rem) 1rem 4rem; color: #dff8ff; background: radial-gradient(circle at 50% 0%, rgba(39, 161, 255, .13), transparent 34%), linear-gradient(180deg, rgba(2, 7, 18, .08), rgba(2, 7, 18, .72)); }
.profile-shell { width: min(1280px, 100%); margin: 0 auto; }
.profile-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .34fr); gap: 1rem; margin-bottom: 1rem; }
.profile-player-card, .profile-hytale-card, .profile-stat-card, .profile-notifications, .profile-topics { border: 1px solid rgba(77, 171, 244, .22); background: linear-gradient(145deg, rgba(5, 15, 31, .92), rgba(4, 9, 22, .86)); box-shadow: 0 28px 80px rgba(0,0,0,.32); backdrop-filter: blur(16px); }
.profile-player-card { position: relative; display: flex; align-items: center; gap: 1.25rem; overflow: hidden; min-height: 230px; padding: clamp(1.4rem, 4vw, 2.5rem); border-radius: 1.35rem; }
.profile-player-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(3,9,20,.9), rgba(5,21,47,.68)), url('/uniotale_profil_hero.webp') center/cover; opacity: .8; }
.profile-player-card::after { content: ""; position: absolute; inset: auto 0 0; height: 3px; background: linear-gradient(90deg, #18d5ff, #406fff 58%, #7d4cff); box-shadow: 0 0 26px rgba(28,196,255,.65); }
.profile-player-card > * { position: relative; z-index: 1; }
.profile-avatar, .profile-notification-avatar { display: grid; place-items: center; overflow: hidden; flex: 0 0 auto; border: 1px solid rgba(72,211,255,.35); color: #77eaff; background: linear-gradient(145deg, #0b2a43, #101636); font-family: var(--font-russo-one), sans-serif; box-shadow: 0 0 28px rgba(21,170,245,.16); }
.profile-avatar { width: 88px; height: 88px; border-radius: 1.1rem; font-size: 2rem; }
.profile-avatar img, .profile-notification-avatar img { width: 100%; height: 100%; object-fit: cover; }
.profile-kicker { display: block; margin-bottom: .65rem; color: #4adfff; font: 700 .68rem/1 var(--font-russo-one), sans-serif; letter-spacing: .22em; }
.profile-player-card h1 { margin: 0; color: #fff; font: 400 clamp(2.4rem, 5vw, 4.5rem)/.95 var(--font-russo-one), sans-serif; letter-spacing: -.04em; }
.profile-player-card h1 span { color: transparent; background: linear-gradient(90deg, #8aeaff, #1cbaff 50%, #6678ff); background-clip: text; -webkit-background-clip: text; }
.profile-player-card p { margin: .8rem 0 0; color: #94adbd; }
.profile-hytale-card { display: flex; flex-direction: column; justify-content: flex-end; min-height: 230px; padding: 1.4rem; border-radius: 1.35rem; text-align: left; transition: .22s ease; }
.profile-hytale-card:hover { transform: translateY(-3px); border-color: rgba(72,214,255,.42); box-shadow: 0 32px 90px rgba(21,151,241,.14); }
.profile-hytale-card span { color: #45dfff; font: 700 .6rem/1 var(--font-russo-one), sans-serif; letter-spacing: .2em; text-transform: uppercase; }
.profile-hytale-card strong { margin: .7rem 0 .45rem; color: #effcff; font: 400 1.35rem/1.15 var(--font-russo-one), sans-serif; }
.profile-hytale-card small { color: #7f9bae; line-height: 1.6; }
.profile-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; margin: 1rem 0; }
.profile-stat-card { padding: 1.1rem; border-radius: 1rem; }
.profile-stat-card b { display: block; color: #53e3ff; font: 400 2rem/1 var(--font-russo-one), sans-serif; }
.profile-stat-card span { display: block; margin-top: .55rem; color: #8da8b8; font: 700 .62rem/1.35 var(--font-russo-one), sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.profile-forum-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; align-items: start; }
.profile-notifications, .profile-topics, .profile-topics-full { overflow: hidden; border-radius: 1.2rem; }
.profile-notifications header, .profile-topics header { padding: 1.15rem 1.25rem; border-bottom: 1px solid rgba(79,153,214,.15); background: rgba(13,31,55,.36); }
.profile-notifications small, .profile-topics small { color: #48dbff; font: 700 .55rem/1 var(--font-russo-one), sans-serif; letter-spacing: .18em; }
.profile-notifications h2, .profile-topics h2 { margin: .35rem 0 0; color: #eefcff; font: 400 1.45rem/1 var(--font-russo-one), sans-serif; }
.profile-notification { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: .85rem; padding: 1rem 1.1rem; border-bottom: 1px solid rgba(75,143,198,.12); color: inherit; text-decoration: none; transition: .18s ease; }
.profile-notification:last-child { border-bottom: 0; }
.profile-notification:hover { background: linear-gradient(90deg, rgba(27,168,239,.09), rgba(84,80,230,.05)); }
.profile-notification-avatar { width: 42px; height: 42px; border-radius: .75rem; font-size: .9rem; }
.profile-notification strong { color: #f0fdff; }
.profile-notification b { display: block; overflow: hidden; margin: .2rem 0; color: #8eeaff; text-overflow: ellipsis; white-space: nowrap; }
.profile-notification em { display: -webkit-box; overflow: hidden; color: #7e96a7; font-style: normal; font-size: .82rem; line-height: 1.45; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.profile-notification small { display: block; margin-top: .45rem; color: #536d81; letter-spacing: 0; }
.profile-topic-row-wrap { display: flex; align-items: center; border-bottom: 1px solid rgba(75,143,198,.12); }
.profile-topic-row-wrap:last-child { border-bottom: 0; }
.profile-topic-row-wrap:hover { background: linear-gradient(90deg, rgba(27,168,239,.09), rgba(84,80,230,.05)); }
.profile-topic-row { display: grid; flex: 1; min-width: 0; grid-template-columns: minmax(0, 1fr) auto auto 22px; gap: .75rem; align-items: center; min-height: 84px; padding: 1rem 1.15rem; border-bottom: 0; color: inherit; text-decoration: none; }
.profile-topic-row strong { display: block; overflow: hidden; color: #eefcff; font: 400 1rem/1.3 var(--font-russo-one), sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.profile-topic-row span small { display: block; margin-top: .35rem; color: #637f91; letter-spacing: 0; }
.profile-topic-row i { padding: .45rem .6rem; border: 1px solid rgba(77,161,228,.16); border-radius: .55rem; color: #8aa7b8; background: rgba(255,255,255,.025); font: 700 .55rem/1 var(--font-russo-one), sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.profile-topic-row b { color: #41d9ff; font-size: 1.2rem; }
.profile-topic-delete { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-right: .75rem; border-radius: .5rem; border: 1px solid rgba(239,68,68,.25); background: rgba(239,68,68,.08); color: #f87171; cursor: pointer; transition: .18s ease; }
.profile-topic-delete:hover { background: rgba(239,68,68,.22); border-color: rgba(239,68,68,.5); color: #fca5a5; }
.profile-empty { padding: 2rem 1.25rem; color: #7f9aad; line-height: 1.65; }
.profile-empty-action { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.profile-empty-action a { color: #48ddff; font-weight: 800; text-decoration: none; }
@media (max-width: 980px) { .profile-hero { grid-template-columns: 1fr; } .profile-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .profile-page { padding: 1rem .75rem 2.5rem; } .profile-player-card { align-items: flex-start; flex-direction: column; } .profile-player-card h1 { font-size: 2.45rem; } .profile-stat-grid { grid-template-columns: 1fr; } .profile-topic-row { grid-template-columns: 1fr 22px; } .profile-topic-row i { justify-self: start; } }

/* Gallery compact square grid */
.gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: .9rem !important;
}
.gallery-card,
.gallery-card.is-featured {
    position: relative !important;
    grid-column: auto !important;
    grid-row: auto !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 1rem !important;
}
.gallery-card > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.gallery-card.is-featured .gallery-card-copy > strong {
    font-size: 1.05rem !important;
}
@media (max-width: 760px) {
    .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* Rehber alt alanı */
.hytale-landing-hero { position:relative; display:grid; min-height:560px; overflow:hidden; grid-template-columns:minmax(0,1fr); align-items:center; padding:clamp(2rem,5vw,4.8rem); border:1px solid rgba(100,164,255,.22); border-radius:1.5rem; background:#07101f; box-shadow:0 36px 90px rgba(0,0,0,.42),inset 0 0 70px rgba(44,117,255,.05); isolation:isolate; }
.hytale-landing-hero::after { position:absolute; z-index:3; right:0; bottom:0; left:0; height:3px; background:linear-gradient(90deg,#27caff,#597cff 58%,#8b5cf6,transparent); content:""; box-shadow:0 0 20px rgba(63,167,255,.6); }
.hytale-landing-hero-img { position:absolute; z-index:0; top:0; right:0; bottom:0; width:58%; overflow:hidden; pointer-events:none; }
.hytale-landing-hero-img img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(1.05) contrast(1.03); }
.hytale-landing-hero-img-mask { position:absolute; inset:0; background:linear-gradient(90deg,#07101f 0%,rgba(7,16,31,.72) 22%,rgba(7,16,31,.08) 72%),linear-gradient(0deg,rgba(7,16,31,.62),transparent 52%,rgba(7,16,31,.24)); }
.hytale-landing-hero-copy { position:relative; z-index:2; width:min(620px,55%); }
.hytale-landing-eyebrow { display:inline-flex; align-items:center; gap:.55rem; color:#60d9ff; font-size:.62rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.hytale-landing-eyebrow i { width:.45rem; height:.45rem; border-radius:50%; background:#34d399; box-shadow:0 0 10px #34d399; }
.hytale-landing-hero-copy h1 { margin:1rem 0 0; color:#f5fbff; font:400 clamp(2rem,4.2vw,4rem)/1.05 var(--font-russo-one),sans-serif; letter-spacing:-.03em; }
.hytale-landing-hero-copy > p { max-width:600px; margin:1.2rem 0 0; color:#a5b8cd; font-size:1rem; line-height:1.7; }
.hytale-landing-ip-card { display:flex; flex-direction:column; gap:.65rem; max-width:520px; margin-top:2rem; padding:1.1rem 1.25rem; border:1px solid rgba(78,178,255,.22); border-radius:.85rem; background:rgba(3,10,25,.82); backdrop-filter:blur(16px); }
.hytale-landing-ip-card small { color:#4adfff; font:700 .55rem/1 var(--font-russo-one),sans-serif; letter-spacing:.18em; text-transform:uppercase; }
.hytale-landing-ip-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.hytale-landing-ip-value { color:#8aeaff; font-family:ui-monospace,monospace; font-size:1.35rem; font-weight:800; }
.hytale-landing-actions { display:flex; flex-wrap:wrap; gap:.85rem; margin-top:1.2rem; }
.hytale-landing-actions a { display:inline-flex; min-height:48px; align-items:center; justify-content:center; text-decoration:none; }
.hytale-landing-highlights { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.85rem; margin-top:1.2rem; }
.hytale-landing-highlight-card,.hytale-landing-section-card,.hytale-landing-faq,.hytale-landing-related { border:1px solid rgba(78,178,255,.16); border-radius:1rem; background:rgba(3,9,22,.82); box-shadow:0 18px 50px rgba(0,0,0,.2); }
.hytale-landing-highlight-card { display:flex; gap:.7rem; padding:1rem; color:#9bb7c8; }
.hytale-landing-highlight-card i { flex:0 0 auto; width:6px; height:6px; margin-top:.5rem; border-radius:50%; background:#34d399; box-shadow:0 0 8px #34d399; }
.hytale-landing-sections { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1rem; }
.hytale-landing-section-card { position:relative; overflow:hidden; min-height:220px; padding:1.55rem; }
.hytale-landing-section-card::after { position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,#2ed4ff,#6676ff,transparent); content:""; }
.hytale-landing-section-card > span { display:block; margin-bottom:1.15rem; color:rgba(78,210,255,.34); font:400 1.8rem/1 var(--font-russo-one),sans-serif; }
.hytale-landing-section-card h2,.hytale-landing-faq h2,.hytale-landing-related h2 { color:#eefcff; font-family:var(--font-russo-one),sans-serif; }
.hytale-landing-section-card h2 { margin-bottom:.7rem; font-size:1.05rem; }
.hytale-landing-section-card p,.hytale-landing-faq-item p,.hytale-landing-related-card p { color:#7f9bae; font-size:.86rem; line-height:1.65; }
.hytale-landing-bottom { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1rem; }
.hytale-landing-faq,.hytale-landing-related { padding:1.5rem; }
.hytale-landing-panel-kicker { display:block; margin-bottom:.55rem; color:#43d9ff; font:700 .56rem/1 var(--font-russo-one),sans-serif; letter-spacing:.18em; }
.hytale-landing-faq-list,.hytale-landing-related-list { display:flex; flex-direction:column; gap:.65rem; margin-top:1rem; }
.hytale-landing-faq-item { overflow:hidden; border:1px solid rgba(77,160,220,.14); border-radius:.8rem; background:rgba(255,255,255,.025); }
.hytale-landing-faq-item summary { position:relative; padding:1rem 2.6rem 1rem 1rem; color:#dff7ff; font-weight:800; cursor:pointer; list-style:none; }
.hytale-landing-faq-item summary::after { position:absolute; top:50%; right:1rem; color:#43d9ff; content:"+"; transform:translateY(-50%); }
.hytale-landing-faq-item[open] summary::after { content:"−"; }
.hytale-landing-faq-item p { margin:0; padding:.85rem 1rem 1rem; border-top:1px solid rgba(77,160,220,.1); }
.hytale-landing-related-card { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem; border:1px solid rgba(78,178,255,.14); border-radius:.8rem; color:inherit; background:rgba(255,255,255,.025); text-decoration:none; }
.hytale-landing-related-card strong { color:#c8eeff; }
.hytale-landing-related-card b { color:#43d9ff; }

/* BattlePass tam fallback */
.store-battlepass { width:100%; }
.store-battlepass-header { position:relative; box-shadow:0 24px 70px rgba(0,0,0,.28); }
.store-battlepass-header::before { position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,#35d8ff,#6a71ff,#a65cff); content:""; }
.store-battlepass-header h2 b { color:#58d7ff; }
.store-battlepass-header p { margin-top:.9rem; color:#8298ad; line-height:1.6; }
.store-battlepass-stats { display:grid; overflow:hidden; grid-template-columns:repeat(2,1fr); border:1px solid rgba(103,165,224,.14); border-radius:.8rem; background:rgba(3,9,20,.68); }
.store-battlepass-stats > div { display:flex; min-height:100px; justify-content:center; flex-direction:column; padding:1rem; border-right:1px solid rgba(103,165,224,.12); }
.store-battlepass-stats > div:last-child { border-right:0; }
.store-battlepass-stats small { color:#587087; font-size:.48rem; font-weight:900; }
.store-battlepass-stats strong { margin-top:.35rem; color:#63dcff; font:400 1.45rem/1 var(--font-russo-one),sans-serif; }
.store-mode-switcher { flex-wrap:wrap; }
.store-mode-switcher a i { width:.38rem; height:.38rem; border-radius:50%; background:#43576a; }
.store-mode-switcher a.is-active i { background:#39d4ff; box-shadow:0 0 8px #39d4ff; }
.store-reward-guide { display:flex; align-items:center; gap:1.2rem; margin-bottom:.8rem; padding:.8rem 1rem; border:1px solid rgba(92,155,216,.13); border-radius:.75rem; color:#8398ad; background:rgba(4,11,25,.72); }
.store-reward-guide > span { display:flex; align-items:center; gap:.4rem; }
.store-reward-guide i { width:.42rem; height:.42rem; border-radius:50%; }
.store-reward-guide i.free { background:#31c8f5; }.store-reward-guide i.vip { background:#f5c451; }
.store-reward-guide small { margin-left:auto; color:#536c84; }
.store-reward-scroll { width:100%; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#299ed1 #081120; }
.store-reward-card { --reward:#4b6a85; min-height:250px; box-shadow:0 15px 35px rgba(0,0,0,.2); }
.store-reward-card.is-rare { --reward:#3dcdf7; }.store-reward-card.is-epic { --reward:#9b7bff; }.store-reward-card.is-legendary { --reward:#f5c451; }
.store-reward-card > header { display:flex; align-items:end; justify-content:space-between; padding:.75rem; border-bottom:1px solid rgba(102,160,215,.11); }
.store-reward-card > header span { color:#526a82; font-size:.45rem; font-weight:900; }.store-reward-card > header strong { color:var(--reward); font:400 1.2rem/1 var(--font-russo-one),sans-serif; }
.store-reward-free,.store-reward-vip { display:grid; min-height:84px; grid-template-columns:1fr auto; align-content:center; gap:.25rem; padding:.8rem; }
.store-reward-free { border-bottom:1px solid rgba(102,160,215,.11); background:rgba(44,180,225,.04); }.store-reward-vip { background:rgba(245,196,81,.055); box-shadow:inset 3px 0 0 rgba(245,196,81,.5); }
.store-reward-card small { color:#536a80; font-size:.44rem; font-weight:900; }.store-reward-card b { grid-column:1/-1; color:#d9eff8; font-size:.64rem; }.store-reward-card div span { color:#6d8297; font-size:.52rem; }
.store-battlepass-cta { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-top:1rem; padding:2rem; border:1px solid rgba(135,105,240,.22); border-radius:1rem; background:linear-gradient(120deg,rgba(28,24,68,.78),rgba(5,12,25,.92)); }
.store-battlepass-cta h3 { margin-top:.45rem; color:#edf8ff; font-family:var(--font-russo-one),sans-serif; }.store-battlepass-cta p { margin-top:.55rem; color:#71869c; }
.store-battlepass-cta a { display:inline-flex; min-width:210px; min-height:48px; align-items:center; justify-content:center; text-decoration:none; }

.navbar-notif-btn { position:relative; z-index:2; display:flex; width:38px; height:38px; flex:0 0 auto; align-items:center; justify-content:center; border:1px solid rgba(78,178,255,.2); border-radius:.65rem; color:#7dcfef; background:rgba(3,10,28,.72); cursor:pointer; pointer-events:auto; touch-action:manipulation; }
.navbar-notif-badge { position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 4px; border-radius:99px; color:#fff; background:#ef4444; font:700 .6rem/18px sans-serif; text-align:center; pointer-events:none; }
.navbar-notif-btn[aria-expanded="true"] { border-color:rgba(76,217,255,.72); color:#74e7ff; background:rgba(24,121,181,.28); }
.navbar-notif-dropdown { position:fixed!important; z-index:2147483000!important; width:min(360px,calc(100vw - 24px)); overflow:hidden; border:1px solid rgba(78,178,255,.22); border-radius:1rem; color:#a5b8cd; background:rgba(4,12,28,.98); box-shadow:0 28px 80px rgba(0,0,0,.72),0 0 0 1px rgba(52,203,255,.04) inset; backdrop-filter:blur(24px); pointer-events:auto; animation:navbar-notif-in .16s ease-out both; }
.navbar-notif-header { display:flex; align-items:center; justify-content:space-between; padding:.95rem 1rem; border-bottom:1px solid rgba(78,178,255,.13); background:linear-gradient(90deg,rgba(26,132,192,.14),transparent); }
.navbar-notif-header span { color:#4bd3ff; font:700 .58rem/1 var(--font-russo-one),sans-serif; letter-spacing:.16em; }
.navbar-notif-header small { color:#678096; font-size:.72rem; }
.navbar-notif-empty { padding:1.6rem 1rem; color:#7f9aad; text-align:center; }
.navbar-notif-list { max-height:min(430px,65vh); overflow-y:auto; overscroll-behavior:contain; }
.navbar-notif-item { display:grid; min-height:74px; grid-template-columns:36px minmax(0,1fr); gap:.75rem; align-items:start; padding:.9rem 1rem; border-bottom:1px solid rgba(75,143,198,.1); color:inherit; text-decoration:none; transition:.15s ease; }
.navbar-notif-item:last-child { border-bottom:0; }
.navbar-notif-item:hover { background:rgba(27,168,239,.09); }
.navbar-notif-avatar { display:flex; width:36px; height:36px; overflow:hidden; align-items:center; justify-content:center; border:1px solid rgba(74,204,255,.18); border-radius:.6rem; color:#4bd3ff; background:rgba(78,178,255,.13); font-weight:900; }
.navbar-notif-avatar img { width:100%; height:100%; object-fit:cover; }
.navbar-notif-body { display:block; min-width:0; color:#9ab0c1; font-size:.78rem; line-height:1.45; }
.navbar-notif-body strong { color:#eefbff; }
.navbar-notif-body b { display:block; overflow:hidden; margin:.25rem 0; color:#69ddff; font-size:.82rem; text-overflow:ellipsis; white-space:nowrap; }
.navbar-notif-body small { display:block; color:#526a7e; font-size:.68rem; }
.navbar-notif-header-actions { display:flex; align-items:center; gap:.65rem; }
.navbar-notif-read-all { border:0; padding:.28rem .48rem; border-radius:.38rem; color:#79e7ff; background:rgba(40,178,231,.12); font:700 .6rem/1.2 sans-serif; cursor:pointer; transition:.15s ease; }
.navbar-notif-read-all:hover { color:#fff; background:rgba(40,178,231,.24); }
.navbar-notif-row { position:relative; border-bottom:1px solid rgba(75,143,198,.1); }
.navbar-notif-row:last-child { border-bottom:0; }
.navbar-notif-row.is-unread { background:linear-gradient(90deg,rgba(18,151,223,.13),rgba(18,151,223,.025)); }
.navbar-notif-row.is-unread::before { content:''; position:absolute; z-index:2; top:1rem; left:.35rem; width:5px; height:5px; border-radius:50%; background:#42dcff; box-shadow:0 0 9px #42dcff; }
.navbar-notif-row .navbar-notif-item { padding-right:3rem; border-bottom:0; }
.navbar-notif-delete { position:absolute; z-index:3; top:.72rem; right:.65rem; display:grid; width:29px; height:29px; place-items:center; border:1px solid transparent; border-radius:.45rem; color:#60798c; background:transparent; cursor:pointer; transition:.15s ease; }
.navbar-notif-delete:hover,.navbar-notif-delete:focus-visible { border-color:rgba(248,113,113,.28); color:#ff8c8c; background:rgba(239,68,68,.12); outline:none; }
@keyframes navbar-notif-in { from { opacity:0; transform:translateY(-7px) scale(.98); } to { opacity:1; transform:none; } }
@media(max-width:767px){.hytale-landing-hero{min-height:660px;align-items:end;padding:1.35rem}.hytale-landing-hero-img{inset:0;width:100%}.hytale-landing-hero-img-mask{background:linear-gradient(180deg,rgba(7,16,31,.28),rgba(7,16,31,.42) 38%,#07101f 82%)}.hytale-landing-hero-copy{width:100%}.hytale-landing-hero-copy h1{font-size:2.15rem}.hytale-landing-highlights,.hytale-landing-sections,.hytale-landing-bottom{grid-template-columns:1fr}.store-battlepass-header{grid-template-columns:1fr;min-height:auto;gap:1.2rem}.store-reward-guide{align-items:flex-start;flex-wrap:wrap}.store-reward-guide small{width:100%;margin-left:0}.store-battlepass-cta{align-items:flex-start;flex-direction:column;padding:1.35rem}.store-battlepass-cta a{width:100%}.navbar-notif-dropdown{right:12px!important;left:12px!important;width:auto}}

/* Survival ProfileSnapshot leaderboard fallback */
.leaderboard-detail-layout{display:grid!important;grid-template-columns:minmax(230px,320px) minmax(0,1fr)!important;gap:2rem!important}.leaderboard-detail-sidebar>div{position:sticky;top:7rem;padding:1.2rem;border:1px solid rgba(88,178,240,.2)!important;border-radius:1.2rem!important;background:linear-gradient(155deg,rgba(5,13,28,.96),rgba(3,8,18,.92))!important;box-shadow:0 24px 60px rgba(0,0,0,.34)}.leaderboard-detail-sidebar h2{margin-bottom:1rem;color:#35e6ff;font-family:var(--font-russo-one),sans-serif;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.leaderboard-game-switch{display:grid;gap:.75rem}.leaderboard-game-switch button{display:grid;grid-template-columns:auto 1fr;gap:.15rem .8rem;align-items:center;width:100%;padding:.95rem;border:1px solid rgba(132,173,225,.16);border-radius:.9rem;color:#8ca2b8;background:rgba(255,255,255,.025);text-align:left;transition:.18s ease}.leaderboard-game-switch button span{grid-row:span 2;display:grid;width:2rem;height:2rem;place-items:center;border-radius:.65rem;color:#35e6ff;background:rgba(53,230,255,.1)}.leaderboard-game-switch button b{color:#dff8ff;font-family:var(--font-russo-one),sans-serif;font-size:.8rem}.leaderboard-game-switch button small{color:#71889e;font-size:.64rem;line-height:1.35}.leaderboard-game-switch button:hover,.leaderboard-game-switch button.is-active{border-color:rgba(53,230,255,.75);background:rgba(24,160,216,.13);transform:translateY(-2px)}.leaderboard-back-button{width:100%;margin-top:1rem;padding:.9rem 1rem;border:1px dashed rgba(147,177,211,.22);border-radius:.85rem;color:#8ca2b8;background:rgba(255,255,255,.035);font-weight:900;transition:.18s ease}.leaderboard-back-button:hover{color:#fff;border-color:rgba(53,230,255,.4);background:rgba(53,230,255,.08)}.leaderboard-detail-content{min-width:0}.leaderboard-detail-heading{margin-bottom:1.2rem}.leaderboard-detail-heading h1{margin-top:.55rem;color:#fff;font-family:var(--font-russo-one),sans-serif;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.92;letter-spacing:-.04em;text-transform:uppercase}.leaderboard-detail-heading h1 span{color:transparent;background:linear-gradient(90deg,#58e6ff,#398dff 60%,#7b6dff);background-clip:text;-webkit-background-clip:text}.leaderboard-detail-heading p{max-width:780px;margin-top:.9rem;color:#9db2c6;line-height:1.65}.survival-search-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;margin:1.4rem 0;padding:1rem;border:1px solid rgba(55,205,255,.22);border-radius:1rem;background:linear-gradient(135deg,rgba(4,14,30,.9),rgba(7,20,42,.64))}.survival-search-panel div{display:grid;gap:.45rem}.survival-search-panel span{color:#35e6ff;font-size:.58rem;font-weight:900;letter-spacing:.16em}.survival-search-panel input{min-height:3rem;padding:0 1rem;border:1px solid rgba(127,182,233,.22);border-radius:.75rem;color:#eef9ff;background:rgba(1,7,18,.82);outline:none}.survival-search-panel input:focus{border-color:rgba(53,230,255,.72);box-shadow:0 0 0 3px rgba(53,230,255,.1)}.survival-search-panel button{min-height:3rem;padding:0 1.25rem;border-radius:.75rem;color:white;background:linear-gradient(135deg,#17aee8,#5955f4);font-family:var(--font-russo-one),sans-serif;font-size:.72rem}.survival-search-panel button:disabled{opacity:.55;cursor:not-allowed}.survival-search-panel p{grid-column:1/-1;color:#fca5a5;font-size:.78rem}.leaderboard-detail-tabs{margin:1.2rem 0 1.4rem}.leaderboard-detail-tabs button{min-height:100px;padding:1rem;border:1px solid rgba(135,175,226,.15);border-radius:.95rem!important;color:#a7bacd;background:linear-gradient(145deg,rgba(5,15,31,.93),rgba(4,10,22,.88))!important;transition:.18s ease}.leaderboard-detail-tabs button span{display:block;color:#35e6ff;font-size:1.35rem}.leaderboard-detail-tabs button b{display:block;margin-top:.45rem;font-family:var(--font-russo-one),sans-serif;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.leaderboard-detail-tabs button:hover,.leaderboard-detail-tabs button.is-active{border-color:rgba(53,230,255,.78);background:linear-gradient(145deg,rgba(13,78,110,.35),rgba(6,14,30,.94))!important;transform:translateY(-3px)}.leaderboard-detail-list{margin-top:1rem}.leaderboard-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;width:100%;padding:1rem;border:1px solid rgba(126,169,223,.16);border-left:4px solid rgba(53,230,255,.5);border-radius:1rem;color:#dff5ff;background:linear-gradient(135deg,rgba(6,16,32,.94),rgba(3,9,20,.9));text-align:left;box-shadow:0 16px 36px rgba(0,0,0,.22);transition:.18s ease}.leaderboard-survival-row{grid-template-columns:auto minmax(0,1fr) auto auto}.leaderboard-row:hover{border-color:rgba(53,230,255,.55);transform:translateY(-2px)}.leaderboard-row.is-gold{border-left-color:#facc15}.leaderboard-row.is-silver{border-left-color:#cbd5e1}.leaderboard-row.is-bronze{border-left-color:#fb923c}.leaderboard-rank{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.85rem;color:#04111d;background:linear-gradient(135deg,#68eaff,#4f79ff);font-family:var(--font-russo-one),sans-serif;font-size:.85rem}.leaderboard-row-main{min-width:0}.leaderboard-row-main strong{display:block;overflow:hidden;color:#effaff;font-family:var(--font-russo-one),sans-serif;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row-main small,.leaderboard-row-score small{display:block;margin-top:.25rem;color:#7890a7;font-size:.68rem}.leaderboard-row-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.leaderboard-row-meta span{padding:.35rem .5rem;border:1px solid rgba(53,230,255,.16);border-radius:.5rem;color:#aeefff;background:rgba(53,230,255,.06);font-size:.68rem;font-weight:800}.leaderboard-row-score{text-align:right}.leaderboard-row-score b{color:#35e6ff;font-family:var(--font-russo-one),sans-serif;font-size:1.35rem}.leaderboard-skeleton{height:78px;border-radius:1rem;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(53,230,255,.08),rgba(255,255,255,.04));background-size:220% 100%;animation:shimmer 1.2s linear infinite}.leaderboard-empty{display:grid;min-height:260px;place-items:center;padding:2rem;border:1px dashed rgba(100,180,236,.25);border-radius:1.1rem;color:#8ca2b8;background:rgba(3,10,22,.62);text-align:center}.leaderboard-empty span{color:#35e6ff;font-size:2rem}.leaderboard-empty strong{color:#d9f5ff}.leaderboard-empty p{max-width:520px;color:#7f95aa}.survival-profile-panel{margin-top:1.5rem;padding:1.15rem;border:1px solid rgba(53,230,255,.22);border-radius:1.2rem;background:linear-gradient(145deg,rgba(4,13,28,.96),rgba(5,18,39,.86));box-shadow:0 24px 70px rgba(0,0,0,.32)}.survival-profile-head{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-radius:1rem;background:linear-gradient(90deg,rgba(53,230,255,.1),transparent)}.survival-profile-head h2{margin-top:.45rem;color:#fff;font-family:var(--font-russo-one),sans-serif;font-size:clamp(1.8rem,4vw,3rem)}.survival-profile-head p{color:#7590a8;font-size:.75rem;word-break:break-all}.survival-online{align-self:start;padding:.55rem .75rem;border-radius:999px;color:#a5b4c4;background:rgba(148,163,184,.1);font-size:.68rem;font-weight:900}.survival-online.is-online{color:#86efac;background:rgba(34,197,94,.14)}.survival-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem}.survival-stat-grid article,.survival-profile-card{border:1px solid rgba(126,169,223,.14);border-radius:.9rem;background:rgba(2,8,18,.55)}.survival-stat-grid article{padding:.9rem}.survival-stat-grid span,.survival-profile-card h3{color:#6f87a0;font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.survival-stat-grid strong{display:block;margin-top:.35rem;color:#e7fbff;font-family:var(--font-russo-one),sans-serif}.survival-profile-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.8rem}.survival-profile-card{padding:1rem}.survival-privacy-grid,.survival-mini-metrics,.survival-equipment-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.survival-privacy-grid span,.survival-mini-metrics span,.survival-equipment-list span{padding:.55rem .65rem;border:1px solid rgba(148,163,184,.14);border-radius:.55rem;color:#91a8bc;background:rgba(255,255,255,.035);font-size:.68rem}.survival-privacy-grid span.is-open{border-color:rgba(52,211,153,.28);color:#a7f3d0;background:rgba(52,211,153,.08)}.survival-privacy-grid b,.survival-mini-metrics b{margin-right:.35rem;color:#e8fbff}.survival-skill-list{display:grid;gap:.5rem;margin-top:.8rem}.survival-skill-list div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .7rem;border-radius:.55rem;color:#9fb5c8;background:rgba(255,255,255,.04)}.survival-skill-list b{color:#35e6ff}.survival-muted{margin-top:.8rem;color:#7d93a7}@keyframes shimmer{to{background-position:-220% 0}}@media(max-width:1024px){.leaderboard-detail-layout{grid-template-columns:1fr!important}.leaderboard-detail-sidebar>div{position:static}}@media(max-width:760px){.survival-search-panel,.leaderboard-row,.leaderboard-survival-row,.survival-profile-head,.survival-profile-columns,.survival-stat-grid{grid-template-columns:1fr}.leaderboard-row-score,.leaderboard-row-meta{justify-content:flex-start;text-align:left}}

/* 2026-07-07 gallery/community fallback repair */
.gallery-delete-button {
  display: inline-flex !important;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  margin-top: .65rem;
  border: 1px solid rgba(251,113,133,.2);
  border-radius: .65rem;
  color: #fecdd3;
  background: rgba(127,29,29,.18);
  font-size: .58rem;
  font-weight: 900;
  letter-spacing: .06em;
  line-height: 1;
}
.gallery-delete-button:hover { color: #fff; background: rgba(225,29,72,.35); }
.gallery-delete-button svg,
.gallery-card-delete svg {
  display: block !important;
  flex: 0 0 .95rem !important;
  width: .95rem !important;
  height: .95rem !important;
  max-width: .95rem !important;
  max-height: .95rem !important;
}
.gallery-card-delete {
  position: absolute;
  z-index: 4;
  top: 3rem;
  right: .8rem;
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid rgba(251,113,133,.34);
  border-radius: .55rem;
  color: #fecdd3;
  background: rgba(127,29,29,.62);
  backdrop-filter: blur(10px);
}
.community-members-card { max-height: 430px; }
.community-member-list { overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(56,189,248,.55) rgba(4,10,22,.7); }
.community-member-list::-webkit-scrollbar { width: .45rem; }
.community-member-list::-webkit-scrollbar-track { background: rgba(4,10,22,.7); }
.community-member-list::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(56,189,248,.55); }
.community-member-row,
.community-leader-row {
  display: grid;
  grid-template-columns: 1.25rem 2.55rem minmax(0, 1fr) minmax(72px, auto);
  align-items: center;
  gap: .55rem;
  min-height: 4.25rem;
  padding: .55rem;
  border-bottom: 1px solid rgba(148,184,255,.08);
}
.community-leader-rank { color: rgba(148,184,255,.38); font-family: var(--font-russo-one), sans-serif; font-size: .65rem; }
.community-leader-avatar {
  position: relative;
  display: grid;
  flex: 0 0 auto;
  width: 2.35rem;
  height: 2.35rem;
  overflow: hidden;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--role-color, #38bdf8) 45%, transparent);
  border-radius: .58rem;
  background: radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--role-color, #38bdf8) 30%, transparent), rgba(5,12,24,.96));
}
.community-leader-avatar-fallback { position: relative; z-index: 1; color: #eafaff; font-family: var(--font-russo-one), sans-serif; font-size: .72rem; text-shadow: 0 0 14px var(--role-color, #38bdf8); }
.community-leader-avatar img { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #081421; }
.community-leader-name { display: flex; min-width: 0; flex-direction: column; }
.community-leader-name strong { overflow: hidden; color: #e7f7ff; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.community-leader-name small { margin-top: .12rem; color: #71869f; font-size: .53rem; font-weight: 800; }
.community-member-row > b,
.community-leader-row > b {
  display: inline-flex;
  min-width: 0;
  max-width: 120px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: .32rem .55rem;
  border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 9%, transparent);
  font-size: .57rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .community-member-row,
  .community-leader-row { grid-template-columns: 1.1rem 2.35rem minmax(0, 1fr); }
  .community-member-row > b,
  .community-leader-row > b { grid-column: 3; justify-self: start; max-width: 100%; }
}

/* 2026-07-08 survival leaderboard compact tabs */
.leaderboard-detail-tabs{display:grid!important;margin:1rem 0 1.15rem!important;gap:.75rem!important;}
.leaderboard-detail-tabs[data-game="survival"]{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
.leaderboard-detail-tabs[data-game="skyblock"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.leaderboard-detail-tabs button{display:flex!important;min-width:0!important;min-height:72px!important;padding:.8rem .65rem!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-radius:.85rem!important;}
.leaderboard-detail-tabs button span{font-size:1rem!important;line-height:1!important;}
.leaderboard-detail-tabs button b{max-width:100%!important;margin-top:.35rem!important;overflow:hidden!important;font-size:.58rem!important;letter-spacing:.06em!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:900px){.leaderboard-detail-tabs[data-game="survival"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:760px){.leaderboard-detail-tabs[data-game="survival"],.leaderboard-detail-tabs[data-game="skyblock"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:460px){.leaderboard-detail-tabs[data-game="survival"],.leaderboard-detail-tabs[data-game="skyblock"]{grid-template-columns:1fr!important;}}

/* Admin console refresh */
.admin-console-grid{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:1.35rem!important;align-items:start!important;}
.admin-sidebar{position:sticky!important;top:6.25rem!important;max-height:calc(100vh - 7rem)!important;overflow:auto!important;padding:1rem!important;border:1px solid rgba(70,190,255,.18)!important;border-radius:1.35rem!important;background:linear-gradient(180deg,rgba(5,14,30,.92),rgba(2,8,18,.78))!important;box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(18px)!important;}
.admin-sidebar-head{display:flex!important;align-items:center!important;gap:.75rem!important;margin-bottom:1rem!important;padding:.8rem!important;border:1px solid rgba(53,230,255,.14)!important;border-radius:1rem!important;background:rgba(53,230,255,.06)!important;}
.admin-sidebar-mark{display:grid!important;width:2.6rem!important;height:2.6rem!important;place-items:center!important;border-radius:.8rem!important;color:#fff!important;background:linear-gradient(135deg,#1fb7ff,#5b4cff)!important;font-family:var(--font-russo-one),sans-serif!important;}
.admin-sidebar-head p{margin:0!important;color:#effcff!important;font-family:var(--font-russo-one),sans-serif!important;font-size:.86rem!important;}
.admin-sidebar-head small{color:#6e8ba5!important;font-size:.62rem!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;}
.admin-nav-list{display:grid!important;gap:.55rem!important;}
.admin-nav-button{display:flex!important;width:100%!important;align-items:center!important;gap:.75rem!important;padding:.9rem .95rem!important;border:1px solid rgba(125,180,230,.14)!important;border-radius:.9rem!important;color:#bfeeff!important;background:rgba(3,12,26,.72)!important;font-size:.82rem!important;font-weight:900!important;text-align:left!important;transition:all .18s ease!important;}
.admin-nav-button:hover{transform:translateX(3px)!important;border-color:rgba(53,230,255,.36)!important;background:rgba(12,28,54,.88)!important;}
.admin-nav-button.is-active{color:#fff!important;border-color:rgba(53,230,255,.65)!important;background:linear-gradient(135deg,rgba(8,181,224,.92),rgba(72,76,232,.92))!important;box-shadow:0 14px 42px rgba(38,150,255,.22)!important;}
.admin-nav-icon{display:grid!important;width:1.8rem!important;height:1.8rem!important;place-items:center!important;border-radius:.55rem!important;background:rgba(255,255,255,.06)!important;flex:0 0 auto!important;}
.admin-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;margin-bottom:1rem!important;padding:1rem 1.1rem!important;border:1px solid rgba(70,190,255,.16)!important;border-radius:1.15rem!important;background:linear-gradient(90deg,rgba(4,13,28,.78),rgba(4,13,28,.48))!important;backdrop-filter:blur(14px)!important;}
.admin-dashboard{display:grid!important;gap:1rem!important;}
.admin-hero-card{position:relative!important;overflow:hidden!important;min-height:240px!important;padding:2rem!important;border:1px solid rgba(53,230,255,.22)!important;border-radius:1.35rem!important;background:linear-gradient(90deg,rgba(3,10,24,.94),rgba(6,18,40,.78)),url('/output_high_quality.webp') center/cover!important;box-shadow:0 28px 90px rgba(0,0,0,.38)!important;}
.admin-kicker{color:#35e6ff!important;font-size:.72rem!important;font-weight:1000!important;letter-spacing:.16em!important;text-transform:uppercase!important;}
.admin-hero-card h3{max-width:680px!important;margin:.7rem 0!important;color:#fff!important;font-family:var(--font-russo-one),sans-serif!important;font-size:clamp(2rem,5vw,4rem)!important;line-height:.96!important;text-transform:uppercase!important;}
.admin-hero-card p{max-width:640px!important;color:#a9bfd4!important;font-weight:700!important;}
.admin-dashboard-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.85rem!important;}
.admin-stat-card,.admin-empty{border:1px solid rgba(90,170,230,.16)!important;border-radius:1rem!important;background:rgba(4,12,26,.76)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
.admin-stat-card{padding:1rem!important;}
.admin-stat-card small{color:#55e5ff!important;font-size:.62rem!important;font-weight:1000!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
.admin-stat-card strong{display:block!important;margin:.5rem 0 .35rem!important;color:#effcff!important;font-family:var(--font-russo-one),sans-serif!important;font-size:1.05rem!important;}
.admin-stat-card span{color:#7f99af!important;font-size:.75rem!important;font-weight:700!important;}
.admin-empty{display:grid!important;min-height:150px!important;place-items:center!important;padding:2rem!important;color:#83a0b7!important;text-align:center!important;border-style:dashed!important;}
@media(max-width:1100px){.admin-console-grid{grid-template-columns:1fr!important}.admin-sidebar{position:static!important;max-height:none!important}.admin-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.admin-nav-list,.admin-dashboard-grid{grid-template-columns:1fr!important}.admin-topbar{align-items:flex-start!important;flex-direction:column!important}}