:root {
    --bg-main: #F6F5EF;
    --bg-card: #FFFFFF;

    --primary: #FACC15;       
    --primary-hover: #EAB308; 
    --primary-glow: rgba(250, 204, 21, 0.34);
    --selected-mode-accent: #FACC15;
    --selected-mode-soft: rgba(250, 204, 21, 0.15);
    --selected-mode-gradient: linear-gradient(135deg, #FDE047 0%, #FACC15 48%, #F59E0B 100%);

    --dark-bg: #111111;
    --dark-card: #18150D;

    --blue-discord: #5865F2;
    --blue-discord-hover: #4752C4;

    --text-strong: #0F172A;
    --text-main: #334155;
    --text-muted: #94A3B8;

    --border-light: #E2E8F0;
    --border-focus: #FACC15;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.08);

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--bg-main);
    color: var(--text-main);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

body.glowplay-shop [data-product-section-mode]:not([data-product-section-mode="anarchia-box"]) {
    display: none !important;
}

body.glowplay-shop .server-mode-tabs {
    display: none !important;
}

a { text-decoration: none; color: inherit; transition: 0.2s; }
button { cursor: pointer; border: none; font-family: inherit; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.site-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background: radial-gradient(circle at top center, #FFFFFF 0%, var(--bg-main) 100%);
}

.navbar, .hero, .recharge-section, .recent-purchases-modern, .discord-banner-container {
    max-width: 1080px; margin: 0 auto; width: 100%; padding: 0 24px;
}


.navbar { display: flex; justify-content: space-between; align-items: center; padding-top: 28px; padding-bottom: 28px; }
.logo img { height: 62px; filter: drop-shadow(0 8px 14px rgba(250, 204, 21, 0.18)); transition: transform 0.3s; }
.logo img:hover { transform: scale(1.05); }

.nav-links { 
    display: flex; background: var(--bg-card); border-radius: 100px; padding: 6px; 
    box-shadow: var(--shadow-sm); border: 1px solid rgba(255,255,255,0.8);
}
.nav-links a { 
    padding: 10px 28px; font-size: 13px; font-weight: 600; color: var(--text-muted); 
    border-radius: 100px; transition: 0.2s; 
}
.nav-links a.active, .nav-links a:hover { background: #F8FAFC; color: var(--text-strong); }

.btn-voucher { 
    background: var(--dark-bg); color: #fff; padding: 12px 28px; border-radius: var(--radius-sm); 
    font-size: 13px; font-weight: 700; letter-spacing: 0.5px;
}
.btn-voucher:hover { background: var(--primary); transform: translateY(-2px); box-shadow: 0 8px 20px var(--primary-glow); }


.hero { margin-top: 12px; position: relative; } 

.hero-container {
    background:
        radial-gradient(circle at 78% 34%, rgba(250, 204, 21, 0.28) 0%, transparent 36%),
        radial-gradient(circle at 95% 5%, rgba(255, 255, 255, 0.12) 0%, transparent 20%),
        linear-gradient(135deg, #111111 0%, #18150D 52%, #2D230A 100%);
    border-radius: var(--radius-lg); padding: 72px 56px; 
    display: flex; justify-content: space-between; align-items: center; 
    position: relative; box-shadow: var(--shadow-lg);

    
    
}

.hero-content { position: relative; z-index: 2; max-width: 520px; color: #fff; }

.online-badge {
    display: inline-flex; align-items: center; gap: 8px; 
    background: rgba(255,255,255,0.05); backdrop-filter: blur(8px);
    padding: 8px 16px; border-radius: 100px; font-size: 11px; font-weight: 600; color: #E2E8F0; 
    margin-bottom: 28px; border: 1px solid rgba(255,255,255,0.1);
}
.online-badge .dot { width: 8px; height: 8px; background: #22C55E; border-radius: 50%; box-shadow: 0 0 12px rgba(34,197,94,0.6); }

.hero h1 { font-size: 46px; font-weight: 900; line-height: 1.15; margin-bottom: 16px; letter-spacing: 0; }
.hero p { color: #F8E7A1; font-size: 15px; line-height: 1.6; margin-bottom: 36px; font-weight: 600; }

.hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; }

.btn-glow {
    box-shadow: 0 8px 24px var(--primary-glow);
}
.btn-primary { 
    background: var(--primary); color: #111111; font-weight: 900; 
    padding: 16px 28px; border-radius: var(--radius-sm); font-size: 14px; 
}
.btn-primary:hover { background: var(--primary-hover); transform: translateY(-2px); box-shadow: 0 12px 28px var(--primary-glow); }

.btn-discord-dark { 
    background: rgba(255,255,255,0.03); color: #fff; font-weight: 700; 
    padding: 12px 24px; border-radius: var(--radius-sm); font-size: 11px; 
    display: flex; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,0.08); text-align: left; line-height: 1.3;
}
.btn-discord-dark:hover { background: rgba(255,255,255,0.08); transform: translateY(-2px); border-color: rgba(255,255,255,0.2); }
.btn-discord-dark strong { font-size: 14px; font-weight: 900; }
.icon-discord { width: 24px; height: 24px; color: white; }


.hero-image-wrapper {
    position: absolute;
    right: 8px; 
    bottom: -28px; 
    width: 455px; 
    height: 455px;
    z-index: 10;
    pointer-events: none;
    filter: drop-shadow(0 18px 30px rgba(0,0,0,0.36)) drop-shadow(0 0 26px rgba(250,204,21,0.24));
}
.hero-char { width: 100%; height: 100%; object-fit: contain; object-position: right bottom; }



.recharge-section { margin-top: 80px; }


.recharge-wrapper-container {
    position: relative;
}

.recharge-wrapper {
    background: var(--bg-card);
    border-radius: var(--radius-lg);
    padding: 56px 48px;
    box-shadow: var(--shadow-lg); 
    position: relative;
    z-index: 20; 
}


.recharge-character-wrapper {
    position: absolute;
    right: -130px; 
    bottom: -70px; 
    top: auto;
    width: 380px;
    height: 380px;
    z-index: 100;
    pointer-events: none;
    filter: drop-shadow(0 30px 45px rgba(0,0,0,0.4));
}
.recharge-char { 
    width: 100%; 
    height: 100%; 
    object-fit: contain;
    transform: scaleX(-1); 
}
.recharge-char { width: 100%; height: 100%; object-fit: contain; }

.section-header { text-align: center; margin-bottom: 48px; position: relative; z-index: 5; } 
.section-header h2 { font-size: 32px; font-weight: 900; margin-bottom: 12px; color: var(--text-strong); letter-spacing: 0; }
.section-header p { color: var(--text-muted); font-size: 15px; font-weight: 500; }

.recharge-grid { display: grid; grid-template-columns: 1.7fr 1fr; gap: 40px; position: relative; z-index: 5; }


.step-modern { margin-bottom: 32px; }
.step-label { 
    font-size: 11px; font-weight: 800; color: var(--text-strong); 
    letter-spacing: 1px; text-transform: uppercase; margin-bottom: 16px;
    display: flex; align-items: center; gap: 8px;
}
.step-label::before { content: ''; width: 6px; height: 6px; background: var(--selected-mode-accent); border-radius: 50%; display: block; }

.mode-step {
    position: relative;
}

.product-tabs-step {
    margin-bottom: 34px;
}

.featured-products-heading {
    display: grid;
    grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
}

.featured-products-heading span {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.16), transparent);
}

.featured-products-heading strong {
    min-width: 238px;
    padding: 18px 28px;
    border: 8px solid rgba(250, 204, 21, 0.16);
    background: linear-gradient(135deg, #FDE047 0%, #FACC15 54%, #F59E0B 100%);
    color: #111111;
    text-align: center;
    font-size: 11px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: 1.3px;
    box-shadow: 0 16px 28px rgba(250, 204, 21, 0.24);
}

.server-mode-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 680px;
    margin: 0 auto;
}

.section-header .server-mode-tabs {
    margin-bottom: 0;
}

.server-mode-tab {
    --mode-accent: #FACC15;
    --mode-soft: rgba(255, 168, 0, 0.12);
    --mode-gradient: linear-gradient(135deg, #FDE047, #F59E0B);
    position: relative;
    min-height: 50px;
    padding: 13px 16px;
    border: 4px solid #F1F5F9;
    border-radius: var(--radius-sm);
    background: #E5E7EB;
    color: #020617;
    overflow: hidden;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
    text-align: center;
    box-shadow: inset 0 -2px 0 rgba(15, 23, 42, 0.08);
}

.server-mode-tab::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--mode-gradient);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.server-mode-tab span {
    position: relative;
    z-index: 1;
}

.server-mode-tab:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--mode-accent) 48%, #ffffff);
    box-shadow: 0 12px 22px var(--mode-soft);
}

.server-mode-tab.active-server-mode {
    border-color: color-mix(in srgb, var(--mode-accent) 32%, #ffffff);
    color: #ffffff;
    box-shadow: 0 14px 28px var(--mode-soft);
}

.server-mode-tab.active-server-mode::before {
    opacity: 1;
}

.server-mode-tab:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--mode-accent) 55%, transparent);
    outline-offset: 3px;
}

.server-mode-selector {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.server-mode-card {
    --mode-accent: #FACC15;
    --mode-soft: rgba(255, 168, 0, 0.12);
    --mode-gradient: linear-gradient(135deg, #FDE047, #F59E0B);
    position: relative;
    min-height: 142px;
    padding: 18px;
    border: 2px solid rgba(226, 232, 240, 0.95);
    border-radius: var(--radius-sm);
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(135deg, rgba(255,255,255,0.45), var(--mode-soft)) border-box;
    color: var(--text-strong);
    cursor: pointer;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    text-align: left;
    font-family: inherit;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.server-mode-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,0.86), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,0.36), transparent 52%),
        var(--mode-gradient);
    opacity: 0.10;
    transition: opacity 0.22s ease;
}

.server-mode-card::after {
    content: '';
    position: absolute;
    left: 16px;
    right: 16px;
    top: 16px;
    height: 5px;
    border-radius: 999px;
    background: var(--mode-gradient);
    opacity: 0.85;
}

.mode-card-glow {
    position: absolute;
    inset: auto 14px 14px 14px;
    height: 42px;
    background: var(--mode-gradient);
    filter: blur(28px);
    opacity: 0.16;
    transform: translateY(18px);
}

.mode-card-kicker,
.mode-card-title,
.mode-card-copy {
    position: relative;
    z-index: 1;
}

.mode-card-kicker {
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    color: var(--mode-accent);
    margin-bottom: 8px;
}

.mode-card-title {
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    margin-bottom: 8px;
}

.mode-card-copy {
    font-size: 11px;
    line-height: 1.45;
    font-weight: 650;
    color: var(--text-muted);
}

.server-mode-card:hover {
    transform: translateY(-3px);
    border-color: var(--mode-accent);
    box-shadow: 0 14px 28px var(--mode-soft);
}

.server-mode-card:hover::before,
.server-mode-card.active-server-mode::before {
    opacity: 0.18;
}

.server-mode-card.active-server-mode {
    border-color: var(--mode-accent);
    box-shadow: 0 18px 34px var(--mode-soft);
}

.server-mode-card.active-server-mode .mode-card-title {
    color: var(--mode-accent);
}

.mode-anarchiaffa {
    --mode-accent: #EF4444;
    --mode-soft: rgba(239, 68, 68, 0.18);
    --mode-gradient: linear-gradient(135deg, #ef4444 0%, #991b1b 100%);
}

.mode-rapybox {
    --mode-accent: #2563EB;
    --mode-soft: rgba(37, 99, 235, 0.18);
    --mode-gradient: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);
}

