.the-header[data-v-5ee2a2fc]{position:relative;z-index:1;height:clamp(170px,24vw,320px);display:flex;align-items:flex-end;justify-content:center}.header-inner[data-v-5ee2a2fc]{display:flex;justify-content:center;padding-bottom:clamp(10px,2vw,22px)}.site-logo[data-v-5ee2a2fc]{height:clamp(118px,13vw,202px);width:auto;margin-bottom:20px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}@media (max-width: 860px){.the-header[data-v-5ee2a2fc]{height:clamp(150px,40vw,240px)}.site-logo[data-v-5ee2a2fc]{height:clamp(104px,22vw,152px)}}.app-icon[data-v-efea43a4]{flex-shrink:0}.login-panel[data-v-5e2b6c22]{padding-bottom:18px;min-height:340px;display:flex;flex-direction:column}.panel-body[data-v-5e2b6c22]{flex:1;padding:18px 18px 4px;display:flex;flex-direction:column;gap:12px}.mode-tabs[data-v-5e2b6c22]{display:flex;gap:8px;background:#2b638f1a;border:1px solid var(--c-cream-edge);border-radius:var(--r-sm);padding:4px}.mode-tab[data-v-5e2b6c22]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:none;border-radius:calc(var(--r-sm) - 2px);background:transparent;color:var(--c-ink-2);font-family:var(--font-head);font-weight:700;font-size:13px;transition:background .18s ease,color .18s ease}.mode-tab.active[data-v-5e2b6c22]{background:linear-gradient(160deg,var(--c-steel-3) 0%,var(--c-steel-2) 100%);color:var(--c-cream-text)}.login-form[data-v-5e2b6c22]{display:flex;flex-direction:column;gap:6px}.field-label[data-v-5e2b6c22]{font-family:var(--font-head);font-weight:700;font-size:12px;color:var(--c-ink-2);margin-top:4px}.pw-wrap[data-v-5e2b6c22]{position:relative;display:flex;align-items:center}.pw-lock[data-v-5e2b6c22]{position:absolute;left:12px;color:var(--c-ink-3);pointer-events:none}.pw-input[data-v-5e2b6c22]{padding-left:36px;padding-right:40px}.pw-toggle[data-v-5e2b6c22]{position:absolute;right:8px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--c-steel-2);border-radius:var(--r-xs);transition:color .18s ease}.pw-toggle[data-v-5e2b6c22]:hover{color:var(--c-gold-dark)}.login-btn[data-v-5e2b6c22]{width:100%;margin-top:8px}.logged-in-state[data-v-5e2b6c22]{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px 10px}.user-badge[data-v-5e2b6c22]{display:inline-flex;align-items:center;gap:8px;color:var(--c-green-dark);font-family:var(--font-head);font-weight:700;font-size:14px;min-width:0}.user-value[data-v-5e2b6c22]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn[data-v-5e2b6c22]{padding:0 14px;font-size:12px;flex-shrink:0}.game-desc[data-v-3256a37d],.panel-body[data-v-3256a37d]{display:flex;flex-direction:column}.desc-art[data-v-3256a37d]{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--r-xs)}.desc-scroll[data-v-3256a37d]{padding:14px 16px 16px;max-height:220px;overflow-y:auto}.desc-line[data-v-3256a37d]{margin:0 0 12px;font-size:13.5px;line-height:1.6;color:var(--c-ink-2)}.desc-line[data-v-3256a37d]:last-child{margin-bottom:0}.pkg-card[data-v-3779a9f8]{--tilt-x: 0deg;--tilt-y: 0deg;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--c-cream-1);border:2px solid var(--c-cream-edge);border-radius:var(--r-md);padding:12px 8px 10px;transform:perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .25s var(--ease-out),border-color .18s ease,box-shadow .18s ease;box-shadow:0 3px 8px #34281a1a}.pkg-card[data-v-3779a9f8]:hover{border-color:var(--c-steel-3);box-shadow:0 10px 20px #2b638f33}.pkg-card[data-v-3779a9f8]:active{transform:perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(.96);transition:transform .08s ease}.pkg-card--selected[data-v-3779a9f8]{border-color:var(--c-green);box-shadow:0 0 0 3px #5fb53a38,0 10px 20px #2b638f2e}.gem-img[data-v-3779a9f8]{width:clamp(44px,6vw,64px);height:clamp(44px,6vw,64px);object-fit:contain}.coin-amount[data-v-3779a9f8]{font-family:var(--font-head);font-weight:800;font-size:clamp(13px,1.5vw,15px);color:var(--c-ink-1)}.price-btn[data-v-3779a9f8]{width:100%;min-height:32px;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:800;font-size:13px;color:#3a2400;background:transparent;border-style:solid;border-width:9px;border-image-source:url(/btn-1.png);border-image-slice:26 fill;border-image-repeat:stretch;transition:color .18s ease}.price-btn--selected[data-v-3779a9f8]{color:#fff;border-image-source:url(/btn-2.png)}@media (prefers-reduced-motion: reduce){.pkg-card[data-v-3779a9f8]{transform:none!important}}.packages-panel[data-v-a8c15609]{display:flex;flex-direction:column}.panel-body[data-v-a8c15609]{padding:18px;display:flex;flex-direction:column;gap:16px}.cur-slider[data-v-a8c15609]{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.cur-option[data-v-a8c15609]{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:44px;border:2px solid var(--c-cream-edge);border-radius:var(--r-sm);background:var(--c-cream-1);color:var(--c-ink-2);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s var(--ease-spring)}.cur-option[data-v-a8c15609]:hover{border-color:var(--c-steel-3)}.cur-option.active[data-v-a8c15609]{background:linear-gradient(160deg,var(--c-steel-3) 0%,var(--c-steel-1) 100%);border-color:var(--c-steel-1);color:var(--c-cream-text);transform:translateY(-1px)}.cur-sym[data-v-a8c15609]{font-family:var(--font-head);font-weight:800;font-size:13px}.cur-code[data-v-a8c15609]{font-size:10px;letter-spacing:.04em;opacity:.85}@media (max-width: 480px){.cur-slider[data-v-a8c15609]{grid-template-columns:repeat(3,1fr)}}.section-label[data-v-a8c15609]{margin:0;font-family:var(--font-head);font-weight:800;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--c-steel-1)}.products-grid[data-v-a8c15609]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:clamp(440px,50vh,640px);overflow-y:auto;padding-right:4px}@media (max-width: 600px){.products-grid[data-v-a8c15609]{grid-template-columns:repeat(2,1fr);gap:10px;max-height:none;overflow-y:visible}}.other-amount-wrap[data-v-a8c15609]{display:flex;flex-direction:column;gap:8px}.other-row[data-v-a8c15609]{display:flex;gap:10px;align-items:stretch}.other-select-wrap[data-v-a8c15609]{position:relative;flex:1;min-width:0}.other-trigger[data-v-a8c15609]{width:100%;min-height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--c-input-bg);border:2px solid var(--c-input-border);border-radius:var(--r-sm);color:var(--c-ink-1);transition:border-color .18s ease}.other-select-wrap.open .other-trigger[data-v-a8c15609]{border-color:var(--c-steel-2)}.opt-gem[data-v-a8c15609]{width:24px;height:24px;object-fit:contain;flex-shrink:0}.trigger-text[data-v-a8c15609]{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;font-family:var(--font-head)}.trigger-arrow[data-v-a8c15609]{flex-shrink:0;color:var(--c-steel-2);transition:transform .2s var(--ease-out)}.trigger-arrow.open[data-v-a8c15609]{transform:rotate(180deg)}.other-menu[data-v-a8c15609]{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;max-height:280px;overflow-y:auto;background:var(--c-cream-1);border:2px solid var(--c-steel-2);border-radius:var(--r-sm);box-shadow:0 16px 30px #0f2a4247;padding:6px}.other-item[data-v-a8c15609]{width:100%;display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 8px;border:none;background:transparent;border-radius:var(--r-xs);color:var(--c-ink-1);transition:background .15s ease}.other-item[data-v-a8c15609]:hover,.other-item[aria-selected=true][data-v-a8c15609]{background:#2b638f1a}.item-gem[data-v-a8c15609]{width:20px;height:20px;object-fit:contain;flex-shrink:0}.item-coins[data-v-a8c15609]{flex:1;text-align:left;font-size:13px;font-weight:700}.item-price[data-v-a8c15609]{font-size:13px;font-weight:800;color:var(--c-gold-text)}.pay-btn[data-v-a8c15609]{flex-shrink:0;padding:0 20px}@media (max-width: 480px){.other-row[data-v-a8c15609]{flex-direction:column}.pay-btn[data-v-a8c15609]{width:100%}}.payment-panel[data-v-694b6e61]{display:flex;flex-direction:column}.panel-body[data-v-694b6e61]{padding:18px;flex:1;display:flex;flex-direction:column;gap:12px}.state-msg[data-v-694b6e61]{padding:18px 8px;text-align:center;font-size:13px;color:var(--c-ink-3);flex:1}.methods-grid[data-v-694b6e61]{display:flex;flex-direction:column;gap:8px;flex:1}.method-item[data-v-694b6e61]{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 14px;border:2px solid var(--c-cream-edge);border-radius:var(--r-md);background:linear-gradient(180deg,var(--c-cream-1) 0%,var(--c-cream-0) 100%);color:var(--c-ink-1);box-shadow:0 1px #fff9 inset,0 3px 7px #34281a24;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.method-item[data-v-694b6e61]:hover{border-color:var(--c-steel-3);box-shadow:0 1px #fff9 inset,0 5px 12px #34281a33;transform:translateY(-1px)}.method-item[data-v-694b6e61]:active{transform:translateY(1px)}.method-item.selected[data-v-694b6e61]{border-color:var(--c-green);box-shadow:0 0 0 3px #5fb53a2e inset,0 3px 7px #34281a24}.method-icon[data-v-694b6e61]{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.method-icon img[data-v-694b6e61]{max-width:100%;max-height:100%;object-fit:contain}.pay-ico-default .method-icon[data-v-694b6e61]{background:linear-gradient(160deg,var(--c-steel-3),var(--c-steel-1));border-radius:8px;color:var(--c-cream-text)}.method-fallback[data-v-694b6e61]{font-family:var(--font-head);font-weight:800;font-size:13px}.method-label[data-v-694b6e61]{flex:1;text-align:left;font-size:14.5px;font-weight:700;font-family:var(--font-head);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.method-check[data-v-694b6e61]{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #8b785640,0 1px 2px #0000001f;flex-shrink:0;display:flex;align-items:center;justify-content:center}.dot[data-v-694b6e61]{width:13px;height:13px;border-radius:50%;background:var(--c-green)}.confirm-btn[data-v-694b6e61]{width:100%;margin-top:4px}.secure-note[data-v-694b6e61]{margin:2px 0 0;display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--c-ink-2);justify-content:center}.secure-dot[data-v-694b6e61]{width:6px;height:6px;border-radius:50%;background:var(--c-green);flex-shrink:0}.the-footer[data-v-f26b2bb3]{position:relative;z-index:1;max-width:var(--max-w);margin:0 auto;padding:20px var(--px) 34px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:10px}.copyright[data-v-f26b2bb3]{margin:0;font-size:12px;color:var(--c-cream-text);text-shadow:0 1px 3px rgba(0,0,0,.4)}.footer-links[data-v-f26b2bb3]{display:flex;align-items:center;gap:8px;font-size:12px}.footer-links a[data-v-f26b2bb3]{color:var(--c-cream-text);text-decoration:underline;text-shadow:0 1px 3px rgba(0,0,0,.4)}.sep[data-v-f26b2bb3]{color:#fbf7ea99}.content-wrap[data-v-ae78a6b7]{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:0 var(--px) clamp(28px,5vw,60px);display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,1.7fr) minmax(230px,.9fr);gap:var(--gap);align-items:stretch}.col[data-v-ae78a6b7]{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.col--mid[data-v-ae78a6b7] .packages-panel,.col--right[data-v-ae78a6b7] .payment-panel{flex:1}@media (max-width: 1220px){.content-wrap[data-v-ae78a6b7]{grid-template-columns:minmax(252px,1fr) minmax(0,1.85fr)}.col--right[data-v-ae78a6b7]{grid-column:1 / -1;flex-direction:row}.col--right[data-v-ae78a6b7]>*{flex:1;min-width:0}}@media (max-width: 900px){.content-wrap[data-v-ae78a6b7]{grid-template-columns:minmax(0,1fr)}.col[data-v-ae78a6b7],.col--right[data-v-ae78a6b7]{display:contents}.col--left[data-v-ae78a6b7] .game-desc{order:1}.col--left[data-v-ae78a6b7] .login-panel{order:2}.col--mid[data-v-ae78a6b7] .packages-panel{order:3}.col--right[data-v-ae78a6b7] .payment-panel{order:4}}:root{--c-cream-0: #F8F1DC;--c-cream-1: #FBF7EA;--c-cream-edge: #E4D6AC;--c-steel-0: #0F2A42;--c-steel-1: #1B4266;--c-steel-2: #2B638F;--c-steel-3: #5D93BE;--c-gold: #F0A93C;--c-gold-light: #FFCD70;--c-gold-dark: #C97D14;--c-gold-glow: rgba(240, 169, 60, .32);--c-gold-text: #9C5C08;--c-green: #5FB53A;--c-green-dark: #2E7A17;--c-red: #E0503C;--c-red-dark: #A8342A;--c-ink-1: #34281A;--c-ink-2: #6B5A3E;--c-ink-3: #8A7A5C;--c-cream-text: #FBF7EA;--c-input-bg: var(--c-cream-1);--c-input-border: #D8C69A;--font-display: "Titan One", cursive;--font-head: "Baloo 2", sans-serif;--font-body: "Nunito Sans", sans-serif;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--max-w: 1440px;--px: clamp(16px, 4vw, 90px);--gap: clamp(14px, 2vw, 26px)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);color:var(--c-ink-1);-webkit-font-smoothing:antialiased}#app{min-height:100vh}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}.app-root{min-height:100vh;background-image:url(/BG.png),url(/BG-floor.png);background-size:100% auto,100% auto;background-position:top center,top center;background-repeat:no-repeat,no-repeat;background-color:#091108}.app-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#0f2a421a,#0f2a4205 22%,#0f2a4200 40%)}.glass-panel{position:relative;border-style:solid;border-width:40px 22px 22px 22px;border-image-source:url(/panel-frame.png);border-image-slice:115 66 65 66;border-image-repeat:stretch;background:var(--c-cream-1);box-shadow:0 14px 30px #0f1e2d59}.panel-title-bar{position:absolute;top:-40px;left:-22px;right:-22px;height:40px;margin:0;padding:8px 22px 0;display:flex;align-items:flex-start;justify-content:center}.panel-title{margin:0;font-family:var(--font-head);font-weight:700;letter-spacing:.04em;font-size:clamp(13px,1.5vw,16px);line-height:1.1;color:var(--c-cream-text);text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.32)}.btn-gold{border-style:solid;border-width:11px;border-image-source:url(/btn-1.png);border-image-slice:26 fill;border-image-repeat:stretch;background:transparent;color:#3a2400;font-family:var(--font-head);font-weight:800;letter-spacing:.03em;font-size:clamp(14px,1.7vw,17px);min-height:46px;padding:0 18px;transition:transform .28s var(--ease-spring);position:relative}.btn-gold:hover:not(:disabled){border-image-source:url(/btn-2.png);color:#0f2a0a}.btn-gold:active:not(:disabled){transform:translateY(3px) scale(.97);transition:transform .07s ease}.btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-steel{background:linear-gradient(160deg,var(--c-steel-3) 0%,var(--c-steel-2) 60%,var(--c-steel-1) 100%);color:var(--c-cream-text);font-family:var(--font-head);font-weight:700;border:none;border-bottom:3px solid rgba(10,25,40,.5);border-radius:var(--r-sm);min-height:40px;transition:transform .22s var(--ease-spring),filter .18s ease}.btn-steel:hover:not(:disabled){filter:brightness(1.08)}.btn-steel:active:not(:disabled){transform:translateY(2px)}.field-input{width:100%;min-height:44px;padding:0 14px;font-family:var(--font-body);font-size:15px;color:var(--c-ink-1);background:var(--c-input-bg);border:2px solid var(--c-input-border);border-radius:var(--r-sm);transition:border-color .18s ease,box-shadow .18s ease}.field-input::placeholder{color:var(--c-ink-3)}.field-input:focus-visible{outline:none;border-color:var(--c-steel-2);box-shadow:0 0 0 3px var(--c-gold-glow)}input:-webkit-autofill{-webkit-text-fill-color:var(--c-ink-1);-webkit-box-shadow:0 0 0 100px var(--c-input-bg) inset;caret-color:var(--c-ink-1)}.err-msg{color:var(--c-red-dark);font-size:13px;font-weight:700;margin:4px 0 0}:focus{outline:none}:focus-visible{outline:2px solid var(--c-gold-dark);outline-offset:3px;border-radius:var(--r-xs)}input:focus-visible{outline:none}@media (prefers-reduced-motion: reduce){.float-sparkle{display:none!important}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.thin-scroll{scrollbar-width:thin;scrollbar-color:var(--c-steel-2) transparent}.thin-scroll::-webkit-scrollbar{width:6px}.thin-scroll::-webkit-scrollbar-thumb{background:var(--c-steel-2);border-radius:4px}