:root {
    --bg: #0A0A0D;
    --surface: #181820;
    --surface-alt: #121217;
    --text: #FFFFFF;
    --text-muted: #B8B8C8;
    --border: #2B2B38;
    --primary: #FF003C;
    --primary-hover: #FF1493;
    --on-primary: #FFFFFF;
    --primary-text: #FF1493;
    --accent: #FF1493;
    --on-accent: #FFFFFF;
    --accent-text: #FF1493;
    --dark-band: #0A0A0D;
    --on-dark: #FFFFFF;
    --on-dark-muted: #75758A;
    --border-neon-top: #FF1493;
    --border-neon-bottom: #FF003C;
    --glow-pink: rgba(255, 20, 147, 0.35);
    --glow-red: rgba(255, 0, 60, 0.3);
}

* {
    box-sizing: border-box;
}

.cyber-body {
    margin: 0;
    padding: 0;
    font-family: 'LXGW WenKai TC', sans-serif;
    background-color: var(--bg);
    color: var(--text);
    line-height: 1.6;
}

.text-muted {
    color: var(--text-muted) !important;
}

.qv-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--primary);
    color: var(--on-primary);
    border: 1px solid var(--border-neon-top);
    box-shadow: 0 0 10px var(--glow-red);
    border-radius: 4px;
    font-weight: 700;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
}

.qv-btn:hover {
    background: var(--primary-hover);
    color: var(--on-primary);
    box-shadow: 0 0 14px var(--glow-pink);
}

.qv-btn-alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--surface);
    color: var(--primary-text);
    border: 1px solid var(--border-neon-bottom);
    box-shadow: none;
    border-radius: 4px;
    font-weight: 700;
    padding: 10px 20px;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
}

.qv-btn-alt:hover {
    background: #22222C;
    color: #FFFFFF;
}

.qv-card {
    background: var(--surface);
    color: var(--text);
    border-top: 1px solid var(--border-neon-top);
    border-bottom: 1px solid var(--border-neon-bottom);
    border-left: 1px solid var(--border);
    border-right: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.qv-card:hover {
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.95), 0 3px 14px var(--glow-pink);
    border-top-color: var(--border-neon-top);
    border-bottom-color: var(--border-neon-top);
}

.qv-media {
    aspect-ratio: 16 / 9;
    border-radius: 4px;
    border: 1px solid var(--border);
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
}

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

.qv-eyebrow {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--accent-text);
    margin-bottom: 8px;
    display: inline-block;
}

.qv-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--text);
    position: relative;
    padding-left: 16px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.qv-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 4px;
    background: var(--accent);
    box-shadow: 0 0 8px var(--accent);
    border-radius: 2px;
}