.mode-anarchiabox {
    --mode-accent: #FACC15;
    --mode-soft: rgba(250, 204, 21, 0.18);
    --mode-gradient: linear-gradient(135deg, #fde047 0%, #facc15 58%, #f59e0b 100%);
}

.input-group { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.input-field-modern { position: relative; }
.input-icon { 
    position: absolute; left: 16px; top: 50%; transform: translateY(-50%); 
    width: 20px; height: 20px; color: #CBD5E1; 
}
.input-field-modern input {
    width: 100%; padding: 16px 16px 16px 48px; 
    border: 2px solid var(--border-light); border-radius: var(--radius-sm); 
    font-family: inherit; font-weight: 600; font-size: 14px; 
    outline: none; transition: 0.2s; background: #F8FAFC; color: var(--text-strong);
}
.input-field-modern input:focus { border-color: var(--selected-mode-accent); background: #fff; box-shadow: 0 0 0 4px var(--selected-mode-soft); }
.input-field-modern input::placeholder { color: #94A3B8; font-weight: 500; }


.amount-grid-modern { display: flex; flex-direction: column; gap: 12px; }
.amount-row-modern { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }

.amount-card {
    background: #F8FAFC; padding: 20px 10px; border-radius: var(--radius-sm); 
    text-align: center; border: 2px solid var(--border-light); cursor: pointer; 
    transition: 0.2s; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.amount-card:hover { border-color: var(--selected-mode-accent); background: #fff; transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.amount-card.active-amount { 
    background: var(--selected-mode-gradient); border-color: var(--selected-mode-accent); color: #fff; 
    box-shadow: 0 8px 20px var(--selected-mode-soft); transform: translateY(-2px); 
}

.amount-value { font-size: 24px; font-weight: 900; line-height: 1; color: var(--text-strong); }
.amount-value span { font-size: 12px; font-weight: 700; margin-left: 2px; }
.active-amount .amount-value, .active-amount .amount-value span { color: #fff; }

.amount-bonus { 
    font-size: 9px; font-weight: 800; color: var(--selected-mode-accent); 
    margin-top: 8px; text-transform: uppercase; letter-spacing: 0.5px; 
}
.active-amount .amount-bonus { color: rgba(255,255,255,0.9); }

.amount-card {
    position: relative;
    min-height: 112px;
    padding: 24px 10px 22px;
    border-width: 3px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.06);
}

.amount-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: var(--selected-mode-accent);
    opacity: 0.86;
}

.amount-card:hover {
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
}

.amount-card.active-amount::before {
    background: rgba(255, 255, 255, 0.7);
}

body.glowplay-shop .amount-card.active-amount {
    color: #111111;
}

body.glowplay-shop .active-amount .amount-value,
body.glowplay-shop .active-amount .amount-value span {
    color: #111111;
}

body.glowplay-shop .active-amount .amount-bonus {
    color: rgba(17, 17, 17, 0.72);
}

body.glowplay-shop .amount-card.active-amount::before {
    background: rgba(17, 17, 17, 0.18);
}

.amount-card.is-hidden-product,
.is-hidden-product-section {
    display: none !important;
}

body.end-keys-selected .end-keys-selector {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.end-keys-selector {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(124, 58, 237, 0.16);
}
.end-keys-title {
    font-size: 11px;
    font-weight: 900;
    color: #7C3AED;
    letter-spacing: 1px;
    margin-bottom: 12px;
    text-align: center;
}
.anarchiaffa-wallet-selector {
    margin-bottom: 18px;
}
.anarchiaffa-wallet-selector .end-keys-title {
    color: #EF4444;
}
.end-key-amount-card {
    background: #FAF5FF;
    border-color: rgba(124, 58, 237, 0.28);
}
.end-key-amount-card::before {
    background: #7C3AED;
}
.end-key-amount-card:hover {
    border-color: #7C3AED;
    background: #fff;
    box-shadow: 0 8px 20px rgba(124, 58, 237, 0.14);
}
.end-key-amount-card .amount-bonus,
.end-key-amount-card .amount-value span {
    color: #7C3AED;
}
.end-key-amount-card.active-amount {
    background: #7C3AED;
    border-color: #7C3AED;
    box-shadow: 0 8px 22px rgba(124, 58, 237, 0.28);
}
.end-key-amount-card.active-amount .amount-value,
.end-key-amount-card.active-amount .amount-value span,
.end-key-amount-card.active-amount .amount-bonus {
    color: #fff;
}

.rapybox-empty-state {
    width: 100%;
    padding: 34px 24px;
    border: 3px dashed rgba(37, 99, 235, 0.34);
    border-radius: var(--radius-sm);
    background:
        linear-gradient(135deg, rgba(56, 189, 248, 0.10), rgba(255, 255, 255, 0.92)),
        #ffffff;
    text-align: center;
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.10);
}

.rapybox-empty-state[hidden] {
    display: none !important;
}

.empty-state-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 16px;
    margin-bottom: 14px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);
    color: #ffffff;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 1.2px;
}

.rapybox-empty-state h3 {
    margin-bottom: 8px;
    color: var(--text-strong);
    font-size: 18px;
    font-weight: 900;
}

.rapybox-empty-state p {
    max-width: 420px;
    margin: 0 auto;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.55;
    font-weight: 650;
}

.rank-selector {
    --rank-pride-gradient: linear-gradient(135deg, #ff7ab6 0%, #ffd166 22%, #77e59b 43%, #65d4ff 64%, #a78bfa 84%, #ff8bd1 100%);
    --rank-pride-soft: linear-gradient(135deg, rgba(255, 122, 182, 0.18) 0%, rgba(255, 209, 102, 0.20) 24%, rgba(119, 229, 155, 0.18) 48%, rgba(101, 212, 255, 0.18) 70%, rgba(167, 139, 250, 0.20) 100%);
    position: relative;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(236, 72, 153, 0.16);
    overflow: hidden;
    border-radius: var(--radius-sm);
}
.rank-candy-rain {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}
.rank-candy {
    position: absolute;
    top: -28px;
    left: var(--candy-x);
    width: var(--candy-w);
    height: 12px;
    border-radius: 999px;
    background: var(--candy-bg);
    box-shadow: 0 4px 12px rgba(236, 72, 153, 0.14);
    opacity: 0.78;
    animation: candy-fall var(--candy-duration) linear infinite;
    animation-delay: var(--candy-delay);
}
.rank-candy::before,
.rank-candy::after {
    content: '';
    position: absolute;
    top: 2px;
    width: 8px;
    height: 8px;
    background: inherit;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    opacity: 0.9;
}
.rank-candy::before {
    left: -6px;
}
.rank-candy::after {
    right: -6px;
    transform: rotate(180deg);
}
.candy-1 { --candy-x: 6%; --candy-w: 22px; --candy-duration: 6.8s; --candy-delay: -1.2s; --candy-drift: 14px; --candy-bg: linear-gradient(90deg, #ff7ab6, #ffd166); }
.candy-2 { --candy-x: 17%; --candy-w: 18px; --candy-duration: 7.6s; --candy-delay: -4.4s; --candy-drift: -10px; --candy-bg: linear-gradient(90deg, #77e59b, #65d4ff); }
.candy-3 { --candy-x: 28%; --candy-w: 24px; --candy-duration: 6.2s; --candy-delay: -2.6s; --candy-drift: 18px; --candy-bg: linear-gradient(90deg, #a78bfa, #ff8bd1); }
.candy-4 { --candy-x: 42%; --candy-w: 20px; --candy-duration: 8.2s; --candy-delay: -5.7s; --candy-drift: -16px; --candy-bg: linear-gradient(90deg, #ffd166, #77e59b); }
.candy-5 { --candy-x: 55%; --candy-w: 22px; --candy-duration: 7.1s; --candy-delay: -3.1s; --candy-drift: 10px; --candy-bg: linear-gradient(90deg, #65d4ff, #a78bfa); }
.candy-6 { --candy-x: 68%; --candy-w: 18px; --candy-duration: 6.5s; --candy-delay: -0.8s; --candy-drift: -12px; --candy-bg: linear-gradient(90deg, #ff8bd1, #ff7ab6); }
.candy-7 { --candy-x: 79%; --candy-w: 24px; --candy-duration: 8.8s; --candy-delay: -6.4s; --candy-drift: 16px; --candy-bg: linear-gradient(90deg, #77e59b, #ffd166); }
.candy-8 { --candy-x: 90%; --candy-w: 20px; --candy-duration: 7.8s; --candy-delay: -2.0s; --candy-drift: -18px; --candy-bg: linear-gradient(90deg, #a78bfa, #65d4ff); }
.candy-9 { --candy-x: 34%; --candy-w: 18px; --candy-duration: 9.2s; --candy-delay: -7.0s; --candy-drift: 12px; --candy-bg: linear-gradient(90deg, #ff7ab6, #a78bfa); }
.candy-10 { --candy-x: 73%; --candy-w: 22px; --candy-duration: 6.9s; --candy-delay: -3.8s; --candy-drift: -14px; --candy-bg: linear-gradient(90deg, #ffd166, #65d4ff); }
@keyframes candy-fall {
    0% {
        transform: translate3d(0, -24px, 0) rotate(-18deg);
        opacity: 0;
    }
    12% {
        opacity: 0.78;
    }
    100% {
        transform: translate3d(var(--candy-drift, 12px), 150px, 0) rotate(260deg);
        opacity: 0;
    }
}
.rank-title {
    position: relative;
    z-index: 1;
    font-size: 11px;
    font-weight: 900;
    color: #BE185D;
    letter-spacing: 1px;
    margin-bottom: 12px;
}
.rank-row {
    position: relative;
    z-index: 1;
}
.rank-amount-card {
    background: var(--rank-pride-soft);
    border-color: rgba(236, 72, 153, 0.30);
}
.rank-amount-card:hover {
    border-color: #BE185D;
    background: var(--rank-pride-soft);
    box-shadow: 0 10px 24px rgba(236, 72, 153, 0.16);
}
.rank-amount-card .amount-bonus,
.rank-amount-card .amount-value span {
    color: #BE185D;
}
.rank-amount-card.active-amount {
    background: var(--rank-pride-gradient);
    border-color: #BE185D;
    box-shadow: 0 10px 26px rgba(236, 72, 153, 0.24);
}
.rank-amount-card.active-amount .amount-value,
.rank-amount-card.active-amount .amount-value span,
.rank-amount-card.active-amount .amount-bonus {
    color: #fff;
}

.amount-custom-modern { 
    width: 100%; padding: 16px; background: #F8FAFC; border: 2px solid var(--border-light); 
    border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s;
}
.amount-custom-modern:hover { border-color: var(--selected-mode-accent); background: #fff; }
.amount-custom-modern.active-amount { border-color: var(--selected-mode-accent); background: #fff; box-shadow: 0 0 0 4px var(--selected-mode-soft); }

.custom-text { font-size: 14px; font-weight: 700; color: var(--text-main); }
.custom-input-hidden { display: none; }
.amount-custom-modern input { 
    width: 100%; padding: 0; border: none; text-align: center; 
    font-size: 16px; font-weight: 800; color: var(--text-strong); 
    outline: none; background: transparent; 
}


.payment-methods-modern { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pay-card {
    display: flex; align-items: center; padding: 16px; border: 2px solid var(--border-light); 
    border-radius: var(--radius-sm); background: #F8FAFC; cursor: pointer; transition: 0.2s;
}
.pay-card:not(.disabled-payment):hover { border-color: var(--selected-mode-accent); background: #fff; box-shadow: var(--shadow-sm); transform: translateY(-2px); }
.pay-card.active-payment { border-color: var(--selected-mode-accent); background: #fff; box-shadow: 0 0 0 4px var(--selected-mode-soft); }
.pay-card.disabled-payment { opacity: 0.6; cursor: not-allowed; }

.pay-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; justify-content: center; align-items: center; margin-right: 14px; flex-shrink: 0; }
.blik-icon { background: var(--selected-mode-soft); color: var(--selected-mode-accent); }
.psc-icon { background: #E0F2FE; color: #3B82F6; }
.pay-icon svg { width: 20px; height: 20px; }

.pay-details { flex-grow: 1; }
.pay-details h4 { font-size: 13px; font-weight: 800; color: var(--text-strong); margin-bottom: 2px; }
.pay-details p { font-size: 11px; color: var(--text-muted); font-weight: 500; }

.badge-soon { background: #E2E8F0; color: #475569; font-size: 9px; padding: 2px 6px; border-radius: 4px; font-weight: 800; margin-left: 6px; }

.pay-radio { width: 20px; height: 20px; border: 2px solid #CBD5E1; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #fff; }
.pay-card.active-payment .pay-radio { border-color: var(--selected-mode-accent); }
.pay-radio-dot { width: 10px; height: 10px; background: var(--selected-mode-accent); border-radius: 50%; opacity: 0; transform: scale(0); transition: 0.2s; }
.pay-card.active-payment .pay-radio-dot { opacity: 1; transform: scale(1); }


.recharge-summary-modern { position: relative; }
.summary-box-modern { 
    position: sticky; top: 32px; background: #fff; padding: 36px; 
    border-radius: var(--radius-md); border: 2px solid var(--selected-mode-accent); 
    box-shadow: 0 20px 40px var(--selected-mode-soft);
}
body.end-keys-selected .summary-box-modern {
    border-color: #7C3AED;
    box-shadow: 0 20px 40px rgba(124, 58, 237, 0.18);
}
body.rank-selected .summary-box-modern {
    border-color: #BE185D;
    box-shadow: 0 20px 44px rgba(236, 72, 153, 0.18);
}

.summary-header { text-align: center; font-size: 12px; font-weight: 800; color: var(--text-muted); letter-spacing: 1.5px; margin-bottom: 24px; }

.summary-total { text-align: center; margin-bottom: 24px; }
.summary-total span#vpln-display { font-size: 42px; font-weight: 900; color: var(--text-strong); line-height: 1; letter-spacing: 0; }
.summary-total .currency { font-size: 16px; font-weight: 700; color: var(--text-muted); margin-left: 4px; }

.summary-price { 
    text-align: center; padding: 16px 0; border-top: 1px dashed var(--border-light); border-bottom: 1px dashed var(--border-light);
    font-size: 14px; font-weight: 600; color: var(--text-main); margin-bottom: 24px;
}
.summary-price strong { color: var(--text-strong); font-weight: 900; font-size: 18px; margin-left: 6px; }

.summary-agreements { margin-bottom: 28px; display: flex; flex-direction: column; gap: 16px; }
.agreement-check { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; position: relative; }
.agreement-check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.check-box { width: 18px; height: 18px; border: 2px solid #CBD5E1; border-radius: 4px; flex-shrink: 0; margin-top: 2px; transition: 0.2s; position: relative; background: #fff; }
.agreement-check:hover .check-box { border-color: var(--selected-mode-accent); }
.agreement-check input:checked ~ .check-box { background: var(--selected-mode-accent); border-color: var(--selected-mode-accent); }
.agreement-check input:checked ~ .check-box::after { content: ''; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.agreement-check p { font-size: 11px; color: var(--text-muted); line-height: 1.5; font-weight: 500; margin: 0; }
.agreement-check a { color: var(--selected-mode-accent); font-weight: 700; text-decoration: underline; }

.btn-purchase { 
    width: 100%; background: var(--selected-mode-gradient); color: #fff; font-weight: 800; 
    padding: 18px; border-radius: var(--radius-sm); font-size: 14px; letter-spacing: 0.5px; 
}
.btn-purchase.btn-glow {
    box-shadow: 0 8px 24px var(--selected-mode-soft);
}
body.glowplay-shop .btn-purchase {
    color: #111111;
    font-weight: 900;
}
.btn-purchase:hover { filter: saturate(1.08) brightness(1.02); transform: translateY(-2px); }
.btn-purchase:disabled {
    opacity: 0.52 !important;
    filter: saturate(0.7);
    cursor: not-allowed;
    transform: none;
    box-shadow: none !important;
}
.btn-purchase:disabled:hover {
    transform: none;
}
body.end-keys-selected .btn-purchase {
    background: #7C3AED;
    box-shadow: 0 8px 20px rgba(124, 58, 237, 0.22);
}
body.end-keys-selected .btn-purchase:hover {
    background: #6D28D9;
}
body.rank-selected .btn-purchase {
    background: linear-gradient(135deg, #ff7ab6 0%, #ffd166 24%, #77e59b 48%, #65d4ff 72%, #a78bfa 100%);
    box-shadow: 0 10px 24px rgba(236, 72, 153, 0.24);
}
body.rank-selected .btn-purchase:hover {
    filter: saturate(1.08) brightness(1.02);
}

.error-msg { color: #EF4444; font-size: 12px; font-weight: 600; text-align: center; margin-top: 12px; min-height: 18px; }


.recent-purchases-modern { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 48px; margin-bottom: 80px; }
.purchase-pill { 
    background: #fff; padding: 6px 14px 6px 6px; border-radius: 100px; 
    display: flex; align-items: center; gap: 10px; box-shadow: var(--shadow-sm); 
    border: 1px solid var(--border-light); transition: 0.2s; cursor: default;
}
.purchase-pill:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--primary); }

.pill-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #f1f5f9;
    border: 2px solid #e2e8f0;
}
.pill-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    image-rendering: pixelated; 
}
.pill-info {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}
.pill-name {
    font-size: 13px;
    font-weight: 800;
    color: var(--text-strong);
}
.pill-action {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-muted);
}
.pill-amount {
    margin-left: 6px;
    font-size: 11px;
    font-weight: 800;
    color: #15803d;
    background: #dcfce7;
    padding: 6px 10px;
    border-radius: 100px;
    letter-spacing: 0.5px;
}
.premium-amount {
    color: #b91c1c;
    background: #fee2e2;
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.25);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }
    100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}


.discord-banner-container { margin-bottom: 80px; }

.discord-banner-modern {
    background: var(--blue-discord);
    background-image: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 100%);
    border-radius: var(--radius-lg); padding: 56px 48px; 
    display: flex; align-items: center; justify-content: space-between; 
    color: #fff; position: relative; box-shadow: 0 20px 40px rgba(88, 101, 242, 0.3);

    
    
}

.discord-banner-modern .discord-content { position: relative; z-index: 2; max-width: 450px; }
.discord-banner-modern h2 { font-size: 36px; font-weight: 900; margin-bottom: 16px; letter-spacing: 0; }
.discord-banner-modern p { color: rgba(255,255,255,0.9); font-size: 15px; margin-bottom: 32px; font-weight: 500; line-height: 1.6; }

.btn-discord-white { 
    background: #fff; color: var(--blue-discord); font-weight: 800; 
    padding: 14px 28px; border-radius: var(--radius-sm); font-size: 13px; 
    display: flex; align-items: center; gap: 12px; text-align: left; line-height: 1.2; box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.btn-discord-white:hover { background: #F8FAFC; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0,0,0,0.15); }
.btn-discord-white strong { font-size: 15px; font-weight: 900; }
.icon-discord-blue { width: 24px; height: 24px; color: var(--blue-discord); }

.discord-image-wrapper {
    position: absolute;
    right: 15px; 
    bottom: 10px; 
    width: 260px;
    height: 260px;
    z-index: 10;
    pointer-events: none;
    filter: drop-shadow(0 15px 25px rgba(0,0,0,0.3));
}
.discord-char { width: 100%; height: 100%; object-fit: contain; object-position: right bottom; }


.site-footer-modern { background: var(--dark-bg); color: #94A3B8; padding-top: 64px; margin-top: auto; border-top: 1px solid #262626; }
.footer-grid-modern { max-width: 1080px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 40px; }

.footer-brand img { 
    height: auto; 
    max-height: 65px; 
    max-width: 100%; 
    object-fit: contain; 
    margin-bottom: 24px; 
    opacity: 0.95; 
    display: block; 
}
.btn-ip-dark { background: #1E1E1E; color: #E2E8F0; border: 1px solid #333; padding: 10px 20px; border-radius: var(--radius-sm); font-weight: 700; font-size: 13px; transition: 0.2s; }
.btn-ip-dark:hover { background: var(--primary); border-color: var(--primary); color: #fff; }

.footer-links h4, .footer-socials h4 { color: #fff; font-size: 14px; font-weight: 800; margin-bottom: 20px; letter-spacing: 0.5px; }
.footer-links ul { list-style: none; }
.footer-links li { margin-bottom: 12px; }
.footer-links a { font-size: 14px; font-weight: 500; }
.footer-links a:hover { color: var(--primary); }

.social-grid-modern { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.social-grid-modern a { background: #1E1E1E; border: 1px solid #333; padding: 12px; border-radius: var(--radius-sm); font-size: 12px; font-weight: 600; text-align: center; }
.social-grid-modern a:hover { background: var(--primary); border-color: var(--primary); color: #fff; transform: translateY(-2px); }

.footer-bottom-modern { max-width: 1080px; margin: 64px auto 0; padding: 24px; border-top: 1px solid #262626; display: flex; justify-content: space-between; font-size: 12px; font-weight: 500; }
.footer-bottom-modern strong { color: #fff; }


@media (max-width: 960px) {
    body.glowplay-shop [data-aos] {
        opacity: 1 !important;
        transform: none !important;
    }

    .navbar {
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
    }

    .nav-links {
        order: 3;
        width: 100%;
        max-width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .nav-links a {
        flex: 0 0 auto;
        padding: 10px 16px;
        white-space: nowrap;
    }

    .btn-voucher {
        padding: 11px 18px;
    }

    .recharge-grid, .footer-grid-modern, .payment-methods-modern { grid-template-columns: 1fr; }
    .recharge-wrapper { padding: 32px 24px; }
    .server-mode-selector { grid-template-columns: 1fr; }
    .server-mode-card { min-height: 118px; }
    .featured-products-heading { grid-template-columns: 1fr; gap: 12px; }
    .featured-products-heading span { display: none; }
    .featured-products-heading strong { width: 100%; min-width: 0; }
    .server-mode-tabs { grid-template-columns: 1fr; max-width: none; }
    .server-mode-tab { min-height: 48px; }

    .recharge-character-wrapper { display: none; }

    .hero-container { flex-direction: column; padding: 48px 24px; text-align: center; }
    .hero-buttons { justify-content: center; }
    .hero-image-wrapper { position: relative; right: auto; bottom: auto; height: 250px; width: 100%; margin-top: 40px; }
    .hero-char { object-position: center; }

    .discord-banner-modern { flex-direction: column; text-align: center; padding: 48px 24px;}
    .discord-content { margin-bottom: 40px; display: flex; flex-direction: column; align-items: center; }
    .discord-image-wrapper { position: relative; right: auto; bottom: auto; height: 250px; width: 100%; }
    .discord-char { object-position: center; }

    .amount-row-modern { grid-template-columns: 1fr 1fr; }
    .amount-card { min-height: 104px; }
    .rapybox-empty-state { padding: 26px 18px; }
    .input-group { grid-template-columns: 1fr; }
    .footer-bottom-modern { flex-direction: column; gap: 16px; text-align: center; }
}



@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-12px); }
    100% { transform: translateY(0px); }
}

@keyframes float-delayed {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

.hero-char, .recharge-char, .discord-char {
    animation: float 6s ease-in-out infinite;
}
.recharge-char {
    animation: float-delayed 7s ease-in-out infinite;
    transform: scaleX(-1);
}
.discord-char {
    animation: float 8s ease-in-out infinite;
}


.premium-card {
    border-color: var(--selected-mode-accent);
    background: linear-gradient(135deg, var(--selected-mode-soft), transparent);
    position: relative;
    overflow: hidden;
}
.end-key-amount-card.premium-card {
    border-color: #7C3AED;
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.10), #FAF5FF);
}
.end-key-amount-card.premium-card.active-amount {
    background: #7C3AED;
    border-color: #7C3AED;
}
.premium-bonus {
    color: var(--selected-mode-accent);
    font-weight: 900;
}
.end-key-amount-card .premium-bonus {
    color: #7C3AED;
}
.premium-card::after {
    content: '';
    position: absolute;
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.8), transparent);
    transform: rotate(45deg);
    animation: shine 3s infinite;
}
@keyframes shine {
    0% { transform: translateX(-100%) rotate(45deg); }
    100% { transform: translateX(100%) rotate(45deg); }
}


.recharge-character-wrapper {
    position: absolute;
    right: 0; 
    bottom: -42px; 
    top: auto;
    width: 330px; 
    height: 330px;
    z-index: 100;
    pointer-events: none;
    filter: drop-shadow(0 22px 34px rgba(0,0,0,0.34)) drop-shadow(0 0 24px rgba(250,204,21,0.22));
}


.top-donators-section {
    margin-bottom: 100px;
}

.podium-container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 24px;
    margin-top: 64px;
    padding-top: 20px;
}

.podium-card {
    background: var(--bg-card);
    border-radius: var(--radius-lg);
    padding: 32px 24px;
    text-align: center;
    box-shadow: var(--shadow-sm);
    border: 2px solid var(--border-light);
    position: relative;
    transition: 0.3s;
    flex: 1;
    max-width: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.podium-card:hover {
    transform: translateY(-8px) !important; 
    box-shadow: var(--shadow-md);
    border-color: #CBD5E1;
}

.rank-2, .rank-3 {
    margin-bottom: 24px; 
    z-index: 1;
}

.rank-1 {
    border-color: #FCD34D;
    padding-top: 48px;
    padding-bottom: 48px;
    z-index: 2;
    box-shadow: 0 20px 40px rgba(251, 191, 36, 0.15);
    transform: scale(1.05); 
}

.rank-1:hover {
    border-color: #F59E0B;
    box-shadow: 0 25px 50px rgba(251, 191, 36, 0.25);
}

.rank-badge {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    color: #fff;
    font-size: 16px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    border: 3px solid var(--bg-card);
}

.gold { background: linear-gradient(135deg, #FBBF24, #D97706); }
.silver { background: linear-gradient(135deg, #CBD5E1, #64748B); }
.bronze { background: linear-gradient(135deg, #FCA5A5, #B91C1C); }

.top-avatar-wrapper {
    margin-bottom: 20px;
}

.top-avatar {
    width: 72px;
    height: 72px;
    border-radius: 16px;
    image-rendering: pixelated;
    border: 4px solid #f8fafc;
    box-shadow: var(--shadow-sm);
    background: #f1f5f9;
}

.rank-1-avatar {
    width: 96px;
    height: 96px;
    border-color: #FEF3C7;
    box-shadow: 0 0 20px rgba(251, 191, 36, 0.3);
}

.podium-card h4 {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-strong);
    margin-bottom: 8px;
}

.rank-1-name {
    font-size: 20px !important;
    color: #B45309 !important;
}

.top-amount {
    display: inline-block;
    font-weight: 800;
    color: var(--primary);
    background: rgba(255, 168, 0, 0.1);
    padding: 8px 16px;
    border-radius: 100px;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.premium-top-amount {
    color: #fff;
    background: linear-gradient(135deg, #F59E0B, #D97706);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}


@media (max-width: 768px) {
    .podium-container {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
    .rank-1, .rank-2, .rank-3 {
        width: 100%;
        max-width: 320px;
        margin-bottom: 0;
        transform: none !important;
    }
    .rank-1 { order: -1; } 
}



.tos-page {
    padding: 60px 24px 100px;
    flex-grow: 1;
    max-width: 1080px;
    margin: 0 auto;
    width: 100%;
}
.tos-container {
    max-width: 800px;
    margin: 0 auto;
    background: var(--bg-card);
    border-radius: var(--radius-lg);
    padding: 48px 56px;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-light);
}
.tos-header {
    text-align: center;
    margin-bottom: 48px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--border-light);
}
.tos-header h1 {
    font-size: 36px;
    font-weight: 900;
    color: var(--text-strong);
    margin-bottom: 12px;
    letter-spacing: 0;
}
.tos-header p {
    color: var(--text-muted);
    font-weight: 600;
    font-size: 14px;
}
.tos-body h2 {
    font-size: 18px;
    font-weight: 800;
    color: var(--primary);
    margin: 36px 0 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.tos-body h2:first-child {
    margin-top: 0;
}
.tos-body p {
    color: var(--text-main);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 12px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .tos-container { padding: 32px 24px; }
    .tos-header h1 { font-size: 28px; }
}


    .banner-character {
        left: 50%;
        transform: translateX(-50%);
        bottom: -20px;
        width: 220px;
        height: 220px;
    }
    .discord-bg-logo {
        width: 300px !important;
        height: 300px !important;
        right: 50%;
        transform: translate(50%, -50%);
        top: 30%;
    }
}



.discord-banner-container {
    width: 100%;
    margin: 80px auto 100px auto; 
    padding: 0 20px; 
    max-width: 1080px; 
}

.discord-banner {
    position: relative;
    width: 100%;
    background:
        radial-gradient(circle at 20% 35%, rgba(250, 204, 21, 0.25), transparent 32%),
        linear-gradient(135deg, #111111 0%, #1F1A0B 55%, #B77900 100%);
    border-radius: var(--radius-lg);
    padding: 60px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 20px 40px rgba(250, 204, 21, 0.22);
    overflow: hidden;
}

.discord-bg-logo {
    position: absolute;
    right: -5%;
    top: 50%;
    transform: translateY(-50%) rotate(-15deg);
    width: 450px !important;
    height: 450px !important;
    color: rgba(255, 255, 255, 0.08); 
    z-index: 1;
    pointer-events: none;
}

.banner-character {
    position: absolute;
    left: 20px;
    bottom: -20px;
    width: 250px;
    height: 250px;
    z-index: 10;
    pointer-events: none;
}
.banner-character img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.3));
}
.discord-char-float {
    animation: float 6s ease-in-out infinite;
}

.banner-content {
    max-width: 600px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner-subtitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.banner-title {
    color: #ffffff;
    font-size: 34px;
    font-weight: 900;
    line-height: 1.25;
    margin-bottom: 32px;
    letter-spacing: 0;
}

.btn-banner {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #FDE047;
    color: #111111;
    padding: 16px 36px;
    border-radius: 100px;
    font-weight: 800;
    font-size: 15px;
    text-decoration: none;
    transition: 0.3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.btn-banner:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    background: #FEF3C7;
}

@media (max-width: 900px) {
    .discord-banner {
        flex-direction: column;
        padding: 40px 24px 200px 24px;
    }
    .banner-character {
        left: 50%;
        transform: translateX(-50%);
        bottom: -20px;
        width: 220px;
        height: 220px;
    }
    .discord-bg-logo {
        width: 300px !important;
        height: 300px !important;
        right: 50%;
        transform: translate(50%, -50%);
        top: 30%;
    }
}

body { background-color: var(--bg-body); }


#latest-purchases-container {
    width: 100%;
    max-width: 1080px;
    margin: 40px auto 80px auto; 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    padding: 0 20px;
}


.wallet-panel-modern {
    margin-bottom: 20px !important;
}






#latest-purchases-container {
    width: 100%;
    max-width: 1080px;
    margin: 28px auto 72px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 14px;
    padding: 0 20px;
}

#latest-purchases-container p {
    width: 100%;
    text-align: center;
}

.purchase-pill {
    background: #ffffff;
    padding: 6px 14px 6px 6px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-light);
    transition: 0.2s;
    cursor: default;
    min-height: 46px;
    max-width: 100%;
}

.purchase-pill:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: var(--primary);
}

.purchase-pill-end-key {
    border-color: rgba(124, 58, 237, 0.22);
}

.purchase-pill-end-key:hover {
    border-color: #7C3AED;
}

.purchase-pill-rank {
    border-color: rgba(14, 165, 233, 0.22);
}

.purchase-pill-rank:hover {
    border-color: #0284C7;
}

.purchase-avatar {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    flex-shrink: 0;
    background: #f1f5f9;
    border: 2px solid #e2e8f0;
    object-fit: cover;
    image-rendering: pixelated;
}

.purchase-info {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    min-width: 0;
}

.purchase-name {
    font-size: 13px;
    font-weight: 800;
    color: var(--text-strong);
    white-space: nowrap;
}

.purchase-action {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-muted);
    white-space: nowrap;
}

.purchase-amount {
    margin-left: 4px;
    font-size: 11px;
    font-weight: 800;
    color: #15803d;
    background: #dcfce7;
    padding: 6px 10px;
    border-radius: 999px;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.purchase-pill-end-key .purchase-amount {
    color: #6D28D9;
    background: #F3E8FF;
}

.purchase-pill-rank .purchase-amount {
    color: #831843;
    background: linear-gradient(135deg, rgba(255, 122, 182, 0.24), rgba(255, 209, 102, 0.24), rgba(101, 212, 255, 0.24), rgba(167, 139, 250, 0.24));
}

@media (max-width: 640px) {
    #latest-purchases-container {
        gap: 10px;
        padding: 0 14px;
        margin: 22px auto 56px auto;
    }

    .purchase-pill {
        width: 100%;
        justify-content: flex-start;
    }
}



#payment-methods-container {
    width: 100%;
}
#payment-methods-container .payment-method-card {
    cursor: pointer;
}
#payment-methods-container .payment-method-card.active-method {
    border-color: var(--primary);
    box-shadow: var(--shadow-md);
}


.latest-payments-section {
    width: min(1080px, calc(100% - 40px));
    margin: 28px auto 56px auto;
}

.latest-payments-header {
    margin-bottom: 18px;
    text-align: center;
}

.latest-payments-header h2 {
    margin-bottom: 6px;
}

.recharge-char {
    image-rendering: pixelated;
}

.method-icon-api {
    background: transparent;
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
}

.gateway-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
    background: #fff;
}


.nick-live-skin {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 8px;
    overflow: hidden;
    background: #f3f4f6;
    border: 1px solid rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.nick-live-skin img {
    width: 24px;
    height: 24px;
    object-fit: cover;
    image-rendering: pixelated;
}

.input-field-modern {
    position: relative;
}

#player-nick {
    padding-right: 52px;
}


.pay-card-loading {
    pointer-events: none;
}

.pay-icon-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
    background: transparent;
}

#payment-methods-container .pay-card {
    width: 100%;
}


.amount-value span {
    text-transform: none;
}


/* GlowPlay mission-control redesign */
body.glowplay-shop {
    background: #101114;
}

body.glowplay-shop .ambient-orb {
    display: none;
}

body.glowplay-shop .site-wrapper {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(circle at 78% 8%, rgba(250, 204, 21, 0.20), transparent 26%),
        linear-gradient(180deg, #101114 0%, #17140A 34%, #F7F3E7 34%, #F7F3E7 100%);
    overflow: hidden;
}

body.glowplay-shop .site-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(250, 204, 21, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(250, 204, 21, 0.08) 1px, transparent 1px),
        radial-gradient(circle, rgba(255, 255, 255, 0.18) 1px, transparent 1.5px);
    background-size: 72px 72px, 72px 72px, 54px 54px;
    opacity: 0.42;
}

@keyframes glowplay-sidefall {
    0% {
        transform: translate3d(0, -26vh, 0);
    }
    100% {
        transform: translate3d(0, 126vh, 0);
    }
}

body.glowplay-shop .glowplay-sidefall {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    contain: strict;
}

body.glowplay-shop .site-wrapper > .glowplay-sidefall {
    position: fixed;
    z-index: 0;
}

body.glowplay-shop .sidefall-track {
    position: absolute;
    top: -28vh;
    width: 8px;
    height: 8px;
    border-radius: 1px;
    background: #FACC15;
    opacity: 0.58;
    filter: drop-shadow(0 0 8px rgba(250, 204, 21, 0.38));
    animation: glowplay-sidefall 18s linear infinite;
    will-change: transform;
}

body.glowplay-shop .sidefall-track::before,
body.glowplay-shop .sidefall-track::after {
    content: '';
    position: absolute;
    display: block;
}

body.glowplay-shop .sidefall-track::before {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(250, 204, 21, 0.95);
    border-radius: 3px;
    background:
        linear-gradient(90deg, transparent 38%, rgba(255, 255, 255, 0.72) 38% 58%, transparent 58%),
        linear-gradient(0deg, transparent 38%, rgba(255, 255, 255, 0.72) 38% 58%, transparent 58%),
        rgba(250, 204, 21, 0.20);
}

body.glowplay-shop .sidefall-track::after {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(250, 204, 21, 0.82);
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 32%, rgba(255, 255, 255, 0.95) 0 2px, transparent 3px),
        linear-gradient(135deg, #FDE047 0%, #FACC15 54%, #D97706 100%);
    box-shadow: inset -2px -2px 0 rgba(92, 65, 4, 0.42);
}

body.glowplay-shop .sidefall-left {
    left: clamp(18px, 4.5vw, 92px);
}

body.glowplay-shop .sidefall-right {
    right: clamp(18px, 4.5vw, 92px);
}

body.glowplay-shop .sidefall-a {
    animation-duration: 17s;
    box-shadow:
        18px 12vh 0 rgba(250, 204, 21, 0.90),
        78px 24vh 0 2px rgba(245, 158, 11, 0.72),
        36px 42vh 0 rgba(255, 255, 255, 0.68),
        112px 58vh 0 rgba(250, 204, 21, 0.74),
        56px 74vh 0 2px rgba(250, 204, 21, 0.56),
        96px 94vh 0 rgba(255, 255, 255, 0.54),
        24px 112vh 0 1px rgba(245, 158, 11, 0.76);
}

body.glowplay-shop .sidefall-a::before {
    left: 88px;
    top: 30vh;
}

body.glowplay-shop .sidefall-a::after {
    left: 34px;
    top: 86vh;
}

body.glowplay-shop .sidefall-b {
    left: clamp(46px, 8vw, 168px);
    width: 6px;
    height: 6px;
    opacity: 0.42;
    animation-duration: 24s;
    animation-delay: -9s;
    box-shadow:
        34px 8vh 0 rgba(255, 255, 255, 0.46),
        104px 18vh 0 1px rgba(250, 204, 21, 0.62),
        18px 35vh 0 rgba(245, 158, 11, 0.62),
        126px 49vh 0 rgba(255, 255, 255, 0.42),
        60px 68vh 0 1px rgba(250, 204, 21, 0.66),
        146px 89vh 0 rgba(245, 158, 11, 0.52),
        28px 106vh 0 rgba(250, 204, 21, 0.50);
}

body.glowplay-shop .sidefall-b::before {
    left: 116px;
    top: 62vh;
    transform: scale(0.78);
}

body.glowplay-shop .sidefall-b::after {
    left: 48px;
    top: 118vh;
    transform: scale(0.72);
}

body.glowplay-shop .sidefall-c {
    animation-duration: 19s;
    animation-delay: -5s;
    box-shadow:
        -18px 10vh 0 rgba(250, 204, 21, 0.88),
        -88px 22vh 0 2px rgba(245, 158, 11, 0.70),
        -42px 39vh 0 rgba(255, 255, 255, 0.60),
        -126px 56vh 0 rgba(250, 204, 21, 0.72),
        -64px 73vh 0 1px rgba(250, 204, 21, 0.58),
        -108px 96vh 0 rgba(255, 255, 255, 0.48),
        -32px 116vh 0 2px rgba(245, 158, 11, 0.74);
}

body.glowplay-shop .sidefall-c::before {
    right: 92px;
    top: 34vh;
}

body.glowplay-shop .sidefall-c::after {
    right: 44px;
    top: 82vh;
}

body.glowplay-shop .sidefall-d {
    right: clamp(48px, 8vw, 172px);
    width: 6px;
    height: 6px;
    opacity: 0.40;
    animation-duration: 27s;
    animation-delay: -14s;
    box-shadow:
        -28px 14vh 0 rgba(255, 255, 255, 0.44),
        -118px 27vh 0 rgba(250, 204, 21, 0.60),
        -54px 44vh 0 1px rgba(245, 158, 11, 0.62),
        -146px 61vh 0 rgba(255, 255, 255, 0.40),
        -76px 79vh 0 2px rgba(250, 204, 21, 0.58),
        -132px 101vh 0 rgba(245, 158, 11, 0.50),
        -36px 121vh 0 rgba(250, 204, 21, 0.48);
}

body.glowplay-shop .sidefall-d::before {
    right: 126px;
    top: 66vh;
    transform: scale(0.78);
}

body.glowplay-shop .sidefall-d::after {
    right: 58px;
    top: 112vh;
    transform: scale(0.72);
}

@media (max-width: 760px) {
    body.glowplay-shop .glowplay-sidefall {
        opacity: 0.34;
    }

    body.glowplay-shop .sidefall-b,
    body.glowplay-shop .sidefall-d {
        display: none;
    }

    body.glowplay-shop .sidefall-left {
        left: 12px;
    }

    body.glowplay-shop .sidefall-right {
        right: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.glowplay-shop .glowplay-sidefall {
        display: none;
    }

    body.glowplay-shop .sidefall-track {
        animation: none !important;
        will-change: auto !important;
    }
}

body.glowplay-shop .site-wrapper > * {
    position: relative;
    z-index: 1;
}

body.glowplay-shop .navbar,
body.glowplay-shop .hero,
body.glowplay-shop .recharge-section,
body.glowplay-shop .discord-banner-container {
    max-width: 1180px;
}

body.glowplay-shop .navbar {
    margin-top: 20px;
    padding: 12px 18px;
    background: rgba(17, 17, 17, 0.88);
    border: 1px solid rgba(250, 204, 21, 0.24);
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(16px);
}

body.glowplay-shop .logo img {
    height: 70px;
    filter: drop-shadow(0 10px 22px rgba(250, 204, 21, 0.22));
}

body.glowplay-shop .nav-links {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: none;
}

body.glowplay-shop .nav-links a {
    color: rgba(255, 255, 255, 0.72);
}

body.glowplay-shop .nav-links a.active,
body.glowplay-shop .nav-links a:hover {
    background: #FACC15;
    color: #111111;
}

body.glowplay-shop .btn-voucher {
    background: #FACC15;
    color: #111111;
    border-radius: 8px;
    font-weight: 900;
}

body.glowplay-shop .hero {
    margin-top: 28px;
}

body.glowplay-shop .hero-container {
    min-height: 540px;
    padding: 78px 64px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(250, 204, 21, 0.28);
    background:
        radial-gradient(circle at 82% 34%, rgba(250, 204, 21, 0.34), transparent 28%),
        linear-gradient(135deg, #111111 0%, #17140A 54%, #4A3704 100%);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32);
}

body.glowplay-shop .hero-container::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(110deg, rgba(250, 204, 21, 0.15), transparent 36%),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 64px);
}

body.glowplay-shop .hero-container::after {
    content: '';
    position: absolute;
    right: -150px;
    top: -90px;
    width: 440px;
    height: 760px;
    z-index: 1;
    transform: rotate(12deg);
    background: linear-gradient(180deg, rgba(250, 204, 21, 0.95), rgba(245, 158, 11, 0.62));
    opacity: 0.72;
}

body.glowplay-shop .hero-content {
    z-index: 3;
    max-width: 500px;
}

body.glowplay-shop .online-badge {
    background: rgba(250, 204, 21, 0.12);
    color: #FEF3C7;
    border-color: rgba(250, 204, 21, 0.26);
}

body.glowplay-shop .hero h1 {
    font-size: 64px;
    line-height: 1.02;
    text-transform: uppercase;
}

body.glowplay-shop .hero p {
    max-width: 430px;
    color: #FDE68A;
}

body.glowplay-shop .btn-primary,
body.glowplay-shop .btn-discord-dark,
body.glowplay-shop .btn-banner,
body.glowplay-shop .btn-ip-dark,
body.glowplay-shop .btn-purchase {
    border-radius: 8px;
}

body.glowplay-shop .btn-discord-dark {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.18);
}

body.glowplay-shop .hero-image-wrapper {
    right: -82px;
    bottom: -114px;
    width: 630px;
    height: 630px;
    z-index: 2;
    filter: drop-shadow(0 28px 42px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 32px rgba(250, 204, 21, 0.28));
}

body.glowplay-shop .recharge-section {
    margin-top: 54px;
}

body.glowplay-shop .recharge-wrapper-container {
    position: relative;
}

body.glowplay-shop .recharge-wrapper {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

body.glowplay-shop .section-header {
    margin-bottom: 22px;
    text-align: left;
}

body.glowplay-shop .featured-products-heading {
    display: flex;
    justify-content: flex-start;
    gap: 0;
    margin-bottom: 0;
}

body.glowplay-shop .featured-products-heading span {
    display: none;
}

body.glowplay-shop .featured-products-heading strong {
    min-width: 0;
    padding: 13px 18px;
    border: 1px solid rgba(250, 204, 21, 0.28);
    border-radius: 8px;
    background: #111111;
    color: #FACC15;
    box-shadow: none;
}

body.glowplay-shop .recharge-grid {
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 22px;
    align-items: start;
}

body.glowplay-shop .recharge-form {
    padding: 24px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 24px 54px rgba(17, 17, 17, 0.10);
}

body.glowplay-shop .step-modern {
    margin-bottom: 14px;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFDF3 100%);
}

body.glowplay-shop .step-modern:last-child {
    margin-bottom: 0;
}

body.glowplay-shop .step-label {
    font-size: 12px;
    letter-spacing: 0.8px;
}

body.glowplay-shop .step-label::before {
    width: 10px;
    height: 10px;
    border: 2px solid #111111;
    background: #FACC15;
}

body.glowplay-shop .input-field-modern input {
    border-width: 1px;
    border-color: rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    background: #FFFFFF;
}

body.glowplay-shop .amount-row-modern {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

body.glowplay-shop .amount-card {
    min-height: 98px;
    align-items: flex-start;
    padding: 18px 15px 16px 18px;
    text-align: left;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: none;
}

body.glowplay-shop .amount-card::before {
    top: 14px;
    left: 10px;
    right: auto;
    width: 4px;
    height: calc(100% - 28px);
    border-radius: 999px;
    background: #FACC15;
}

body.glowplay-shop .amount-card:hover {
    border-color: #FACC15;
    box-shadow: 0 14px 28px rgba(17, 17, 17, 0.08);
}

body.glowplay-shop .amount-card.active-amount {
    background: #111111;
    border-color: #FACC15;
    color: #FFFFFF;
    box-shadow: 0 18px 34px rgba(17, 17, 17, 0.20);
}

body.glowplay-shop .active-amount .amount-value,
body.glowplay-shop .active-amount .amount-value span {
    color: #FACC15;
}

body.glowplay-shop .active-amount .amount-bonus {
    color: rgba(255, 255, 255, 0.78);
}

body.glowplay-shop .premium-card {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFBEB 100%);
}

body.glowplay-shop .premium-card.active-amount {
    background: #111111;
}

body.glowplay-shop .payment-methods-modern {
    gap: 10px;
}

body.glowplay-shop .pay-card {
    min-height: 68px;
    border-width: 1px;
    border-color: rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: none;
}

body.glowplay-shop .pay-card.active-payment {
    border-color: #111111;
    box-shadow: inset 5px 0 0 #FACC15, 0 14px 26px rgba(17, 17, 17, 0.08);
}

body.glowplay-shop .recharge-summary-modern {
    position: relative;
}

body.glowplay-shop .summary-box-modern {
    top: 24px;
    padding: 30px;
    border: 1px solid rgba(250, 204, 21, 0.34);
    border-radius: 8px;
    background:
        radial-gradient(circle at 88% 10%, rgba(250, 204, 21, 0.22), transparent 30%),
        #111111;
    color: #FFFFFF;
    box-shadow: 0 24px 54px rgba(17, 17, 17, 0.24);
}

body.glowplay-shop .summary-header {
    color: #FACC15;
}

body.glowplay-shop .summary-total span#vpln-display {
    color: #FFFFFF;
}

body.glowplay-shop .summary-total .currency,
body.glowplay-shop .summary-price strong {
    color: #FACC15;
}

body.glowplay-shop .summary-price {
    border-color: rgba(250, 204, 21, 0.24);
    color: rgba(255, 255, 255, 0.78);
}

body.glowplay-shop .agreement-check p {
    color: rgba(255, 255, 255, 0.66);
}

body.glowplay-shop .check-box {
    border-color: rgba(250, 204, 21, 0.42);
    background: rgba(255, 255, 255, 0.08);
}

body.glowplay-shop .btn-purchase {
    background: #FACC15;
    color: #111111;
    box-shadow: 0 12px 24px rgba(250, 204, 21, 0.22);
}

body.glowplay-shop .recharge-character-wrapper {
    display: none;
}

body.glowplay-shop .latest-payments-section,
body.glowplay-shop .top-donators-section {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

body.glowplay-shop .latest-payments-header,
body.glowplay-shop .top-donators-section .section-header {
    text-align: left;
}

body.glowplay-shop .purchase-pill,
body.glowplay-shop .podium-card {
    border-radius: 8px;
    border-color: rgba(15, 23, 42, 0.10);
    box-shadow: 0 16px 34px rgba(17, 17, 17, 0.08);
}

body.glowplay-shop .rank-1 {
    border-color: #FACC15;
}

body.glowplay-shop .discord-banner {
    min-height: 320px;
    border-radius: 8px;
    border: 1px solid rgba(250, 204, 21, 0.28);
    background:
        radial-gradient(circle at 18% 24%, rgba(250, 204, 21, 0.28), transparent 30%),
        linear-gradient(135deg, #111111 0%, #1D1707 62%, #765006 100%);
    box-shadow: 0 24px 54px rgba(17, 17, 17, 0.22);
}

body.glowplay-shop .banner-character {
    left: 24px;
    bottom: -34px;
    width: 300px;
    height: 300px;
}

body.glowplay-shop .banner-content {
    margin-left: 180px;
}

body.glowplay-shop .btn-banner {
    background: #FACC15;
    color: #111111;
}

body.glowplay-shop .site-footer-modern {
    margin-top: 20px;
    background:
        linear-gradient(180deg, #111111 0%, #0B0B0C 100%);
    border-top-color: rgba(250, 204, 21, 0.20);
}

body.glowplay-shop .social-grid-modern a,
body.glowplay-shop .btn-ip-dark {
    border-radius: 8px;
}

@media (max-width: 960px) {
    body.glowplay-shop .navbar {
        margin-top: 10px;
    }

    body.glowplay-shop .logo img {
        height: 58px;
    }

    body.glowplay-shop .hero-container {
        min-height: 0;
        padding: 44px 22px 0;
        text-align: left;
    }

    body.glowplay-shop .hero h1 {
        font-size: 40px;
    }

    body.glowplay-shop .hero-buttons {
        justify-content: flex-start;
    }

    body.glowplay-shop .hero-image-wrapper {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        height: 310px;
        margin-top: 10px;
    }

    body.glowplay-shop .hero-char {
        object-position: center bottom;
    }

    body.glowplay-shop .recharge-grid {
        grid-template-columns: 1fr;
    }

    body.glowplay-shop .recharge-form,
    body.glowplay-shop .step-modern,
    body.glowplay-shop .summary-box-modern {
        padding: 18px;
    }

    body.glowplay-shop .summary-box-modern {
        position: relative;
        top: auto;
    }

    body.glowplay-shop .amount-row-modern {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.glowplay-shop .latest-payments-header,
    body.glowplay-shop .top-donators-section .section-header {
        text-align: center;
    }

    body.glowplay-shop .discord-banner {
        min-height: 0;
        padding: 38px 22px 210px;
    }

    body.glowplay-shop .banner-content {
        margin-left: 0;
    }

    body.glowplay-shop .banner-character {
        left: 50%;
        transform: translateX(-50%);
        bottom: -46px;
        width: 250px;
        height: 250px;
    }
}

body.glowplay-shop [data-aos] {
    opacity: 1 !important;
    transform: none !important;
}

body.glowplay-shop #amount-selector .amount-card.active-amount {
    background: #111111 !important;
    background-image: none !important;
    background-color: #111111 !important;
    border-color: #FACC15 !important;
    color: #FFFFFF !important;
}

body.glowplay-shop #amount-selector .amount-card.active-amount .amount-value,
body.glowplay-shop #amount-selector .amount-card.active-amount .amount-value span {
    color: #FACC15 !important;
}

body.glowplay-shop #amount-selector .amount-card.active-amount .amount-bonus {
    color: rgba(255, 255, 255, 0.78) !important;
}


/* GlowPlay full dark pass */
html,
body.glowplay-shop {
    background: #090A0D;
}

body.glowplay-shop .site-wrapper {
    background:
        radial-gradient(circle at 78% 8%, rgba(250, 204, 21, 0.22), transparent 26%),
        radial-gradient(circle at 10% 58%, rgba(250, 204, 21, 0.08), transparent 28%),
        linear-gradient(180deg, #090A0D 0%, #10100D 45%, #090A0D 100%);
}

body.glowplay-shop .site-wrapper::before {
    opacity: 0.34;
}

body.glowplay-shop .recharge-section {
    margin-top: 54px;
}

body.glowplay-shop .featured-products-heading strong {
    background: rgba(250, 204, 21, 0.12);
    color: #FDE047;
    border-color: rgba(250, 204, 21, 0.34);
}

body.glowplay-shop .recharge-grid {
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 18px;
}

body.glowplay-shop .recharge-form {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)),
        #111214;
    border: 1px solid rgba(250, 204, 21, 0.16);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

body.glowplay-shop .step-modern {
    background: rgba(8, 9, 12, 0.72);
    border: 1px solid rgba(250, 204, 21, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.glowplay-shop .step-label {
    color: #F8FAFC;
}

body.glowplay-shop .step-label::before {
    border-color: rgba(250, 204, 21, 0.28);
    box-shadow: 0 0 16px rgba(250, 204, 21, 0.34);
}

body.glowplay-shop .input-field-modern input {
    background: #17181C;
    border-color: rgba(255, 255, 255, 0.10);
    color: #F8FAFC;
}

body.glowplay-shop .input-field-modern input::placeholder {
    color: rgba(226, 232, 240, 0.62);
}

body.glowplay-shop .input-icon {
    color: rgba(250, 204, 21, 0.58);
}

body.glowplay-shop .nick-live-skin {
    background: #0B0C0F;
    border-color: rgba(250, 204, 21, 0.22);
}

body.glowplay-shop .amount-row-modern {
    gap: 12px;
}

body.glowplay-shop .amount-card {
    min-height: 104px;
    background:
        radial-gradient(circle at 88% 0%, rgba(250, 204, 21, 0.12), transparent 38%),
        #16171B;
    border: 1px solid rgba(255, 255, 255, 0.10);
    color: #F8FAFC;
}

body.glowplay-shop .amount-card::before {
    background: rgba(250, 204, 21, 0.68);
}

body.glowplay-shop .amount-value,
body.glowplay-shop .amount-value span {
    color: #F8FAFC;
}

body.glowplay-shop .amount-bonus,
body.glowplay-shop .premium-bonus {
    color: #FACC15;
}

body.glowplay-shop .amount-card:hover {
    background:
        radial-gradient(circle at 88% 0%, rgba(250, 204, 21, 0.20), transparent 42%),
        #1D1E22;
    border-color: rgba(250, 204, 21, 0.58);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.22);
}

body.glowplay-shop .premium-card {
    background:
        radial-gradient(circle at 90% 0%, rgba(250, 204, 21, 0.18), transparent 40%),
        #17181C;
}

body.glowplay-shop #amount-selector .amount-card.active-amount {
    background: #FACC15 !important;
    background-image: linear-gradient(135deg, #FDE047 0%, #FACC15 58%, #DFA70A 100%) !important;
    background-color: #FACC15 !important;
    border-color: #FDE047 !important;
    box-shadow: 0 18px 34px rgba(250, 204, 21, 0.20) !important;
}

body.glowplay-shop #amount-selector .amount-card.active-amount::before {
    background: rgba(17, 17, 17, 0.22) !important;
}

body.glowplay-shop #amount-selector .amount-card.active-amount .amount-value,
body.glowplay-shop #amount-selector .amount-card.active-amount .amount-value span {
    color: #0B0C0F !important;
}

body.glowplay-shop #amount-selector .amount-card.active-amount .amount-bonus {
    color: rgba(11, 12, 15, 0.74) !important;
}

body.glowplay-shop .pay-card {
    background: #16171B;
    border-color: rgba(255, 255, 255, 0.10);
    color: #F8FAFC;
}

body.glowplay-shop .pay-card.active-payment {
    border-color: #FACC15;
    box-shadow: inset 5px 0 0 #FACC15, 0 14px 26px rgba(0, 0, 0, 0.20);
}

body.glowplay-shop .pay-details h4 {
    color: #F8FAFC;
}

body.glowplay-shop .pay-details p {
    color: rgba(226, 232, 240, 0.58);
}

body.glowplay-shop .pay-radio {
    background: #0B0C0F;
    border-color: rgba(250, 204, 21, 0.35);
}

body.glowplay-shop .summary-box-modern {
    background:
        radial-gradient(circle at 90% 8%, rgba(250, 204, 21, 0.20), transparent 34%),
        linear-gradient(180deg, #15160F 0%, #0B0C0F 100%);
    border-color: rgba(250, 204, 21, 0.28);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.38);
}

body.glowplay-shop .latest-payments-section,
body.glowplay-shop .top-donators-section {
    color: #F8FAFC;
}

body.glowplay-shop .latest-payments-header h2,
body.glowplay-shop .top-donators-section h2 {
    color: #F8FAFC;
}

body.glowplay-shop .latest-payments-header p,
body.glowplay-shop .top-donators-section .section-header p {
    color: rgba(226, 232, 240, 0.58);
}

body.glowplay-shop .purchase-pill {
    background: #15161A;
    border-color: rgba(250, 204, 21, 0.13);
    color: #F8FAFC;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
}

body.glowplay-shop .purchase-name {
    color: #F8FAFC;
}

body.glowplay-shop .purchase-action {
    color: rgba(226, 232, 240, 0.58);
}

body.glowplay-shop .purchase-amount {
    color: #0B0C0F;
    background: #FACC15;
}

body.glowplay-shop .podium-card {
    background:
        radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.13), transparent 36%),
        #15161A;
    border-color: rgba(250, 204, 21, 0.16);
    color: #F8FAFC;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

body.glowplay-shop .podium-card h4 {
    color: #FFFFFF;
}

body.glowplay-shop .top-amount {
    color: #FACC15;
}

body.glowplay-shop .rank-1 {
    background:
        radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.20), transparent 38%),
        #17140D;
}

body.glowplay-shop .discord-banner-container {
    margin-top: 80px;
}

body.glowplay-shop .site-footer-modern {
    background: #090A0D;
}

@media (max-width: 960px) {
    body.glowplay-shop .recharge-grid {
        grid-template-columns: 1fr;
    }

    body.glowplay-shop .amount-row-modern {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* GlowPlay leaderboard and payments polish */
body.glowplay-shop .latest-payments-section,
body.glowplay-shop .top-donators-section {
    width: min(1180px, calc(100% - 48px));
    margin-top: 72px;
    margin-bottom: 0;
    padding: 0;
}

body.glowplay-shop .latest-payments-header,
body.glowplay-shop .top-donators-section .section-header {
    max-width: none;
    margin-bottom: 24px;
    padding: 0;
    text-align: center;
}

body.glowplay-shop .latest-payments-header h2,
body.glowplay-shop .top-donators-section h2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border: 1px solid rgba(250, 204, 21, 0.22);
    border-radius: 8px;
    background: rgba(250, 204, 21, 0.10);
    color: #F8FAFC;
    font-size: 28px;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

body.glowplay-shop .latest-payments-header p,
body.glowplay-shop .top-donators-section .section-header p {
    margin-top: 10px;
}

body.glowplay-shop #latest-purchases-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 18px;
    border: 1px solid rgba(250, 204, 21, 0.13);
    border-radius: 8px;
    background:
        radial-gradient(circle at 12% 0%, rgba(250, 204, 21, 0.12), transparent 28%),
        rgba(255, 255, 255, 0.035);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.26);
}

body.glowplay-shop .purchase-pill {
    width: 100%;
    min-height: 82px;
    padding: 14px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-areas:
        "avatar info"
        "avatar amount";
    column-gap: 12px;
    row-gap: 7px;
    align-items: center;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)),
        #121318;
    border: 1px solid rgba(250, 204, 21, 0.13);
    box-shadow: none;
}

body.glowplay-shop .purchase-pill:hover {
    transform: translateY(-4px);
    border-color: rgba(250, 204, 21, 0.42);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24);
}

body.glowplay-shop .purchase-avatar {
    grid-area: avatar;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #0B0C0F;
    border: 1px solid rgba(250, 204, 21, 0.28);
}

body.glowplay-shop .purchase-info {
    grid-area: info;
}

body.glowplay-shop .purchase-name {
    color: #FFFFFF;
    font-size: 13px;
}

body.glowplay-shop .purchase-action {
    color: rgba(226, 232, 240, 0.62);
    white-space: normal;
}

body.glowplay-shop .purchase-amount {
    grid-area: amount;
    justify-self: start;
    margin-left: 0;
    padding: 6px 10px;
    border-radius: 8px;
    background: #FACC15;
    color: #0B0C0F;
    box-shadow: 0 8px 18px rgba(250, 204, 21, 0.16);
}

body.glowplay-shop .podium-container {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.15fr) minmax(0, 0.92fr);
    align-items: end;
    gap: 18px;
    max-width: 900px;
    margin: 44px auto 0;
    padding: 22px;
    border: 1px solid rgba(250, 204, 21, 0.12);
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.14), transparent 42%),
        rgba(255, 255, 255, 0.028);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.26);
}

body.glowplay-shop .podium-card {
    max-width: none;
    min-height: 210px;
    padding: 34px 22px 24px;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.060), rgba(255, 255, 255, 0.025)),
        #121318;
    border: 1px solid rgba(250, 204, 21, 0.16);
    box-shadow: none;
    overflow: visible;
}

body.glowplay-shop .podium-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(250, 204, 21, 0.46);
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.25);
}

body.glowplay-shop .rank-1 {
    min-height: 262px;
    padding-top: 44px;
    background:
        radial-gradient(circle at 50% 8%, rgba(250, 204, 21, 0.30), transparent 44%),
        linear-gradient(180deg, rgba(250, 204, 21, 0.10), rgba(255, 255, 255, 0.025)),
        #14120A;
    border-color: rgba(250, 204, 21, 0.58);
    transform: translateY(-18px);
    box-shadow: 0 24px 58px rgba(250, 204, 21, 0.12);
}

body.glowplay-shop .rank-2,
body.glowplay-shop .rank-3 {
    margin-bottom: 0;
}

body.glowplay-shop .rank-badge {
    top: -18px;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: #FACC15;
    color: #0B0C0F;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.24);
}

body.glowplay-shop .rank-badge.gold {
    background: linear-gradient(135deg, #FDE047, #FACC15);
}

body.glowplay-shop .rank-badge.silver {
    background: linear-gradient(135deg, #E2E8F0, #94A3B8);
}

body.glowplay-shop .rank-badge.bronze {
    background: linear-gradient(135deg, #F59E0B, #B45309);
}

body.glowplay-shop .top-avatar-wrapper {
    width: 82px;
    height: 82px;
    padding: 8px;
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 20%, rgba(250, 204, 21, 0.18), transparent 52%),
        #0B0C0F;
    border: 1px solid rgba(250, 204, 21, 0.22);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

body.glowplay-shop .rank-1 .top-avatar-wrapper {
    width: 98px;
    height: 98px;
    border-color: rgba(250, 204, 21, 0.55);
    box-shadow: 0 0 34px rgba(250, 204, 21, 0.15);
}

body.glowplay-shop .top-avatar {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    image-rendering: pixelated;
}

body.glowplay-shop .podium-card h4 {
    margin-top: 18px;
    font-size: 18px;
}

body.glowplay-shop .rank-1 h4 {
    font-size: 22px;
}

body.glowplay-shop .top-amount {
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 8px;
    background: rgba(250, 204, 21, 0.12);
    color: #FACC15;
    font-size: 13px;
}

body.glowplay-shop .rank-1 .top-amount {
    background: #FACC15;
    color: #0B0C0F;
    box-shadow: 0 12px 24px rgba(250, 204, 21, 0.18);
}

body.glowplay-shop .discord-banner {
    min-height: 270px;
    padding: 54px 42px;
}

body.glowplay-shop .discord-banner .banner-character,
body.glowplay-shop .discord-char-float {
    display: none !important;
}

body.glowplay-shop .banner-content {
    margin-left: 0;
    max-width: 720px;
}

@media (max-width: 960px) {
    body.glowplay-shop #latest-purchases-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.glowplay-shop .podium-container {
        grid-template-columns: 1fr;
        max-width: 430px;
    }

    body.glowplay-shop .rank-1 {
        transform: none;
        order: -1;
    }

    body.glowplay-shop .discord-banner {
        padding: 42px 22px;
    }
}

@media (max-width: 640px) {
    body.glowplay-shop .latest-payments-section,
    body.glowplay-shop .top-donators-section {
        width: min(100% - 28px, 1180px);
        margin-top: 54px;
    }

    body.glowplay-shop #latest-purchases-container {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    body.glowplay-shop .purchase-pill {
        min-height: 76px;
    }
}


/* GlowPlay final social proof polish */
body.glowplay-shop .latest-payments-section,
body.glowplay-shop .top-donators-section {
    position: relative;
}

body.glowplay-shop .latest-payments-header h2,
body.glowplay-shop .top-donators-section h2 {
    min-height: 52px;
    padding: 0 22px;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.18), rgba(255, 255, 255, 0.045)),
        #111214;
    border-color: rgba(250, 204, 21, 0.32);
    text-shadow: 0 10px 28px rgba(0, 0, 0, 0.24);
}

body.glowplay-shop #latest-purchases-container {
    padding: 22px;
    gap: 16px;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.10), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.020)),
        #0F1014;
    border-color: rgba(250, 204, 21, 0.22);
}

body.glowplay-shop .purchase-pill {
    position: relative;
    min-height: 96px;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    grid-template-areas: "avatar info amount";
    padding: 18px;
    overflow: hidden;
    background:
        radial-gradient(circle at 0% 0%, rgba(250, 204, 21, 0.14), transparent 44%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.060), rgba(255, 255, 255, 0.020)),
        #14151A;
    border-color: rgba(250, 204, 21, 0.20);
}

body.glowplay-shop .purchase-pill::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #FDE047, #FACC15, #B77900);
}

body.glowplay-shop .purchase-avatar {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    box-shadow: 0 0 22px rgba(250, 204, 21, 0.12);
}

body.glowplay-shop .purchase-name {
    font-size: 15px;
    line-height: 1.1;
}

body.glowplay-shop .purchase-action {
    margin-top: 4px;
    font-size: 11px;
}

body.glowplay-shop .purchase-amount {
    justify-self: end;
    min-height: 38px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 950;
}

body.glowplay-shop .podium-container {
    max-width: 980px;
    padding: 28px;
    gap: 22px;
    background:
        radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.20), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.050), rgba(255, 255, 255, 0.018)),
        #0F1014;
    border-color: rgba(250, 204, 21, 0.22);
}

