*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;background:#020810;min-height:100vh;font-family:'Rajdhani',sans-serif;}
#app{max-width:480px;margin:0 auto;background:#060d1f;min-height:100vh;position:relative;overflow-x:hidden;padding-bottom:54px;}
::-webkit-scrollbar{width:3px;}::-webkit-scrollbar-track{background:#060d1f;}::-webkit-scrollbar-thumb{background:#1c5df6;border-radius:2px;}

@keyframes floatY    {0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes stockBlink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes firePulse {0%,100%{filter:brightness(1) drop-shadow(0 0 4px #ff6b1a)}50%{filter:brightness(1.6) drop-shadow(0 0 12px #ff8c00)}}
@keyframes tickerRun {0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes fadeUpIn  {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes badgeShin {0%{background-position:-220% center}100%{background-position:220% center}}
@keyframes divGlow   {0%,100%{opacity:.1}50%{opacity:.42}}
@keyframes overlayIn {from{opacity:0}to{opacity:1}}
@keyframes modalIn   {from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dialogIn  {from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@keyframes meshPulse {0%,100%{opacity:.038}50%{opacity:.09}}
@keyframes drawCircle{from{stroke-dashoffset:251}to{stroke-dashoffset:0}}
@keyframes drawCheck {from{stroke-dashoffset:80}to{stroke-dashoffset:0}}
@keyframes redPulse  {0%,100%{opacity:1}50%{opacity:.35}}
@keyframes dotPulse  {0%,100%{box-shadow:0 0 0 0 rgba(28,93,246,.5)}50%{box-shadow:0 0 0 5px rgba(28,93,246,0)}}

.coin-float{animation:floatY 3s ease-in-out infinite;}
.fire-pulse{animation:firePulse 2.3s ease-in-out infinite;}
.stock-blink{animation:stockBlink 1.9s ease-in-out infinite;}
#bg-mesh{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;animation:meshPulse 6s ease-in-out infinite;}

/* header */
.hdr-coin{display:flex;align-items:center;justify-content:center;gap:5px;background:rgba(28,93,246,.12);border:1px solid rgba(28,93,246,.3);border-radius:20px;padding:4px 10px 4px 6px;min-width:72px;}
.hdr-point{display:flex;align-items:center;gap:5px;color:#1c5df6;font-weight:700;font-size:13px;font-family:'Rajdhani',sans-serif;background:none;border:none;cursor:pointer;}

/* banner */
.banner-wrap{position:relative;overflow:hidden;}
.banner-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,13,31,.15) 0%,rgba(6,13,31,.35) 45%,rgba(6,13,31,.97) 100%);}
.banner-copy{position:absolute;left:0;right:0;bottom:16px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;}
.banner-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;color:#fff;font-size:26px;letter-spacing:1px;line-height:1.05;text-transform:uppercase;}
.banner-sub{font-size:12px;color:#93a9c4;font-family:sans-serif;margin-top:5px;}

/* featured cards */
.c-wrap{overflow:hidden;}
.c-track{display:flex;transition:transform .44s cubic-bezier(.25,.46,.45,.94);will-change:transform;}
.c-slide{flex:0 0 100%;min-width:100%;display:flex;gap:7px;padding:0 10px 4px;}
.reward-card{
  position:relative;background:linear-gradient(160deg,#232f47 0%,#101a2e 100%);
  border:1px solid rgba(80,120,180,.3);border-radius:10px;padding:0 6px 8px;
  flex:1;min-width:0;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;
  box-shadow:0 0 0 1px rgba(60,100,160,.1),0 4px 10px rgba(0,0,0,.3);
  animation:fadeUpIn .38s ease-out both;cursor:pointer;
}
.badge-lim{
  position:absolute;top:0;left:0;z-index:2;
  background:linear-gradient(90deg,#1b2f57 0%,#3d72e0 28%,#9ec2ff 50%,#3d72e0 72%,#1b2f57 100%);
  background-size:220% auto;animation:badgeShin 2.4s linear infinite;
  font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:8px;letter-spacing:1.2px;
  color:#eef4ff;padding:4px 9px 3.5px 7px;border-radius:10px 0 8px 0;text-transform:uppercase;line-height:1;
  text-shadow:0 1px 1px rgba(0,0,0,.35);
}
.reward-coin{display:flex;align-items:center;gap:4px;margin-top:20px;}
.reward-coin img{width:15px;height:15px;object-fit:contain;flex-shrink:0;}
.reward-coin span{font-family:'Barlow Condensed',sans-serif;font-weight:800;color:#f5c518;font-size:15px;line-height:1;}
.reward-plus{color:#fff;font-size:13px;font-weight:700;line-height:1;margin:3px 0;}
.reward-players{width:100%;height:92px;flex-shrink:0;display:flex;justify-content:center;align-items:flex-end;gap:2px;margin-bottom:7px;}
.reward-players img{height:100%;object-fit:contain;}
.reward-players.single img{width:64%;}
.reward-players.dual img{width:48%;}
.reward-stock{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:10.5px;color:#ff3b3b;margin-bottom:7px;}
.btn-claim-glow{width:100%;background:linear-gradient(180deg,#2a6ff0,#1c4fd8);border:1px solid rgba(90,150,255,.5);border-radius:7px;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.3px;padding:8px 4px;cursor:pointer;box-shadow:0 2px 8px rgba(28,93,246,.4),inset 0 1px 0 rgba(255,255,255,.15);transition:all .18s;text-transform:uppercase;}
.btn-claim-glow:hover{background:linear-gradient(180deg,#3b7dff,#2560e8);}
.btn-claim-glow:active{transform:scale(.96);}

@media (max-width:400px){
  .reward-players{height:62px;}
}

.dot{height:6px;border-radius:3px;cursor:pointer;background:#182840;transition:width .3s ease,background .3s ease;}
.dot.on{background:#1c5df6;animation:dotPulse 2s ease-in-out infinite;}

/* coin packages */
.pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pkg-cell{display:flex;align-items:center;gap:8px;background:linear-gradient(160deg,#232f47 0%,#101a2e 100%);border:1px solid rgba(80,120,180,.3);border-radius:10px;padding:9px 8px;cursor:pointer;box-shadow:0 0 0 1px rgba(60,100,160,.1),0 4px 10px rgba(0,0,0,.3);transition:border-color .2s,background .2s;}
.pkg-cell:hover{border-color:rgba(28,93,246,.5);background:linear-gradient(160deg,#2a3854,#141f36);}
.pkg-cell.span2{grid-column:1/-1;}
.pkg-cell img{width:34px;height:34px;object-fit:contain;flex-shrink:0;}
.pkg-amt{font-family:'Rajdhani',sans-serif;font-weight:700;color:#f5c518;font-size:16px;line-height:1;}
.pkg-meta{font-size:9px;font-family:sans-serif;line-height:1.55;margin-top:2px;}
.pkg-meta .paid{color:#4a6480;}
.pkg-meta .bonus{color:#3cb878;}
.btn-claim-pill{margin-left:auto;flex-shrink:0;background:linear-gradient(180deg,#2a6ff0,#1c4fd8);
border:1px solid rgba(90,150,255,.5);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;
font-size:9.5px;letter-spacing:.2px;padding:4px 4px;border-radius:7px;cursor:pointer;white-space:nowrap;
box-shadow:0 2px 8px rgba(28,93,246,.4),inset 0 1px 0 rgba(255,255,255,.15);transition:all .18s;}
.btn-claim-pill:hover{background:linear-gradient(180deg,#3b7dff,#2560e8);}

/* promo banner */
.promo-banner{margin:6px 12px 18px;background:linear-gradient(160deg,#232f47 0%,#101a2e 100%);border:1px solid rgba(80,120,180,.3);border-radius:14px;padding:15px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 0 0 1px rgba(60,100,160,.1),0 4px 10px rgba(0,0,0,.3);transition:border-color .2s;}
.promo-banner:hover{border-color:rgba(28,93,246,.55);}
.promo-icon{width:38px;height:38px;border-radius:10px;background:rgba(28,93,246,.15);display:flex;align-items:center;justify-content:center;color:#1c5df6;font-size:16px;flex-shrink:0;}
.promo-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;color:#fff;font-size:12.5px;line-height:1.35;letter-spacing:.2px;}
.promo-sub{font-size:10.5px;color:#7d93b5;font-family:sans-serif;margin-top:3px;}

.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(28,93,246,.3),transparent);margin:4px 14px;animation:divGlow 3.5s ease-in-out infinite;}

/* footer */
.footer2{padding:18px 18px 15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(28,93,246,.12);flex-wrap:wrap;gap:8px;}
.footer2 .fitem{display:flex;align-items:center;gap:5px;font-size:10px;color:#5c7898;font-family:sans-serif;}

.site-footer{background:#07102a;border-top:1px solid rgba(28,93,246,.15);padding:28px 20px 10px;text-align:center;}
.site-footer a{color:#4a8aff;font-size:12.5px;font-family:sans-serif;text-decoration:underline;display:block;margin-bottom:9px;transition:color .18s;}
.site-footer a:hover{color:#7aadff;}

/* ticker */
.ticker-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:44px;background:#060e25;border-top:1px solid rgba(28,93,246,.2);display:flex;align-items:center;z-index:900;overflow:hidden;}
.tick-inner{flex:1;overflow:hidden;}
.tick-wrap{display:inline-flex;animation:tickerRun 330s linear infinite;white-space:nowrap;}
.tick-wrap:hover{animation-play-state:paused;}

/* modals */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.76);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:overlayIn .22s ease;}
.modal-overlay.center{align-items:center;}
.modal-box{background:#fff;width:100%;max-width:480px;border-radius:20px 20px 0 0;padding:22px 20px 36px;animation:modalIn .3s cubic-bezier(.25,.46,.45,.94);position:relative;}
.modal-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;color:#111;text-align:center;letter-spacing:.3px;}
.modal-sub{font-size:13px;color:#666;text-align:center;margin:5px 0 18px;}
.modal-close{position:absolute;top:14px;right:16px;background:#eef2f7;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#888;font-size:13px;transition:background .18s,color .18s;}
.modal-close:hover{background:#dce4ee;color:#333;}

.conf-items{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;}
.conf-coin-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;}
.conf-coin-wrap img{width:56px;height:56px;object-fit:contain;}
.conf-coin-lbl{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:16px;color:#1c5df6;text-align:center;line-height:1.2;}
.conf-coin-sub{font-size:9.5px;color:#888;text-align:center;font-family:sans-serif;}
.conf-plus{font-size:22px;color:#ccc;font-weight:800;line-height:1;flex-shrink:0;}
.conf-players{display:flex;gap:8px;align-items:flex-start;}
.conf-player{display:flex;flex-direction:column;align-items:center;gap:3px;}
.conf-player img{width:66px;height:66px;object-fit:contain;border-radius:5px;}
.conf-pname{font-family:'Rajdhani',sans-serif;font-size:10.5px;font-weight:700;color:#333;text-align:center;max-width:74px;line-height:1.2;}
.conf-price{text-align:center;margin-bottom:16px;font-size:13px;color:#666;}
.conf-price strong{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:17px;color:#111;}

.btn-confirm{width:100%;background:#1c5df6;color:#fff;border:none;border-radius:12px;padding:14px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:16px;letter-spacing:1px;cursor:pointer;transition:background .18s,transform .12s;}
.btn-confirm:hover{background:#2e6dff;}
.btn-confirm:active{transform:scale(.98);}

.modal-loading-overlay{position:fixed;inset:0;background:rgba(6,13,31,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1300;display:flex;align-items:center;justify-content:center;animation:overlayIn .2s ease;}
.loader-box{display:flex;flex-direction:column;align-items:center;gap:14px;}
.loader-box img{width:72px;height:72px;object-fit:contain;}
.loader-box p{font-family:'Rajdhani',sans-serif;font-size:14px;color:#aac0da;font-weight:600;letter-spacing:.5px;margin:0;}

.success-box{background:#fff;width:90%;max-width:360px;border-radius:20px;padding:28px 22px 24px;animation:dialogIn .3s cubic-bezier(.25,.46,.45,.94);text-align:center;}
.svg-check-wrap{width:86px;height:86px;margin:0 auto 14px;}
.svg-check-wrap circle{animation:drawCircle .8s ease-out forwards;}
.svg-check-wrap path{animation:drawCheck .5s ease-out forwards;animation-delay:.7s;}
.success-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;color:#111;margin-bottom:4px;}
.success-sub{font-size:13px;color:#666;margin-bottom:14px;}
.success-reward{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;background:#f4f8ff;border-radius:12px;padding:14px;margin-bottom:16px;}
.btn-back-home{width:100%;background:#1c5df6;color:#fff;border:none;border-radius:12px;padding:13px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:16px;letter-spacing:.8px;cursor:pointer;transition:background .18s;}
.btn-back-home:hover{background:#2e6dff;}

.coming-box{background:#fff;width:88%;max-width:340px;border-radius:18px;padding:30px 22px 22px;text-align:center;animation:dialogIn .28s cubic-bezier(.25,.46,.45,.94);}
.coming-icon{width:60px;height:60px;margin:0 auto 14px;font-size:36px;color:#1c5df6;display:flex;align-items:center;justify-content:center;}
.coming-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;color:#111;margin-bottom:6px;}
.coming-sub{font-size:13px;color:#888;margin-bottom:20px;}


.search-box{background:#fff;width:90%;max-width:370px;border-radius:18px;padding:26px 22px 22px;animation:dialogIn .28s cubic-bezier(.25,.46,.45,.94);}
.search-input{width:100%;border:1.5px solid #d4dce8;border-radius:8px;padding:12px 14px;font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:bold;letter-spacing:0.5px;color:#222;outline:none;transition:border-color .2s;margin-top:14px;display:block;}
.search-input:focus{border-color:#1c5df6;}
.search-input::placeholder{color:#c0c8d4;}
.search-actions{display:flex;gap:10px;margin-top:14px;}
.btn-cancel{flex:1;background:#dce8ff;color:#1c5df6;border:none;border-radius:10px;padding:13px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;cursor:pointer;transition:background .18s;}
.btn-cancel:hover{background:#c8daff;}
.btn-search{flex:1;background:#e8ecf0;color:#aaa;border:none;border-radius:10px;padding:13px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;cursor:not-allowed;pointer-events:none;transition:all .18s;}
.btn-search.active{background:#1c5df6;color:#fff;cursor:pointer;pointer-events:auto;}
.btn-search.active:hover{background:#2e6dff;}

.modal-loading-overlay{position:fixed;inset:0;background:rgba(6,13,31,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1300;display:flex;align-items:center;justify-content:center;animation:overlayIn .2s ease;}
.loader-box{display:flex;flex-direction:column;align-items:center;gap:14px;}
.loader-box img{width:72px;height:72px;object-fit:contain;}
.loader-box p{font-family:'Rajdhani',sans-serif;font-size:14px;color:#aac0da;font-weight:600;letter-spacing:.5px;margin:0;}

.success-box{background:#fff;width:90%;max-width:360px;border-radius:20px;padding:28px 22px 24px;animation:dialogIn .3s cubic-bezier(.25,.46,.45,.94);text-align:center;}
.svg-check-wrap{width:86px;height:86px;margin:0 auto 14px;}
.svg-check-wrap circle{animation:drawCircle .8s ease-out forwards;}
.svg-check-wrap path  {animation:drawCheck .5s ease-out forwards;animation-delay:.7s;}
.success-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;color:#111;margin-bottom:4px;}
.success-sub{font-size:13px;color:#666;margin-bottom:14px;}
.success-reward{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;background:#f4f8ff;border-radius:12px;padding:14px;margin-bottom:16px;}
.btn-back-home{width:100%;background:#1c5df6;color:#fff;border:none;border-radius:12px;padding:13px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:16px;letter-spacing:.8px;cursor:pointer;transition:background .18s;}
.btn-back-home:hover{background:#2e6dff;}

@media(min-width:481px){body{background:#020810;}}
.ef-select{
  width:100%;border:1.5px solid #d4dce8;border-radius:8px;
  padding:11px 36px 11px 14px;
  font-family:'Rajdhani',sans-serif;font-size:15px;color:#222;
  background:#fff;outline:none;cursor:pointer;
  appearance:none;-webkit-appearance:none;
  transition:border-color .2s;
}
.ef-select:focus{border-color:#1c5df6;}


:root{--modal-w:414px;--blue:#1a73e8;--text:#202124;--sub:#5f6368;--border:#dadce0;--error:#d93025;--bg:#fff}
*{box-sizing:border-box}
.gpx-modal a { color: var(--blue) !important; text-decoration: none !important; }
.gpx-modal a:hover { text-decoration: underline !important; }
[class^="gpx-"], [class*=" gpx-"]{
  font-family:'Roboto',system-ui,Segoe UI,Arial,sans-serif;
}

.gpx-trigger{display:inline-flex;gap:.5rem;align-items:center;margin:40px auto;padding:10px 16px;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.gpx-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:60;
}

.gpx-modal{position:relative;background:var(--bg);width:min(92vw,var(--modal-w));border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2);overflow:hidden}
.gpx-close{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:16px;color:#5f6368;cursor:pointer;padding:8px;border-radius:6px}
.gpx-close:hover{background:#f1f3f4}
.gpx-topbar{display:flex;align-items:center;gap:.6rem;padding:12px 16px;border-bottom:1px solid var(--border)}
.gpx-topbar .fa-google{color:#4285f4}
.gpx-titlebar{font-size:16px;font-weight:450;color:#3c4043}
.gpx-progress{height:4px;background:#e8f0fe;display:none}
.gpx-progress .gpx-bar{height:100%;width:0;background:var(--blue)}
.gpx-card{padding:20px 24px 22px}
.gpx-avatar{width:56px;height:56px;border-radius:50%;background:#f4b400;margin-bottom:14px}
.gpx-h1{font-size:28px;font-weight:400;line-height:1.25;margin:18px 0 6px}
.gpx-subtitle{display:flex;gap:6px;align-items:baseline;margin:0 0 18px}
.gpx-muted-small{color:#5f6368;font-size:16px}
.gpx-app-link{color:#1a73e8;font-size:16px;font-weight:500;text-decoration:none}
.gpx-app-link:hover{text-decoration:underline}

.gpx-group{position:relative;margin-bottom:14px}
.gpx-group .gpx-input{width:100%;padding:14px;border:1px solid #dadce0;border-radius:6px;font-size:16px;color:#202124;outline:0;transition:border-color .2s, box-shadow .2s}
.gpx-group .gpx-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,115,232,.15)}
.gpx-group .gpx-label{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#5f6368;font-size:16px;pointer-events:none;transition:all .18s ease;background:transparent}
.gpx-group .gpx-input:focus + .gpx-label,
.gpx-group .gpx-input:not(:placeholder-shown) + .gpx-label{top:-8px;font-size:12px;color:var(--blue);background:#fff;padding:0 4px;left:10px;transform:none;z-index:2}
.gpx-input.error{border-color:var(--error)!important;box-shadow:0 0 0 3px rgba(217,48,37,.12)!important}
.gpx-input.error + .gpx-label{color:var(--error)!important;top:-8px;left:10px;transform:none;font-size:12px;background:#fff;padding:0 4px;z-index:2}
.gpx-errtxt{display:none;margin-top:6px;font-size:12.5px;color:var(--error)}
.gpx-errtxt.visible{display:flex;align-items:center;gap:6px}
.gpx-errtxt .fa-circle-exclamation{font-size:13px}

.gpx-link{display:inline-block;color:var(--blue);font-size:14px;text-decoration:none}
.gpx-link:hover{text-decoration:underline}

.gpx-muted{color:var(--sub);font-size:12px;line-height:1.4;margin:0 0 18px}
.gpx-muted a{color:var(--blue);text-decoration:none}
.gpx-muted a:hover{text-decoration:underline}

.gpx-actions{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.gpx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:8px 18px;border-radius:22px;border:1px solid transparent;cursor:pointer;font-weight:700;font-size:14px;user-select:none}
.gpx-btn-text{background:transparent;color:var(--blue);font-weight:500;padding:8px 0;border-radius:0}
.gpx-btn-text:focus{outline:2px solid rgba(26,115,232,.3);outline-offset:2px}
.gpx-btn-primary{background:var(--blue);color:#fff;min-width:88px}
.gpx-btn-primary:hover{background:#2a6fe3}
.gpx-btn-primary:disabled{background:#a5c7fb;opacity:.65;cursor:not-allowed}

.gpx-row{display:flex;align-items:center;gap:.5rem}
.gpx-email-pill{display:flex;align-items:center;gap:.5rem;color:#3c4043;margin-top: 10px;margin-bottom: 10px;}
.gpx-email-pill .fa-user{color:#5f6368}

.gpx-checkwrap{display:flex;align-items:center;gap:.5rem;margin:10px 0 16px}
.gpx-checkwrap input[type="checkbox"]{appearance:none;width:18px;height:18px;border:2px solid #5f6368;border-radius:3px;display:inline-block;position:relative;cursor:pointer}
.gpx-checkwrap input[type="checkbox"]:checked{border-color:#1a73e8;background:#1a73e8}
.gpx-checkwrap input[type="checkbox"]:checked::after{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-58%);font-size:11px}

@media (max-width:420px){.gpx-card{padding:18px 16px}}


.conf-summary-label{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:12px;letter-spacing:.5px;color:#1c5df6;text-transform:uppercase;margin-bottom:8px;text-align:center;}
.conf-items{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px 12px;}
.conf-summary-wrap{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px 12px;margin-bottom:12px;}

.pkg-img-box{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px;flex-shrink:0;}

.reward-inner-box{
  width:100%;
  margin-top:20px;
  margin-bottom: 5px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  padding:8px 4px 4px;
}
.reward-inner-box .reward-coin{margin-top:0;}
.reward-inner-box .reward-players{margin-bottom:0;}
.reward-inner-box .reward-stock{margin-bottom:0;}


.pd-overlay{display:none;position:fixed;inset:0;z-index:1000;background:#060d1f;overflow-y:auto;}
.pd-panel{max-width:480px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:24px;}

.pd-header{position:sticky;top:5px;z-index:5;margin:5px 5px 0;background:linear-gradient(135deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.02) 45%,rgba(255,255,255,.08) 100%),rgba(18,28,52,.28);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.22);border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.15);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;}
.pd-hdr-coin{display:flex;align-items:center;gap:5px;background:rgba(28,93,246,.12);border:1px solid rgba(28,93,246,.3);border-radius:20px;padding:4px 10px 4px 6px;}
.pd-hdr-coin img{width:20px;height:20px;object-fit:contain;}
.pd-hdr-coin span{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:15px;color:#fff;}
.pd-logo img{height:15px;object-fit:contain;display:block;}
.pd-hdr-point{display:flex;align-items:center;gap:5px;color:#1c5df6;font-weight:700;font-size:13px;font-family:'Rajdhani',sans-serif;background:none;border:none;cursor:pointer;}

.pd-titlebar{padding:18px 14px 12px;}
.pd-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;color:#fff;font-size:22px;letter-spacing:.3px;}
.pd-subtitle{font-size:12px;color:#7d93b5;font-family:sans-serif;margin-top:4px;}

.pd-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 14px 14px;scrollbar-width:none;}
.pd-tabs::-webkit-scrollbar{display:none;}
.pd-tab{flex-shrink:0;background:transparent;border:1px solid rgba(80,120,180,.3);color:#93a9c4;font-family:'Rajdhani',sans-serif;font-weight:600;font-size:12.5px;padding:8px 14px;border-radius:20px;cursor:pointer;white-space:nowrap;}
.pd-tab.active{background:#1c5df6;border-color:#1c5df6;color:#fff;}

.pd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 12px;}
.pd-card{position:relative;background:linear-gradient(160deg,#232f47 0%,#101a2e 100%);border:1px solid rgba(80,120,180,.3);border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(60,100,160,.1),0 4px 10px rgba(0,0,0,.3);}
.pd-badge{position:absolute;top:6px;left:6px;background:#1c5df6;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:8px;letter-spacing:.5px;padding:2px 6px;border-radius:4px;z-index:2;}
.pd-img{width:100%;height:78px;object-fit:cover;display:block;}
.pd-body{padding:7px 7px 0;}
.pd-cat{font-size:8px;color:#7d93b5;font-family:sans-serif;text-transform:uppercase;letter-spacing:.3px;}
.pd-name{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:11px;color:#fff;line-height:1.25;margin:2px 0 5px;min-height:28px;}
.pd-ends{font-size:8px;color:#6fa8ff;font-family:sans-serif;margin-bottom:3px;display:flex;align-items:center;gap:3px;}
.pd-remaining{font-size:8.5px;color:#ffb020;font-weight:700;font-family:'Rajdhani',sans-serif;margin-bottom:7px;}
.pd-claim{width:calc(100% - 14px);margin:0 7px 7px;display:block;background:linear-gradient(180deg,#2a6ff0,#1c4fd8);border:1px solid rgba(90,150,255,.5);border-radius:6px;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:9.5px;letter-spacing:.2px;padding:7px 4px;cursor:pointer;box-shadow:0 2px 8px rgba(28,93,246,.4),inset 0 1px 0 rgba(255,255,255,.15);}

.pd-back{margin:18px 12px 0;width:calc(100% - 24px);background:linear-gradient(180deg,#2e6dff,#1c5df6);border:none;border-radius:12px;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;padding:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 16px rgba(28,93,246,.4);}

.pd-panel{overflow-x:hidden;}
.pd-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.pd-card{min-width:0;}
.pd-name{overflow-wrap:break-word;word-break:break-word;}
.pd-ends{white-space:normal;overflow-wrap:break-word;}

*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}</head>