:root{--font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-color: #0D0E12;--bg-secondary-color: #1A1C23;--text-color: #EAEBF0;--hint-color: #7B849C;--border-color: rgba(123, 132, 156, .2);--success-color: #34C759;--danger-color: #FF3B30;--accent-color: #007AFF;--tg-theme-bg-color: var(--bg-color);--tg-theme-text-color: var(--text-color);--tg-theme-hint-color: var(--hint-color);--tg-theme-link-color: var(--accent-color);--tg-theme-button-color: var(--accent-color);--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: var(--bg-secondary-color)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;line-height:1.5}#root{min-height:100vh;position:relative;z-index:1}.app-container{display:flex;flex-direction:column;height:100vh;position:relative;overflow:hidden}.background-blur{position:fixed;top:-5%;right:-5%;bottom:-5%;left:-5%;background-size:cover;background-position:center;filter:blur(30px) brightness(.4);z-index:-1;transition:background-image .6s ease-in-out;transform:scale(1.1)}.background-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,#0d0e121a,#0d0e12 75%);z-index:-1}.app-footer-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background-color:#1a1c23d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom))}.nav-content{display:flex;justify-content:space-around;align-items:flex-start}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--hint-color);cursor:pointer;transition:color .2s ease,transform .2s ease;padding:.25rem .5rem;min-width:60px;text-align:center;border-radius:8px}.nav-item:hover{color:var(--text-color)}.nav-item:active{transform:scale(.95)}.nav-item.active{color:var(--accent-color)}.nav-item-icon{height:24px;width:24px}.nav-item-icon svg{fill:currentColor;width:100%;height:100%}.nav-item-label{font-size:.7rem;font-weight:500}.content{flex-grow:1;overflow-y:auto;padding:calc(2.6rem + env(safe-area-inset-top)) 0 calc(75px + env(safe-area-inset-bottom))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view{animation:fadeIn .4s ease-out;padding:0 1rem}.view-header{margin-bottom:1.5rem}.view-header h2{font-size:2.25rem;font-weight:700}.view-header p{color:var(--hint-color);font-size:1rem}.card{background-color:#1a1c23bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s ease-out;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;border:1px solid transparent;pointer-events:none;transition:border-color .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0003;border-color:#7b849c66}.game-selection-view{padding:0 1rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.game-card{padding:0;height:240px;display:flex;flex-direction:column;background-color:var(--bg-secondary-color);cursor:pointer;position:relative}.game-card:hover:not(.disabled){border-color:var(--game-color, var(--accent-color));box-shadow:0 8px 25px -5px var(--game-color, var(--accent-color))}.game-card.disabled{cursor:not-allowed}.game-card.disabled .game-card-image,.game-card.disabled .game-card-content{opacity:.6;filter:grayscale(80%);transition:opacity .3s ease,filter .3s ease}.game-card.disabled:hover{transform:translateY(0);box-shadow:none;border-color:var(--border-color)}.game-card-badge{position:absolute;top:12px;right:12px;background:linear-gradient(45deg,#ffc107,#f7971e);color:#1a1c23;padding:5px 10px;border-radius:20px;font-size:.7rem;font-weight:800;text-transform:uppercase;z-index:2;letter-spacing:.5px;box-shadow:0 4px 10px #0000004d;border:1px solid rgba(255,255,255,.2)}.game-card-image{height:65%;width:100%;background-size:cover;background-position:center;border-top-left-radius:12px;border-top-right-radius:12px}.game-card-content{flex-grow:1;display:flex;align-items:center;padding:0 1rem;gap:.75rem}.game-card-logo{width:40px;height:40px;object-fit:contain;border-radius:8px;background-color:#0003;padding:4px;flex-shrink:0}.game-card-name{font-weight:600;font-size:1rem;line-height:1.2}.list-container{display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;align-items:center;padding:1rem;gap:1rem;cursor:pointer}.list-item-icon{width:52px;height:52px;border-radius:8px;object-fit:contain;background-color:var(--bg-color);flex-shrink:0;padding:4px}.list-item-details{flex-grow:1}.list-item-details h4{font-size:1rem;font-weight:500;margin-bottom:2px}p.hint,.list-item-details .hint{color:var(--hint-color);font-size:.9em;margin:0}.price{font-weight:600;font-size:1.1rem;color:var(--text-color)}.account-label{font-weight:500;font-size:.8rem;color:var(--text-color)}.list-item-price{font-size:1rem;font-weight:600}.currency-card{position:relative}.currency-card-game-logo{position:absolute;top:8px;right:8px;width:24px;height:24px;object-fit:contain;opacity:.3;transition:opacity .2s ease}.currency-card:hover .currency-card-game-logo{opacity:.7}.ml-input-card{padding:1.5rem}.ml-input-form{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.9rem;color:var(--hint-color);margin-bottom:.75rem;font-weight:500}.input-group{display:flex;align-items:center;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.input-group:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb, 0, 122, 255),.15)}.input-group input{font-family:var(--font-family);border:none;background:transparent;padding:.85rem 1rem;color:var(--text-color);font-size:1rem;width:100%}.input-group input:focus{outline:none}.input-group input#gameId{flex-grow:1}.input-group input#serverId{flex-shrink:0;width:35%;text-align:center;border-left:1px solid var(--border-color)}.input-group input[type=number]{-moz-appearance:textfield}.input-group input[type=number]::-webkit-inner-spin-button,.input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-switch{display:flex;align-items:center;gap:.75rem;margin:.25rem 0;color:var(--hint-color);font-size:.9rem;cursor:pointer}.form-switch input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:22px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;position:relative;cursor:pointer;outline:none;transition:background-color .3s}.form-switch input[type=checkbox]:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:var(--hint-color);top:2px;left:2px;transition:transform .3s,background-color .3s}.form-switch input[type=checkbox]:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.form-switch input[type=checkbox]:checked:before{transform:translate(18px);background-color:#fff}.form-switch label{cursor:pointer;font-weight:500;color:var(--text-color)}.verification-result{text-align:center;margin-top:.5rem;font-size:.9rem;padding:.75rem;border-radius:8px;background-color:#34c75926;color:var(--success-color)}.player-name{font-weight:700}.payment-layout{display:flex;flex-direction:column;gap:1rem}.payment-summary{padding:1.5rem}.payment-summary h3{font-size:1.2rem;margin-bottom:1.5rem;font-weight:600}.summary-card-container{border:1px solid var(--border-color);border-radius:12px;background-color:var(--bg-color);overflow:hidden;margin-bottom:1.5rem}.summary-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--bg-secondary-color)}.summary-game-logo{width:28px;height:28px;object-fit:contain}.summary-game-name{font-weight:600}.summary-body{display:flex;align-items:center;gap:1rem;padding:1.25rem 1rem}.summary-item-icon{width:48px;height:48px;object-fit:contain}.summary-item-name{flex-grow:1;font-size:1.1rem;font-weight:500}.summary-item-price{font-size:1.1rem;font-weight:600}.delivery-info{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);font-size:1rem;color:var(--hint-color)}.delivery-info.sub-info{padding-top:0;margin-top:-.5rem;padding-bottom:1rem;margin-bottom:1rem}.delivery-info.sub-info .username-display{font-weight:500;font-size:.95em}.delivery-info .username-display{font-weight:600;color:var(--text-color)}.summary-total{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700}.summary-total .price{font-size:1.2rem;color:var(--accent-color)}.wallet-payment-info{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.wallet-balance-display{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:var(--hint-color)}.wallet-balance-display .balance-value{font-weight:600;color:var(--text-color)}.wallet-balance-display .balance-value.insufficient{color:var(--danger-color)}.insufficient-funds-warning{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;background-color:#ff950026;color:#ff9500;font-size:.9rem;font-weight:500;line-height:1.4}.insufficient-funds-warning svg{flex-shrink:0}.upload-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-family:var(--font-family);font-weight:600;font-size:1rem;padding:.8rem 1.5rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-secondary-color);color:var(--text-color);cursor:pointer;transition:all .2s ease;width:100%}.upload-button:hover{background-color:var(--bg-color);border-color:var(--accent-color)}.screenshot-preview-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:0 auto}.screenshot-preview{width:100%;max-width:250px;max-height:250px;border-radius:8px;object-fit:contain;border:1px solid var(--border-color)}.remove-screenshot-btn{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.remove-screenshot-btn:hover{transform:scale(1.1);color:var(--danger-color);border-color:var(--danger-color)}.history-item{align-items:stretch}.history-item .list-item-details{display:flex;flex-direction:column;justify-content:center}.history-item .list-item-details .hint{margin-top:4px}.history-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right}.history-info .price{margin-bottom:2px}.history-info .date{font-size:.8rem;color:var(--hint-color)}.list-item-details .hint strong{color:var(--text-color);font-weight:600}.transaction-id-display{font-size:.8rem;color:var(--hint-color);font-family:monospace;margin:0;opacity:.9;line-height:1}.history-meta{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:4px}.history-meta .date{font-size:.8rem;color:var(--hint-color);margin:0}.status-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background-color:#ff9f0a33;color:#ff9f0a}.status-badge.completed{background-color:#34c75933;color:var(--success-color)}.status-badge.rejected{background-color:#ff3b3033;color:var(--danger-color)}.player-id-card{padding:0;margin-bottom:1.5rem;background:var(--bg-secondary-color);border:1px solid transparent;position:relative;overflow:hidden}.player-id-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:2px;background:var(--card-gradient, var(--accent-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.player-id-header{padding:1.5rem;text-align:center;position:relative}.player-id-header .avatar{width:90px;height:90px;margin:0 auto 1rem;border-width:3px;border-color:#ffffffb3;background:var(--bg-secondary-color);padding:5px;box-shadow:0 5px 15px #0003}.player-id-header .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.player-id-header h3{font-size:1.75rem;margin-bottom:.25rem;font-weight:700}.player-id-header .username{color:var(--hint-color);margin-bottom:0;font-size:1rem}.history-title{font-size:1.25rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;padding-left:.25rem}.wallet-view .view-header p{color:var(--hint-color)}.wallet-overview-card{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;background:linear-gradient(135deg,#24262db3,#1a1c23e6)}.wallet-overview-card .balance-label{font-size:1rem;color:var(--hint-color);font-weight:500}.wallet-overview-card .balance-amount{font-size:2.75rem;font-weight:700;color:var(--text-color);line-height:1;letter-spacing:-1px}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.wallet-actions .action-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:10px;margin:0}.wallet-actions .top-up-btn{background-color:var(--accent-color);color:#fff;border:1px solid var(--accent-color)}.wallet-actions .top-up-btn:hover{filter:brightness(1.1)}.wallet-actions .secondary-btn{background-color:var(--bg-secondary-color);color:var(--hint-color);border:1px solid var(--border-color)}.wallet-actions .secondary-btn:disabled{cursor:not-allowed;opacity:.6}.unified-history-item{align-items:center}.unified-history-item .list-item-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%}.unified-history-item .list-item-icon-img{width:75%;height:75%;object-fit:contain}.unified-history-item.transaction-in .list-item-icon{background-color:#34c75926;color:var(--success-color)}.unified-history-item.transaction-out .list-item-icon{background-color:#ff3b3026}.unified-history-item .list-item-details h4{font-weight:500}.unified-history-item .list-item-details .hint{font-size:.85rem}.transaction-id-wrapper{display:flex;align-items:center;gap:.5rem;margin-top:4px}.transaction-amount{font-weight:600;font-size:1rem}.transaction-amount.positive{color:var(--success-color)}.transaction-amount.negative{color:var(--text-color)}.topup-flow-header{text-align:center;margin-bottom:2rem}.topup-flow-header .step-indicator{font-size:.9rem;font-weight:600;color:var(--accent-color);margin-bottom:.5rem;display:block}.topup-flow-header h2{font-size:2rem;font-weight:700}.topup-flow-header p{color:var(--hint-color);font-size:1rem;margin-top:.25rem}.amount-input-card,.payment-details-card,.payment-instructions-card,.upload-card{padding:1.5rem;margin-bottom:1rem}.amount-input-card{display:flex;flex-direction:column;gap:1.5rem}.amount-input-wrapper{display:flex;align-items:center;justify-content:center;text-align:center;gap:.5rem}.amount-input-wrapper .currency-symbol{font-size:2.5rem;font-weight:500;color:var(--hint-color)}.amount-input-wrapper input{font-family:var(--font-family);background:transparent;border:none;color:var(--text-color);font-size:4rem;font-weight:700;width:100%;text-align:left;padding:0;outline:none}.amount-input-wrapper input::placeholder{color:#7b849c33}.quick-amount-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.quick-amount-btn{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);padding:.75rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-amount-btn:hover{background-color:var(--bg-secondary-color);border-color:var(--hint-color)}.payment-amount-summary{display:flex;justify-content:space-between;align-items:center}.payment-amount-summary span{color:var(--hint-color);font-size:1rem;font-weight:500}.payment-amount-summary .price{font-size:1.5rem;font-weight:700;color:var(--accent-color)}.amount-and-copy{display:flex;align-items:center;gap:.75rem}.payment-instructions-content{display:flex;align-items:center;gap:1.5rem}.qr-code-container{padding:.5rem;background-color:#fff;border-radius:8px;width:120px;height:120px;flex-shrink:0}.qr-code-img{width:110px;height:110px;display:block;margin:auto}.payment-account-details{display:flex;flex-direction:column;align-items:flex-start}.account-name-wrapper{display:flex;align-items:center;gap:.5rem}.payment-account-details .account-label{font-size:1.1rem;font-weight:600}.payment-account-details .account-number{font-size:1rem;margin:.1rem 0 0}.copy-icon-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--hint-color);transition:all .2s ease}.copy-icon-btn:hover{color:var(--accent-color);background-color:var(--bg-secondary-color)}.copy-icon-btn svg{width:16px;height:16px}.upload-card .hint{text-align:center;margin-bottom:1.5rem;line-height:1.5;font-size:.9rem}.upload-button{margin-top:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes popInModal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.completion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0e12cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeInOverlay .3s ease-out}.completion-modal{text-align:center;padding:2rem 1.5rem;max-width:400px;width:100%;animation:popInModal .4s ease-out .1s;animation-fill-mode:both}.completion-modal h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.completion-modal .hint{margin-bottom:1.5rem;line-height:1.5}.completion-icon{width:80px;height:80px;margin:0 auto 1rem;background-color:var(--bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:1rem;box-shadow:0 0 0 4px var(--bg-secondary-color)}.completion-icon img{width:100%;height:100%;object-fit:contain}.completion-details-list{display:flex;flex-direction:column;gap:.75rem;text-align:left;margin-top:1.5rem;background-color:var(--bg-color);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.completion-detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.completion-detail-item span:first-child{color:var(--hint-color)}.completion-detail-item span:last-child{font-weight:600;color:var(--text-color)}.serial-key-container{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-color);border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:8px;margin-top:1.5rem}.serial-key-text{flex-grow:1;font-family:monospace;font-size:1.1rem;font-weight:500;color:var(--accent-color);text-align:left;overflow-x:auto;white-space:nowrap}.copy-key-btn{background:transparent;border:none;cursor:pointer;padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--hint-color);transition:all .2s ease;flex-shrink:0}.copy-key-btn:hover{color:var(--accent-color);background-color:var(--bg-secondary-color)}.copy-key-btn svg{width:18px;height:18px}@keyframes popIn{0%{transform:scale(.7);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.action-button{font-family:var(--font-family);padding:.85rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;background-color:var(--accent-color);color:#fff;width:100%;margin-top:1.5rem;transition:filter .2s ease,background-color .2s}.action-button:hover{filter:brightness(1.1)}.action-button:disabled{background-color:var(--bg-secondary-color);color:var(--hint-color);cursor:not-allowed;filter:brightness(1)}.empty-state{text-align:center;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.empty-state-icon{color:var(--hint-color);opacity:.5;margin-bottom:.5rem}.empty-state p{margin-bottom:.25rem;font-size:1.1rem;font-weight:500}.empty-state .hint{font-size:.9rem;font-weight:400}.web-access-view{display:flex;justify-content:center;align-items:center;flex-grow:1;z-index:2}.web-access-box{text-align:center;padding:2.5rem;max-width:380px;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.web-access-icon{color:var(--accent-color);margin-bottom:1.5rem;width:150px;height:150px;stroke-width:1}.web-access-box h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.web-access-box p{color:var(--hint-color);margin-bottom:2rem;line-height:1.6}.web-access-box .action-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:auto;padding:.85rem 2.5rem}