body.glowplay-shop .podium-card {
    position: relative;
    min-height: 238px;
    padding: 42px 24px 26px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% -10%, rgba(250, 204, 21, 0.16), transparent 38%),
        #14151A;
    border-color: rgba(250, 204, 21, 0.20);
}

body.glowplay-shop .podium-card::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, transparent, rgba(250, 204, 21, 0.88), transparent);
}

body.glowplay-shop .rank-1 {
    min-height: 292px;
    transform: translateY(-22px);
    background:
        radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.38), transparent 42%),
        linear-gradient(180deg, rgba(250, 204, 21, 0.13), rgba(255, 255, 255, 0.020)),
        #171409;
    box-shadow: 0 30px 70px rgba(250, 204, 21, 0.13), 0 22px 52px rgba(0, 0, 0, 0.30);
}

body.glowplay-shop .rank-1::after {
    content: 'TOP 1';
    position: absolute;
    top: 14px;
    right: 14px;
    min-height: 26px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    background: rgba(250, 204, 21, 0.15);
    color: #FACC15;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.8px;
}

body.glowplay-shop .top-avatar-wrapper {
    width: 92px;
    height: 92px;
    border-radius: 12px;
}

body.glowplay-shop .rank-1 .top-avatar-wrapper {
    width: 112px;
    height: 112px;
}