.qv-badge {
    background: #22222C;
    color: var(--accent);
    border-top: 1px solid var(--border-neon-top);
    border-bottom: 1px solid var(--border-neon-bottom);
    font-size: 11px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.qv-icon {
    width: 38px;
    height: 38px;
    border-radius: 4px;
    background: rgba(255, 20, 147, 0.1);
    border: 1px solid var(--accent);
    color: var(--accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 0 8px var(--glow-pink);
    flex-shrink: 0;
}

.qv-section {
    background-color: var(--bg);
    padding: 64px 0;
}

.qv-section-alt {
    background-color: var(--surface-alt);
    padding: 64px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.qv-section-dark {
    background-color: var(--dark-band);
    padding: 64px 0;
    color: var(--on-dark);
}

.qv-section-brand {
    background-color: var(--primary);
    padding: 64px 0;
    color: var(--on-primary);
}

.qv-section-brand .qv-btn {
    background: #181820;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.qv-section-brand .qv-btn-alt {
    border-color: var(--on-primary);
    color: var(--on-primary);
    background: transparent;
}

.qv-section-dark,
.qv-on-dark {
    color: var(--on-dark);
}

.qv-section-dark h1,
.qv-section-dark h2,
.qv-section-dark h3,
.qv-section-dark h4,
.qv-section-dark h5,
.qv-section-dark h6,
.qv-on-dark h1,
.qv-on-dark h2,
.qv-on-dark h3,
.qv-on-dark h4,
.qv-on-dark h5,
.qv-on-dark h6 {
    color: var(--on-dark);
}

.qv-section-dark p,
.qv-on-dark p {
    color: var(--on-dark-muted);
}

.qv-section-dark .qv-title,
.qv-on-dark .qv-title {
    color: var(--on-dark);
}

.qv-section-dark .qv-eyebrow,
.qv-on-dark .qv-eyebrow {
    color: var(--accent-text);
}

.qv-section-dark .qv-btn-alt,
.qv-on-dark .qv-btn-alt {
    border-color: var(--on-dark);
    color: var(--on-dark);
    background: transparent;
}

.qv-section-dark .qv-card,
.qv-on-dark .qv-card {
    background: var(--surface);
    color: var(--text);
    border-top: 1px solid var(--border-neon-top);
    border-bottom: 1px solid var(--border-neon-bottom);
    border-left: 1px solid var(--border);
    border-right: 1px solid var(--border);
}

.qv-section-dark .qv-card p,
.qv-on-dark .qv-card p {
    color: var(--text-muted);
}

@media (max-width: 768px) {

    .qv-section,
    .qv-section-alt,
    .qv-section-dark,
    .qv-section-brand {
        padding: 40px 0;
    }

    .qv-card {
        padding: 14px;
    }

    .qv-title {
        font-size: 22px;
    }
}

/* ===== hero ===== */
.hero-cyber {
    position: relative;
    background-color: var(--background-primary, #0A0A0D);
    padding-top: 56px;
    padding-bottom: 56px;
    overflow: hidden;
}

.hero-cyber__bg {
    position: absolute;
    inset: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.28;
    z-index: 1;
}

.hero-cyber__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 10, 13, 0.85) 0%, rgba(18, 18, 23, 0.95) 100%);
    z-index: 2;
}

.hero-cyber .container {
    z-index: 3;
}

.hero-cyber__status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-neon-pink, #FF1493);
    box-shadow: 0 0 6px var(--primary-neon-pink, #FF1493);
    display: inline-block;
}

.hero-cyber__version {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-dark-theme-secondary, #B8B8C8);
    letter-spacing: 1px;
}

.hero-cyber__title-wrap {
    position: relative;
    border-left: 3px solid var(--primary-neon-pink, #FF1493);
    padding-left: 14px;
}

.hero-cyber__title {
    font-size: clamp(26px, 4vw, 42px);
    line-height: 1.25;
    font-weight: 700;
    color: #FFFFFF;
    hyphens: auto;
    overflow-wrap: anywhere;
}

.hero-cyber__glow-word {
    background: linear-gradient(90deg, #FF1493, #FF003C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 16px rgba(255, 20, 147, 0.45);
}

.hero-cyber__description {
    font-size: 15px;
    line-height: 1.7;
    color: var(--text-dark-theme-secondary, #B8B8C8);
    max-width: 620px;
    overflow-wrap: anywhere;
}

.hero-cyber .qv-btn {
    background-color: var(--primary-neon-red, #FF003C);
    color: #FFFFFF;
    border: 1px solid var(--primary-neon-pink, #FF1493);
    border-radius: 4px;
    font-weight: 700;
    padding: 10px 22px;
    box-shadow: 0 0 10px rgba(255, 0, 60, 0.45);
    height: 44px;
}

.hero-cyber .qv-btn:hover {
    background-color: var(--primary-neon-pink, #FF1493);
    color: #FFFFFF;
    box-shadow: 0 0 14px rgba(255, 20, 147, 0.6);
}

.hero-cyber .qv-btn-alt {
    background-color: var(--background-surface, #181820);
    color: var(--primary-neon-pink, #FF1493);
    border: 1px solid var(--primary-neon-red, #FF003C);
    border-radius: 4px;
    font-weight: 700;
    padding: 10px 22px;
    height: 44px;
}

.hero-cyber .qv-btn-alt:hover {
    background-color: var(--background-surface-elevated, #22222C);
    color: #FFFFFF;
}

.hero-cyber__metrics-row {
    border-top: 1px solid var(--border-subtle, #2B2B38);
}

.hero-cyber__metric-item {
    min-width: 110px;
}

.hero-cyber__metric-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--background-surface, #181820);
    border-radius: 4px;
    color: var(--primary-neon-pink, #FF1493);
    border: 1px solid rgba(255, 20, 147, 0.3);
    font-size: 18px;
}

.hero-cyber__metric-val {
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.2;
}

.hero-cyber__metric-lbl {
    font-size: 11px;
    color: var(--text-dark-theme-secondary, #B8B8C8);
}

.hero-cyber__metric-sep {
    width: 1px;
    height: 26px;
    background-color: var(--border-subtle, #2B2B38);
}

.hero-cyber__visual {
    max-width: 500px;
    width: 100%;
    border: 1px solid #2B2B38;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-radius: 8px;
    background: #181820;
    padding: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
}

.hero-cyber__visual-badge {
    position: absolute;
    top: -10px;
    left: 16px;
    z-index: 4;
}

.hero-cyber__img-box {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background: #121217;
    aspect-ratio: 16 / 11;
    width: 100%;
}

.hero-cyber__squad-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-cyber__visual-tag {
    margin-top: 12px;
    font-size: 11px;
    color: var(--text-dark-theme-secondary, #B8B8C8);
    border-top: 1px solid #2B2B38;
    padding-top: 10px;
}

.hero-cyber__tag-accent {
    color: var(--primary-neon-pink, #FF1493);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.hero-cyber__newsletter-box {
    background-color: #121217;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    border-radius: 8px;
    padding: 20px 24px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7);
}

.hero-cyber__nl-icon {
    font-size: 24px;
    color: var(--primary-neon-pink, #FF1493);
    filter: drop-shadow(0 0 6px rgba(255, 20, 147, 0.5));
}

.hero-cyber__nl-title {
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
}

.hero-cyber__nl-desc {
    font-size: 12px;
    color: var(--text-dark-theme-secondary, #B8B8C8);
}

.hero-cyber__input {
    background-color: #181820;
    border: 1px solid #2B2B38;
    border-bottom: 1px solid #FF003C;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 14px;
    height: 44px;
}

.hero-cyber__input:focus {
    background-color: #22222C;
    border-color: #FF1493;
    color: #FFFFFF;
    box-shadow: 0 0 8px rgba(255, 20, 147, 0.35);
}

.hero-cyber__input::placeholder {
    color: #75758A;
    opacity: 1;
}

.hero-cyber__checkbox {
    background-color: #181820;
    border: 1px solid #2B2B38;
    border-radius: 2px;
}

.hero-cyber__checkbox:checked {
    background-color: #FF003C;
    border-color: #FF1493;
}

.hero-cyber__checkbox:focus {
    box-shadow: 0 0 6px rgba(255, 0, 60, 0.5);
    border-color: #FF1493;
}

.hero-cyber__checkbox-label {
    font-size: 12px;
    color: var(--text-dark-theme-secondary, #B8B8C8);
    line-height: 1.4;
}

.hero-cyber__policy-link {
    color: var(--primary-neon-pink, #FF1493);
    text-decoration: underline;
}

.hero-cyber__policy-link:hover {
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .hero-cyber {
        padding-top: 36px;
        padding-bottom: 36px;
    }

    .hero-cyber__title {
        font-size: 18px;
    }

    .hero-cyber__nl-title {
        font-size: 16px;
    }

    .hero-cyber__metric-sep {
        display: none;
    }

    .hero-cyber__metrics-row {
        gap: 12px;
    }

    .hero-cyber__newsletter-box {
        padding: 16px;
    }
}

/* ===== games_grid ===== */
.gamekor-games-section {
    padding: 64px 0;
}

.gamekor-games-section .gamekor-title-bar {
    width: 3px;
    height: 18px;
    background: #FF1493;
    display: inline-block;
    box-shadow: 0 0 8px rgba(255, 20, 147, 0.6);
}

.gamekor-games-section .qv-icon {
    color: #FF1493;
    font-size: 16px;
}

.gamekor-games-section .qv-title {
    font-size: 28px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.3;
    margin-bottom: 8px;
}

.gamekor-games-section .gamekor-accent-keyword {
    background: linear-gradient(90deg, #FF1493 0%, #FF003C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gamekor-games-section .gamekor-subtitle {
    color: #B8B8C8;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.6;
}

.gamekor-games-section .gamekor-filter-btn {
    font-size: 13px;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid #2B2B38;
    cursor: pointer;
    text-decoration: none;
}

.gamekor-games-section .gamekor-filter-btn.active {
    background: #FF003C;
    color: #FFFFFF;
    border-color: #FF1493;
    box-shadow: 0 0 10px rgba(255, 0, 60, 0.4);
}

.gamekor-games-section .gamekor-horizontal-card {
    background: #181820;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
    overflow: hidden;
    height: 100%;
    padding: 16px;
    gap: 16px;
}

.gamekor-games-section .gamekor-thumb-link {
    display: block;
    width: 220px;
    aspect-ratio: 16/10;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background: #121217;
}

.gamekor-games-section .gamekor-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gamekor-games-section .gamekor-neon-tag {
    background: #22222C;
    color: #FF1493;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.gamekor-games-section .gamekor-card-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 8px;
    overflow-wrap: anywhere;
}

.gamekor-games-section .gamekor-title-link {
    color: #FFFFFF;
    text-decoration: none;
}

.gamekor-games-section .gamekor-title-link:hover {
    color: #FF1493;
}

.gamekor-games-section .gamekor-card-desc {
    font-size: 13px;
    color: #B8B8C8;
    line-height: 1.5;
    margin-bottom: 0;
}

.gamekor-games-section .gamekor-card-footer {
    border-top: 1px solid #2B2B38;
    padding-top: 12px;
}

.gamekor-games-section .gamekor-stat-pill {
    background: #121217;
    border: 1px solid #2B2B38;
    border-left: 2px solid #FF1493;
    color: #B8B8C8;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 2px;
    font-family: 'LXGW WenKai TC', sans-serif;
}

.gamekor-games-section .gamekor-stat-pill i {
    color: #FF003C;
    font-size: 13px;
}

.gamekor-games-section .gamekor-action-btn {
    font-size: 12px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 4px;
    text-decoration: none;
    white-space: nowrap;
    background: #FF003C;
    color: #FFFFFF;
    border: 1px solid #FF1493;
    box-shadow: 0 0 10px rgba(255, 0, 60, 0.4);
}

.gamekor-games-section .gamekor-action-btn:hover {
    background: #FF1493;
    color: #FFFFFF;
    border-color: #FF003C;
    box-shadow: 0 0 14px rgba(255, 20, 147, 0.6);
}

@media (max-width: 767px) {
    .gamekor-games-section {
        padding: 40px 0;
    }

    .gamekor-games-section .qv-title {
        font-size: 16px;
    }

    .gamekor-games-section .gamekor-card-title {
        font-size: 14px;
    }

    .gamekor-games-section .gamekor-thumb-link {
        width: 100%;
        aspect-ratio: 16/9;
    }

    .gamekor-games-section .gamekor-horizontal-card {
        padding: 14px;
    }
}

/* ===== poll_block ===== */
.poll-block-section {
    position: relative;
    overflow: hidden;
}

.poll-block-section .poll-title-wrap {
    border-left: 3px solid #FF1493;
    padding-left: 16px;
}

.poll-block-section .qv-title {
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
}

.poll-block-section .poll-gradient-text {
    background: linear-gradient(90deg, #FF1493 0%, #FF003C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.poll-block-section .poll-lead {
    color: #B8B8C8;
    font-size: 15px;
    line-height: 1.6;
}

.poll-block-section .poll-meta-text {
    color: #B8B8C8;
    font-size: 13px;
}

.poll-block-section .poll-desc {
    color: #B8B8C8;
    font-size: 14px;
    line-height: 1.5;
}

.poll-block-section .poll-card {
    background: #181820;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
}

.poll-block-section .qv-badge {
    background: #22222C;
    color: #FF1493;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 2px;
    letter-spacing: 0.5px;
}

.poll-block-section .poll-option-item {
    background: #121217;
    border: 1px solid #2B2B38;
    border-radius: 4px;
}

.poll-block-section .poll-option-item.is-voted {
    border-color: #FF1493;
    box-shadow: 0 0 12px rgba(255, 20, 147, 0.25);
}

.poll-block-section .poll-option-icon {
    color: #FF1493;
    font-size: 18px;
}

.poll-block-section .poll-option-title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
}

.poll-block-section .poll-percent {
    color: #FF1493;
    font-size: 16px;
}

.poll-block-section .poll-progress-bg {
    width: 100%;
    height: 8px;
    background: #22222C;
    border-radius: 4px;
    overflow: hidden;
}

.poll-block-section .poll-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #FF1493 0%, #FF003C 100%);
    border-radius: 4px;
}

.poll-block-section .poll-votes-count {
    color: #75758A;
    font-size: 13px;
}

.poll-block-section .poll-action-btn {
    background: #FF003C;
    color: #FFFFFF;
    border: 1px solid #FF1493;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 14px;
    box-shadow: 0 0 10px rgba(255, 0, 60, 0.4);
}

.poll-block-section .poll-action-btn:hover {
    background: #FF1493;
    color: #FFFFFF;
    box-shadow: 0 0 14px rgba(255, 20, 147, 0.6);
}

.poll-block-section .poll-action-btn:disabled {
    background: #22222C;
    color: #75758A;
    border-color: #2B2B38;
    box-shadow: none;
    cursor: not-allowed;
}

.poll-block-section .poll-icon-bloom {
    color: #FF1493;
    filter: drop-shadow(0 0 8px rgba(255, 20, 147, 0.5));
}

.poll-block-section .poll-icon-accent {
    color: #FF003C;
    filter: drop-shadow(0 0 8px rgba(255, 0, 60, 0.5));
}

.poll-block-section .poll-input {
    background: #121217;
    border: 1px solid #2B2B38;
    border-bottom: 1px solid #FF003C;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 14px;
}

.poll-block-section .poll-input:focus {
    background: #181820;
    border-color: #FF1493;
    color: #FFFFFF;
    box-shadow: 0 0 8px rgba(255, 20, 147, 0.4);
}

.poll-block-section .poll-input::placeholder {
    color: #75758A;
    opacity: 1;
}

.poll-block-section .poll-info-box {
    background: #121217;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-radius: 4px;
}

.poll-block-section .poll-status-message {
    background: #22222C;
    border: 1px solid #FF1493;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 13px;
}

.poll-block-section .poll-feedback-notice {
    background: #121217;
    border: 1px solid #FF1493;
    color: #FFFFFF;
    border-radius: 4px;
    font-size: 13px;
}

@media (max-width: 767px) {
    .poll-block-section .qv-title {
        font-size: 16px;
        hyphens: auto;
        flex-direction: column;
        align-items: flex-start !important;
    }

    .poll-block-section .poll-gradient-text {
        margin-left: 0 !important;
    }

    .poll-block-section .poll-lead {
        font-size: 13px;
    }

    .poll-block-section .poll-option-title {
        font-size: 13px;
    }

    .poll-block-section .poll-action-btn {
        width: 100%;
        margin-top: 4px;
    }
}

/* ===== personal_records ===== */
.personal-records-block {
    position: relative;
    padding: 64px 0;
}

.personal-records-block .personal-records-accent-bar {
    display: inline-block;
    width: 4px;
    height: 1.1em;
    background: #FF1493;
    box-shadow: 0 0 10px rgba(255, 20, 147, 0.6);
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 2px;
}

.personal-records-block .personal-records-gradient-text {
    background: linear-gradient(90deg, #FF1493, #FF003C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.personal-records-block .personal-records-title {
    font-size: 28px;
    line-height: 1.25;
    color: #FFFFFF;
    font-weight: 700;
}

.personal-records-block .personal-records-eyebrow {
    color: #FF1493;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.personal-records-block .personal-records-desc {
    color: #B8B8C8;
    font-size: 15px;
    line-height: 1.6;
    max-width: 680px;
}

.personal-records-block .personal-records-hud {
    background: #121217;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85);
}

.personal-records-block .personal-records-stat-box {
    padding: 4px 8px;
}

.personal-records-block .personal-records-stat-lbl {
    display: block;
    font-size: 12px;
    color: #75758A;
    margin-bottom: 4px;
}

.personal-records-block .personal-records-stat-val {
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
}

.personal-records-block .personal-records-stat-val.text-accent {
    color: #FF1493;
}

.personal-records-block .personal-records-toolbar {
    background: #181820;
    border: 1px solid #2B2B38;
    border-radius: 6px;
}

.personal-records-block .personal-records-filter-btn {
    background: #121217;
    color: #B8B8C8;
    border: 1px solid #2B2B38;
    border-radius: 4px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 700;
    transition: none;
}

.personal-records-block .personal-records-filter-btn:hover {
    background: #22222C;
    color: #FFFFFF;
    border-color: #FF1493;
}

.personal-records-block .personal-records-filter-btn.active {
    background: #FF003C;
    color: #FFFFFF;
    border-color: #FF1493;
    box-shadow: 0 0 10px rgba(255, 0, 60, 0.4);
}

.personal-records-block .personal-records-sort-lbl {
    font-size: 13px;
    color: #B8B8C8;
    font-weight: 700;
}

.personal-records-block .personal-records-select {
    background: #121217;
    color: #FFFFFF;
    border: 1px solid #2B2B38;
    border-bottom: 1px solid #FF003C;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 13px;
    outline: none;
}

.personal-records-block .personal-records-select:focus {
    border-color: #FF1493;
}

.personal-records-block .personal-records-card {
    background: #181820;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    border-radius: 8px;
    padding: 18px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
    transition: none;
}

.personal-records-block .personal-records-card:hover {
    border-color: #FF1493;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.95), 0 3px 14px rgba(255, 20, 147, 0.35);
}

.personal-records-block .personal-records-status-pill {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 2px;
    background: #22222C;
    color: #FF003C;
    border: 1px solid rgba(255, 0, 60, 0.4);
    font-weight: 700;
}

.personal-records-block .personal-records-card-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
    min-height: 44px;
    overflow-wrap: anywhere;
}

.personal-records-block .personal-records-link {
    color: #FFFFFF;
    text-decoration: none;
}

.personal-records-block .personal-records-link:hover {
    color: #FF1493;
    text-decoration: underline;
    text-decoration-color: #FF003C;
}

.personal-records-block .personal-records-metrics {
    background: #121217;
    border: 1px solid #2B2B38;
    border-radius: 4px;
    padding: 10px 12px;
}

.personal-records-block .personal-records-metric-label {
    font-size: 12px;
    color: #75758A;
}

.personal-records-block .personal-records-metric-val {
    font-size: 12px;
    font-weight: 700;
    color: #FFFFFF;
    font-variant-numeric: tabular-nums;
}

.personal-records-block .personal-records-metric-user {
    color: #75758A;
}

.personal-records-block .personal-records-gap {
    color: #FF003C;
}

.personal-records-block .personal-records-progress-box {
    padding: 4px 2px;
}

.personal-records-block .personal-records-progress-lbl {
    font-size: 12px;
    color: #B8B8C8;
    font-weight: 700;
}

.personal-records-block .personal-records-progress-pct {
    font-size: 12px;
    color: #FF1493;
    font-weight: 700;
}

.personal-records-block .personal-records-progress-track {
    width: 100%;
    height: 8px;
    background: #121217;
    border: 1px solid #2B2B38;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.personal-records-block .personal-records-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #FF003C, #FF1493);
    width: 0%;
}

.personal-records-block .qv-btn {
    background: #FF003C;
    color: #FFFFFF;
    border: 1px solid #FF1493;
    border-radius: 4px;
    font-weight: 700;
    padding: 8px 16px;
    font-size: 13px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 10px rgba(255, 0, 60, 0.4);
}

.personal-records-block .qv-btn:hover {
    background: #FF1493;
    color: #FFFFFF;
    box-shadow: 0 0 14px rgba(255, 20, 147, 0.6);
}

.personal-records-block .qv-btn-alt {
    background: #181820;
    color: #FF1493;
    border: 1px solid #FF003C;
    border-radius: 4px;
    font-weight: 700;
    padding: 8px 16px;
    font-size: 13px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.personal-records-block .qv-btn-alt:hover {
    background: #22222C;
    color: #FFFFFF;
}

.personal-records-block .qv-badge {
    background: #22222C;
    color: #FF1493;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 2px;
}

@media (max-width: 767px) {
    .personal-records-block {
        padding: 40px 0;
    }

    .personal-records-block .personal-records-title {
        font-size: 16px;
    }

    .personal-records-block .personal-records-card-title {
        font-size: 14px;
        min-height: auto;
    }

    .personal-records-block .personal-records-filters {
        width: 100%;
    }

    .personal-records-block .personal-records-filter-btn {
        flex: 1 1 calc(50% - 8px);
        text-align: center;
    }
}

/* ===== leaderboards ===== */
.gk-leaderboard-section .gk-title-bar {
    width: 4px;
    height: 28px;
    background-color: var(--primary-neon-pink, #FF1493);
    box-shadow: 0 0 10px rgba(255, 20, 147, 0.7);
}

.gk-leaderboard-section .gk-gradient-text {
    background: linear-gradient(90deg, #FF1493 0%, #FF003C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gk-leaderboard-section .gk-subtitle {
    color: #B8B8C8;
    font-size: 14px;
}

.gk-leaderboard-section .gk-tabs-wrapper {
    overflow-x: auto;
    padding-bottom: 4px;
}

.gk-leaderboard-section .gk-tab-btn {
    cursor: pointer;
    border: 1px solid #2B2B38;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    background-color: #181820;
    color: #B8B8C8;
    font-size: 13px;
    padding: 6px 14px;
}

.gk-leaderboard-section .gk-tab-btn.active,
.gk-leaderboard-section .gk-tab-btn:hover {
    background-color: #22222C;
    color: #FFFFFF;
    box-shadow: 0 0 12px rgba(255, 20, 147, 0.4);
}

.gk-leaderboard-section .gk-leaderboard-container {
    background-color: #181820;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
}

.gk-leaderboard-section .gk-table-header {
    background-color: #121217;
    border-bottom: 1px solid #2B2B38;
    color: #75758A;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.gk-leaderboard-section .gk-row {
    border-bottom: 1px solid #22222C;
}

.gk-leaderboard-section .gk-row:last-child {
    border-bottom: none;
}

.gk-leaderboard-section .gk-col-rank {
    width: 90px;
    flex-shrink: 0;
}

.gk-leaderboard-section .gk-col-player {
    width: 250px;
    flex-shrink: 0;
}

.gk-leaderboard-section .gk-col-game {
    flex-grow: 1;
}

.gk-leaderboard-section .gk-col-score {
    width: 160px;
    flex-shrink: 0;
}

.gk-leaderboard-section .gk-col-date {
    width: 140px;
    flex-shrink: 0;
}

.gk-leaderboard-section .gk-rank-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 28px;
    padding: 0 8px;
    background-color: #121217;
    border: 1px solid #2B2B38;
    color: #B8B8C8;
    font-weight: 700;
    font-size: 13px;
    border-radius: 2px;
}

.gk-leaderboard-section .gk-rank-1 {
    background: linear-gradient(135deg, rgba(255, 20, 147, 0.3) 0%, rgba(255, 0, 60, 0.3) 100%);
    border-color: #FF1493;
    color: #FFFFFF;
    box-shadow: 0 0 10px rgba(255, 20, 147, 0.5);
}

.gk-leaderboard-section .gk-rank-2 {
    background: rgba(255, 0, 60, 0.2);
    border-color: #FF003C;
    color: #FFFFFF;
}

.gk-leaderboard-section .gk-rank-3 {
    background: rgba(255, 20, 147, 0.15);
    border-color: #FF1493;
    color: #FF1493;
}

.gk-leaderboard-section .gk-player-avatar {
    width: 38px;
    height: 38px;
    background-color: #121217;
    border: 1px solid #FF1493;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FF1493;
    font-size: 18px;
}

.gk-leaderboard-section .gk-player-name {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 14px;
}

.gk-leaderboard-section .gk-player-tag {
    color: #75758A;
    font-size: 12px;
}

.gk-leaderboard-section .gk-game-title {
    color: #FFFFFF;
    font-size: 14px;
}

.gk-leaderboard-section .gk-score-num {
    color: #FF003C;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-shadow: 0 0 8px rgba(255, 0, 60, 0.4);
}

.gk-leaderboard-section .gk-date-text {
    color: #B8B8C8;
    font-size: 13px;
}

.gk-leaderboard-section .gk-mobile-label {
    color: #75758A;
    font-size: 12px;
    font-weight: 400;
}

@media (max-width: 767px) {

    .gk-leaderboard-section .gk-col-rank,
    .gk-leaderboard-section .gk-col-player,
    .gk-leaderboard-section .gk-col-game,
    .gk-leaderboard-section .gk-col-score,
    .gk-leaderboard-section .gk-col-date {
        width: 100%;
    }

    .gk-leaderboard-section .gk-row {
        padding: 16px;
        border-bottom: 1px solid #2B2B38;
    }
}

/* ===== support_faq ===== */
.support-faq-section {
    padding: 64px 0;
    position: relative;
    overflow: hidden;
}

.support-faq-section .support-neon-bar {
    display: inline-block;
    width: 4px;
    height: 28px;
    background: #FF1493;
    box-shadow: 0 0 10px rgba(255, 20, 147, 0.7);
    border-radius: 2px;
    flex-shrink: 0;
}

.support-faq-section .support-text-gradient {
    background: linear-gradient(90deg, #FF1493, #FF003C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.support-faq-section .support-subtitle {
    color: #B8B8C8;
    font-size: 15px;
    line-height: 1.6;
    max-width: 680px;
}

.support-faq-section .support-faq-item {
    background: #181820;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
    border-radius: 8px;
    padding: 16px 20px;
}

.support-faq-section .support-faq-trigger {
    background: transparent;
    border: none;
    padding: 0;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
}

.support-faq-section .support-faq-trigger:hover {
    color: #FF1493;
}

.support-faq-section .support-item-icon {
    font-size: 20px;
    color: #FF1493;
    text-shadow: 0 0 8px rgba(255, 20, 147, 0.5);
    flex-shrink: 0;
}

.support-faq-section .support-chevron {
    font-size: 22px;
    color: #B8B8C8;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.support-faq-section .support-faq-item.active .support-chevron {
    transform: rotate(180deg);
    color: #FF003C;
}

.support-faq-section .support-faq-body {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed #2B2B38;
}

.support-faq-section .support-answer {
    color: #B8B8C8;
    font-size: 14px;
    line-height: 1.6;
}

.support-faq-section .support-list {
    color: #B8B8C8;
    font-size: 13px;
    line-height: 1.7;
}

.support-faq-section .support-list li {
    margin-bottom: 4px;
}

.support-faq-section .support-status-card,
.support-faq-section .support-guide-card {
    background: #181820;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
    border-radius: 8px;
    padding: 20px;
}

.support-faq-section .support-panel-title {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
}

.support-faq-section .support-badge {
    background: #22222C;
    color: #FF1493;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 2px;
}

.support-faq-section .support-panel-desc {
    color: #B8B8C8;
    font-size: 13px;
    line-height: 1.5;
}

.support-faq-section .support-metric-row {
    background: #121217;
    border-radius: 4px;
    border: 1px solid #2B2B38;
    font-size: 13px;
}

.support-faq-section .support-metric-label {
    color: #B8B8C8;
}

.support-faq-section .support-metric-val {
    color: #FFFFFF;
    font-family: monospace;
    font-weight: 700;
}

.support-faq-section .support-diagnostic-log {
    background: #121217;
    border: 1px solid #2B2B38;
    border-left: 3px solid #00E676;
    border-radius: 4px;
    font-size: 12px;
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .support-faq-section {
        padding: 40px 0;
    }

    .support-faq-section .qv-title {
        font-size: 16px;
        overflow-wrap: anywhere;
    }

    .support-faq-section .support-panel-title {
        font-size: 14px;
        overflow-wrap: anywhere;
    }

    .support-faq-section .support-faq-trigger {
        font-size: 14px;
    }

    .support-faq-section .support-neon-bar {
        height: 22px;
    }
}

/* ===== footer ===== */
.site-footer {
    background-color: #0A0A0D;
    border-top: 1px solid #FF1493;
    padding: 48px 0 24px;
    position: relative;
    overflow: hidden
}

.site-footer .site-footer__disclaimer {
    background-color: #121217;
    border: 1px solid #2B2B38;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-radius: 8px;
    padding: 16px 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22)
}

.site-footer .site-footer__disclaimer-icon {
    color: #FF1493;
    font-size: 22px;
    line-height: 1;
    margin-top: 2px;
    filter: drop-shadow(0 0 8px rgba(255, 20, 147, 0.5))
}

.site-footer .site-footer__disclaimer-title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700
}

.site-footer .site-footer__disclaimer-text {
    color: #B8B8C8;
    font-size: 13px;
    line-height: 1.6;
    overflow-wrap: anywhere
}

.site-footer .site-footer__neon-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #FF1493 25%, #FF003C 75%, transparent 100%)
}

.site-footer .site-footer__title-wrap {
    display: flex;
    align-items: center;
    gap: 8px
}

.site-footer .site-footer__neon-bar {
    width: 3px;
    height: 18px;
    background-color: #FF1493;
    box-shadow: 0 0 8px rgba(255, 20, 147, 0.8);
    flex-shrink: 0
}

.site-footer .site-footer__title-icon {
    color: #FF003C;
    font-size: 18px;
    filter: drop-shadow(0 0 8px rgba(255, 0, 60, 0.6))
}

.site-footer .site-footer__heading {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3
}

.site-footer .site-footer__heading span {
    color: #FF1493;
    background: linear-gradient(90deg, #FF1493, #FF003C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.site-footer .site-footer__desc {
    color: #B8B8C8;
    font-size: 13px;
    line-height: 1.6;
    overflow-wrap: anywhere
}

.site-footer .site-footer__wallpaper-box {
    background-color: #121217;
    border: 1px solid #2B2B38;
    border-bottom: 1px solid #FF003C;
    border-radius: 4px
}

.site-footer .site-footer__wallpaper-note {
    color: #B8B8C8;
    font-size: 12px
}

.site-footer .text-pink {
    color: #FF1493
}

.site-footer .site-footer__links {
    padding-left: 0
}

.site-footer .site-footer__link {
    color: #B8B8C8;
    font-size: 13px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    overflow-wrap: anywhere
}

.site-footer .site-footer__link i {
    color: #FF003C;
    font-size: 14px
}

.site-footer .site-footer__link:hover {
    color: #FF1493;
    text-decoration: none
}

.site-footer .site-footer__input {
    background-color: #121217;
    border: 1px solid #2B2B38;
    border-bottom: 1px solid #FF003C;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 13px
}

.site-footer .site-footer__input:focus {
    background-color: #181820;
    color: #FFFFFF;
    border-color: #FF1493;
    box-shadow: 0 0 8px rgba(255, 20, 147, 0.4)
}

.site-footer .site-footer__input::placeholder {
    color: #75758A;
    opacity: 1
}

.site-footer .site-footer__checkbox {
    background-color: #121217;
    border: 1px solid #2B2B38;
    border-radius: 2px;
    cursor: pointer
}

.site-footer .site-footer__checkbox:checked {
    background-color: #FF003C;
    border-color: #FF1493
}

.site-footer .site-footer__checkbox:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 20, 147, 0.25)
}

.site-footer .site-footer__checkbox-label {
    color: #B8B8C8;
    font-size: 12px;
    line-height: 1.4
}

.site-footer .site-footer__policy-link {
    color: #FF1493;
    text-decoration: none
}

.site-footer .site-footer__policy-link:hover {
    color: #FFFFFF;
    text-decoration: underline
}

.site-footer .site-footer__bottom {
    border-top: 1px solid #2B2B38
}

.site-footer .site-footer__copyright {
    color: #75758A;
    font-size: 13px;
    overflow-wrap: anywhere
}

.site-footer .site-footer__legal-links {
    padding-left: 0
}

.site-footer .site-footer__legal-link {
    color: #B8B8C8;
    font-size: 12px;
    text-decoration: none;
    overflow-wrap: anywhere
}

.site-footer .site-footer__legal-link:hover {
    color: #FF1493;
    text-decoration: none
}

@media (max-width:767px) {
    .site-footer {
        padding: 36px 0 20px
    }

    .site-footer .site-footer__disclaimer {
        padding: 14px
    }

    .site-footer .site-footer__disclaimer-title {
        font-size: 14px
    }

    .site-footer .site-footer__heading {
        font-size: 15px
    }

    .site-footer .site-footer__col {
        margin-bottom: 8px
    }
}

/* ===== PAGE: about ===== */
.about-vision-section { background-color: #0A0A0D; padding: 64px 0; color: #FFFFFF; position: relative; overflow: hidden; } .about-vision-section .about-badge-wrapper .qv-badge { background-color: #22222C; color: #FF1493; border-top: 1px solid #FF1493; border-bottom: 1px solid #FF003C; border-left: none; border-right: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 2px; } .about-vision-section .about-neon-icon { color: #FF1493; font-size: 18px; filter: drop-shadow(0 0 6px rgba(255, 20, 147, 0.6)); } .about-vision-section .about-section-heading { font-size: 28px; line-height: 1.3; font-weight: 700; color: #FFFFFF; border-left: 3px solid #FF1493; padding-left: 14px; margin-bottom: 24px; } .about-vision-section .about-neon-text { background: linear-gradient(90deg, #FF1493, #FF003C); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .about-vision-section .about-text-lead { font-size: 16px; line-height: 1.7; color: #B8B8C8; } .about-vision-section .about-text-body { font-size: 14px; line-height: 1.7; color: #75758A; } .about-vision-section .about-stat-box { background-color: #181820; border-top: 1px solid #FF1493; border-bottom: 1px solid #FF003C; border-left: 1px solid #2B2B38; border-right: 1px solid #2B2B38; padding: 14px 16px; border-radius: 4px; display: flex; flex-direction: column; gap: 4px; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.6); } .about-vision-section .about-stat-number { font-size: 22px; font-weight: 700; color: #FF1493; line-height: 1.2; text-shadow: 0 0 8px rgba(255, 20, 147, 0.4); } .about-vision-section .about-stat-label { font-size: 13px; color: #B8B8C8; } .about-vision-section .about-visual-frame { position: relative; width: 100%; aspect-ratio: 16 / 10; border-radius: 8px; overflow: hidden; border-top: 1px solid #FF1493; border-bottom: 1px solid #FF003C; border-left: 1px solid #2B2B38; border-right: 1px solid #2B2B38; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22); } .about-vision-section .about-visual-img { width: 100%; height: 100%; object-fit: cover; display: block; } .about-vision-section .about-visual-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 10, 13, 0.15) 0%, rgba(10, 10, 13, 0.65) 100%); pointer-events: none; } .about-vision-section .about-status-tag { position: absolute; bottom: 14px; right: 14px; background: rgba(18, 18, 23, 0.9); border: 1px solid #FF1493; color: #FFFFFF; font-size: 12px; padding: 6px 12px; border-radius: 4px; display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 0 10px rgba(255, 20, 147, 0.4); } .about-vision-section .about-status-tag i { color: #FF003C; font-size: 14px; } .about-vision-section .about-divider-bar { height: 1px; width: 100%; background: linear-gradient(90deg, rgba(255, 20, 147, 0.8) 0%, rgba(255, 0, 60, 0.8) 50%, rgba(43, 43, 56, 0.2) 100%); margin: 16px 0; } .about-vision-section .about-pillar-card { background-color: #181820; border-top: 1px solid #FF1493; border-bottom: 1px solid #FF003C; border-left: 1px solid #2B2B38; border-right: 1px solid #2B2B38; border-radius: 8px; padding: 22px 20px; height: 100%; display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7); } .about-vision-section .about-pillar-icon { width: 44px; height: 44px; border-radius: 4px; background-color: #22222C; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid #FF1493; color: #FF1493; font-size: 22px; box-shadow: 0 0 8px rgba(255, 20, 147, 0.5); } .about-vision-section .about-pillar-title { font-size: 18px; font-weight: 700; color: #FFFFFF; } .about-vision-section .about-pillar-desc { font-size: 14px; line-height: 1.6; color: #B8B8C8; margin-bottom: 0; flex-grow: 1; } .about-vision-section .about-cta-panel { background-color: #121217; border-top: 1px solid #FF1493; border-bottom: 1px solid #FF003C; border-left: 1px solid #2B2B38; border-right: 1px solid #2B2B38; border-radius: 8px; padding: 28px 24px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85); } .about-vision-section .about-cta-title { font-size: 20px; font-weight: 700; color: #FFFFFF; } .about-vision-section .about-cta-desc { font-size: 14px; color: #75758A; } .about-vision-section .qv-btn { background: #FF003C; color: #FFFFFF; border: 1px solid #FF1493; box-shadow: 0 0 10px rgba(255, 0, 60, 0.4); border-radius: 4px; font-weight: 700; padding: 10px 22px; text-decoration: none; } .about-vision-section .qv-btn:hover { background: #FF1493; color: #FFFFFF; box-shadow: 0 0 14px rgba(255, 20, 147, 0.6); } @media (max-width: 767px) { .about-vision-section { padding: 40px 0; } .about-vision-section .about-section-heading { font-size: 20px; } .about-vision-section .about-text-lead { font-size: 15px; } .about-vision-section .about-pillar-title { font-size: 16px; } .about-vision-section .about-cta-panel { padding: 20px 16px; } .about-vision-section .about-cta-title { font-size: 17px; } }

/* ===== PAGE: games ===== */
.gamekor-catalog-section {
  background-color: #0A0A0D;
  color: #B8B8C8;
  font-family: 'LXGW WenKai TC', sans-serif;
  position: relative;
}

.gamekor-catalog-section .gamekor-title-bar {
  width: 4px;
  height: 28px;
  background: #FF1493;
  box-shadow: 0 0 10px rgba(255, 20, 147, 0.7);
  border-radius: 2px;
  display: inline-block;
}

.gamekor-catalog-section .gamekor-icon-glow {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: #181820;
  color: #FF003C;
  font-size: 1.25rem;
  border: 1px solid #FF003C;
  box-shadow: 0 0 8px rgba(255, 0, 60, 0.4);
}

.gamekor-catalog-section .gamekor-main-heading {
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.gamekor-catalog-section .gamekor-gradient-text {
  background: linear-gradient(90deg, #FF1493 0%, #FF003C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 6px;
}

.gamekor-catalog-section .gamekor-header-line {
  height: 1px;
  background: linear-gradient(90deg, #FF1493 0%, rgba(255, 0, 60, 0.2) 60%, transparent 100%);
}

.gamekor-catalog-section .gamekor-controls-bar {
  background-color: #121217;
  border-top: 1px solid #FF1493;
  border-bottom: 1px solid #FF003C;
  border-radius: 6px;
}

.gamekor-catalog-section .gamekor-filter-btn {
  background-color: #181820;
  color: #B8B8C8;
  border: 1px solid #2B2B38;
  border-radius: 4px;
  padding: 6px 14px;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
}

.gamekor-catalog-section .gamekor-filter-btn:hover,
.gamekor-catalog-section .gamekor-filter-btn.active {
  background-color: #FF003C;
  color: #FFFFFF;
  border-color: #FF1493;
  box-shadow: 0 0 10px rgba(255, 0, 60, 0.45);
}

.gamekor-catalog-section .gamekor-search-box {
  background-color: #181820;
  border: 1px solid #2B2B38;
  border-bottom: 1px solid #FF003C;
  border-radius: 4px;
}

.gamekor-catalog-section .gamekor-search-icon {
  color: #FF1493;
  font-size: 1rem;
}

.gamekor-catalog-section .gamekor-search-input {
  background: transparent;
  border: none;
  outline: none;
  color: #FFFFFF;
  font-size: 0.85rem;
  width: 100%;
}

.gamekor-catalog-section .gamekor-search-input::placeholder {
  color: #75758A;
  opacity: 1;
}

.gamekor-catalog-section .gamekor-portal-mosaic {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.gamekor-catalog-section .gamekor-mosaic-item {
  min-width: 0;
}

.gamekor-catalog-section .gamekor-featured-tile {
  grid-column: span 2;
  grid-row: span 2;
}

.gamekor-catalog-section .gamekor-card-inner {
  background-color: #181820;
  border-top: 1px solid #FF1493;
  border-bottom: 1px solid #FF003C;
  border-left: 1px solid #2B2B38;
  border-right: 1px solid #2B2B38;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
}

.gamekor-catalog-section .gamekor-card-inner:hover {
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.95), 0 3px 14px rgba(255, 20, 147, 0.35);
  border-color: #FF1493;
}

.gamekor-catalog-section .gamekor-card-media-wrapper {
  aspect-ratio: 4 / 3;
  width: 100%;
  overflow: hidden;
  background-color: #121217;
}

.gamekor-catalog-section .gamekor-media-link {
  width: 100%;
  height: 100%;
}

.gamekor-catalog-section .gamekor-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.gamekor-catalog-section .gamekor-featured-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(255, 0, 60, 0.9);
  color: #FFFFFF;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 2px;
  border: 1px solid #FF1493;
}

.gamekor-catalog-section .gamekor-platform-tag {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background-color: rgba(18, 18, 23, 0.85);
  color: #FF1493;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 2px;
  border: 1px solid #2B2B38;
}

.gamekor-catalog-section .gamekor-meta-pill {
  background-color: #22222C;
  color: #B8B8C8;
  font-size: 0.72rem;
  padding: 2px 7px;
  border-radius: 2px;
  border-top: 1px solid #FF1493;
  border-bottom: 1px solid #FF003C;
}

.gamekor-catalog-section .gamekor-status-pill {
  color: #00FF88;
}

.gamekor-catalog-section .gamekor-card-title {
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.gamekor-catalog-section .gamekor-featured-tile .gamekor-card-title {
  font-size: 1.3rem;
}

.gamekor-catalog-section .gamekor-title-link {
  color: #FFFFFF;
  text-decoration: none;
}

.gamekor-catalog-section .gamekor-title-link:hover {
  color: #FF1493;
  text-decoration: underline;
  text-decoration-color: #FF003C;
}

.gamekor-catalog-section .gamekor-card-desc {
  font-size: 0.85rem;
  color: #B8B8C8;
  line-height: 1.5;
  margin-bottom: 0;
  overflow-wrap: anywhere;
}

.gamekor-catalog-section .gamekor-featured-tile .gamekor-card-desc {
  font-size: 0.92rem;
}

.gamekor-catalog-section .gamekor-action-link {
  color: #FF1493;
  text-decoration: underline;
  text-decoration-color: #FF003C;
  font-size: 0.85rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}

.gamekor-catalog-section .gamekor-action-link:hover {
  color: #FFFFFF;
  text-decoration-color: #FF1493;
}

.gamekor-catalog-section .gamekor-empty-icon {
  font-size: 3rem;
  color: #FF003C;
}

.gamekor-catalog-section .gamekor-tech-overview {
  background-color: #121217;
  border-top: 1px solid #FF1493;
  border-bottom: 1px solid #FF003C;
  border-left: 1px solid #2B2B38;
  border-right: 1px solid #2B2B38;
}

.gamekor-catalog-section .gamekor-overview-text {
  font-size: 0.88rem;
  color: #B8B8C8;
  line-height: 1.6;
}

.gamekor-catalog-section .gamekor-stat-box {
  background-color: #181820;
  border: 1px solid #2B2B38;
  border-left: 3px solid #FF1493;
  border-radius: 4px;
}

.gamekor-catalog-section .gamekor-stat-val {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 700;
  margin-top: 4px;
}

@media (max-width: 991px) {
  .gamekor-catalog-section .gamekor-portal-mosaic {
    grid-template-columns: repeat(2, 1fr);
  }
  .gamekor-catalog-section .gamekor-featured-tile {
    grid-column: span 2;
    grid-row: auto;
  }
}

@media (max-width: 767px) {
  .gamekor-catalog-section .gamekor-main-heading {
    font-size: 1.15rem;
  }
  .gamekor-catalog-section .gamekor-portal-mosaic {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .gamekor-catalog-section .gamekor-featured-tile {
    grid-column: span 2;
    grid-row: auto;
  }
  .gamekor-catalog-section .gamekor-card-body {
    padding: 10px;
  }
  .gamekor-catalog-section .gamekor-card-title {
    font-size: 0.9rem;
  }
  .gamekor-catalog-section .gamekor-featured-tile .gamekor-card-title {
    font-size: 1rem;
  }
  .gamekor-catalog-section .gamekor-card-desc {
    font-size: 0.78rem;
  }
}

/* ===== PAGE: how-to-play ===== */
.guide-block {
  background-color: var(--background-primary, #0A0A0D);
  color: var(--text-dark-theme-primary, #FFFFFF);
}

.guide-block__neon-bar {
  width: 4px;
  height: 24px;
  background: #FF1493;
  box-shadow: 0 0 8px rgba(255, 20, 147, 0.6);
  border-radius: 2px;
  flex-shrink: 0;
}

.guide-block__head-icon {
  width: 32px;
  height: 32px;
  background: #181820;
  color: #FF1493;
  border: 1px solid #FF003C;
  border-radius: 4px;
  font-size: 18px;
  box-shadow: 0 0 8px rgba(255, 20, 147, 0.4);
}

.guide-block__title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  color: #FFFFFF;
}

.guide-block__accent-text {
  background: linear-gradient(90deg, #FF1493 0%, #FF003C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.guide-block__subtitle {
  color: var(--text-dark-theme-secondary, #B8B8C8);
  font-size: 15px;
  line-height: 1.6;
  max-width: 760px;
}

.guide-block__nav-btn {
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 18px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.guide-card {
  background: #181820;
  border-top: 1px solid #FF1493;
  border-bottom: 1px solid #FF003C;
  border-left: 1px solid #2B2B38;
  border-right: 1px solid #2B2B38;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
}

.guide-card__corner-icon {
  font-size: 20px;
  color: #FF1493;
}

.guide-card__key-display {
  min-height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #121217;
  border: 1px solid #2B2B38;
  border-radius: 6px;
  padding: 10px;
}

.guide-card__key {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  background: #22222C;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid #FF1493;
  border-radius: 4px;
  box-shadow: 0 2px 0 #FF003C;
}

.guide-card__key--wide {
  min-width: 68px;
}

.guide-card__big-icon {
  font-size: 40px;
  color: #FF1493;
  text-shadow: 0 0 10px rgba(255, 20, 147, 0.5);
}

.guide-card__title {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 8px;
}

.guide-card__desc {
  font-size: 13px;
  color: #B8B8C8;
  line-height: 1.6;
}

.guide-banner {
  background: #181820;
  border-top: 1px solid #FF1493;
  border-bottom: 1px solid #FF003C;
  border-left: 1px solid #2B2B38;
  border-right: 1px solid #2B2B38;
  border-radius: 8px;
}

.guide-banner__title {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
}

.guide-banner__list {
  color: #B8B8C8;
  font-size: 14px;
  line-height: 1.6;
}

.guide-banner__text {
  color: #B8B8C8;
  font-size: 14px;
  line-height: 1.6;
}

.guide-block__media-box {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #2B2B38;
  border-top: 1px solid #FF1493;
  border-bottom: 1px solid #FF003C;
}

.guide-block__media-img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

.guide-block__hud-badge {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background: #22222C;
  color: #FF1493;
  border: 1px solid #FF003C;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.guide-block__hud-name {
  font-size: 15px;
  font-weight: 700;
  color: #FFFFFF;
}

.guide-block__section-h3 {
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
}

.guide-faq-card {
  background: #181820;
  border-top: 1px solid #FF1493;
  border-bottom: 1px solid #FF003C;
  border-left: 1px solid #2B2B38;
  border-right: 1px solid #2B2B38;
  border-radius: 8px;
}

.guide-faq-card__q {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.4;
}

.guide-faq-card__icon {
  color: #FF003C;
  font-size: 18px;
  flex-shrink: 0;
}

.guide-faq-card__a {
  font-size: 14px;
  color: #B8B8C8;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .guide-block__title {
    font-size: 16px;
    hyphens: auto;
  }
  .guide-card__title {
    font-size: 14px;
    hyphens: auto;
  }
  .guide-banner__title,
  .guide-block__section-h3 {
    font-size: 14px;
    hyphens: auto;
  }
  .guide-block__hud-name,
  .guide-faq-card__q {
    font-size: 13px;
    hyphens: auto;
  }
  .guide-block__nav-btn {
    width: 100%;
    justify-content: center;
  }
  .guide-block__media-img {
    height: 180px;
  }
}

/* ===== PAGE: leaderboard ===== */
.leaderboard-wrapper{padding:64px 0;background:#0A0A0D;color:#FFFFFF;}.leaderboard-bar{display:inline-block;width:3px;height:22px;background:#FF1493;box-shadow:0 0 8px rgba(255,20,147,0.6);border-radius:2px;}.leaderboard-wrapper .qv-icon i{font-size:20px;color:#FF003C;filter:drop-shadow(0 0 6px rgba(255,20,147,0.5));}.leaderboard-wrapper .qv-title{font-size:28px;font-weight:700;color:#FFFFFF;}.leaderboard-subtitle{color:#B8B8C8;font-size:14px;max-width:720px;margin-bottom:0;}.leaderboard-controls{background:#121217;border-top:1px solid #FF1493;border-bottom:1px solid #FF003C;border-left:1px solid #2B2B38;border-right:1px solid #2B2B38;padding:16px;border-radius:8px;}.leaderboard-search-box .leaderboard-input-addon{background:#181820;border:1px solid #2B2B38;border-right:none;color:#FF1493;border-radius:4px 0 0 4px;}.leaderboard-search-box input.form-control{background:#181820;border:1px solid #2B2B38;border-left:none;color:#FFFFFF;border-radius:0 4px 4px 0;}.leaderboard-search-box input.form-control:focus{background:#22222C;border-color:#FF1493;color:#FFFFFF;box-shadow:none;}.leaderboard-search-box input.form-control::placeholder{color:#75758A;}.leaderboard-filter-label{font-size:13px;color:#B8B8C8;margin-bottom:0;}.leaderboard-controls select.form-select{background-color:#181820;color:#FFFFFF;border:1px solid #2B2B38;border-bottom:1px solid #FF003C;border-radius:4px;font-size:14px;}.leaderboard-controls select.form-select:focus{border-color:#FF1493;box-shadow:0 0 8px rgba(255,20,147,0.35);color:#FFFFFF;background-color:#22222C;}.podium-card{background:#181820;border-top:1px solid #FF1493;border-bottom:1px solid #FF003C;border-left:1px solid #2B2B38;border-right:1px solid #2B2B38;box-shadow:0 10px 30px rgba(0,0,0,0.85),0 2px 10px rgba(255,0,60,0.22);position:relative;}.podium-card-gold{border-top:2px solid #FFD700;}.podium-card-silver{border-top:2px solid #C0C0C0;}.podium-card-bronze{border-top:2px solid #CD7F32;}.podium-rank-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:2px;}.rank-1{background:rgba(255,215,0,0.15);color:#FFD700;border:1px solid #FFD700;}.rank-2{background:rgba(192,192,192,0.15);color:#E0E0E0;border:1px solid #C0C0C0;}.rank-3{background:rgba(205,127,50,0.15);color:#E69A58;border:1px solid #CD7F32;}.podium-avatar{width:42px;height:42px;border-radius:4px;background:#22222C;display:flex;align-items:center;justify-content:center;color:#FF1493;font-size:22px;border:1px solid #FF003C;margin-bottom:10px;}.podium-name{font-size:20px;font-weight:700;color:#FFFFFF;margin-bottom:6px;word-break:break-all;}.podium-score-box{background:#121217;border:1px solid #2B2B38;padding:8px 12px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;}.podium-score-label{font-size:12px;color:#75758A;}.podium-score-value{font-weight:700;color:#FF003C;font-size:15px;letter-spacing:0.5px;}.leaderboard-table-card{background:#181820;border-top:1px solid #FF1493;border-bottom:1px solid #FF003C;border-left:1px solid #2B2B38;border-right:1px solid #2B2B38;box-shadow:0 10px 30px rgba(0,0,0,0.85);overflow:hidden;}.leaderboard-table{margin-bottom:0;color:#FFFFFF;vertical-align:middle;background:transparent;}.leaderboard-table thead th{background:#121217;color:#B8B8C8;font-size:13px;border-bottom:1px solid #FF003C;padding:14px 16px;white-space:nowrap;}.leaderboard-table tbody tr{border-bottom:1px solid #2B2B38;}.leaderboard-table tbody tr:hover{background:#22222C;}.leaderboard-table tbody td{padding:14px 16px;border-color:#2B2B38;color:#FFFFFF;font-size:14px;background:transparent;}.rank-pill{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;background:#22222C;color:#B8B8C8;font-weight:700;font-size:13px;border:1px solid #2B2B38;}.rank-pill-1{background:#FF003C;color:#FFFFFF;border-color:#FF1493;box-shadow:0 0 8px rgba(255,0,60,0.6);}.rank-pill-2{background:#22222C;color:#FF1493;border-color:#FF1493;}.rank-pill-3{background:#22222C;color:#FF003C;border-color:#FF003C;}.player-inline{display:inline-flex;align-items:center;gap:8px;}.player-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;background:#22222C;color:#FF1493;font-size:13px;}.player-handle{font-weight:700;color:#FFFFFF;letter-spacing:0.5px;}.status-dot{width:8px;height:8px;border-radius:50%;background:#00E676;box-shadow:0 0 6px #00E676;display:inline-block;}.category-tag{color:#B8B8C8;font-size:13px;}.period-badge{background:#121217;color:#75758A;border:1px solid #2B2B38;font-size:12px;padding:3px 8px;border-radius:2px;}.neon-score{color:#FF003C;font-size:15px;letter-spacing:0.5px;}.stat-rate{color:#B8B8C8;font-size:13px;}.badge-tier{padding:4px 8px;border-radius:2px;font-size:11px;font-weight:700;display:inline-block;}.tier-s{background:rgba(255,0,60,0.15);color:#FF003C;border:1px solid #FF003C;}.tier-a{background:rgba(255,20,147,0.15);color:#FF1493;border:1px solid #FF1493;}.tier-b{background:#22222C;color:#B8B8C8;border:1px solid #2B2B38;}.leaderboard-empty-state{padding:48px 16px;text-align:center;}.empty-icon{font-size:42px;color:#75758A;margin-bottom:12px;}.empty-title{font-size:18px;color:#FFFFFF;margin-bottom:6px;}.empty-desc{font-size:13px;color:#75758A;margin-bottom:18px;}.leaderboard-footer-info{background:#121217;border:1px solid #2B2B38;border-left:3px solid #FF1493;border-radius:4px;}.info-icon{font-size:20px;color:#FF1493;}.info-text{color:#B8B8C8;font-size:13px;}@media(max-width:767px){.leaderboard-wrapper{padding:36px 0;}.leaderboard-table thead{display:none;}.leaderboard-table,.leaderboard-table tbody,.leaderboard-table tr,.leaderboard-table td{display:block;width:100%;}.leaderboard-table tbody tr{padding:14px;position:relative;border-bottom:1px solid #2B2B38;}.leaderboard-table tbody td{padding:6px 0;border:none;display:flex;justify-content:space-between;align-items:center;}.leaderboard-table tbody td.col-rank{justify-content:flex-start;margin-bottom:6px;}.leaderboard-table tbody td.col-player{justify-content:flex-start;margin-bottom:6px;}.leaderboard-table tbody td:before{content:attr(data-label);font-size:12px;color:#75758A;margin-right:8px;}.leaderboard-table tbody td.col-rank:before,.leaderboard-table tbody td.col-player:before{display:none;}}

/* ===== PAGE: daily-tasks ===== */
.task-list-block {
  background-color: var(--background-primary, #0A0A0D);
  color: var(--text-dark-theme-primary, #FFFFFF);
  font-family: var(--font_family_body, 'LXGW WenKai TC', sans-serif);
}

.task-list-block .task-neon-bar {
  display: inline-block;
  width: 3px;
  height: 18px;
  background-color: var(--primary_neon_pink, #FF1493);
  box-shadow: 0 0 8px rgba(255, 20, 147, 0.6);
  border-radius: 2px;
}

.task-list-block .task-title-icon {
  color: var(--primary_neon_pink, #FF1493);
  font-size: 1.1rem;
}

.task-list-block .task-heading {
  color: var(--text-dark-theme-primary, #FFFFFF);
  font-size: 28px;
  font-weight: 700;
}

.task-list-block .task-accent-text {
  background: linear-gradient(90deg, #FF003C 0%, #FF1493 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.task-list-block .task-subtext {
  color: var(--text-dark-theme-secondary, #B8B8C8);
  font-size: 14px;
  max-width: 680px;
  line-height: 1.6;
}

.task-list-block .task-chip {
  background-color: var(--background-surface, #181820);
  border: 1px solid var(--border_subtle, #2B2B38);
  border-left: 2px solid var(--primary_neon_red, #FF003C);
  color: var(--text-dark-theme-secondary, #B8B8C8);
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 4px;
}

.task-list-block .task-toolbar {
  background-color: var(--background-surface, #181820);
  border-top: 1px solid var(--border_top_neon, #FF1493);
  border-bottom: 1px solid var(--border_bottom_neon, #FF003C);
  border-left: 1px solid var(--border_subtle, #2B2B38);
  border-right: 1px solid var(--border_subtle, #2B2B38);
}

.task-list-block .task-filter-btn {
  background-color: var(--background-secondary, #121217);
  border: 1px solid var(--border_subtle, #2B2B38);
  color: var(--text-dark-theme-secondary, #B8B8C8);
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}

.task-list-block .task-filter-btn:hover,
.task-list-block .task-filter-btn.active {
  background-color: var(--primary_neon_red, #FF003C);
  color: #FFFFFF;
  border-color: var(--primary_neon_pink, #FF1493);
  box-shadow: 0 0 10px rgba(255, 0, 60, 0.4);
}

.task-list-block .task-search-wrapper .task-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-dark-theme-muted, #75758A);
  font-size: 16px;
}

.task-list-block .task-search-input {
  background-color: var(--background-secondary, #121217);
  border: 1px solid var(--border_subtle, #2B2B38);
  border-bottom: 1px solid var(--primary_neon_red, #FF003C);
  color: #FFFFFF;
  padding-left: 36px;
  font-size: 13px;
  height: 38px;
}

.task-list-block .task-search-input:focus {
  background-color: var(--background-surface-elevated, #22222C);
  border-color: var(--primary_neon_pink, #FF1493);
  color: #FFFFFF;
  box-shadow: 0 0 8px rgba(255, 20, 147, 0.4);
}

.task-list-block .task-search-input::placeholder {
  color: var(--text-dark-theme-muted, #75758A);
}

.task-list-block .task-card {
  background-color: var(--background-surface, #181820);
  border-top: 1px solid var(--border_top_neon, #FF1493);
  border-bottom: 1px solid var(--border_bottom_neon, #FF003C);
  border-left: 1px solid var(--border_subtle, #2B2B38);
  border-right: 1px solid var(--border_subtle, #2B2B38);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
}

.task-list-block .task-card:hover {
  border-top-color: #FF003C;
  border-bottom-color: #FF1493;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.95), 0 3px 14px rgba(255, 20, 147, 0.35);
}

.task-list-block .task-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.task-list-block .task-badge-type {
  background-color: var(--background-surface-elevated, #22222C);
  color: var(--primary_neon_pink, #FF1493);
  border-top: 1px solid var(--primary_neon_pink, #FF1493);
  border-bottom: 1px solid var(--primary_neon_red, #FF003C);
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 2px;
  font-weight: 700;
}

.task-list-block .task-badge-difficulty {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 2px;
}

.task-list-block .task-diff-easy {
  background-color: rgba(0, 200, 140, 0.15);
  color: #00FFB0;
  border: 1px solid rgba(0, 255, 176, 0.3);
}

.task-list-block .task-diff-normal {
  background-color: rgba(255, 165, 0, 0.15);
  color: #FFA500;
  border: 1px solid rgba(255, 165, 0, 0.3);
}

.task-list-block .task-diff-hard {
  background-color: rgba(255, 0, 60, 0.15);
  color: #FF003C;
  border: 1px solid rgba(255, 0, 60, 0.3);
}

.task-list-block .task-status-tag {
  font-size: 11px;
  color: var(--text-dark-theme-muted, #75758A);
}

.task-list-block .task-item-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-dark-theme-primary, #FFFFFF);
}

.task-list-block .task-item-desc {
  font-size: 13px;
  color: var(--text-dark-theme-secondary, #B8B8C8);
  line-height: 1.5;
}

.task-list-block .task-meta-row {
  font-size: 12px;
}

.task-list-block .task-meta-label {
  color: var(--text-dark-theme-muted, #75758A);
}

.task-list-block .task-meta-val {
  color: var(--primary_neon_pink, #FF1493);
  font-weight: 700;
}

.task-list-block .task-progress-bar-bg {
  background-color: var(--background-secondary, #121217);
}

.task-list-block .task-progress-fill {
  background: linear-gradient(90deg, #FF003C 0%, #FF1493 100%);
}

.task-list-block .task-point-label {
  display: block;
  font-size: 11px;
  color: var(--text-dark-theme-muted, #75758A);
}

.task-list-block .task-point-value {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #FF003C;
  text-shadow: 0 0 8px rgba(255, 0, 60, 0.4);
}

.task-list-block .task-indicator-box {
  font-size: 12px;
  color: var(--text-dark-theme-secondary, #B8B8C8);
}

.task-list-block .task-empty-state {
  background-color: var(--background-surface, #181820);
  border: 1px dashed var(--border_subtle, #2B2B38);
}

.task-list-block .task-empty-icon {
  font-size: 40px;
  color: var(--primary_neon_pink, #FF1493);
}

.task-list-block .task-empty-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-dark-theme-primary, #FFFFFF);
}

.task-list-block .task-empty-desc {
  font-size: 13px;
  color: var(--text-dark-theme-muted, #75758A);
}

.task-list-block .task-guidelines-box {
  background-color: var(--background-surface, #181820);
  border-top: 1px solid var(--border_top_neon, #FF1493);
  border-bottom: 1px solid var(--border_bottom_neon, #FF003C);
  border-left: 1px solid var(--border_subtle, #2B2B38);
  border-right: 1px solid var(--border_subtle, #2B2B38);
}

.task-list-block .task-guide-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-dark-theme-primary, #FFFFFF);
}

.task-list-block .task-info-icon {
  color: var(--primary_neon_pink, #FF1493);
  font-size: 18px;
}

.task-list-block .task-guide-text {
  font-size: 13px;
  color: var(--text-dark-theme-secondary, #B8B8C8);
  line-height: 1.6;
}

.task-list-block .task-cert-tag {
  background-color: var(--background-secondary, #121217);
  border: 1px solid var(--border_subtle, #2B2B38);
  color: var(--primary_neon_pink, #FF1493);
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .task-list-block .task-heading {
    font-size: 16px;
  }
  .task-list-block .task-item-title {
    font-size: 14px;
  }
  .task-list-block .task-guide-title {
    font-size: 14px;
  }
  .task-list-block .task-side-meta {
    text-align: left !important;
    border-top: 1px solid var(--border_subtle, #2B2B38);
    padding-top: 10px;
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .task-list-block .task-point-label {
    display: inline-block;
    margin-right: 6px;
  }
  .task-list-block .task-point-value {
    display: inline-block;
    font-size: 15px;
  }
}

/* ===== PAGE: privacy ===== */
.gk-privacy-policy{background-color:#0A0A0D;color:#B8B8C8;font-family:'LXGW WenKai TC',sans-serif}.gk-privacy-policy .qv-card{background-color:#181820;border-top:1px solid #FF1493;border-bottom:1px solid #FF003C;border-left:1px solid #2B2B38;border-right:1px solid #2B2B38;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.85),0 2px 10px rgba(255,0,60,0.22)}.gk-privacy-policy__accent-bar{display:inline-block;width:4px;height:24px;background-color:#FF1493;vertical-align:middle;margin-right:10px;box-shadow:0 0 8px #FF1493;border-radius:2px}.gk-privacy-policy__gradient-text{background:linear-gradient(90deg,#FF1493,#FF003C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.gk-privacy-policy__glow-icon{color:#FF1493;filter:drop-shadow(0 0 6px rgba(255,20,147,0.6));font-size:18px}.gk-privacy-policy__icon{color:#FF003C;font-size:22px;filter:drop-shadow(0 0 6px rgba(255,0,60,0.5))}.gk-privacy-policy__meta{font-size:13px}.gk-privacy-policy__tags a{text-decoration:none;font-size:12px;padding:6px 12px}.gk-privacy-policy__sub-card{background-color:#121217;border:1px solid #2B2B38;border-top:1px solid #FF1493;border-bottom:1px solid #FF003C;border-radius:4px}.gk-privacy-policy__list{padding-left:20px;display:flex;flex-direction:column;gap:10px}.gk-privacy-policy__list li{line-height:1.6}.gk-privacy-policy .qv-badge{background:#22222C;color:#FF1493;border-top:1px solid #FF1493;border-bottom:1px solid #FF003C;border-radius:2px;padding:2px 8px;font-size:11px;font-weight:700}.gk-privacy-policy .qv-btn-alt{background-color:#181820;color:#FF1493;border:1px solid #FF003C;border-radius:4px;font-weight:700}.gk-privacy-policy .qv-btn-alt:hover{background-color:#22222C;color:#FFFFFF;border-color:#FF1493}@media (max-width:767px){.gk-privacy-policy h2{font-size:20px}.gk-privacy-policy h3{font-size:16px}.gk-privacy-policy__tags a{width:100%;text-align:center}}

/* ===== PAGE: terms ===== */
.term-hub { background-color: var(--background-primary, #0A0A0D); color: var(--text-dark_theme_primary, #FFFFFF); }
.term-hub-sidebar { top: 96px; z-index: 10; }
.term-nav-card { background: #181820; border-top: 1px solid #FF1493; border-bottom: 1px solid #FF003C; border-left: 1px solid #2B2B38; border-right: 1px solid #2B2B38; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22); }
.term-neon-dot { width: 8px; height: 8px; border-radius: 50%; background: #FF1493; box-shadow: 0 0 8px #FF1493; display: inline-block; }
.term-sidebar-title { font-size: 22px; font-weight: 700; color: #FFFFFF; line-height: 1.3; }
.term-sidebar-desc { font-size: 13px; color: #B8B8C8; line-height: 1.6; }
.term-nav-btn { background: #121217; border: 1px solid #2B2B38; border-left: 3px solid transparent; color: #B8B8C8; padding: 10px 14px; font-size: 13px; border-radius: 4px; transition: none; width: 100%; cursor: pointer; }
.term-nav-btn:hover { background: #22222C; color: #FFFFFF; border-left-color: #FF1493; }
.term-nav-btn.active { background: #22222C; color: #FFFFFF; border-top: 1px solid #FF1493; border-bottom: 1px solid #FF003C; border-left: 3px solid #FF1493; box-shadow: 0 0 10px rgba(255, 20, 147, 0.25); font-weight: 700; }
.term-meta-tag { font-size: 12px; color: #75758A; }
.term-meta-tag i { color: #FF003C; font-size: 14px; }
.term-section-card { background: #181820; border-top: 1px solid #FF1493; border-bottom: 1px solid #FF003C; border-left: 1px solid #2B2B38; border-right: 1px solid #2B2B38; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22); scroll-margin-top: 110px; }
.term-card-header { border-bottom: 1px solid #2B2B38; padding-bottom: 14px; }
.term-header-sub { font-size: 12px; color: #75758A; letter-spacing: 0.5px; }
.term-block-heading { font-size: 24px; font-weight: 700; color: #FFFFFF; position: relative; padding-left: 12px; border-left: 3px solid #FF1493; margin-bottom: 0; line-height: 1.3; }
.term-card-body { font-size: 14px; color: #B8B8C8; line-height: 1.75; }
.term-card-body p { margin-bottom: 16px; }
.term-card-body p:last-child { margin-bottom: 0; }
.term-subbox { background: #121217; border: 1px solid #2B2B38; border-radius: 4px; }
.term-subbox-title { font-size: 16px; font-weight: 700; color: #FFFFFF; }
.term-subbox-title i { color: #FF1493; }
.term-list { margin-bottom: 0; }
.term-list li { margin-bottom: 8px; color: #B8B8C8; }
.term-list li:last-child { margin-bottom: 0; }
.term-feature-item { background: #121217; border: 1px solid #2B2B38; border-top: 1px solid #FF1493; border-radius: 4px; }
.term-feature-icon { font-size: 20px; color: #FF003C; }
.term-feature-title { font-size: 15px; font-weight: 700; color: #FFFFFF; }
.term-feature-text { font-size: 13px; color: #B8B8C8; line-height: 1.6; }
.term-alert-box { background: #121217; border-left: 3px solid #FF003C; border-top: 1px solid #2B2B38; border-right: 1px solid #2B2B38; border-bottom: 1px solid #2B2B38; border-radius: 4px; }
.term-limit-card { background: #121217; border: 1px solid #2B2B38; border-bottom: 1px solid #FF003C; border-radius: 4px; }
.term-limit-title { font-size: 15px; font-weight: 700; color: #FFFFFF; }
.term-limit-title i { color: #FF1493; }
.term-limit-text { font-size: 13px; color: #B8B8C8; line-height: 1.6; }
.term-action-banner { background: #121217; border: 1px solid #2B2B38; border-left: 3px solid #FF1493; border-radius: 4px; }
.term-action-title { font-size: 14px; font-weight: 700; color: #FFFFFF; }
.term-action-desc { font-size: 12px; color: #75758A; }
@media (max-width: 767px) {
  .term-block-heading { font-size: 16px; }
  .term-sidebar-title { font-size: 16px; }
  .term-subbox-title, .term-feature-title, .term-limit-title { font-size: 14px; }
  .term-section-card { scroll-margin-top: 80px; padding: 16px !important; }
  .term-nav-card { padding: 16px !important; }
  .term-hub-sidebar { position: static !important; }
}

/* ===== PAGE: disclaimer ===== */
.gk-disclaimer-section {
  background-color: var(--bg, #0A0A0D);
  color: var(--text, #FFFFFF);
}

.gk-disclaimer-section .gk-disclaimer-sidebar {
  position: sticky;
  top: 96px;
}

.gk-disclaimer-section .gk-sidebar-card {
  background-color: var(--surface, #181820);
  border-top: 1px solid var(--primary, #FF1493);
  border-bottom: 1px solid var(--accent, #FF003C);
  border-left: 1px solid #2B2B38;
  border-right: 1px solid #2B2B38;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
}

.gk-disclaimer-section .gk-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--accent, #FF003C);
  box-shadow: 0 0 8px rgba(255, 0, 60, 0.8);
  display: inline-block;
}

.gk-disclaimer-section .gk-nav-link {
  color: var(--text-muted, #B8B8C8);
  background-color: #121217;
  border: 1px solid #2B2B38;
  font-size: 13px;
}

.gk-disclaimer-section .gk-nav-link:hover,
.gk-disclaimer-section .gk-nav-link.active {
  color: #FFFFFF;
  background-color: #22222C;
  border-color: var(--primary, #FF1493);
  box-shadow: 0 0 10px rgba(255, 20, 147, 0.35);
}

.gk-disclaimer-section .gk-status-banner {
  background-color: #121217;
  border-top: 1px solid var(--primary, #FF1493);
  border-bottom: 1px solid var(--accent, #FF003C);
  border-left: 1px solid #2B2B38;
  border-right: 1px solid #2B2B38;
}

.gk-disclaimer-section .gk-content-card {
  background-color: var(--surface, #181820);
  border-top: 1px solid var(--primary, #FF1493);
  border-bottom: 1px solid var(--accent, #FF003C);
  border-left: 1px solid #2B2B38;
  border-right: 1px solid #2B2B38;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85);
  scroll-margin-top: 90px;
}

.gk-disclaimer-section .gk-neon-bar {
  width: 4px;
  height: 20px;
  background-color: var(--primary, #FF1493);
  box-shadow: 0 0 10px rgba(255, 20, 147, 0.7);
  border-radius: 2px;
  display: inline-block;
}

.gk-disclaimer-section .gk-card-heading {
  color: #FFFFFF;
  overflow-wrap: anywhere;
}

.gk-disclaimer-section .gk-tip-box {
  background-color: #121217;
  border: 1px solid #2B2B38;
  border-top: 1px solid var(--primary, #FF1493);
}

.gk-disclaimer-section .gk-tip-box i {
  color: var(--primary, #FF1493);
}

.gk-disclaimer-section .gk-list li {
  line-height: 1.6;
}

.gk-disclaimer-section .gk-sidebar-links {
  border-color: #2B2B38 !important;
}

@media (max-width: 991px) {
  .gk-disclaimer-section .gk-disclaimer-sidebar {
    position: static;
  }
}

@media (max-width: 767px) {
  .gk-disclaimer-section .gk-card-heading {
    font-size: 16px;
  }
  .gk-disclaimer-section .gk-content-card {
    padding: 16px !important;
  }
  .gk-disclaimer-section .gk-sidebar-card {
    padding: 16px !important;
  }
}

/* ===== PAGE: cookies ===== */
.cookies-policy-wrapper{background-color:var(--background-primary,#0A0A0D);color:var(--text-dark_theme_primary,#FFFFFF);font-family:'LXGW WenKai TC',sans-serif;position:relative;overflow:hidden}.cookies-policy-wrapper .cookies-section-title{font-size:28px;font-weight:700;line-height:1.3;margin-bottom:14px;color:#FFFFFF;border-left:3px solid #FF1493;padding-left:14px}.cookies-policy-wrapper .cookies-section-title span{background:linear-gradient(90deg,#FF1493,#FF003C);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cookies-policy-wrapper .cookies-status-indicator{font-size:12px;color:#FF1493;border:1px solid #FF1493;padding:2px 8px;border-radius:2px;display:inline-flex;align-items:center;gap:4px}.cookies-policy-wrapper .cookies-lead-text{font-size:15px;line-height:1.6;color:var(--text-dark_theme_secondary,#B8B8C8);max-width:920px}.cookies-policy-wrapper .cookies-content-card{background:var(--background-surface,#181820);border-top:1px solid #FF1493;border-bottom:1px solid #FF003C;border-left:1px solid #2B2B38;border-right:1px solid #2B2B38;border-radius:8px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,0.85),0 2px 10px rgba(255,0,60,0.22)}.cookies-policy-wrapper .cookies-icon-box{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--background-secondary,#121217);border:1px solid #FF1493;border-radius:4px;color:#FF1493;font-size:20px;box-shadow:0 0 8px rgba(255,20,147,0.5);flex-shrink:0}.cookies-policy-wrapper .cookies-subheading{font-size:20px;font-weight:700;color:#FFFFFF}.cookies-policy-wrapper .cookies-card-body p{color:var(--text-dark_theme_secondary,#B8B8C8);line-height:1.7;font-size:14px}.cookies-policy-wrapper .cookies-category-item{background:var(--background-secondary,#121217);border:1px solid #2B2B38;border-left:3px solid #FF003C;border-radius:4px}.cookies-policy-wrapper .cookies-badge-essential{color:#FF003C;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.cookies-policy-wrapper .cookies-badge-functional{color:#FF1493;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.cookies-policy-wrapper .cookies-badge-analytics{color:#4cd964;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.cookies-policy-wrapper .cookies-meta-tag{font-size:11px;padding:2px 6px;background:var(--background-surface-elevated,#22222C);color:var(--text-dark_theme_secondary,#B8B8C8);border-radius:2px}.cookies-policy-wrapper .cookies-category-title{font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:6px}.cookies-policy-wrapper .cookies-browser-guide{background:var(--background-secondary,#121217);border:1px solid #2B2B38;border-radius:4px;height:100%}.cookies-policy-wrapper .cookies-browser-icon{color:#FF1493;font-size:18px}.cookies-policy-wrapper .cookies-interactive-box{background:var(--background-surface,#181820);border-top:1px solid #FF1493;border-bottom:1px solid #FF003C;border-left:1px solid #2B2B38;border-right:1px solid #2B2B38;border-radius:8px;padding:20px}.cookies-policy-wrapper .cookies-panel-icon{font-size:22px;color:#FF1493}.cookies-policy-wrapper .cookies-toggle-item{background:var(--background-secondary,#121217);border:1px solid #2B2B38;border-radius:4px}.cookies-policy-wrapper .cookies-toggle-name{font-size:13px;font-weight:700;color:#FFFFFF}.cookies-policy-wrapper .cookies-toggle-desc{font-size:11px;color:var(--text-dark_theme_muted,#75758A)}.cookies-policy-wrapper .form-check-input:checked{background-color:#FF003C;border-color:#FF1493}.cookies-policy-wrapper .form-check-input:focus{box-shadow:0 0 0 .25rem rgba(255,20,147,0.25);border-color:#FF1493}.cookies-policy-wrapper .qv-btn{background-color:#FF003C;color:#FFFFFF;border:1px solid #FF1493;border-radius:4px;font-weight:700;padding:10px 16px;box-shadow:0 0 10px rgba(255,0,60,0.4);display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.cookies-policy-wrapper .qv-btn:hover{background-color:#FF1493;color:#FFFFFF;box-shadow:0 0 14px rgba(255,20,147,0.6)}.cookies-policy-wrapper .qv-btn-alt{background-color:var(--background-surface,#181820);color:#FF1493;border:1px solid #FF003C;border-radius:4px;font-weight:700;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.cookies-policy-wrapper .qv-btn-alt:hover{background-color:var(--background-surface-elevated,#22222C);color:#FFFFFF}.cookies-policy-wrapper .cookies-feedback-msg{padding:6px;border-radius:4px;color:#FFFFFF;background:rgba(255,0,60,0.2);border:1px solid #FF003C}.cookies-policy-wrapper .cookies-sidebar-nav{background:var(--background-surface,#181820);border-top:1px solid #FF1493;border-bottom:1px solid #FF003C;border-left:1px solid #2B2B38;border-right:1px solid #2B2B38;border-radius:8px;padding:20px}.cookies-policy-wrapper .cookies-nav-link{padding:10px 12px;background:var(--background-secondary,#121217);border:1px solid #2B2B38;border-radius:4px;color:var(--text-dark_theme_primary,#FFFFFF);text-decoration:none;font-size:13px}.cookies-policy-wrapper .cookies-nav-link:hover{border-color:#FF1493;color:#FF1493;background:var(--background-surface-elevated,#22222C)}@media(max-width:767px){.cookies-policy-wrapper .cookies-section-title{font-size:18px}.cookies-policy-wrapper .cookies-subheading{font-size:16px}.cookies-policy-wrapper .cookies-category-title{font-size:14px}.cookies-policy-wrapper .cookies-content-card,.cookies-policy-wrapper .cookies-interactive-box,.cookies-policy-wrapper .cookies-sidebar-nav{padding:16px}}

.cyber-comment-card {
    background-color: #181820;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
    color: #FFFFFF;
}

.cyber-avatar {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 50%;
    background: linear-gradient(135deg, #FF003C 0%, #FF1493 100%);
    border: 2px solid #22222C;
    box-shadow: 0 0 8px rgba(255, 20, 147, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cyber-avatar-initials {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1;
}

.cyber-author-name {
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;
}

.cyber-badge {
    background-color: #22222C;
    color: #FF1493;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 2px;
    letter-spacing: 0.5px;
}

.cyber-device-tag {
    font-size: 11px;
    color: #B8B8C8;
    background-color: #121217;
    padding: 2px 8px;
    border-radius: 2px;
    border: 1px solid #2B2B38;
}

.cyber-comment-meta {
    font-size: 12px;
    color: #75758A;
    display: flex;
    align-items: center;
    gap: 8px;
}

.text-neon-pink {
    color: #FF1493;
}

.cyber-status-pill {
    font-size: 12px;
    color: #FF1493;
    background: rgba(255, 20, 147, 0.1);
    border: 1px solid #FF1493;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 700;
}

.cyber-comment-content p {
    font-size: 14px;
    line-height: 1.7;
    color: #B8B8C8;
}

.cyber-comment-actions {
    border-top: 1px solid #2B2B38;
}

.cyber-action-btn {
    background-color: #121217;
    color: #FFFFFF;
    border: 1px solid #2B2B38;
    border-bottom: 1px solid #FF003C;
    padding: 6px 14px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.cyber-action-btn:hover {
    background-color: #22222C;
    border-color: #FF1493;
    color: #FF1493;
}

.cyber-count-badge {
    background-color: #22222C;
    color: #FF1493;
    padding: 2px 6px;
    border-radius: 2px;
    font-size: 11px;
}

.cyber-text-btn {
    background: transparent;
    border: none;
    color: #75758A;
    font-size: 12px;
    padding: 4px;
}

.cyber-text-btn:hover {
    color: #FF003C;
}

.cyber-reply-thread {
    border-left: 2px solid #FF1493;
    padding-left: 12px;
}

.cyber-reply-card {
    background-color: #121217;
    border-top: 1px solid #FF003C;
    border-bottom: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.75);
}

.cyber-avatar-sm {
    width: 36px;
    height: 36px;
    min-width: 36px;
    background: linear-gradient(135deg, #181820 0%, #FF1493 100%);
    border: 1px solid #FF003C;
    box-shadow: 0 0 6px rgba(255, 0, 60, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.cyber-avatar-sm .cyber-avatar-initials {
    font-size: 11px;
    color: #FFFFFF;
    font-weight: 700;
}

.cyber-author-sm {
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
}

.cyber-badge-admin {
    background-color: #FF003C;
    color: #FFFFFF;
    border: 1px solid #FF1493;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 2px;
}

.cyber-replying-badge {
    font-size: 11px;
    color: #FF1493;
    background: #181820;
    padding: 2px 6px;
    border-radius: 2px;
    border: 1px solid #2B2B38;
}

.cyber-action-btn-sm {
    padding: 4px 10px;
    font-size: 12px;
}


/* ===== PAGE TEMPLATE: games ===== */
.hero-cyber {
    position: relative;
    background-color: var(--background-primary, #0A0A0D);
    padding-top: 56px;
    padding-bottom: 96px;
    overflow: hidden;
}

.hero-cyber__bg {
    position: absolute;
    inset: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.28;
    z-index: 1;
}

.hero-cyber__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 10, 13, 0.85) 0%, rgba(18, 18, 23, 0.95) 100%);
    z-index: 2;
}

.hero-cyber .container {
    z-index: 3;
}

.hero-cyber__status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-neon-pink, #FF1493);
    box-shadow: 0 0 6px var(--primary-neon-pink, #FF1493);
    display: inline-block;
}

.hero-cyber__version {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-dark-theme-secondary, #B8B8C8);
    letter-spacing: 1px;
}

.hero-cyber__title-wrap {
    position: relative;
    border-left: 3px solid var(--primary-neon-pink, #FF1493);
    padding-left: 14px;
}

.hero-cyber__title {
    font-size: clamp(24px, 4vw, 38px);
    line-height: 1.25;
    font-weight: 700;
    color: #FFFFFF;
    hyphens: auto;
    overflow-wrap: anywhere;
}

.hero-cyber__description {
    font-size: 15px;
    line-height: 1.7;
    color: var(--text-dark-theme-secondary, #B8B8C8);
    max-width: 680px;
    overflow-wrap: anywhere;
}

.hero-cyber .qv-btn {
    background-color: var(--primary-neon-red, #FF003C);
    color: #FFFFFF;
    border: 1px solid var(--primary-neon-pink, #FF1493);
    border-radius: 4px;
    font-weight: 700;
    padding: 10px 22px;
    box-shadow: 0 0 10px rgba(255, 0, 60, 0.45);
    height: 44px;
}

.hero-cyber .qv-btn:hover {
    background-color: var(--primary-neon-pink, #FF1493);
    color: #FFFFFF;
    box-shadow: 0 0 14px rgba(255, 20, 147, 0.6);
}

.hero-cyber .qv-btn-alt {
    background-color: var(--background-surface, #181820);
    color: var(--primary-neon-pink, #FF1493);
    border: 1px solid var(--primary-neon-red, #FF003C);
    border-radius: 4px;
    font-weight: 700;
    padding: 10px 22px;
    height: 44px;
}

.hero-cyber .qv-btn-alt:hover {
    background-color: var(--background-surface-elevated, #22222C);
    color: #FFFFFF;
}

.game-panel-section {
    background-color: #0A0A0D;
    position: relative;
    z-index: 4;
}

.game-panel-box {
    background-color: #121217;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
    margin-top: -70px;
    padding: 24px;
}

.game-screen-module {
    background-color: #181820;
    border: 1px solid #2B2B38;
    border-radius: 6px;
    overflow: hidden;
}

.game-screen-module__topbar {
    background-color: #121217;
    border-bottom: 1px solid #2B2B38;
}

.game-screen-module__indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #00FF66;
    box-shadow: 0 0 8px rgba(0, 255, 102, 0.8);
    display: inline-block;
}

.game-screen-module__label {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.game-screen-module__btn {
    background-color: #181820;
    color: #FF1493;
    border: 1px solid #FF003C;
    border-radius: 4px;
    font-size: 13px;
    padding: 6px 14px;
    cursor: pointer;
}

.game-screen-module__btn:hover {
    background-color: #FF003C;
    color: #FFFFFF;
}

.game-screen-module__viewport {
    width: 100%;
    height: 550px;
    background-color: #000000;
}

.game-screen-module__iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.game-screen-module__viewport:fullscreen {
    width: 100vw !important;
    height: 100vh !important;
    background: #000000;
    padding: 0;
    margin: 0;
}

.game-screen-module__viewport:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
    background: #000000;
}

.game-screen-module__exit-fs-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 9999;
    background-color: #FF003C;
    color: #FFFFFF;
    border: 1px solid #FF1493;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 16px;
    box-shadow: 0 0 10px rgba(255, 0, 60, 0.6);
    cursor: pointer;
}

.game-screen-module__exit-fs-btn:hover {
    background-color: #FF1493;
    color: #FFFFFF;
}

.game-screen-module__statusbar {
    background-color: #121217;
    border-top: 1px solid #2B2B38;
}

.game-panel-header__bar {
    width: 3px;
    height: 20px;
    background-color: #FF1493;
    box-shadow: 0 0 8px rgba(255, 20, 147, 0.8);
    display: inline-block;
}

.game-panel-header__icon {
    color: #FF003C;
    font-size: 20px;
    filter: drop-shadow(0 0 6px rgba(255, 0, 60, 0.6));
}

.game-panel-header__heading {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
}

.game-panel-header__accent-line {
    width: 48px;
    height: 2px;
    background-color: #FF1493;
    margin-top: 6px;
}

.game-intro-text {
    color: #B8B8C8;
    font-size: 14px;
    line-height: 1.7;
}

.game-art-wrapper {
    padding: 10px;
}

.game-art-offset-shape {
    position: absolute;
    top: 0;
    right: 0;
    width: 90%;
    height: 90%;
    border: 2px solid #FF003C;
    border-radius: 6px;
    background: rgba(255, 0, 60, 0.05);
    z-index: 1;
}

.game-art-container {
    position: relative;
    z-index: 2;
    aspect-ratio: 16 / 10;
    border: 1px solid #2B2B38;
    border-radius: 6px;
    background-color: #181820;
}

.game-art-img {
    object-fit: cover;
    display: block;
}

.game-specs-table-wrapper {
    border: 1px solid #2B2B38;
    border-radius: 6px;
}

.game-specs-table {
    margin-bottom: 0;
    color: #B8B8C8;
}

.game-specs-table tbody tr:nth-of-type(odd) {
    background-color: #181820;
}

.game-specs-table tbody tr:nth-of-type(even) {
    background-color: #14141B;
}

.game-specs-table td {
    padding: 12px 18px;
    border-color: #2B2B38;
    font-size: 14px;
}

.game-specs-col-label {
    width: 220px;
    color: #FFFFFF;
    font-weight: 700;
}

.game-specs-col-val {
    color: #B8B8C8;
}

.game-tip-card {
    background-color: #181820;
    border: 1px solid #2B2B38;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-radius: 6px;
}

.game-tip-title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
}

.game-tip-desc {
    color: #B8B8C8;
    font-size: 13px;
    line-height: 1.6;
}

.game-accordion__item {
    background-color: #181820;
    border: 1px solid #2B2B38;
    border-radius: 6px;
    overflow: hidden;
}

.game-accordion__btn {
    background-color: #181820;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    border: none;
    box-shadow: none !important;
    padding: 14px 18px;
}

.game-accordion__btn:not(.collapsed) {
    background-color: #22222C;
    color: #FF1493;
    border-bottom: 1px solid #FF003C;
}

.game-accordion__btn::after {
    filter: invert(1) hue-rotate(180deg);
}

.game-accordion__body {
    background-color: #14141B;
    color: #B8B8C8;
    font-size: 14px;
    line-height: 1.6;
    padding: 16px 18px;
}

.game-panel-cta-card {
    background: linear-gradient(90deg, #181820 0%, #22222C 100%);
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
}

.game-panel-cta-icon-box {
    width: 52px;
    height: 52px;
    background-color: #121217;
    border: 1px solid #FF003C;
    border-radius: 8px;
}

.game-panel-cta-title {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
}

.game-panel-cta-desc {
    color: #B8B8C8;
    font-size: 13px;
}

.game-panel-cta-card .qv-btn {
    background-color: #FF003C;
    color: #FFFFFF;
    border: 1px solid #FF1493;
    border-radius: 4px;
    font-weight: 700;
    padding: 10px 18px;
    font-size: 13px;
    box-shadow: 0 0 10px rgba(255, 0, 60, 0.45);
}

.game-panel-cta-card .qv-btn:hover {
    background-color: #FF1493;
    color: #FFFFFF;
}

.game-related-card {
    background-color: #181820;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-left: 1px solid #2B2B38;
    border-right: 1px solid #2B2B38;
    border-radius: 6px;
    overflow: hidden;
}

.game-related-card__media {
    aspect-ratio: 16 / 9;
    background-color: #121217;
}

.game-related-card__img {
    object-fit: cover;
    display: block;
}

.game-related-card__badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: rgba(18, 18, 23, 0.85);
    color: #FF1493;
    border: 1px solid #FF003C;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 2px;
    font-weight: 700;
}

.game-related-card__title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.game-related-card__desc {
    color: #B8B8C8;
    font-size: 12px;
    line-height: 1.5;
}

.game-related-card .qv-btn-alt {
    background-color: #121217;
    color: #FF1493;
    border: 1px solid #FF003C;
    border-radius: 4px;
    font-weight: 700;
    padding: 8px 14px;
    font-size: 13px;
}

.game-related-card .qv-btn-alt:hover {
    background-color: #FF1493;
    color: #FFFFFF;
}

.site-footer {
    background-color: #0A0A0D;
    border-top: 1px solid #FF1493;
    padding: 48px 0 24px;
    position: relative;
    overflow: hidden;
}

.site-footer .site-footer__disclaimer {
    background-color: #121217;
    border: 1px solid #2B2B38;
    border-top: 1px solid #FF1493;
    border-bottom: 1px solid #FF003C;
    border-radius: 8px;
    padding: 16px 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 2px 10px rgba(255, 0, 60, 0.22);
}

.site-footer .site-footer__disclaimer-icon {
    color: #FF1493;
    font-size: 22px;
    line-height: 1;
    margin-top: 2px;
    filter: drop-shadow(0 0 8px rgba(255, 20, 147, 0.5));
}

.site-footer .site-footer__disclaimer-title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
}

.site-footer .site-footer__disclaimer-text {
    color: #B8B8C8;
    font-size: 13px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.site-footer .site-footer__neon-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #FF1493 25%, #FF003C 75%, transparent 100%);
}

.site-footer .site-footer__title-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.site-footer .site-footer__neon-bar {
    width: 3px;
    height: 18px;
    background-color: #FF1493;
    box-shadow: 0 0 8px rgba(255, 20, 147, 0.8);
    flex-shrink: 0;
}

.site-footer .site-footer__title-icon {
    color: #FF003C;
    font-size: 18px;
    filter: drop-shadow(0 0 8px rgba(255, 0, 60, 0.6));
}

.site-footer .site-footer__heading {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.site-footer .site-footer__heading span {
    color: #FF1493;
    background: linear-gradient(90deg, #FF1493, #FF003C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.site-footer .site-footer__desc {
    color: #B8B8C8;
    font-size: 13px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.site-footer .site-footer__wallpaper-box {
    background-color: #121217;
    border: 1px solid #2B2B38;
    border-bottom: 1px solid #FF003C;
    border-radius: 4px;
}

.site-footer .site-footer__wallpaper-note {
    color: #B8B8C8;
    font-size: 12px;
}

.site-footer .text-pink {
    color: #FF1493;
}

.site-footer .site-footer__links {
    padding-left: 0;
}

.site-footer .site-footer__link {
    color: #B8B8C8;
    font-size: 13px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    overflow-wrap: anywhere;
}

.site-footer .site-footer__link i {
    color: #FF003C;
    font-size: 14px;
}

.site-footer .site-footer__link:hover {
    color: #FF1493;
    text-decoration: none;
}

.site-footer .site-footer__input {
    background-color: #121217;
    border: 1px solid #2B2B38;
    border-bottom: 1px solid #FF003C;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 13px;
}

.site-footer .site-footer__input:focus {
    background-color: #181820;
    color: #FFFFFF;
    border-color: #FF1493;
    box-shadow: 0 0 8px rgba(255, 20, 147, 0.4);
}

.site-footer .site-footer__input::placeholder {
    color: #75758A;
    opacity: 1;
}

.site-footer .site-footer__checkbox {
    background-color: #121217;
    border: 1px solid #2B2B38;
    border-radius: 2px;
    cursor: pointer;
}

.site-footer .site-footer__checkbox:checked {
    background-color: #FF003C;
    border-color: #FF1493;
}

.site-footer .site-footer__checkbox:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 20, 147, 0.25);
}

.site-footer .site-footer__checkbox-label {
    color: #B8B8C8;
    font-size: 12px;
    line-height: 1.4;
}

.site-footer .site-footer__policy-link {
    color: #FF1493;
    text-decoration: none;
}

.site-footer .site-footer__policy-link:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.site-footer .site-footer__bottom {
    border-top: 1px solid #2B2B38;
}

.site-footer .site-footer__copyright {
    color: #75758A;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.site-footer .site-footer__legal-links {
    padding-left: 0;
}

.site-footer .site-footer__legal-link {
    color: #B8B8C8;
    font-size: 12px;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.site-footer .site-footer__legal-link:hover {
    color: #FF1493;
    text-decoration: none;
}

@media (max-width: 767px) {
    .hero-cyber {
        padding-top: 36px;
        padding-bottom: 76px;
    }

    .hero-cyber__title {
        font-size: 18px;
    }

    .game-panel-box {
        margin-top: -50px;
        padding: 16px;
    }

    .game-screen-module__viewport {
        height: 340px;
    }

    .game-specs-table td {
        display: block;
        width: 100%;
        padding: 8px 12px;
    }

    .game-specs-col-label {
        width: 100%;
        border-bottom: none;
        padding-bottom: 2px;
    }

    .game-specs-col-val {
        padding-top: 0;
    }

    .site-footer {
        padding: 36px 0 20px;
    }

    .site-footer .site-footer__disclaimer {
        padding: 14px;
    }

    .site-footer .site-footer__disclaimer-title {
        font-size: 14px;
    }

    .site-footer .site-footer__heading {
        font-size: 15px;
    }

    .site-footer .site-footer__col {
        margin-bottom: 8px;
    }
}

/* mobile-text-guard */
@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, td, th, label {
    overflow-wrap: anywhere;
  }
  a, button, .btn {
    overflow-wrap: anywhere;
    white-space: normal;
  }
  img, video, iframe {
    max-width: 100%;
  }
}