.zpk-section { --zpk-gold:#edcb8d; margin:0 0 30px; padding:28px; border:1px solid #b58c4e50; border-radius:22px; background:radial-gradient(ellipse at 85% 0,#9e703522,transparent 55%),#171217; text-align:left; }
.zpk-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-bottom:24px; }
.zpk-kicker { margin:0 0 8px!important; color:#e9c382!important; font-size:10px!important; font-weight:800; letter-spacing:.15em; }
.zpk-heading h2,.zpk-welcome-head h2,.zpk-checkout>h2 { margin:0 0 10px; color:#fff0db; font-size:clamp(24px,2.5vw,34px); line-height:1.15; letter-spacing:-.035em; }
.zpk-heading p:not(.zpk-kicker),.zpk-welcome-head>p:not(.zpk-kicker) { margin:0; color:#bfaeaa; font-size:13px; line-height:1.6; }
.zpk-currency { display:inline-flex; align-items:center; padding:4px; border:1px solid #c89e5240; border-radius:99px; background:#0f0c0f; gap:3px; }
.zpk-currency button { cursor:pointer; border:0; border-radius:99px; background:transparent; color:#bcaeaa; padding:9px 14px; font:700 12px inherit; }
.zpk-currency button[aria-pressed=true] { background:#e5c081; color:#291b13; }
.zpk-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.zpk-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #8d797b50; border-radius:16px; background:linear-gradient(155deg,#261d24,#141016); }
.zpk-card[data-tone=gold] { border-color:#d8ad5e90; box-shadow:0 0 30px #b8892810; }
.zpk-card { --zpk-box-rgb:83,165,255; --zpk-float-duration:6.4s; }.zpk-card[data-tone=aurora] { --zpk-box-rgb:180,112,249; --zpk-float-duration:7.2s; }.zpk-card[data-tone=gold] { --zpk-box-rgb:255,187,73; --zpk-float-duration:7.8s; }
.zpk-art { position:relative; height:290px; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 50% 35%,rgba(var(--zpk-box-rgb),.16),transparent 65%),linear-gradient(160deg,#1d1620,#100d13); }
.zpk-art::after { content:''; position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(0deg,#181219 3%,#18121990 18%,transparent 48%); }
.zpk-art-scene { position:absolute; z-index:1; inset:18px 0 57px; pointer-events:none; }
.zpk-art .zpk-box-image { position:absolute; left:5%; bottom:-3%; width:90%; height:100%; object-fit:contain; transform-origin:50% 70%; filter:drop-shadow(0 13px 16px #0009); }
.zpk-box-aura { position:absolute; inset:18% 15% 5%; border-radius:50%; background:radial-gradient(ellipse,rgba(var(--zpk-box-rgb),.33),transparent 68%); filter:blur(14px); opacity:.65; }
.zpk-box-ring { position:absolute; left:23%; right:23%; bottom:0; height:18px; border:1px solid rgba(var(--zpk-box-rgb),.4); border-radius:50%; background:radial-gradient(ellipse,rgba(var(--zpk-box-rgb),.14),transparent 70%); box-shadow:0 0 16px rgba(var(--zpk-box-rgb),.2); opacity:.6; }
.zpk-box-spark { position:absolute; z-index:2; left:var(--spark-x); bottom:12%; width:3px; height:3px; border-radius:50%; background:#ffedc0; box-shadow:0 0 9px rgba(var(--zpk-box-rgb),.9); opacity:0; }
.zpk-art-title { position:absolute; z-index:3; bottom:18px; left:22px; }
.zpk-art-title>span { color:#e9d0ad; font-size:10px; text-transform:uppercase; letter-spacing:.14em; }
.zpk-art h3 { margin:3px 0 0; color:#fff4df; font:700 clamp(27px,2.3vw,36px)/1.1 Georgia,serif; }
.zpk-badge { position:absolute; z-index:4; top:12px; right:12px; padding:5px 9px; border:1px solid #dcb67780; border-radius:7px; background:#21160ddb; color:#f6d59b; font-size:10px; font-weight:750; }
.zpk-body { display:flex; flex:1; flex-direction:column; padding:20px; gap:16px; }
.zpk-term { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; margin:0; color:#e3c891; font-size:12px; }
.zpk-term>strong { font-size:29px; color:#f7e3bd; line-height:1; }
.zpk-term>strong>span { font-size:12px; font-weight:400; }
.zpk-recipient-note { margin:-7px 0 0!important; color:#bda888!important; font-size:10px!important; line-height:1.4!important; }
.zpk-lucky-set { display:grid; gap:7px; padding:12px; border:1px solid #bca77b55; border-radius:11px; background:linear-gradient(125deg,#9a74411c,#888fa31a); }
.zpk-lucky-set strong { display:flex; align-items:center; gap:7px; color:#efce91; font-size:12px; }.zpk-lucky-set .ico { width:16px; height:16px; flex:none; }
.zpk-lucky-set p { margin:0!important; color:#dfd0bd!important; font-size:11px!important; line-height:1.5!important; }.zpk-lucky-set small { color:#b9aa98; font-size:10px; line-height:1.5; }
.zpk-elemental-box { display:grid; gap:7px; padding:12px; border:1px solid #aeb5f150; border-radius:11px; background:linear-gradient(125deg,#56579e25,#a17c4518); }.zpk-elemental-box strong { display:flex; align-items:center; gap:7px; color:#e0d6ff; font-size:12px; }.zpk-elemental-box .ico { width:16px; height:16px; flex:none; }.zpk-elemental-box p { margin:0!important; color:#e4daed!important; font-size:11px!important; line-height:1.5!important; }.zpk-elemental-box small { color:#bcb0cc; font-size:10px; line-height:1.5; }
.zpk-conqueror-badge { display:grid; gap:7px; padding:12px; border:1px solid #e7c27b70; border-radius:11px; background:linear-gradient(125deg,#bd853a28,#e6c6870c); }.zpk-conqueror-badge strong { display:flex; align-items:center; gap:7px; color:#ffe1a0; font-size:12px; }.zpk-conqueror-badge .ico { width:16px; height:16px; flex:none; }.zpk-conqueror-badge p { margin:0!important; color:#ead8b9!important; font-size:11px!important; line-height:1.5!important; }.zpk-conqueror-badge small { color:#c6b18c; font-size:10px; line-height:1.5; }
.zpk-perks { list-style:none; display:grid; gap:9px; margin:0; padding:0; color:#cdbfba; font-size:12px; }
.zpk-perks li { display:flex; gap:8px; align-items:baseline; line-height:1.5; }
.zpk-perks .ico { width:13px; height:13px; flex:none; color:#debd7e; }
.zpk-perks b { color:#f7e9d7; }
.zpk-game-bonus { display:grid; gap:10px; padding:13px; border:1px solid #deb56a50; border-radius:11px; background:linear-gradient(120deg,#a86e2022,#e7b85908); }
.zpk-game-bonus>strong { display:flex; align-items:center; gap:7px; color:#efcb88; font-size:11px; }
.zpk-game-bonus .ico { width:15px; height:15px; flex:none; }
.zpk-game-bonus ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; list-style:none; padding:0; margin:0; }
.zpk-game-bonus li { display:flex; align-items:center; gap:9px; min-width:0; color:#e9daca; font-size:11px; line-height:1.4; }
.zpk-game-bonus li b { color:#ffe1a8; font-size:27px; line-height:1; font-variant-numeric:tabular-nums; }
.zpk-game-bonus small { color:#b9a58f; font-size:10px; line-height:1.4; }
.zpk-exp { padding:10px 0; border-block:1px solid #e1bc7020; font-size:11px; color:#b9aaa5; }
.zpk-exp summary { color:#dfc38f; cursor:pointer; font-weight:650; }
.zpk-exp p { margin:12px 0 8px; color:#b9aaa5; font-size:11px; }
.zpk-exp ul { margin:0; padding-left:16px; line-height:1.8; }
.zpk-extra { display:grid; gap:6px; padding:12px; border:1px solid #b7945140; border-radius:10px; background:#c2913010; color:#d0bfad; font-size:11px; line-height:1.5; }
.zpk-extra strong { color:#73d4ff; }.zpk-extra small { color:#a7968b; }
.zpk-team-pass { border-color:#e3bd7760; background:linear-gradient(130deg,#c18a3020,#312c4b40); }.zpk-team-pass ul { display:grid; gap:7px; list-style:none; padding:0; margin:2px 0; }.zpk-team-pass li { display:flex; gap:9px; align-items:baseline; }.zpk-team-pass li b { color:#ffe1a8; min-width:1.5em; }
.zpk-card-bottom { margin-top:auto; display:grid; grid-template-columns:1fr; gap:14px; }
.zpk-card-bottom>div { display:grid; gap:5px; }
.zpk-price { color:#f7d28d; font-size:27px; line-height:1; font-weight:800; font-variant-numeric:tabular-nums; }
.zpk-card-bottom small { color:#a99a93; font-size:10px; }
.zpk-choose,.zpk-continue { display:inline-flex; justify-content:space-between; gap:16px; align-items:center; padding:11px 15px; border:1px solid #e4be77; border-radius:9px; background:linear-gradient(120deg,#f4dbab,#c99e5a); color:#291a11!important; font-size:12px; font-weight:750; text-decoration:none; cursor:pointer; }
.zpk-choose .ico,.zpk-continue .ico { width:16px; height:16px; }
.zpk-choose:focus-visible,.zpk-close:focus-visible { outline:2px solid #ffe2ad; outline-offset:4px; }
.zpk-rule { margin:20px 0 0!important; color:#ac9b93!important; font-size:11px!important; line-height:1.65!important; }
.zpk-public { width:min(calc(100% - 32px),1240px); margin:56px auto; }.zpk-page { padding-top:110px; }
.zr-welcome-grid.has-packages { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:24px; }
.zpk-section.is-sidebar { margin-top:26px; padding:20px; border-radius:18px; }
.is-sidebar .zpk-heading { gap:12px; margin-bottom:16px; }.is-sidebar .zpk-heading h2 { font-size:25px; }.is-sidebar .zpk-heading>div>p:not(.zpk-kicker) { display:none; }
.is-sidebar .zpk-grid { grid-template-columns:1fr; gap:10px; }.is-sidebar .zpk-card { display:grid; grid-template-columns:110px minmax(0,1fr); }
.is-sidebar .zpk-art { height:auto; min-height:160px; }.is-sidebar .zpk-art-title { left:10px; right:8px; bottom:12px; }.is-sidebar .zpk-art h3 { font-size:18px; letter-spacing:-.04em; overflow-wrap:anywhere; }.is-sidebar .zpk-art-title>span { font-size:9px; }.is-sidebar .zpk-art-scene { inset:10px 0 48px; }.is-sidebar .zpk-box-image { width:115%; left:-7.5%; height:100%; }.is-sidebar .zpk-box-ring { left:12%; right:12%; }
.is-sidebar .zpk-body { padding:13px 14px; gap:10px; }.is-sidebar .zpk-term { font-size:10px; gap:8px; }.is-sidebar .zpk-term>strong { font-size:20px; }
.is-sidebar .zpk-perks,.is-sidebar .zpk-extra,.is-sidebar .zpk-exp { display:none; }.is-sidebar .zpk-badge { display:none; }
.is-sidebar .zpk-team-pass { display:grid; padding:9px; gap:5px; font-size:10px; }.is-sidebar .zpk-team-pass ul { gap:4px; }.is-sidebar .zpk-team-pass small { font-size:9px; }
.is-sidebar .zpk-lucky-set { padding:9px; gap:5px; }.is-sidebar .zpk-lucky-set strong { font-size:10px; }.is-sidebar .zpk-lucky-set p { font-size:10px!important; }.is-sidebar .zpk-lucky-set small { font-size:9px; }
.is-sidebar .zpk-elemental-box { padding:9px; gap:5px; }.is-sidebar .zpk-elemental-box strong { font-size:10px; }.is-sidebar .zpk-elemental-box p { font-size:10px!important; }.is-sidebar .zpk-elemental-box small { font-size:9px; }
.is-sidebar .zpk-conqueror-badge { padding:9px; gap:5px; }.is-sidebar .zpk-conqueror-badge strong { font-size:10px; }.is-sidebar .zpk-conqueror-badge p { font-size:10px!important; }.is-sidebar .zpk-conqueror-badge small { font-size:9px; }
.is-sidebar .zpk-game-bonus { padding:9px; gap:7px; }.is-sidebar .zpk-game-bonus>strong { font-size:10px; }.is-sidebar .zpk-game-bonus ul { grid-template-columns:1fr; gap:5px; }.is-sidebar .zpk-game-bonus li { font-size:10px; gap:7px; }.is-sidebar .zpk-game-bonus li b { font-size:19px; }.is-sidebar .zpk-game-bonus small { font-size:9px; }
.is-sidebar .zpk-card-bottom { grid-template-columns:1fr auto; align-items:end; gap:10px; }.is-sidebar .zpk-price { font-size:23px; }.is-sidebar .zpk-card-bottom small { font-size:9px; }.is-sidebar .zpk-choose { padding:8px; font-size:10px; gap:6px; }
.zpk-modal-open { overflow:hidden; }.zpk-dialog { box-sizing:border-box; position:fixed; inset:0; width:min(1100px,calc((100vw - 48px)/var(--zpk-zoom,1))); max-height:calc((100dvh - 64px)/var(--zpk-zoom,1)); margin:auto; overscroll-behavior:contain; padding:32px; border:1px solid #c8a15d80; border-radius:22px; background:radial-gradient(ellipse at 0 0,#86542c25,transparent 50%),#161116; color:#f3e7d8; box-shadow:0 28px 100px #000b; overflow:auto; }
.zpk-dialog::backdrop { background:#060407df; backdrop-filter:blur(9px); }.zpk-close { position:absolute; top:12px; right:14px; width:34px; height:34px; border:1px solid #b7986940; border-radius:9px; background:#2a2025; color:#eadbc9; font-size:25px; cursor:pointer; z-index:2; }
.zpk-welcome-head { margin-bottom:24px; padding-right:20px; }.zpk-quick { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:24px; }
.zpk-quick a { display:flex; gap:14px; align-items:center; padding:18px; border:1px solid #dcb77a35; border-radius:13px; background:#d5a85509; color:#e7c78b; text-decoration:none; }.zpk-quick a>span:not(.ico) { flex:1; display:grid; gap:6px; }.zpk-quick b { color:#f3e7d8; font-size:14px; }.zpk-quick small { color:#b5a69c; font-size:11px; }.zpk-quick .ico { flex:none; width:22px; height:22px; }
.zpk-onboarding>.zpk-section { padding:0; border:0; background:none; }.zpk-continue { display:flex; width:100%; background:transparent; color:#e2c28c!important; border-color:#a88b5e50; }
.zpk-checkout { max-width:720px; }.zpk-checkout>.zpk-currency { margin:20px 0 0; }.zpk-summary-card .zpk-art { aspect-ratio:1100/300; }.zpk-summary-card .zpk-body { gap:12px; }.zpk-summary-card .zpk-card-bottom { margin-top:0; }.zpk-summary-card .zpk-exp { margin:0; }
.zpk-checkout [hidden] { display:none!important; }.zpk-order-package { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:16px 18px; border:1px solid #d9b47740; border-radius:12px; background:linear-gradient(120deg,#bc883420,#29213330); }.zpk-order-package>div { display:grid; gap:5px; }.zpk-order-package>div>strong { color:#f7dfba; font-size:20px; }.zpk-order-package small { color:#bca99b; font-size:11px; }.zpk-order-package>strong { color:#f5d18d; white-space:nowrap; font-size:22px; }
.zpk-addon-step { margin-top:24px; }.zpk-addon-step h3 { margin:0 0 9px; color:#f8e7d1; font-size:24px; }.zpk-addon-step>p { color:#bcaeaa; font-size:12px; line-height:1.65; }.zpk-addon-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0; }.zpk-addon-card { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-content:start; padding:16px; border:1px solid #bda27b45; border-radius:13px; background:#281f2540; cursor:pointer; }.zpk-addon-card:has(input:checked) { border-color:#e7bc6c; background:linear-gradient(130deg,#c1903030,#3b2b3335); }.zpk-addon-card input { margin:3px 0 0; accent-color:#e5bd78; }.zpk-addon-card>div { display:grid; gap:7px; min-width:0; }.zpk-addon-card strong { color:#f3ddbd; font-size:13px; }.zpk-addon-card small { color:#b8a8a1; font-size:11px; line-height:1.6; }.zpk-addon-price { margin-top:5px; color:#f5cf86; font-size:18px; font-weight:800; }
.zpk-order-total { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:17px 0; border-top:1px solid #cba35b30; color:#bdafa5; font-size:13px; }.zpk-order-total strong { color:#ffe0a4; font-size:25px; white-space:nowrap; }.zpk-step-actions { display:grid; gap:10px; }.zpk-step-actions .zpk-choose { justify-content:center; }.zpk-step-skip { display:inline-flex; align-items:center; justify-content:center; padding:10px 0; border:0; background:none; color:#c9b28a; font:inherit; font-size:12px; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }.zpk-selected-addons { color:#dec28f; font-size:12px; line-height:1.7; }.zpk-addon-card:focus-within { outline:2px solid #edca8b; outline-offset:3px; }
@media(max-width:560px) { .zpk-addon-grid { grid-template-columns:1fr; }.zpk-order-package { gap:12px; padding:13px; }.zpk-order-package>strong { font-size:19px; }.zpk-order-package>div>strong { font-size:18px; } }
.zpk-checkout fieldset { margin:24px 0; padding:0; border:0; }.zpk-checkout legend { margin-bottom:12px; color:#73d4ff; font-size:13px; }.zpk-checkout [data-package-accounts] { display:flex; flex-wrap:wrap; gap:8px; }.zpk-checkout [data-package-accounts] label { display:flex; gap:8px; align-items:center; padding:10px 14px; border:1px solid #b4935c55; border-radius:9px; font-size:13px; cursor:pointer; }.zpk-checkout input { accent-color:#73d4ff; }
.zpk-payment-note { padding:14px; border:1px solid #d9b47735; border-radius:11px; margin-top:20px; background:#d9b47708; font-size:12px; color:#d6be96; }.zpk-payment-note p { margin:7px 0 0; color:#a99b94; line-height:1.6; font-size:12px; }
[data-package-feedback] { color:#f2cc8b; font-size:13px; line-height:1.6; }[data-package-signin] { color:#e2c28c; font-size:13px; }[data-package-signin] a { color:inherit; }
@keyframes zpk-box-float { 0%,100% { transform:translateY(4px) rotate(-1.2deg); } 50% { transform:translateY(-7px) rotate(1.2deg); } }
@keyframes zpk-box-pulse { from { opacity:.42; transform:scale(.93); } to { opacity:.85; transform:scale(1.08); } }
@keyframes zpk-box-spark { 0% { opacity:0; transform:translate3d(0,0,0) scale(.4); } 20% { opacity:.9; } 70% { opacity:.5; } 100% { opacity:0; transform:translate3d(-15px,-155px,0) scale(.2); } }
@media(prefers-reduced-motion:no-preference) { .zpk-box-image { animation:zpk-box-float var(--zpk-float-duration) ease-in-out infinite paused; }.zpk-box-aura,.zpk-box-ring { animation:zpk-box-pulse 3.7s ease-in-out infinite alternate paused; }.zpk-box-spark { animation:zpk-box-spark 4.4s linear infinite paused; animation-delay:var(--spark-delay); }.zpk-art.is-art-visible .zpk-box-image,.zpk-art.is-art-visible .zpk-box-aura,.zpk-art.is-art-visible .zpk-box-ring,.zpk-art.is-art-visible .zpk-box-spark { animation-play-state:running; }.zpk-art.is-art-visible .zpk-box-image { will-change:transform; }.zpk-art-scene { transition:transform .6s; }.zpk-card:hover .zpk-art-scene { transform:translateY(-3px) scale(1.035); }.zpk-choose { transition:filter .2s; }.zpk-choose:hover { filter:brightness(1.1); } }
.zpk-page-hidden .zpk-art *,.zpk-modal-open main .zpk-art * { animation-play-state:paused!important; }
@media(max-width:900px) { .zpk-grid { grid-template-columns:1fr; }.zpk-section:not(.is-sidebar) .zpk-art { height:255px; }.zpk-quick { grid-template-columns:1fr; }.zr-welcome-grid.has-packages { grid-template-columns:1fr; } }
@media(max-width:500px) { .zpk-section { padding:18px 14px; }.zpk-dialog { width:calc(100% - 16px); padding:26px 16px; border-radius:15px; }.zpk-heading h2 { font-size:25px; }.zpk-body { padding:16px; }.is-sidebar .zpk-card { grid-template-columns:95px minmax(0,1fr); }.is-sidebar .zpk-card-bottom { grid-template-columns:1fr; }.is-sidebar .zpk-art h3 { font-size:21px; }.zpk-heading { align-items:flex-start; } }
.zpk-section.is-sidebar{padding:20px;margin-top:20px;border-radius:18px}.is-sidebar .zpk-heading{gap:14px;margin-bottom:15px;align-items:center}.is-sidebar .zpk-heading h2{font-size:21px;line-height:1.25;max-width:260px}.is-sidebar .zpk-kicker{font-size:9px;margin-bottom:8px}.is-sidebar .zpk-currency button{padding:8px 10px;font-size:10px}.is-sidebar .zpk-grid{gap:10px}.is-sidebar .zpk-mini-card{display:grid;grid-template-columns:95px minmax(0,1fr);border-radius:13px;scroll-margin-top:110px}.is-sidebar .zpk-mini-card .zpk-art{height:100%;min-height:122px;border-radius:0}.is-sidebar .zpk-mini-card .zpk-art-scene{inset:7px 0}.is-sidebar .zpk-mini-card .zpk-art-title,.is-sidebar .zpk-mini-card .zpk-badge{display:none}.zpk-mini-body{padding:14px 15px;min-width:0}.zpk-mini-body>h3{font-size:18px;color:#e8c995;line-height:1.2;margin:0 0 7px}.zpk-mini-period{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;color:#ae9b83;font-size:10px;line-height:1.5;margin:0 0 5px}.zpk-mini-period>b{color:#e1c995;font-size:12px}.zpk-mini-games{font-size:10px;color:#958a83;line-height:1.5;margin:0 0 10px}.zpk-mini-games b{font-weight:600;color:#c4b098}.zpk-mini-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.zpk-mini-bottom>strong{font-size:18px;color:#f2d39b}.zpk-mini-bottom>a{display:flex;align-items:center;gap:5px;font-size:10px;color:#e0c18b}.zpk-mini-bottom .ico{width:12px;height:12px}.zpk-card[id]{scroll-margin-top:110px}
@media(max-width:500px){.zpk-section.is-sidebar{padding:15px}.is-sidebar .zpk-heading{flex-wrap:wrap}.is-sidebar .zpk-heading h2{font-size:20px}.is-sidebar .zpk-mini-card{grid-template-columns:80px minmax(0,1fr)}.zpk-mini-body{padding:12px}.zpk-mini-body>h3{font-size:17px}.zpk-mini-games{font-size:9px}.zpk-mini-bottom>strong{font-size:17px}}