body.glowplay-shop .top-avatar {
    border-radius: 8px;
}

body.glowplay-shop .podium-card h4 {
    font-size: 19px;
}

body.glowplay-shop .rank-1 h4 {
    font-size: 24px;
}

body.glowplay-shop .top-amount {
    min-height: 38px;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 950;
}

@media (max-width: 960px) {
    body.glowplay-shop .purchase-pill {
        grid-template-columns: 52px minmax(0, 1fr);
        grid-template-areas:
            "avatar info"
            "avatar amount";
    }

    body.glowplay-shop .purchase-amount {
        justify-self: start;
    }

    body.glowplay-shop .rank-1 {
        transform: none;
    }
}


/* GlowPlay fit fixes */
body.glowplay-shop .latest-payments-section {
    width: min(980px, calc(100% - 48px));
}

body.glowplay-shop #latest-purchases-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 18px;
}

body.glowplay-shop .purchase-pill {
    min-height: 132px;
    padding: 16px 14px 14px;
    grid-template-columns: 1fr;
    grid-template-areas:
        "avatar"
        "info"
        "amount";
    justify-items: start;
    align-content: start;
    row-gap: 10px;
}

body.glowplay-shop .purchase-avatar {
    width: 46px;
    height: 46px;
}

body.glowplay-shop .purchase-info {
    width: 100%;
}

