/* Rummy-Verse.in.net - Exact Parchment Hero & Balanced Layout Stylesheet */

.container {
    position: relative;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    background-color: #0b0f19;
    color: #f1f5f9;
    overflow-x: hidden;
}

/* Header & Logo styling */
header.allrummydownloadsbg {
    background: #0f172a !important;
    padding: 0.1rem 0.2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 0.85rem !important;
    min-height: 0.85rem !important;
    box-sizing: border-box !important;
    border-bottom: 2px solid #ef4444 !important;
}

header .txt {
    height: 0.65rem !important;
    max-height: 52px !important;
    width: auto !important;
    margin: 0 !important;
    display: block !important;
    object-fit: contain !important;
}

/* Navigation Bar */
nav.nav_bar {
    background: #1e293b !important;
    border-bottom: 1px solid #334155 !important;
}

nav.nav_bar ul {
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    padding: 0.12rem 0 !important;
    margin: 0 !important;
}

nav.nav_bar li a {
    color: #cbd5e1 !important;
    font-size: 0.24rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.08rem !important;
    padding: 0.06rem 0.12rem !important;
    border-radius: 0.06rem !important;
}

nav.nav_bar li.current a,
nav.nav_bar li a:hover {
    color: #ffffff !important;
    background: rgba(239, 68, 68, 0.25) !important;
}

/* Parchment Hero Wrapper */
.parchment-hero-wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: 7.5rem !important;
    margin: 0 auto !important;
    background: transparent !important;
    overflow: hidden !important;
}

.parchment-hero-wrapper img.parchment-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Parchment Content Overlay */
.parchment-content-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
}

/* 1. Download Button Box (Positioned on Parchment below Game Logo) */
.parchment-download-box {
    position: absolute !important;
    top: 41% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 74% !important;
    max-width: 5.5rem !important;
    pointer-events: auto !important;
    text-align: center !important;
    z-index: 10 !important;
}

.parchment-download-box a {
    display: block !important;
    cursor: pointer !important;
    transition: transform 0.15s ease, filter 0.15s ease !important;
    animation: pulse-download 2s infinite ease-in-out !important;
}

.parchment-download-box a:hover,
.parchment-download-box a:active {
    transform: scale(1.04) !important;
}

@keyframes pulse-download {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.03); }
}

.parchment-download-box img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.5)) !important;
}

/* 2. Disclaimer Text Box (Positioned on Parchment below Download Button) */
.parchment-disclaimer-box {
    position: absolute !important;
    top: 54% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 82% !important;
    max-width: 6.2rem !important;
    pointer-events: auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
}

.parchment-disclaimer-box .notice-title-tag {
    display: inline-block !important;
    background: #ffb703 !important;
    color: #4a0000 !important;
    font-weight: 900 !important;
    font-size: 0.22rem !important;
    padding: 0.05rem 0.2rem !important;
    border-radius: 0.08rem !important;
    margin-bottom: 0.08rem !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    letter-spacing: 0.5px !important;
}

.parchment-disclaimer-box p {
    font-size: 0.21rem !important;
    color: #1a1a1a !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    font-weight: 600 !important;
    text-align: center !important;
    background: rgba(255, 255, 255, 0.75) !important;
    padding: 0.12rem 0.16rem !important;
    border-radius: 0.1rem !important;
    border: 1px solid rgba(139, 69, 19, 0.35) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Community Telegram & WhatsApp Bar (Below Parchment) */
.app-community-bar {
    display: block !important;
    padding: 0.16rem 0.25rem !important;
    background: #0f172a !important;
    border-bottom: 1px solid #1e293b !important;
}

.app-community-bar .social-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.1rem !important;
    padding: 0.16rem 0.12rem !important;
    border-radius: 0.1rem !important;
    font-size: 0.22rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: transform 0.15s !important;
}

.app-community-bar .social-btn:hover {
    transform: translateY(-2px) !important;
}

.app-community-bar .social-btn.tg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.12rem !important;
    width: 100% !important;
    padding: 0.18rem 0.2rem !important;
    border-radius: 0.12rem !important;
    font-size: 0.24rem !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    box-shadow: 0 0.06rem 0.18rem rgba(2, 132, 199, 0.45) !important;
    border: 1px solid #38bdf8 !important;
    animation: tgPulseBar 2.5s infinite ease-in-out !important;
}

@keyframes tgPulseBar {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); box-shadow: 0 0.08rem 0.22rem rgba(56, 189, 248, 0.6); }
}

.app-community-bar .social-btn.wa {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%) !important;
    box-shadow: 0 0.04rem 0.12rem rgba(22, 163, 74, 0.4) !important;
    border: 1px solid #4ade80 !important;
}

/* Content, FAQs and Articles */
.techmanuji_com.bg {
    background: #0f172a !important;
    color: #e2e8f0 !important;
}

.faq {
    padding: 0.3rem 0.25rem 0.4rem !important;
}

.faq h1 {
    font-size: 0.32rem !important;
    font-weight: 900 !important;
    color: #f8fafc !important;
    margin-bottom: 0.2rem !important;
    line-height: 1.4 !important;
    border-bottom: 2px solid #ef4444 !important;
    padding-bottom: 0.12rem !important;
}

.faq h2 {
    font-size: 0.28rem !important;
    font-weight: 800 !important;
    color: #38bdf8 !important;
    margin-top: 0.28rem !important;
    margin-bottom: 0.1rem !important;
    line-height: 1.35 !important;
}

.faq h3 {
    font-size: 0.24rem !important;
    font-weight: 700 !important;
    color: #fcd34d !important;
    margin-top: 0.2rem !important;
    margin-bottom: 0.08rem !important;
}

.faq p {
    font-size: 0.23rem !important;
    color: #94a3b8 !important;
    line-height: 1.7 !important;
    margin-bottom: 0.16rem !important;
}

.faq hr {
    border: 0 !important;
    border-top: 1px solid #334155 !important;
    margin: 0.2rem 0 !important;
}

/* Disable old broken classes */
.container > .downBtn,
.container > .alert,
.container > .notice,
.container > .allrummydownloads_whatsapp,
/* .container > .allrummydownloads_telegram */ {
    display: none !important;
}

.allrummydownloads_whatsapp { display: none !important; }
.allrummydownloads_telegram {
    position: fixed !important;
    right: 14px !important;
    bottom: 25px !important;
    width: 1.5rem !important;
    max-width: 105px !important;
    min-width: 75px !important;
    height: auto !important;
    margin: 0 !important;
    top: auto !important;
    z-index: 999999 !important;
    display: block !important;
    animation: tgPulseFloat 2.2s infinite ease-in-out !important;
    transition: transform 0.25s ease !important;
}
.allrummydownloads_telegram:hover { transform: scale(1.12) rotate(-2deg) !important; }
.allrummydownloads_telegram a { display: block !important; text-decoration: none !important; filter: drop-shadow(0 8px 22px rgba(0, 136, 204, 0.8)) !important; }
.allrummydownloads_telegram img { width: 100% !important; height: auto !important; display: block !important; }
@keyframes tgPulseFloat {
    0%, 100% { transform: translateY(0) scale(1); filter: drop-shadow(0 6px 16px rgba(0, 136, 204, 0.7)); }
    50% { transform: translateY(-8px) scale(1.06); filter: drop-shadow(0 12px 28px rgba(0, 195, 255, 0.95)); }
}