:root { --accent-green: #4CAF50; --panel-bg: rgba(45, 45, 45, 0.95); }
        body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; background: #000; color: white; overflow-x: hidden; }
        .store-modal { background: var(--panel-bg); width: 85%; max-width: 600px; border-radius: 30px; border: 2px solid #444; padding: 25px; margin: 20px auto; position: relative; box-shadow: 0 0 50px rgba(0,0,0,0.8); }
        .store-header { text-align: center; font-size: 35px; font-weight: 900; text-shadow: 0 0 15px #7b2ff7; margin-bottom: 20px; }
        .special-offer-container { background: rgba(255, 255, 255, 0.05); border-radius: 25px; padding: 15px; border: 1px solid #555; margin-bottom: 25px; position: relative; text-align: center; cursor: pointer; }
        .badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #6a1b9a; color: white; padding: 4px 15px; border-radius: 10px; font-size: 10px; font-weight: bold; text-transform: uppercase; }
        .packages-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
        .package-card { background: rgba(255, 255, 255, 0.03); border-radius: 20px; border: 1px solid #444; padding: 10px; text-align: center; cursor: pointer; transition: 0.3s; }
        .pack-img { width: 60px; height: 60px; object-fit: contain; margin-bottom: 10px; }
        .info-pill { background: #1a1a1a; border-radius: 20px; margin: 5px 0; padding: 5px; display: flex; align-items: center; font-size: 10px; font-weight: 700; border: 1px solid #333; }
        .info-pill img { width: 14px; margin-right: 5px; }
        .price-button { background: linear-gradient(180deg, #3fa543 0%, #1d5a20 100%); border-radius: 25px; padding: 8px; margin-top: 10px; font-weight: 900; border: 1px solid #5edc64; font-size: 14px; }
        .xp-row { font-size: 10px; color: #ccc; margin-top: 5px; display: flex; align-items: center; justify-content: center; gap: 4px; }
        .xp-row img { width: 12px; }

        #preloader-container { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 9999; justify-content: center; align-items: center; }
        #preloader-video { width: 100%; max-width: 400px; }

        #lockerArea { display: none; background: #fff; color: #000; width: 100%; max-width: 475px; margin: 0 auto; border-radius: 50px; overflow: hidden; padding-bottom: 100px; position: relative; font-family: 'Poppins', sans-serif; }
        #my-locker-header { width: 100%; height: 150px; background: url('https://cdn.jsdelivr.net/gh/monorolls/lone@main/ok.png') center/cover no-repeat; }
        .instruction-text { padding: 25px 20px 15px; font-size: 0.95em; color: #000; line-height: 1.6; }
        #offerContainer { padding: 0 15px; display: flex; flex-direction: column; gap: 20px; }
        .offer-card-new { background: linear-gradient(0deg,#0066cc,#0066cc 45%,#0066cc 75%,#0066cc 100%); padding: 10px 18px; border-radius: 40px; border: 1px solid #ffcc00; display: flex; align-items: center; gap: 15px; cursor: pointer; transition: 0.2s; box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.4); }
        .offer-card-new:active { transform: scale(0.97); }
        .offer-icon-new { width: 50px; height: 50px; border-radius: 50%; border-right: 3px solid #0066cc; box-shadow: 0 0 7px rgba(255, 255, 255, 0.7); }
        .offer-anchor-new { font-size: 15px; color: #fff; font-weight: 600; text-align: left; }
        .footer-image { width: 100%; height: 100px; position: absolute; bottom: 0; left: 0; }

        @media(max-width:600px){ #lockerArea { border-radius: 0; } .packages-grid { grid-template-columns: repeat(2, 1fr); } }