body.glowplay-shop .purchase-name,
body.glowplay-shop .purchase-action {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.glowplay-shop .purchase-name {
    white-space: nowrap;
    font-size: 14px;
}

body.glowplay-shop .purchase-action {
    white-space: normal;
    line-height: 1.25;
}

body.glowplay-shop .purchase-amount {
    justify-self: start;
    max-width: 100%;
    min-height: 34px;
    padding: 0 10px;
    font-size: 11px;
    white-space: nowrap;
}

body.glowplay-shop .podium-container {
    max-width: 820px;
    padding: 26px 22px;
    gap: 16px;
}

body.glowplay-shop .podium-card {
    min-height: 220px;
    padding: 38px 18px 22px;
}

body.glowplay-shop .rank-1 {
    min-height: 268px;
}

body.glowplay-shop .top-avatar-wrapper {
    width: 78px;
    height: 78px;
}

body.glowplay-shop .rank-1 .top-avatar-wrapper {
    width: 94px;
    height: 94px;
}

body.glowplay-shop .podium-card h4 {
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: 17px;
}

body.glowplay-shop .rank-1 h4 {
    font-size: 21px;
}

body.glowplay-shop .top-amount {
    max-width: 100%;
    padding: 0 11px;
    font-size: 12px;
    white-space: nowrap;
}

@media (max-width: 960px) {
    body.glowplay-shop .latest-payments-section {
        width: min(100% - 32px, 980px);
    }

    body.glowplay-shop #latest-purchases-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    body.glowplay-shop #latest-purchases-container {
        grid-template-columns: 1fr;
    }

    body.glowplay-shop .purchase-pill {
        min-height: 102px;
        grid-template-columns: 46px minmax(0, 1fr);
        grid-template-areas:
            "avatar info"
            "avatar amount";
        align-items: center;
    }
}


/* GlowPlay Minecraft social proof */
body.glowplay-shop .latest-payments-header h2,
body.glowplay-shop .top-donators-section h2 {
    border-radius: 4px;
    border: 3px solid #3B2B05;
    outline: 2px solid #FACC15;
    background:
        linear-gradient(180deg, #FDE047 0%, #FACC15 52%, #B77900 100%);
    color: #18120A;
    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.34);
    box-shadow:
        inset 0 -5px 0 rgba(0, 0, 0, 0.20),
        inset 0 4px 0 rgba(255, 255, 255, 0.28),
        0 16px 0 rgba(0, 0, 0, 0.22);
}

body.glowplay-shop .latest-payments-header p,
body.glowplay-shop .top-donators-section .section-header p {
    color: #AEB6C2;
    font-weight: 800;
}

body.glowplay-shop #latest-purchases-container,
body.glowplay-shop .podium-container {
    border-radius: 4px;
    border: 3px solid #2A2D32;
    outline: 2px solid rgba(250, 204, 21, 0.30);
    background:
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(180deg, #17191F 0%, #101116 100%);
    background-size: 18px 18px, 18px 18px, auto;
    box-shadow:
        inset 0 0 0 2px rgba(0, 0, 0, 0.42),
        inset 0 8px 0 rgba(255, 255, 255, 0.035),
        0 22px 0 rgba(0, 0, 0, 0.22),
        0 34px 70px rgba(0, 0, 0, 0.32);
}

body.glowplay-shop .purchase-pill {
    min-height: 132px;
    border-radius: 4px;
    border: 3px solid #2E323A;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.075), transparent 22%),
        linear-gradient(135deg, rgba(250, 204, 21, 0.10), transparent 50%),
        #191B21;
    box-shadow:
        inset 0 -5px 0 rgba(0, 0, 0, 0.32),
        inset 0 4px 0 rgba(255, 255, 255, 0.055);
}

body.glowplay-shop .purchase-pill:hover {
    transform: translateY(-4px);
    border-color: #FACC15;
    box-shadow:
        inset 0 -5px 0 rgba(0, 0, 0, 0.32),
        inset 0 4px 0 rgba(255, 255, 255, 0.08),
        0 12px 0 rgba(0, 0, 0, 0.26),
        0 24px 42px rgba(0, 0, 0, 0.34);
}

body.glowplay-shop .purchase-pill::before {
    width: 7px;
    background:
        linear-gradient(180deg, #FFF7AD 0%, #FACC15 52%, #A16207 100%);
    box-shadow: 2px 0 0 rgba(0, 0, 0, 0.22);
}

body.glowplay-shop .purchase-avatar {
    border-radius: 4px;
    border: 3px solid #FACC15;
    background: #0B0C0F;
    box-shadow:
        4px 4px 0 rgba(0, 0, 0, 0.34),
        inset 0 0 0 2px rgba(255, 255, 255, 0.10);
}

body.glowplay-shop .purchase-name {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 950;
    text-shadow: 2px 2px 0 #000000;
}

body.glowplay-shop .purchase-action {
    color: #B8C0CC;
    font-weight: 800;
}

body.glowplay-shop .purchase-amount,
body.glowplay-shop .top-amount {
    border-radius: 4px;
    border: 2px solid #3B2B05;
    background:
        linear-gradient(180deg, #FDE047 0%, #FACC15 58%, #A16207 100%);
    color: #111111;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.30);
    box-shadow:
        inset 0 -4px 0 rgba(0, 0, 0, 0.20),
        inset 0 3px 0 rgba(255, 255, 255, 0.28),
        4px 4px 0 rgba(0, 0, 0, 0.24);
}

body.glowplay-shop .podium-container {
    align-items: end;
    padding: 34px 28px 30px;
}

body.glowplay-shop .podium-card {
    border-radius: 4px;
    border: 3px solid #2E323A;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.08), transparent 18%),
        linear-gradient(90deg, rgba(255,255,255,0.030) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,0.030) 1px, transparent 1px),
        #17191F;
    background-size: auto, 16px 16px, 16px 16px;
    box-shadow:
        inset 0 -7px 0 rgba(0, 0, 0, 0.35),
        inset 0 4px 0 rgba(255, 255, 255, 0.055),
        8px 8px 0 rgba(0, 0, 0, 0.22);
}

body.glowplay-shop .podium-card::before {
    height: 8px;
    background:
        linear-gradient(90deg, transparent, #FACC15 18%, #FFF7AD 50%, #FACC15 82%, transparent);
}

body.glowplay-shop .podium-card:hover {
    border-color: #FACC15;
    box-shadow:
        inset 0 -7px 0 rgba(0, 0, 0, 0.35),
        inset 0 4px 0 rgba(255, 255, 255, 0.07),
        10px 10px 0 rgba(0, 0, 0, 0.26),
        0 0 34px rgba(250, 204, 21, 0.10);
}

body.glowplay-shop .rank-1 {
    background:
        linear-gradient(180deg, rgba(253, 224, 71, 0.20), transparent 24%),
        linear-gradient(90deg, rgba(250,204,21,0.045) 1px, transparent 1px),
        linear-gradient(rgba(250,204,21,0.045) 1px, transparent 1px),
        #201805;
    background-size: auto, 16px 16px, 16px 16px;
    border-color: #FACC15;
}

body.glowplay-shop .rank-badge {
    border-radius: 4px;
    border: 3px solid #111111;
    outline: 2px solid rgba(255, 255, 255, 0.22);
    font-weight: 950;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.28);
}

body.glowplay-shop .rank-1::after {
    border-radius: 4px;
    border: 2px solid rgba(250, 204, 21, 0.35);
    background: #17191F;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.28);
}

body.glowplay-shop .top-avatar-wrapper {
    border-radius: 4px;
    border: 3px solid #FACC15;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.08), transparent 36%),
        #0B0C0F;
    box-shadow:
        6px 6px 0 rgba(0, 0, 0, 0.30),
        inset 0 0 0 2px rgba(255, 255, 255, 0.08);
}

body.glowplay-shop .top-avatar {
    border-radius: 2px;
}

body.glowplay-shop .podium-card h4 {
    color: #FFFFFF;
    text-shadow: 2px 2px 0 #000000;
}

body.glowplay-shop .rank-1 h4 {
    color: #FACC15;
}

@media (max-width: 640px) {
    body.glowplay-shop .purchase-pill {
        min-height: 112px;
    }
}


/* GlowPlay elegant social proof cleanup */
body.glowplay-shop,
body.glowplay-shop * {
    letter-spacing: 0;
}

body.glowplay-shop .latest-payments-header h2,
body.glowplay-shop .top-donators-section h2 {
    min-height: 50px;
    padding: 0 22px;
    border: 1px solid rgba(250, 204, 21, 0.32);
    outline: 0;
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.18), transparent 64%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)),
        #121318;
    color: #F8FAFC;
    text-shadow: none;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

body.glowplay-shop .latest-payments-header p,
body.glowplay-shop .top-donators-section .section-header p {
    color: rgba(226, 232, 240, 0.62);
    font-weight: 700;
}

body.glowplay-shop #latest-purchases-container,
body.glowplay-shop .podium-container {
    border: 1px solid rgba(250, 204, 21, 0.18);
    outline: 0;
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.10), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
        #0F1014;
    background-size: auto;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28);
}

body.glowplay-shop .latest-payments-section {
    width: min(1000px, calc(100% - 48px));
}

body.glowplay-shop #latest-purchases-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    max-width: 100%;
    margin: 24px auto 76px;
    gap: 14px;
    padding: 18px;
    justify-content: stretch;
    align-items: stretch;
}

body.glowplay-shop .purchase-pill {
    position: relative;
    display: grid;
    width: 100%;
    min-height: 116px;
    padding: 16px;
    grid-template-columns: 48px minmax(0, 1fr);
    grid-template-areas:
        "avatar info"
        "avatar amount";
    align-items: center;
    justify-items: stretch;
    row-gap: 8px;
    column-gap: 12px;
    border: 1px solid rgba(250, 204, 21, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
        #15161B;
    box-shadow: none;
}

body.glowplay-shop .purchase-pill::before {
    width: 3px;
    border-radius: 999px;
    inset: 14px auto 14px 0;
    background: #FACC15;
    box-shadow: 0 0 16px rgba(250, 204, 21, 0.28);
}

body.glowplay-shop .purchase-pill:hover {
    transform: translateY(-3px);
    border-color: rgba(250, 204, 21, 0.48);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
}

body.glowplay-shop .purchase-avatar {
    grid-area: avatar;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(250, 204, 21, 0.38);
    border-radius: 8px;
    background: #0B0C0F;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22);
}

body.glowplay-shop .purchase-info {
    grid-area: info;
    min-width: 0;
}

body.glowplay-shop .purchase-name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.15;
    text-shadow: none;
}

body.glowplay-shop .purchase-action {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4px;
    color: rgba(226, 232, 240, 0.64);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
}

body.glowplay-shop .purchase-amount {
    grid-area: amount;
    margin-left: 0;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    max-width: 100%;
    padding: 0 10px;
    border: 0;
    border-radius: 8px;
    background: #FACC15;
    color: #0B0C0F;
    font-size: 11px;
    font-weight: 950;
    text-shadow: none;
    box-shadow: 0 10px 18px rgba(250, 204, 21, 0.14);
}

body.glowplay-shop .podium-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(860px, calc(100% - 48px));
    max-width: 860px;
    margin: 24px auto 86px;
    padding: 24px;
    gap: 18px;
    align-items: end;
}

body.glowplay-shop .podium-card {
    width: 100%;
    min-height: 220px;
    padding: 38px 20px 24px;
    border: 1px solid rgba(250, 204, 21, 0.18);
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.12), transparent 46%),
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)),
        #15161B;
    background-size: auto;
    box-shadow: none;
}

body.glowplay-shop .podium-card::before {
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(250, 204, 21, 0.82), transparent);
}

body.glowplay-shop .podium-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(250, 204, 21, 0.46);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24);
}

body.glowplay-shop .rank-1 {
    min-height: 260px;
    transform: translateY(-16px);
    background:
        radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.24), transparent 48%),
        linear-gradient(180deg, rgba(250, 204, 21, 0.09), rgba(255,255,255,0.018)),
        #171409;
    background-size: auto;
    border-color: rgba(250, 204, 21, 0.56);
    box-shadow: 0 24px 54px rgba(250, 204, 21, 0.10), 0 18px 42px rgba(0, 0, 0, 0.24);
}

body.glowplay-shop .rank-badge {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255,255,255,0.28);
    outline: 0;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);
}

body.glowplay-shop .rank-1::after {
    border: 1px solid rgba(250, 204, 21, 0.32);
    border-radius: 8px;
    background: rgba(250, 204, 21, 0.12);
    box-shadow: none;
}

body.glowplay-shop .top-avatar-wrapper {
    width: 82px;
    height: 82px;
    padding: 7px;
    border: 1px solid rgba(250, 204, 21, 0.34);
    border-radius: 8px;
    background: #0B0C0F;
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.24);
}

body.glowplay-shop .rank-1 .top-avatar-wrapper {
    width: 98px;
    height: 98px;
    border-color: rgba(250, 204, 21, 0.60);
}

body.glowplay-shop .top-avatar {
    border-radius: 6px;
}

body.glowplay-shop .podium-card h4 {
    color: #FFFFFF;
    font-size: 18px;
    text-shadow: none;
}

body.glowplay-shop .rank-1 h4 {
    color: #FACC15;
    font-size: 22px;
}

body.glowplay-shop .top-amount {
    min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    background: rgba(250, 204, 21, 0.12);
    color: #FACC15;
    font-size: 12px;
    text-shadow: none;
    box-shadow: none;
}

body.glowplay-shop .rank-1 .top-amount {
    background: #FACC15;
    color: #0B0C0F;
    box-shadow: 0 10px 20px rgba(250, 204, 21, 0.16);
}

@media (max-width: 960px) {
    body.glowplay-shop .latest-payments-section {
        width: min(100% - 32px, 1000px);
    }

    body.glowplay-shop #latest-purchases-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.glowplay-shop .podium-container {
        grid-template-columns: 1fr;
        width: min(520px, calc(100% - 32px));
        align-items: stretch;
    }

    body.glowplay-shop .rank-1 {
        transform: none;
        order: -1;
    }
}

@media (max-width: 640px) {
    body.glowplay-shop #latest-purchases-container {
        grid-template-columns: 1fr;
    }

    body.glowplay-shop .purchase-pill {
        min-height: 92px;
    }

    body.glowplay-shop .podium-container {
        padding: 18px;
    }
}

/* GlowPlay Minecraft latest payments */
body.glowplay-shop .top-donators-section {
    display: none !important;
}

body.glowplay-shop .latest-payments-section {
    width: min(1080px, calc(100% - 48px));
    margin-top: 70px;
    margin-bottom: 96px;
}

body.glowplay-shop .latest-payments-header h2 {
    min-height: 54px;
    padding: 0 24px;
    border: 3px solid #FACC15;
    border-radius: 4px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0 25%, transparent 25% 50%, rgba(255, 255, 255, 0.06) 50% 75%, transparent 75%) 0 0 / 18px 18px,
        linear-gradient(180deg, #25210F, #121318);
    color: #FFFFFF;
    text-shadow: 3px 3px 0 #000000;
    box-shadow:
        0 0 0 2px rgba(0, 0, 0, 0.75),
        8px 8px 0 rgba(0, 0, 0, 0.34),
        0 16px 34px rgba(250, 204, 21, 0.12);
}

body.glowplay-shop .latest-payments-header p {
    color: rgba(226, 232, 240, 0.72);
    font-weight: 800;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.46);
}

body.glowplay-shop #latest-purchases-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    max-width: 100%;
    margin: 26px auto 0;
    padding: 18px;
    gap: 16px;
    border: 3px solid rgba(250, 204, 21, 0.70);
    border-radius: 4px;
    background:
        linear-gradient(rgba(250, 204, 21, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(250, 204, 21, 0.05) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.015)),
        #0E0F12;
    background-size: 18px 18px, 18px 18px, auto, auto;
    box-shadow:
        0 0 0 2px rgba(0, 0, 0, 0.82),
        10px 10px 0 rgba(0, 0, 0, 0.30),
        inset 0 0 0 2px rgba(255, 255, 255, 0.04);
}

body.glowplay-shop .purchase-pill {
    position: relative;
    display: grid;
    width: 100%;
    min-height: 118px;
    padding: 16px 14px 14px;
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-areas:
        "avatar info"
        "avatar amount";
    align-items: center;
    row-gap: 10px;
    column-gap: 13px;
    border: 3px solid rgba(250, 204, 21, 0.60);
    border-radius: 4px;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.10) 0 15%, transparent 15% 50%, rgba(255, 255, 255, 0.045) 50% 65%, transparent 65%) 0 0 / 22px 22px,
        linear-gradient(180deg, #181A20, #101115);
    box-shadow:
        5px 5px 0 rgba(0, 0, 0, 0.44),
        inset 0 0 0 2px rgba(255, 255, 255, 0.045);
}

body.glowplay-shop .purchase-pill::before {
    width: 6px;
    border-radius: 0;
    inset: 12px auto 12px -3px;
    background:
        linear-gradient(180deg, #FFF176, #FACC15 54%, #B7791F);
    box-shadow:
        2px 0 0 rgba(0, 0, 0, 0.55),
        0 0 18px rgba(250, 204, 21, 0.32);
}

body.glowplay-shop .purchase-pill::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 9px;
    width: 9px;
    height: 9px;
    background: #FACC15;
    box-shadow:
        12px 0 0 rgba(250, 204, 21, 0.42),
        0 12px 0 rgba(250, 204, 21, 0.30);
    opacity: 0.78;
}

body.glowplay-shop .purchase-pill:hover {
    transform: translate(-2px, -2px);
    border-color: #FACC15;
    box-shadow:
        8px 8px 0 rgba(0, 0, 0, 0.46),
        0 0 26px rgba(250, 204, 21, 0.16),
        inset 0 0 0 2px rgba(255, 255, 255, 0.06);
}

body.glowplay-shop .purchase-avatar {
    grid-area: avatar;
    width: 52px;
    height: 52px;
    border: 3px solid #FACC15;
    border-radius: 3px;
    background: #090A0C;
    image-rendering: pixelated;
    box-shadow:
        4px 4px 0 rgba(0, 0, 0, 0.55),
        inset 0 0 0 2px rgba(255, 255, 255, 0.08);
}

body.glowplay-shop .purchase-info {
    grid-area: info;
    min-width: 0;
}

body.glowplay-shop .purchase-name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 950;
    line-height: 1.05;
    text-shadow: 2px 2px 0 #000000;
}

body.glowplay-shop .purchase-action {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
    color: rgba(226, 232, 240, 0.72);
    font-size: 11px;
    font-weight: 850;
    line-height: 1.15;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.72);
}

body.glowplay-shop .purchase-amount {
    grid-area: amount;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    max-width: 100%;
    padding: 0 12px;
    border: 2px solid rgba(255, 255, 255, 0.22);
    border-radius: 3px;
    background:
        linear-gradient(180deg, #FFE769, #FACC15 62%, #D79B11);
    color: #08090B;
    font-size: 12px;
    font-weight: 950;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45);
    box-shadow:
        3px 3px 0 rgba(0, 0, 0, 0.42),
        inset 0 0 0 1px rgba(0, 0, 0, 0.18);
}

body.glowplay-shop .purchase-pill-end-key {
    border-color: rgba(168, 85, 247, 0.78);
}

body.glowplay-shop .purchase-pill-end-key::before {
    background: linear-gradient(180deg, #E9D5FF, #A855F7 58%, #6D28D9);
}

body.glowplay-shop .purchase-pill-end-key .purchase-amount {
    background: linear-gradient(180deg, #E9D5FF, #A855F7 62%, #6D28D9);
    color: #FFFFFF;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.54);
}

body.glowplay-shop .purchase-pill-rank {
    border-color: rgba(14, 165, 233, 0.78);
}

body.glowplay-shop .purchase-pill-rank::before {
    background: linear-gradient(180deg, #BAE6FD, #38BDF8 58%, #0369A1);
}

body.glowplay-shop .purchase-pill-rank .purchase-amount {
    background: linear-gradient(180deg, #BAE6FD, #38BDF8 62%, #0369A1);
    color: #FFFFFF;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.54);
}

@media (max-width: 960px) {
    body.glowplay-shop .latest-payments-section {
        width: min(100% - 32px, 1080px);
    }

    body.glowplay-shop #latest-purchases-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    body.glowplay-shop .latest-payments-section {
        margin-top: 56px;
        margin-bottom: 76px;
    }

    body.glowplay-shop .latest-payments-header h2 {
        min-height: 48px;
        padding: 0 18px;
        font-size: 24px;
        text-align: center;
    }

    body.glowplay-shop #latest-purchases-container {
        grid-template-columns: 1fr;
        padding: 14px;
        gap: 13px;
    }

    body.glowplay-shop .purchase-pill {
        min-height: 104px;
        grid-template-columns: 50px minmax(0, 1fr);
        padding: 14px;
    }

    body.glowplay-shop .purchase-avatar {
        width: 50px;
        height: 50px;
    }
}

/* GlowPlay legal pages */
body.glowplay-shop.legal-page {
    min-height: 100vh;
    background:
        linear-gradient(rgba(250, 204, 21, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(250, 204, 21, 0.035) 1px, transparent 1px),
        radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.12), transparent 34%),
        #090A0D;
    background-size: 28px 28px, 28px 28px, auto, auto;
}

body.glowplay-shop.legal-page .site-wrapper {
    min-height: 100vh;
    background: transparent;
}

body.glowplay-shop.legal-page .tos-page {
    width: min(1080px, calc(100% - 48px));
    max-width: 1080px;
    margin: 0 auto;
    padding: 58px 0 96px;
}

body.glowplay-shop.legal-page .tos-container {
    position: relative;
    max-width: 900px;
    padding: 0;
    overflow: hidden;
    border: 3px solid rgba(250, 204, 21, 0.72);
    border-radius: 4px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        #101116;
    background-size: 22px 22px, 22px 22px, auto, auto;
    box-shadow:
        0 0 0 2px rgba(0, 0, 0, 0.85),
        12px 12px 0 rgba(0, 0, 0, 0.32),
        0 26px 70px rgba(0, 0, 0, 0.34);
}

body.glowplay-shop.legal-page .tos-container::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 6px;
    background:
        linear-gradient(90deg, #B7791F, #FACC15, #FFF176, #FACC15, #B7791F);
}

body.glowplay-shop.legal-page .tos-header {
    margin: 0;
    padding: 46px 52px 34px;
    border-bottom: 3px solid rgba(250, 204, 21, 0.36);
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.14) 0 16%, transparent 16% 50%, rgba(255, 255, 255, 0.04) 50% 66%, transparent 66%) 0 0 / 28px 28px,
        linear-gradient(180deg, rgba(250, 204, 21, 0.12), rgba(250, 204, 21, 0.035));
    text-align: left;
}

body.glowplay-shop.legal-page .tos-header h1 {
    margin: 0 0 12px;
    color: #FFFFFF;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.05;
    font-weight: 950;
    text-shadow: 3px 3px 0 #000000;
}

body.glowplay-shop.legal-page .tos-header p {
    max-width: 640px;
    margin: 0;
    color: #F8E7A1;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 800;
}

body.glowplay-shop.legal-page .tos-body {
    padding: 42px 52px 52px;
}

body.glowplay-shop.legal-page .tos-body h2 {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    margin: 34px 0 14px;
    padding: 0 14px;
    border: 2px solid rgba(250, 204, 21, 0.62);
    border-radius: 4px;
    background:
        linear-gradient(180deg, rgba(250, 204, 21, 0.18), rgba(250, 204, 21, 0.06)),
        #15161B;
    color: #FACC15;
    font-size: 14px;
    font-weight: 950;
    text-transform: none;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.32);
}

body.glowplay-shop.legal-page .tos-body h2:first-child {
    margin-top: 0;
}

body.glowplay-shop.legal-page .tos-body p {
    margin: 0 0 14px;
    color: rgba(226, 232, 240, 0.86);
    font-size: 15px;
    line-height: 1.78;
    font-weight: 600;
}

body.glowplay-shop.legal-page .tos-body strong {
    color: #FFFFFF;
    font-weight: 900;
}

body.glowplay-shop.legal-page .tos-body a {
    color: #FACC15;
    font-weight: 850;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

body.glowplay-shop.legal-page .site-footer-modern {
    margin-top: 0;
}

@media (max-width: 768px) {
    body.glowplay-shop.legal-page .tos-page {
        width: min(100% - 28px, 1080px);
        padding: 38px 0 72px;
    }

    body.glowplay-shop.legal-page .tos-header {
        padding: 36px 24px 28px;
    }

    body.glowplay-shop.legal-page .tos-body {
        padding: 30px 24px 38px;
    }

    body.glowplay-shop.legal-page .tos-body h2 {
        max-width: 100%;
        font-size: 13px;
    }
}

/* GlowPlay motion polish */
@keyframes glowplay-grid-drift {
    0% { background-position: 0 0, 0 0, 0 0; }
    100% { background-position: 72px 72px, -72px 72px, 54px 54px; }
}

@keyframes glowplay-legal-grid-drift {
    0% { background-position: 0 0, 0 0, center top, 0 0; }
    100% { background-position: 28px 28px, -28px 28px, center top, 0 0; }
}

@keyframes glowplay-soft-float {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -14px, 0); }
}

@keyframes glowplay-rocket-hover {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-1deg); }
    50% { transform: translate3d(0, -18px, 0) rotate(1deg); }
}

@keyframes glowplay-logo-glow {
    0%, 100% { filter: drop-shadow(0 10px 22px rgba(250, 204, 21, 0.22)); }
    50% { filter: drop-shadow(0 12px 30px rgba(250, 204, 21, 0.42)); }
}

@keyframes glowplay-panel-scan {
    0% { background-position: -260px 0, 0 0; }
    100% { background-position: 900px 0, 64px 0; }
}

@keyframes glowplay-gold-beam {
    0%, 100% { opacity: 0.58; transform: translate3d(0, 0, 0) rotate(12deg); }
    50% { opacity: 0.82; transform: translate3d(-20px, 12px, 0) rotate(12deg); }
}

@keyframes glowplay-button-sheen {
    0% { transform: translateX(-140%) skewX(-18deg); }
    46%, 100% { transform: translateX(220%) skewX(-18deg); }
}

@keyframes glowplay-card-idle {
    0%, 100% {
        box-shadow:
            5px 5px 0 rgba(0, 0, 0, 0.44),
            inset 0 0 0 2px rgba(255, 255, 255, 0.045);
    }
    50% {
        box-shadow:
            7px 7px 0 rgba(0, 0, 0, 0.46),
            0 0 22px rgba(250, 204, 21, 0.10),
            inset 0 0 0 2px rgba(255, 255, 255, 0.06);
    }
}

@keyframes glowplay-pixel-twinkle {
    0%, 100% { opacity: 0.45; transform: translate3d(0, 0, 0) scale(1); }
    50% { opacity: 1; transform: translate3d(-2px, 2px, 0) scale(1.18); }
}

@keyframes glowplay-legal-enter {
    0% { opacity: 0; transform: translateY(18px); }
    100% { opacity: 1; transform: translateY(0); }
}

body.glowplay-shop .site-wrapper::before {
    animation: glowplay-grid-drift 28s linear infinite;
    will-change: background-position;
}

body.glowplay-shop.legal-page {
    animation: glowplay-legal-grid-drift 24s linear infinite;
}

body.glowplay-shop .logo img {
    animation: glowplay-logo-glow 4.8s ease-in-out infinite;
}

body.glowplay-shop .hero-container::before {
    animation: glowplay-panel-scan 12s linear infinite;
    will-change: background-position;
}

body.glowplay-shop .hero-container::after {
    animation: glowplay-gold-beam 7s ease-in-out infinite;
    will-change: transform, opacity;
}

body.glowplay-shop .hero-char {
    animation: glowplay-rocket-hover 6.5s ease-in-out infinite;
    will-change: transform;
}

body.glowplay-shop .recharge-char {
    animation: glowplay-soft-float 6s ease-in-out infinite;
    will-change: transform;
}

body.glowplay-shop .btn-primary,
body.glowplay-shop .btn-discord-dark,
body.glowplay-shop .btn-banner,
body.glowplay-shop .btn-ip-dark,
body.glowplay-shop .btn-purchase,
body.glowplay-shop .btn-voucher {
    position: relative;
    overflow: hidden;
}

body.glowplay-shop .btn-primary::after,
body.glowplay-shop .btn-discord-dark::after,
body.glowplay-shop .btn-banner::after,
body.glowplay-shop .btn-ip-dark::after,
body.glowplay-shop .btn-purchase::after,
body.glowplay-shop .btn-voucher::after {
    content: "";
    position: absolute;
    inset: -35% auto -35% 0;
    width: 38%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
    animation: glowplay-button-sheen 4.2s ease-in-out infinite;
}

body.glowplay-shop .amount-card,
body.glowplay-shop .pay-card,
body.glowplay-shop .step-modern,
body.glowplay-shop .summary-box-modern,
body.glowplay-shop .tos-container {
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

body.glowplay-shop .amount-card:hover,
body.glowplay-shop .pay-card:not(.disabled-payment):hover,
body.glowplay-shop .step-modern:hover,
body.glowplay-shop .summary-box-modern:hover,
body.glowplay-shop.legal-page .tos-container:hover {
    transform: translateY(-3px);
}

body.glowplay-shop .purchase-pill {
    animation: glowplay-card-idle 5.6s ease-in-out infinite;
}

body.glowplay-shop .purchase-pill:nth-child(2) {
    animation-delay: 0.6s;
}

body.glowplay-shop .purchase-pill:nth-child(3) {
    animation-delay: 1.2s;
}

body.glowplay-shop .purchase-pill:nth-child(4) {
    animation-delay: 1.8s;
}

body.glowplay-shop .purchase-pill::after {
    animation: glowplay-pixel-twinkle 2.8s ease-in-out infinite;
}

body.glowplay-shop .online-badge .dot {
    animation: glowplay-pixel-twinkle 1.65s ease-in-out infinite;
}

body.glowplay-shop.legal-page .tos-container {
    animation: glowplay-legal-enter 0.65s ease-out both;
}

body.glowplay-shop.legal-page .tos-body h2 {
    transform-origin: left center;
}

body.glowplay-shop.legal-page .tos-body h2:hover {
    transform: translateX(4px);
    border-color: #FACC15;
    box-shadow:
        6px 6px 0 rgba(0, 0, 0, 0.34),
        0 0 22px rgba(250, 204, 21, 0.12);
}

@media (prefers-reduced-motion: reduce) {
    body.glowplay-shop *,
    body.glowplay-shop *::before,
    body.glowplay-shop *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

/* GlowPlay page transitions and scroll reveal */
body.glowplay-shop:not(.legal-page) .site-wrapper::before {
    animation: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 72px 72px, 72px 72px;
    opacity: 0.18;
}

body.glowplay-shop:not(.legal-page) .hero-container::before {
    animation: none;
    background:
        linear-gradient(110deg, rgba(255, 255, 255, 0.055), transparent 36%),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 64px);
}

.page-transition {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    overflow: hidden;
    pointer-events: auto;
    background: #090A0D;
}

.transition-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50.5%;
    background:
        linear-gradient(rgba(250, 204, 21, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(250, 204, 21, 0.045) 1px, transparent 1px),
        linear-gradient(180deg, #111318, #08090C);
    background-size: 28px 28px, 28px 28px, auto;
    transition: transform 0.76s cubic-bezier(.77, 0, .18, 1);
}

.transition-panel-left {
    left: 0;
    border-right: 2px solid rgba(250, 204, 21, 0.70);
}

.transition-panel-right {
    right: 0;
    border-left: 2px solid rgba(250, 204, 21, 0.70);
}

.transition-logo-split {
    position: relative;
    z-index: 2;
    width: min(260px, 62vw);
    height: 150px;
    filter:
        drop-shadow(0 0 26px rgba(250, 204, 21, 0.48))
        drop-shadow(0 20px 36px rgba(0, 0, 0, 0.48));
    transition:
        opacity 0.28s ease 0.46s,
        transform 0.76s cubic-bezier(.77, 0, .18, 1);
}

.transition-logo-half {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        transform 0.78s cubic-bezier(.77, 0, .18, 1),
        opacity 0.28s ease 0.46s;
}

.transition-logo-half img {
    width: 100%;
    max-height: 150px;
    object-fit: contain;
}

.transition-logo-left {
    clip-path: inset(0 50% 0 0);
}

.transition-logo-right {
    clip-path: inset(0 0 0 50%);
}

body.page-ready .page-transition {
    pointer-events: none;
    background: transparent;
    transition: background 0.2s ease 0.68s;
}

body.page-ready .transition-panel-left {
    transform: translateX(-102%);
}

body.page-ready .transition-panel-right {
    transform: translateX(102%);
}

body.page-ready .transition-logo-left {
    transform: translateX(-52vw);
    opacity: 0;
}

body.page-ready .transition-logo-right {
    transform: translateX(52vw);
    opacity: 0;
}

body.page-ready .transition-logo-split {
    opacity: 0;
}

body.page-ready .page-transition .transition-panel-left {
    transform: translate3d(-102%, 0, 0) !important;
}

body.page-ready .page-transition .transition-panel-right {
    transform: translate3d(102%, 0, 0) !important;
}

body.page-ready .page-transition .transition-logo-left {
    transform: translate3d(-52vw, 0, 0) !important;
    opacity: 0 !important;
}

body.page-ready .page-transition .transition-logo-right {
    transform: translate3d(52vw, 0, 0) !important;
    opacity: 0 !important;
}

body.page-ready .page-transition .transition-logo-split {
    opacity: 0 !important;
}

body.page-exiting .page-transition {
    pointer-events: auto;
    background: #090A0D;
}

body.page-exiting .transition-panel-left,
body.page-exiting .transition-panel-right,
body.page-exiting .transition-logo-left,
body.page-exiting .transition-logo-right,
body.page-exiting .transition-logo-split {
    transform: translateX(0);
    opacity: 1;
}

body.page-exiting .page-transition .transition-panel-left,
body.page-exiting .page-transition .transition-panel-right,
body.page-exiting .page-transition .transition-logo-left,
body.page-exiting .page-transition .transition-logo-right,
body.page-exiting .page-transition .transition-logo-split {
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important;
}

.scroll-reveal {
    opacity: 0;
    transform: translateY(28px) scale(0.985);
    filter: blur(8px);
    transition:
        opacity 0.72s ease,
        transform 0.72s cubic-bezier(.2, .8, .2, 1),
        filter 0.72s ease;
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform, filter;
}

.scroll-reveal.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

.scroll-reveal.reveal-left {
    transform: translateX(-28px) scale(0.985);
}

.scroll-reveal.reveal-right {
    transform: translateX(28px) scale(0.985);
}

.scroll-reveal.reveal-left.is-visible,
.scroll-reveal.reveal-right.is-visible {
    transform: translateX(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .page-transition {
        display: none !important;
    }

    .scroll-reveal,
    .scroll-reveal.reveal-left,
    .scroll-reveal.reveal-right {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}

/* GlowPlay Minecraft block loader */
@keyframes glowplay-loader-wall {
    0% { background-position: 0 0, 0 0, 0 0; }
    100% { background-position: 36px 36px, -36px 36px, 18px 18px; }
}

@keyframes glowplay-loader-card {
    0%, 100% { transform: translate(-50%, -50%) translateY(0) scale(1); }
    35% { transform: translate(-50%, -50%) translateY(-8px) scale(1.025); }
    58% { transform: translate(-50%, -50%) translateY(2px) scale(0.992); }
}

@keyframes glowplay-loader-crack {
    0%, 28% { opacity: 0; clip-path: inset(0 100% 0 0); }
    42% { opacity: 0.38; clip-path: inset(0 58% 0 0); }
    62% { opacity: 0.78; clip-path: inset(0 22% 0 0); }
    100% { opacity: 0.28; clip-path: inset(0 0 0 0); }
}

@keyframes glowplay-loader-fill {
    0% { transform: scaleX(0); }
    48% { transform: scaleX(0.62); }
    100% { transform: scaleX(1); }
}

@keyframes glowplay-loader-sparks {
    0%, 100% {
        opacity: 0.38;
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        opacity: 1;
        transform: translate3d(-4px, 3px, 0) scale(1.15);
    }
}

.page-transition {
    display: block;
    background:
        radial-gradient(circle at 50% 44%, rgba(250, 204, 21, 0.18), transparent 28%),
        #090A0D;
    opacity: 1;
    visibility: visible;
    transition:
        opacity 0.22s ease 0.78s,
        visibility 0s linear 1s,
        background 0.24s ease 0.7s;
}

.transition-block-wall {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(250, 204, 21, 0.06) 2px, transparent 2px),
        linear-gradient(90deg, rgba(250, 204, 21, 0.055) 2px, transparent 2px),
        linear-gradient(135deg, rgba(250, 204, 21, 0.10) 0 16%, transparent 16% 50%, rgba(255, 255, 255, 0.035) 50% 66%, transparent 66%) 0 0 / 36px 36px,
        linear-gradient(180deg, #111318, #08090C);
    background-size: 36px 36px, 36px 36px, 36px 36px, auto;
    box-shadow: inset 0 0 0 4px rgba(250, 204, 21, 0.16);
    animation: glowplay-loader-wall 2.8s linear infinite;
    transition:
        opacity 0.46s ease 0.24s,
        transform 0.7s cubic-bezier(.22, .88, .24, 1) 0.18s,
        clip-path 0.68s cubic-bezier(.22, .88, .24, 1) 0.2s;
}

.transition-block-wall::before,
.transition-block-wall::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background: #FACC15;
    box-shadow:
        34px 18px 0 rgba(250, 204, 21, 0.45),
        -28px 42px 0 rgba(255, 255, 255, 0.26),
        68px -30px 0 rgba(250, 204, 21, 0.32),
        -58px -22px 0 rgba(255, 255, 255, 0.18);
    animation: glowplay-loader-sparks 1.7s ease-in-out infinite;
}

.transition-block-wall::before {
    left: 22%;
    top: 24%;
}

.transition-block-wall::after {
    right: 22%;
    bottom: 24%;
    animation-delay: 0.58s;
}

.transition-logo-card {
    position: absolute;
    left: 50%;
    top: 42%;
    z-index: 3;
    width: min(230px, 58vw);
    height: min(230px, 58vw);
    display: grid;
    place-items: center;
    border: 4px solid #FACC15;
    border-radius: 4px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.11) 0 16%, transparent 16% 50%, rgba(250, 204, 21, 0.14) 50% 66%, transparent 66%) 0 0 / 28px 28px,
        linear-gradient(180deg, #191B20, #0D0E12);
    box-shadow:
        0 0 0 3px rgba(0, 0, 0, 0.92),
        10px 10px 0 rgba(0, 0, 0, 0.48),
        0 0 40px rgba(250, 204, 21, 0.34),
        inset 0 0 0 3px rgba(255, 255, 255, 0.06);
    animation: glowplay-loader-card 1.35s ease-in-out infinite;
    transition:
        opacity 0.38s ease 0.26s,
        transform 0.68s cubic-bezier(.22, .88, .24, 1) 0.18s,
        filter 0.4s ease 0.24s;
}

.transition-logo-card img {
    position: relative;
    z-index: 2;
    width: 82%;
    height: auto;
    max-height: none;
    object-fit: contain;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.45));
}

.transition-logo-card::before {
    content: "";
    position: absolute;
    inset: 14px;
    border: 2px solid rgba(250, 204, 21, 0.28);
    border-radius: 2px;
    pointer-events: none;
}

.transition-logo-card::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 16px;
    width: 12px;
    height: 12px;
    background: #FACC15;
    box-shadow:
        -164px 28px 0 rgba(250, 204, 21, 0.36),
        -42px 168px 0 rgba(255, 255, 255, 0.26),
        -122px 132px 0 rgba(250, 204, 21, 0.28);
    animation: glowplay-loader-sparks 1.3s ease-in-out infinite;
}

.transition-crack {
    position: absolute;
    inset: 24px;
    z-index: 4;
    opacity: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0 43%, rgba(0, 0, 0, 0.86) 43% 46%, transparent 46% 100%),
        linear-gradient(35deg, transparent 0 52%, rgba(0, 0, 0, 0.76) 52% 55%, transparent 55% 100%),
        linear-gradient(150deg, transparent 0 58%, rgba(255, 241, 118, 0.58) 58% 60%, transparent 60% 100%);
    animation: glowplay-loader-crack 1.45s steps(4, end) infinite;
}

.transition-loading-bar {
    position: absolute;
    left: 50%;
    top: calc(42% + min(230px, 58vw) / 2 + 30px);
    z-index: 3;
    width: min(310px, 72vw);
    height: 20px;
    padding: 3px;
    transform: translateX(-50%);
    border: 3px solid rgba(250, 204, 21, 0.86);
    border-radius: 3px;
    background: #06070A;
    box-shadow:
        5px 5px 0 rgba(0, 0, 0, 0.46),
        0 0 24px rgba(250, 204, 21, 0.18);
    transition:
        opacity 0.34s ease 0.28s,
        transform 0.6s cubic-bezier(.22, .88, .24, 1) 0.18s;
}

.transition-loading-bar span {
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: left center;
    background:
        repeating-linear-gradient(90deg, #FACC15 0 16px, #FFE769 16px 28px, #D79B11 28px 34px);
    animation: glowplay-loader-fill 3s steps(12, end) both;
}

body.page-ready .page-transition {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: transparent;
}

body.page-ready .page-transition .transition-block-wall {
    opacity: 0;
    transform: scale(1.08);
    clip-path: polygon(0 0, 100% 0, 100% 38%, 64% 38%, 64% 62%, 100% 62%, 100% 100%, 0 100%, 0 62%, 36% 62%, 36% 38%, 0 38%);
}

body.page-ready .page-transition .transition-logo-card {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.78) rotate(8deg) !important;
    filter: blur(4px);
}

body.page-ready .page-transition .transition-loading-bar {
    opacity: 0;
    transform: translateX(-50%) translateY(18px);
}

body.page-exiting .page-transition {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background:
        radial-gradient(circle at 50% 44%, rgba(250, 204, 21, 0.18), transparent 28%),
        #090A0D;
    transition: opacity 0.16s ease, background 0.16s ease;
}

body.page-exiting .page-transition .transition-block-wall {
    opacity: 1 !important;
    transform: scale(1) !important;
    clip-path: inset(0) !important;
}

body.page-exiting .page-transition .transition-logo-card {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) rotate(0) !important;
    filter: none !important;
}

body.page-exiting .page-transition .transition-loading-bar {
    opacity: 1 !important;
    transform: translateX(-50%) !important;
}

@media (max-width: 640px) {
    .transition-logo-card {
        width: min(190px, 60vw);
        height: min(190px, 60vw);
    }

    .transition-loading-bar {
        top: calc(42% + min(190px, 60vw) / 2 + 24px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .transition-block-wall,
    .transition-logo-card,
    .transition-crack,
    .transition-loading-bar span {
        animation: none !important;
    }
}

/* GlowPlay performance and responsive pass */
@keyframes inline-spinner-spin {
    to { transform: rotate(360deg); }
}

.inline-spinner {
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    vertical-align: -0.14em;
    animation: inline-spinner-spin 0.72s linear infinite;
}

body.page-ready .page-transition,
body.page-ready .page-transition * ,
body.page-ready .page-transition *::before,
body.page-ready .page-transition *::after {
    animation: none !important;
    will-change: auto !important;
}

body.page-ready .page-transition {
    contain: strict;
}

body.glowplay-shop .logo img {
    animation: none !important;
    width: auto;
    aspect-ratio: 1 / 1;
}

body.glowplay-shop .purchase-pill,
body.glowplay-shop .purchase-pill::after {
    animation: none !important;
}

body.glowplay-shop .site-wrapper::before,
body.glowplay-shop.legal-page {
    animation: none !important;
    will-change: auto !important;
}

body.glowplay-shop .premium-card::after {
    animation: none !important;
    opacity: 0.42;
    transform: translateX(-120%) rotate(45deg);
    transition: transform 0.7s ease;
}

body.glowplay-shop .premium-card:hover::after {
    transform: translateX(90%) rotate(45deg);
}

body.glowplay-shop .btn-primary::after,
body.glowplay-shop .btn-discord-dark::after,
body.glowplay-shop .btn-banner::after,
body.glowplay-shop .btn-ip-dark::after,
body.glowplay-shop .btn-purchase::after,
body.glowplay-shop .btn-voucher::after {
    animation: none !important;
    transform: translateX(-140%) skewX(-18deg);
    transition: transform 0.62s ease;
}

body.glowplay-shop .btn-primary:hover::after,
body.glowplay-shop .btn-discord-dark:hover::after,
body.glowplay-shop .btn-banner:hover::after,
body.glowplay-shop .btn-ip-dark:hover::after,
body.glowplay-shop .btn-purchase:hover::after,
body.glowplay-shop .btn-voucher:hover::after {
    transform: translateX(230%) skewX(-18deg);
}

.scroll-reveal {
    filter: none !important;
    transition:
        opacity 0.52s ease,
        transform 0.52s cubic-bezier(.2, .8, .2, 1) !important;
    will-change: opacity, transform;
}

.scroll-reveal.is-visible {
    will-change: auto;
}

body.glowplay-shop .amount-card,
body.glowplay-shop .pay-card,
body.glowplay-shop .purchase-pill {
    contain: layout paint;
}

@supports (content-visibility: auto) {
    body.glowplay-shop .latest-payments-section,
    body.glowplay-shop .discord-banner-container,
    body.glowplay-shop .site-footer-modern,
    body.glowplay-shop.legal-page .tos-page {
        content-visibility: auto;
        contain-intrinsic-size: 720px;
    }
}

@media (max-width: 960px) {
    body.glowplay-shop .navbar {
        width: min(calc(100% - 24px), 1180px);
        padding: 10px;
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

    body.glowplay-shop .logo img {
        height: 52px;
        width: auto;
    }

    body.glowplay-shop .btn-voucher {
        justify-self: end;
        padding: 10px 14px;
        font-size: 11px;
    }

    body.glowplay-shop .nav-links {
        grid-column: 1 / -1;
        order: initial;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
        overflow: visible;
        border-radius: 8px;
        padding: 6px;
    }

    body.glowplay-shop .nav-links a {
        min-width: 0;
        padding: 10px 8px;
        white-space: normal;
        text-align: center;
        line-height: 1.15;
        font-size: 11px;
    }

    body.glowplay-shop .hero-container::after,
    body.glowplay-shop .hero-char,
    body.glowplay-shop .recharge-char,
    body.glowplay-shop.legal-page {
        animation: none !important;
    }

    body.glowplay-shop .hero-image-wrapper,
    body.glowplay-shop .hero-char {
        filter: none !important;
    }
}

@media (max-width: 640px) {
    body.glowplay-shop .navbar,
    body.glowplay-shop .hero,
    body.glowplay-shop .recharge-section,
    body.glowplay-shop .discord-banner-container {
        width: min(calc(100% - 20px), 1180px);
        padding-left: 0;
        padding-right: 0;
    }

    body.glowplay-shop .navbar {
        margin-top: 10px;
    }

    body.glowplay-shop .logo img {
        height: 46px;
    }

    body.glowplay-shop .nav-links a {
        min-height: 42px;
        display: grid;
        place-items: center;
        font-size: 10px;
    }

    body.glowplay-shop .hero {
        margin-top: 18px;
    }

    body.glowplay-shop .hero-container {
        min-height: 0;
        padding: 34px 18px 0;
        border-radius: 8px;
    }

    body.glowplay-shop .online-badge {
        max-width: 100%;
        flex-wrap: wrap;
        padding: 7px 10px;
        font-size: 10px;
    }

    body.glowplay-shop .hero h1 {
        font-size: 34px;
        line-height: 1.05;
    }

    body.glowplay-shop .hero p {
        margin-bottom: 24px;
        font-size: 14px;
    }

    body.glowplay-shop .hero-buttons {
        gap: 10px;
    }

    body.glowplay-shop .hero-buttons > * {
        flex: 1 1 100%;
        justify-content: center;
        min-height: 48px;
    }

    body.glowplay-shop .hero-image-wrapper {
        height: 250px;
        margin-top: 8px;
    }

    body.glowplay-shop .recharge-section {
        margin-top: 38px;
    }

    body.glowplay-shop .recharge-form,
    body.glowplay-shop .step-modern,
    body.glowplay-shop .summary-box-modern {
        padding: 14px;
    }

    body.glowplay-shop .amount-row-modern {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.glowplay-shop .amount-card {
        min-height: 88px;
        padding: 14px 10px 12px 14px;
    }

    body.glowplay-shop .amount-value {
        font-size: 21px;
    }

    body.glowplay-shop .payment-methods-modern {
        grid-template-columns: 1fr;
    }

    body.glowplay-shop .latest-payments-section {
        width: min(calc(100% - 20px), 1080px);
        margin-top: 48px;
        margin-bottom: 64px;
        padding-left: 0;
        padding-right: 0;
    }

    body.glowplay-shop .latest-payments-header h2 {
        width: 100%;
        min-height: 46px;
        font-size: 22px;
    }

    body.glowplay-shop #latest-purchases-container {
        padding: 12px;
        gap: 10px;
    }

    body.glowplay-shop .purchase-pill {
        min-height: 92px;
        padding: 12px;
        grid-template-columns: 46px minmax(0, 1fr);
        column-gap: 10px;
    }

    body.glowplay-shop .purchase-avatar {
        width: 46px;
        height: 46px;
    }

    body.glowplay-shop .purchase-amount {
        min-height: 30px;
        padding: 0 9px;
        font-size: 11px;
    }

    body.glowplay-shop .discord-banner {
        padding: 30px 18px 190px;
    }

    body.glowplay-shop .banner-title {
        font-size: 24px;
        line-height: 1.16;
    }

    body.glowplay-shop .footer-grid-modern {
        padding-left: 18px;
        padding-right: 18px;
        gap: 24px;
    }

    body.glowplay-shop .social-grid-modern {
        grid-template-columns: 1fr;
    }

    body.glowplay-shop.legal-page .tos-page {
        width: min(calc(100% - 20px), 1080px);
        padding: 30px 0 56px;
    }

    body.glowplay-shop.legal-page .tos-header {
        padding: 30px 18px 24px;
    }

    body.glowplay-shop.legal-page .tos-header h1 {
        font-size: 30px;
    }

    body.glowplay-shop.legal-page .tos-body {
        padding: 26px 18px 34px;
    }
}

@media (max-width: 390px) {
    body.glowplay-shop .btn-voucher {
        padding-inline: 10px;
    }

    body.glowplay-shop .nav-links a {
        font-size: 9.5px;
    }

    body.glowplay-shop .hero h1 {
        font-size: 31px;
    }
}

/* GlowPlay Minecraft payment methods */
body.glowplay-shop #payment-methods-container.payment-methods-modern {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
    border: 3px solid rgba(250, 204, 21, 0.62);
    border-radius: 4px;
    background:
        linear-gradient(rgba(250, 204, 21, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(250, 204, 21, 0.04) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
        #0E0F12;
    background-size: 18px 18px, 18px 18px, auto, auto;
    box-shadow:
        0 0 0 2px rgba(0, 0, 0, 0.78),
        7px 7px 0 rgba(0, 0, 0, 0.28),
        inset 0 0 0 2px rgba(255, 255, 255, 0.035);
}

body.glowplay-shop #payment-methods-container .pay-card {
    position: relative;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 12px;
    min-height: 78px;
    width: 100%;
    padding: 13px 12px;
    border: 3px solid rgba(250, 204, 21, 0.46);
    border-radius: 4px;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.08) 0 15%, transparent 15% 50%, rgba(255, 255, 255, 0.035) 50% 65%, transparent 65%) 0 0 / 20px 20px,
        linear-gradient(180deg, #181A20, #101115);
    color: #F8FAFC;
    box-shadow:
        4px 4px 0 rgba(0, 0, 0, 0.42),
        inset 0 0 0 2px rgba(255, 255, 255, 0.035);
}

body.glowplay-shop #payment-methods-container .pay-card::before {
    content: "";
    position: absolute;
    inset: 10px auto 10px -3px;
    width: 6px;
    background: linear-gradient(180deg, #FFF176, #FACC15 54%, #B7791F);
    box-shadow:
        2px 0 0 rgba(0, 0, 0, 0.55),
        0 0 14px rgba(250, 204, 21, 0.26);
}

body.glowplay-shop #payment-methods-container .pay-card:not(.disabled-payment):hover {
    border-color: #FACC15;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.13) 0 15%, transparent 15% 50%, rgba(255, 255, 255, 0.055) 50% 65%, transparent 65%) 0 0 / 20px 20px,
        linear-gradient(180deg, #202229, #121318);
    box-shadow:
        6px 6px 0 rgba(0, 0, 0, 0.45),
        0 0 22px rgba(250, 204, 21, 0.12),
        inset 0 0 0 2px rgba(255, 255, 255, 0.045);
    transform: translate(-2px, -2px);
}

body.glowplay-shop #payment-methods-container .pay-card.active-payment {
    border-color: #FACC15;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0 16%, transparent 16% 50%, rgba(0, 0, 0, 0.10) 50% 66%, transparent 66%) 0 0 / 20px 20px,
        linear-gradient(180deg, #FFE769, #FACC15 60%, #D79B11);
    color: #090A0D;
    box-shadow:
        5px 5px 0 rgba(0, 0, 0, 0.52),
        0 0 24px rgba(250, 204, 21, 0.18),
        inset 0 0 0 2px rgba(255, 255, 255, 0.26);
}

body.glowplay-shop #payment-methods-container .pay-card.active-payment::before {
    background: linear-gradient(180deg, #191B20, #090A0D);
    box-shadow: 2px 0 0 rgba(255, 255, 255, 0.16);
}

body.glowplay-shop #payment-methods-container .pay-card.disabled-payment {
    opacity: 0.72;
    cursor: not-allowed;
    filter: grayscale(0.25);
}

body.glowplay-shop #payment-methods-container .pay-icon {
    width: 46px;
    height: 46px;
    margin-right: 0;
    border: 3px solid rgba(250, 204, 21, 0.58);
    border-radius: 3px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.10) 0 25%, transparent 25% 50%, rgba(250, 204, 21, 0.12) 50% 75%, transparent 75%) 0 0 / 14px 14px,
        #090A0C;
    color: #FACC15;
    box-shadow:
        3px 3px 0 rgba(0, 0, 0, 0.50),
        inset 0 0 0 2px rgba(255, 255, 255, 0.06);
}

body.glowplay-shop #payment-methods-container .active-payment .pay-icon {
    border-color: rgba(9, 10, 13, 0.72);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.22) 0 25%, transparent 25% 50%, rgba(0, 0, 0, 0.10) 50% 75%, transparent 75%) 0 0 / 14px 14px,
        #FFFFFF;
    color: #0B0C0F;
}

body.glowplay-shop #payment-methods-container .pay-icon svg {
    width: 22px;
    height: 22px;
}

body.glowplay-shop #payment-methods-container .pay-icon-logo {
    width: 32px;
    height: 32px;
    border-radius: 2px;
    object-fit: contain;
}

body.glowplay-shop #payment-methods-container .pay-details {
    min-width: 0;
}

body.glowplay-shop #payment-methods-container .pay-details h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 950;
    line-height: 1.08;
    text-shadow: 2px 2px 0 #000000;
}

body.glowplay-shop #payment-methods-container .pay-details p {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5px;
    color: rgba(226, 232, 240, 0.70);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.18;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.72);
}

body.glowplay-shop #payment-methods-container .active-payment .pay-details h4 {
    color: #0B0C0F;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45);
}

body.glowplay-shop #payment-methods-container .active-payment .pay-details p {
    color: rgba(11, 12, 15, 0.72);
    text-shadow: none;
}

body.glowplay-shop #payment-methods-container .pay-radio {
    width: 22px;
    height: 22px;
    border: 3px solid rgba(250, 204, 21, 0.62);
    border-radius: 3px;
    background: #090A0C;
    box-shadow:
        2px 2px 0 rgba(0, 0, 0, 0.46),
        inset 0 0 0 2px rgba(255, 255, 255, 0.04);
}

body.glowplay-shop #payment-methods-container .active-payment .pay-radio {
    border-color: rgba(9, 10, 13, 0.78);
    background: #FFFFFF;
}

body.glowplay-shop #payment-methods-container .pay-radio-dot {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: #FACC15;
    box-shadow: 0 0 0 2px rgba(9, 10, 13, 0.82);
}

body.glowplay-shop #payment-methods-container .active-payment .pay-radio-dot {
    background: #0B0C0F;
    box-shadow: none;
}

body.glowplay-shop #payment-methods-container .pay-card-loading .pay-icon svg {
    animation: inline-spinner-spin 0.82s linear infinite;
}

@media (max-width: 760px) {
    body.glowplay-shop #payment-methods-container.payment-methods-modern {
        grid-template-columns: 1fr;
        padding: 12px;
        gap: 10px;
    }

    body.glowplay-shop #payment-methods-container .pay-card {
        min-height: 72px;
        grid-template-columns: 42px minmax(0, 1fr) 22px;
        gap: 10px;
        padding: 12px;
    }

    body.glowplay-shop #payment-methods-container .pay-icon {
        width: 42px;
        height: 42px;
    }
}

/* GlowPlay Minecraft shop box */
body.glowplay-shop .recharge-wrapper {
    position: relative;
    padding: 22px;
    border: 3px solid rgba(250, 204, 21, 0.70);
    border-radius: 4px;
    background:
        linear-gradient(rgba(250, 204, 21, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(250, 204, 21, 0.04) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.040), rgba(255, 255, 255, 0.012)),
        #0B0C0F;
    background-size: 18px 18px, 18px 18px, auto, auto;
    box-shadow:
        0 0 0 2px rgba(0, 0, 0, 0.82),
        10px 10px 0 rgba(0, 0, 0, 0.30),
        inset 0 0 0 2px rgba(255, 255, 255, 0.035);
}

body.glowplay-shop .recharge-wrapper::before,
body.glowplay-shop .recharge-wrapper::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #FACC15;
    box-shadow:
        18px 0 0 rgba(250, 204, 21, 0.42),
        0 18px 0 rgba(250, 204, 21, 0.26);
    opacity: 0.72;
    pointer-events: none;
}

body.glowplay-shop .recharge-wrapper::before {
    top: 12px;
    right: 12px;
}

body.glowplay-shop .recharge-wrapper::after {
    left: 14px;
    bottom: 14px;
}

body.glowplay-shop .featured-products-heading {
    justify-content: center;
    margin-bottom: 20px;
}

body.glowplay-shop .featured-products-heading strong {
    min-height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #FACC15;
    border-radius: 4px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0 25%, transparent 25% 50%, rgba(255, 255, 255, 0.055) 50% 75%, transparent 75%) 0 0 / 18px 18px,
        linear-gradient(180deg, #25210F, #121318);
    color: #FFFFFF;
    text-shadow: 3px 3px 0 #000000;
    box-shadow:
        0 0 0 2px rgba(0, 0, 0, 0.75),
        7px 7px 0 rgba(0, 0, 0, 0.34);
}

body.glowplay-shop .recharge-form {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.glowplay-shop .step-modern {
    position: relative;
    padding: 18px;
    margin-bottom: 16px;
    border: 3px solid rgba(250, 204, 21, 0.54);
    border-radius: 4px;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.07) 0 15%, transparent 15% 50%, rgba(255, 255, 255, 0.035) 50% 65%, transparent 65%) 0 0 / 22px 22px,
        linear-gradient(180deg, #15171D, #0F1014);
    box-shadow:
        5px 5px 0 rgba(0, 0, 0, 0.40),
        inset 0 0 0 2px rgba(255, 255, 255, 0.035);
}

body.glowplay-shop .step-modern:hover {
    transform: none;
}

body.glowplay-shop .step-modern::before {
    content: "";
    position: absolute;
    inset: 14px auto 14px -3px;
    width: 6px;
    background: linear-gradient(180deg, #FFF176, #FACC15 54%, #B7791F);
    box-shadow:
        2px 0 0 rgba(0, 0, 0, 0.55),
        0 0 16px rgba(250, 204, 21, 0.26);
}

body.glowplay-shop .step-label {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-bottom: 14px;
    padding: 0 12px;
    border: 2px solid rgba(250, 204, 21, 0.62);
    border-radius: 3px;
    background:
        linear-gradient(180deg, rgba(250, 204, 21, 0.16), rgba(250, 204, 21, 0.05)),
        #090A0C;
    color: #FACC15;
    font-size: 12px;
    font-weight: 950;
    text-shadow: 2px 2px 0 #000000;
    box-shadow:
        3px 3px 0 rgba(0, 0, 0, 0.42),
        inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

body.glowplay-shop .step-label::before {
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border: 0;
    border-radius: 2px;
    background: #FACC15;
    box-shadow:
        10px 0 0 rgba(250, 204, 21, 0.42),
        0 10px 0 rgba(250, 204, 21, 0.28);
}

body.glowplay-shop .input-group {
    gap: 12px;
}

body.glowplay-shop .input-field-modern {
    position: relative;
}

body.glowplay-shop .input-field-modern input {
    min-height: 56px;
    padding: 15px 48px;
    border: 3px solid rgba(250, 204, 21, 0.46);
    border-radius: 4px;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.045) 0 18%, transparent 18% 50%, rgba(255, 255, 255, 0.030) 50% 68%, transparent 68%) 0 0 / 18px 18px,
        #0B0C0F;
    color: #FFFFFF;
    font-weight: 850;
    box-shadow:
        3px 3px 0 rgba(0, 0, 0, 0.45),
        inset 0 0 0 2px rgba(255, 255, 255, 0.035);
}

body.glowplay-shop .input-field-modern input:focus {
    border-color: #FACC15;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.075) 0 18%, transparent 18% 50%, rgba(255, 255, 255, 0.045) 50% 68%, transparent 68%) 0 0 / 18px 18px,
        #111318;
    box-shadow:
        4px 4px 0 rgba(0, 0, 0, 0.50),
        0 0 0 3px rgba(250, 204, 21, 0.16),
        inset 0 0 0 2px rgba(255, 255, 255, 0.045);
}

body.glowplay-shop .input-field-modern input::placeholder {
    color: rgba(226, 232, 240, 0.62);
    font-weight: 800;
}

body.glowplay-shop .input-icon {
    left: 14px;
    width: 22px;
    height: 22px;
    color: #FACC15;
    filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, 0.50));
}

body.glowplay-shop .nick-live-skin {
    right: 12px;
    width: 34px;
    height: 34px;
    border: 2px solid rgba(250, 204, 21, 0.62);
    border-radius: 3px;
    background: #090A0C;
    box-shadow:
        2px 2px 0 rgba(0, 0, 0, 0.45),
        inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

body.glowplay-shop .nick-live-skin img {
    image-rendering: pixelated;
}

body.glowplay-shop .amount-grid-modern {
    position: relative;
}

body.glowplay-shop .amount-row-modern {
    gap: 10px;
}

body.glowplay-shop .summary-box-modern {
    border-width: 3px;
    border-color: rgba(250, 204, 21, 0.62);
    border-radius: 4px;
    background:
        linear-gradient(rgba(250, 204, 21, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(250, 204, 21, 0.04) 1px, transparent 1px),
        radial-gradient(circle at 90% 8%, rgba(250, 204, 21, 0.20), transparent 34%),
        linear-gradient(180deg, #15160F 0%, #0B0C0F 100%);
    background-size: 18px 18px, 18px 18px, auto, auto;
    box-shadow:
        0 0 0 2px rgba(0, 0, 0, 0.78),
        7px 7px 0 rgba(0, 0, 0, 0.30),
        inset 0 0 0 2px rgba(255, 255, 255, 0.035);
}

@media (max-width: 960px) {
    body.glowplay-shop .recharge-wrapper {
        padding: 16px;
    }

    body.glowplay-shop .step-modern,
    body.glowplay-shop .summary-box-modern {
        padding: 16px;
    }
}

@media (max-width: 640px) {
    body.glowplay-shop .recharge-wrapper {
        padding: 12px;
        box-shadow:
            0 0 0 2px rgba(0, 0, 0, 0.82),
            6px 6px 0 rgba(0, 0, 0, 0.28),
            inset 0 0 0 2px rgba(255, 255, 255, 0.035);
    }

    body.glowplay-shop .featured-products-heading strong {
        width: 100%;
        min-height: 48px;
        padding: 0 14px;
        font-size: 12px;
    }

    body.glowplay-shop .step-modern,
    body.glowplay-shop .summary-box-modern {
        padding: 14px;
    }

    body.glowplay-shop .input-field-modern input {
        min-height: 52px;
        padding: 14px 46px;
    }
}

/* GlowPlay Minecraft amounts and checkout summary */
body.glowplay-shop #amount-selector {
    display: block;
}

body.glowplay-shop #amount-selector .amount-row-modern {
    gap: 12px;
}

body.glowplay-shop #amount-selector .amount-card {
    position: relative;
    display: grid;
    align-content: center;
    justify-items: start;
    min-height: 104px;
    padding: 18px 14px 15px 18px;
    overflow: hidden;
    border: 3px solid rgba(250, 204, 21, 0.50);
    border-radius: 4px;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.08) 0 15%, transparent 15% 50%, rgba(255, 255, 255, 0.038) 50% 65%, transparent 65%) 0 0 / 20px 20px,
        linear-gradient(180deg, #181A20, #101115);
    color: #F8FAFC;
    box-shadow:
        4px 4px 0 rgba(0, 0, 0, 0.42),
        inset 0 0 0 2px rgba(255, 255, 255, 0.035);
    text-align: left;
}

body.glowplay-shop #amount-selector .amount-card::before {
    content: "";
    position: absolute;
    inset: 12px auto 12px -3px;
    width: 6px;
    height: auto;
    border-radius: 0;
    background: linear-gradient(180deg, #FFF176, #FACC15 54%, #B7791F);
    opacity: 1;
    box-shadow:
        2px 0 0 rgba(0, 0, 0, 0.55),
        0 0 16px rgba(250, 204, 21, 0.30);
}

body.glowplay-shop #amount-selector .amount-card::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 9px;
    width: 8px;
    height: 8px;
    background: #FACC15;
    box-shadow:
        12px 0 0 rgba(250, 204, 21, 0.42),
        0 12px 0 rgba(250, 204, 21, 0.24);
    opacity: 0.72;
    pointer-events: none;
}

body.glowplay-shop #amount-selector .amount-card:hover {
    border-color: #FACC15;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.14) 0 15%, transparent 15% 50%, rgba(255, 255, 255, 0.055) 50% 65%, transparent 65%) 0 0 / 20px 20px,
        linear-gradient(180deg, #202229, #121318);
    box-shadow:
        6px 6px 0 rgba(0, 0, 0, 0.45),
        0 0 22px rgba(250, 204, 21, 0.13),
        inset 0 0 0 2px rgba(255, 255, 255, 0.045);
    transform: translate(-2px, -2px);
}

body.glowplay-shop #amount-selector .amount-value,
body.glowplay-shop #amount-selector .amount-value span {
    position: relative;
    z-index: 1;
    color: #FFFFFF;
    text-shadow: 2px 2px 0 #000000;
}

body.glowplay-shop #amount-selector .amount-value {
    font-size: 25px;
    line-height: 0.95;
    font-weight: 950;
}

body.glowplay-shop #amount-selector .amount-value span {
    display: inline-block;
    margin-left: 3px;
    font-size: 11px;
    font-weight: 950;
}

body.glowplay-shop #amount-selector .amount-bonus,
body.glowplay-shop #amount-selector .premium-bonus {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 2px solid rgba(250, 204, 21, 0.42);
    border-radius: 3px;
    background: rgba(250, 204, 21, 0.10);
    color: #FACC15;
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.72);
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.30);
}

body.glowplay-shop #amount-selector .premium-card {
    border-color: rgba(255, 231, 105, 0.74);
    background:
        linear-gradient(135deg, rgba(255, 231, 105, 0.12) 0 15%, transparent 15% 50%, rgba(255, 255, 255, 0.055) 50% 65%, transparent 65%) 0 0 / 20px 20px,
        linear-gradient(180deg, #1F1B0E, #121318);
}

body.glowplay-shop #amount-selector .amount-card.active-amount {
    border-color: #FACC15 !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.16) 0 16%, transparent 16% 50%, rgba(0, 0, 0, 0.10) 50% 66%, transparent 66%) 0 0 / 20px 20px,
        linear-gradient(180deg, #FFE769, #FACC15 60%, #D79B11) !important;
    background-color: #FACC15 !important;
    color: #090A0D !important;
    box-shadow:
        5px 5px 0 rgba(0, 0, 0, 0.52),
        0 0 24px rgba(250, 204, 21, 0.18),
        inset 0 0 0 2px rgba(255, 255, 255, 0.26) !important;
}

body.glowplay-shop #amount-selector .amount-card.active-amount::before {
    background: linear-gradient(180deg, #191B20, #090A0D) !important;
    box-shadow: 2px 0 0 rgba(255, 255, 255, 0.16);
}

body.glowplay-shop #amount-selector .amount-card.active-amount::after {
    background: #090A0D;
    box-shadow:
        12px 0 0 rgba(9, 10, 13, 0.36),
        0 12px 0 rgba(9, 10, 13, 0.24);
}

body.glowplay-shop #amount-selector .amount-card.active-amount .amount-value,
body.glowplay-shop #amount-selector .amount-card.active-amount .amount-value span {
    color: #0B0C0F !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45);
}

body.glowplay-shop #amount-selector .amount-card.active-amount .amount-bonus,
body.glowplay-shop #amount-selector .amount-card.active-amount .premium-bonus {
    border-color: rgba(9, 10, 13, 0.34);
    background: rgba(9, 10, 13, 0.16);
    color: rgba(9, 10, 13, 0.78) !important;
    text-shadow: none;
    box-shadow: 2px 2px 0 rgba(255, 255, 255, 0.20);
}

body.glowplay-shop .summary-box-modern {
    padding: 24px;
}

body.glowplay-shop .summary-header {
    width: max-content;
    max-width: 100%;
    min-height: 34px;
    margin: 0 auto 18px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(250, 204, 21, 0.62);
    border-radius: 3px;
    background:
        linear-gradient(180deg, rgba(250, 204, 21, 0.16), rgba(250, 204, 21, 0.05)),
        #090A0C;
    color: #FACC15;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0;
    text-shadow: 2px 2px 0 #000000;
    box-shadow:
        3px 3px 0 rgba(0, 0, 0, 0.42),
        inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

body.glowplay-shop .summary-total {
    position: relative;
    margin-bottom: 18px;
    padding: 22px 12px;
    border: 3px solid rgba(250, 204, 21, 0.52);
    border-radius: 4px;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.08) 0 15%, transparent 15% 50%, rgba(255, 255, 255, 0.035) 50% 65%, transparent 65%) 0 0 / 20px 20px,
        linear-gradient(180deg, #181A20, #101115);
    box-shadow:
        4px 4px 0 rgba(0, 0, 0, 0.42),
        inset 0 0 0 2px rgba(255, 255, 255, 0.035);
}

body.glowplay-shop .summary-total::before {
    content: "";
    position: absolute;
    inset: 12px auto 12px -3px;
    width: 6px;
    background: linear-gradient(180deg, #FFF176, #FACC15 54%, #B7791F);
    box-shadow:
        2px 0 0 rgba(0, 0, 0, 0.55),
        0 0 16px rgba(250, 204, 21, 0.30);
}

body.glowplay-shop .summary-total span#vpln-display {
    color: #FFFFFF;
    font-size: 44px;
    font-weight: 950;
    line-height: 0.95;
    text-shadow: 3px 3px 0 #000000;
}

body.glowplay-shop .summary-total .currency {
    color: #FACC15;
    font-size: 15px;
    font-weight: 950;
    text-shadow: 2px 2px 0 #000000;
}

body.glowplay-shop .summary-price {
    margin-bottom: 20px;
    padding: 14px 12px;
    border: 3px solid rgba(250, 204, 21, 0.42);
    border-radius: 4px;
    background:
        linear-gradient(rgba(250, 204, 21, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(250, 204, 21, 0.04) 1px, transparent 1px),
        #0E0F12;
    background-size: 16px 16px, 16px 16px, auto;
    color: rgba(226, 232, 240, 0.78);
    font-weight: 850;
    box-shadow:
        3px 3px 0 rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

body.glowplay-shop .summary-price strong {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 9px;
    border-radius: 3px;
    background: #FACC15;
    color: #0B0C0F;
    font-size: 16px;
    font-weight: 950;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45);
    box-shadow:
        2px 2px 0 rgba(0, 0, 0, 0.42),
        inset 0 0 0 1px rgba(0, 0, 0, 0.18);
}

body.glowplay-shop .summary-agreements {
    gap: 12px;
    margin-bottom: 20px;
}

body.glowplay-shop .agreement-check {
    padding: 10px;
    border: 2px solid rgba(250, 204, 21, 0.22);
    border-radius: 4px;
    background: rgba(9, 10, 12, 0.46);
}

body.glowplay-shop .agreement-check:hover {
    border-color: rgba(250, 204, 21, 0.48);
}

body.glowplay-shop .check-box {
    width: 20px;
    height: 20px;
    border: 3px solid rgba(250, 204, 21, 0.58);
    border-radius: 3px;
    background: #090A0C;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.42);
}

body.glowplay-shop .agreement-check input:checked ~ .check-box {
    background: #FACC15;
    border-color: #FACC15;
}

body.glowplay-shop .agreement-check input:checked ~ .check-box::after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border-color: #0B0C0F;
}

body.glowplay-shop .agreement-check p {
    color: rgba(226, 232, 240, 0.72);
    font-size: 11px;
    font-weight: 750;
}

body.glowplay-shop .btn-purchase {
    min-height: 56px;
    border: 3px solid rgba(255, 255, 255, 0.18);
    border-radius: 4px;
    background:
        linear-gradient(180deg, #FFE769, #FACC15 62%, #D79B11);
    color: #0B0C0F;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.46);
    box-shadow:
        4px 4px 0 rgba(0, 0, 0, 0.46),
        0 0 20px rgba(250, 204, 21, 0.12),
        inset 0 0 0 1px rgba(0, 0, 0, 0.14);
}

body.glowplay-shop .btn-purchase:hover {
    transform: translate(-2px, -2px);
    box-shadow:
        6px 6px 0 rgba(0, 0, 0, 0.48),
        0 0 24px rgba(250, 204, 21, 0.18),
        inset 0 0 0 1px rgba(0, 0, 0, 0.14);
}

@media (max-width: 640px) {
    body.glowplay-shop #amount-selector .amount-row-modern {
        gap: 9px;
    }

    body.glowplay-shop #amount-selector .amount-card {
        min-height: 90px;
        padding: 15px 10px 12px 14px;
    }

    body.glowplay-shop #amount-selector .amount-value {
        font-size: 22px;
    }

    body.glowplay-shop #amount-selector .amount-bonus,
    body.glowplay-shop #amount-selector .premium-bonus {
        min-height: 22px;
        padding: 0 6px;
        font-size: 9px;
    }

    body.glowplay-shop .summary-box-modern {
        padding: 14px;
    }

    body.glowplay-shop .summary-total span#vpln-display {
        font-size: 38px;
    }
}

/* GlowPlay payment brand badges */
body.glowplay-shop #payment-methods-container .pay-brand-logo {
    position: relative;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 2px;
    font-weight: 950;
    line-height: 1;
    image-rendering: pixelated;
    box-shadow:
        2px 2px 0 rgba(0, 0, 0, 0.38),
        inset 0 0 0 2px rgba(255, 255, 255, 0.16);
}

body.glowplay-shop #payment-methods-container .pay-brand-logo::before,
body.glowplay-shop #payment-methods-container .pay-brand-logo::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

body.glowplay-shop #payment-methods-container .pay-brand-blik {
    border: 2px solid rgba(15, 23, 42, 0.18);
    background:
        linear-gradient(135deg, rgba(34, 197, 94, 0.18) 0 18%, transparent 18% 100%),
        #FFFFFF;
    color: #111827;
}

body.glowplay-shop #payment-methods-container .pay-brand-blik::before {
    left: 5px;
    top: 5px;
    width: 7px;
    height: 7px;
    background: #22C55E;
    box-shadow:
        8px 0 0 rgba(34, 197, 94, 0.48),
        0 8px 0 rgba(34, 197, 94, 0.32);
}

body.glowplay-shop #payment-methods-container .pay-brand-blik::after {
    right: 5px;
    bottom: 5px;
    width: 6px;
    height: 6px;
    background: #111827;
}

body.glowplay-shop #payment-methods-container .blik-mark {
    position: relative;
    z-index: 1;
    margin-top: 8px;
    font-size: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

body.glowplay-shop #payment-methods-container .pay-brand-psc {
    border: 2px solid rgba(34, 197, 94, 0.48);
    background:
        linear-gradient(135deg, rgba(34, 197, 94, 0.20) 0 18%, transparent 18% 100%),
        #07100B;
    color: #6EE7B7;
}

body.glowplay-shop #payment-methods-container .pay-brand-psc::before {
    left: 5px;
    top: 5px;
    width: 7px;
    height: 7px;
    background: #22C55E;
    box-shadow:
        8px 0 0 rgba(34, 197, 94, 0.46),
        0 8px 0 rgba(34, 197, 94, 0.28);
}

body.glowplay-shop #payment-methods-container .pay-brand-psc::after {
    right: 5px;
    bottom: 5px;
    width: 7px;
    height: 7px;
    background: rgba(34, 197, 94, 0.72);
}

body.glowplay-shop #payment-methods-container .psc-mark {
    position: relative;
    z-index: 1;
    margin-top: 8px;
    font-size: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

body.glowplay-shop #payment-methods-container .active-payment .pay-brand-logo {
    box-shadow:
        2px 2px 0 rgba(0, 0, 0, 0.30),
        inset 0 0 0 2px rgba(0, 0, 0, 0.10);
}

/* GlowPlay restrained frame hierarchy */
body.glowplay-shop .recharge-wrapper {
    border-color: rgba(148, 163, 184, 0.24);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.025),
        10px 10px 0 rgba(0, 0, 0, 0.30),
        inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

body.glowplay-shop .recharge-wrapper::before,
body.glowplay-shop .recharge-wrapper::after {
    opacity: 0.28;
}

body.glowplay-shop .step-modern,
body.glowplay-shop .summary-box-modern {
    border-color: rgba(148, 163, 184, 0.28);
    box-shadow:
        5px 5px 0 rgba(0, 0, 0, 0.38),
        inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

body.glowplay-shop .input-field-modern input,
body.glowplay-shop #amount-selector .amount-card,
body.glowplay-shop #payment-methods-container .pay-card,
body.glowplay-shop .summary-total,
body.glowplay-shop .summary-price {
    border-color: rgba(148, 163, 184, 0.32);
}

body.glowplay-shop #amount-selector .amount-card::before,
body.glowplay-shop #payment-methods-container .pay-card::before,
body.glowplay-shop .summary-total::before {
    background: linear-gradient(180deg, #64748B, #334155);
    box-shadow: 2px 0 0 rgba(0, 0, 0, 0.55);
    opacity: 0.58;
}

body.glowplay-shop #amount-selector .amount-card::after {
    background: #64748B;
    box-shadow:
        12px 0 0 rgba(100, 116, 139, 0.30),
        0 12px 0 rgba(100, 116, 139, 0.20);
    opacity: 0.42;
}

body.glowplay-shop #amount-selector .premium-card {
    border-color: rgba(148, 163, 184, 0.38);
    background:
        linear-gradient(135deg, rgba(148, 163, 184, 0.08) 0 15%, transparent 15% 50%, rgba(255, 255, 255, 0.04) 50% 65%, transparent 65%) 0 0 / 20px 20px,
        linear-gradient(180deg, #1A1C21, #111216);
}

body.glowplay-shop #amount-selector .amount-bonus,
body.glowplay-shop #amount-selector .premium-bonus {
    border-color: rgba(148, 163, 184, 0.30);
    background: rgba(148, 163, 184, 0.08);
    color: #CBD5E1;
}

body.glowplay-shop #payment-methods-container.payment-methods-modern {
    border-color: rgba(148, 163, 184, 0.30);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.025),
        6px 6px 0 rgba(0, 0, 0, 0.28),
        inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

body.glowplay-shop #payment-methods-container .pay-icon,
body.glowplay-shop #payment-methods-container .pay-radio,
body.glowplay-shop .nick-live-skin,
body.glowplay-shop .check-box {
    border-color: rgba(148, 163, 184, 0.40);
}

body.glowplay-shop .agreement-check {
    border-color: rgba(148, 163, 184, 0.18);
}

body.glowplay-shop .agreement-check:hover {
    border-color: rgba(250, 204, 21, 0.40);
}

body.glowplay-shop #amount-selector .amount-card:hover,
body.glowplay-shop #payment-methods-container .pay-card:not(.disabled-payment):hover {
    border-color: rgba(250, 204, 21, 0.58);
}

body.glowplay-shop #amount-selector .amount-card.active-amount,
body.glowplay-shop #payment-methods-container .pay-card.active-payment {
    border-color: #FACC15 !important;
}

body.glowplay-shop #amount-selector .amount-card.active-amount::before,
body.glowplay-shop #payment-methods-container .pay-card.active-payment::before {
    opacity: 1;
}