/* ===== GOG soft theme: calm, premium, international feel (games ke stage ko touch nahi) =====
   Palette: deep navy (thoda halka) + champagne gold + halka plum/saffron glow. Fonts: Poppins (soft, rounded). */
:root{--bg:#0D1220;--s1:#151C2E;--s2:#1E2740;--ln:#ffffff14;--gold:#D8B56F;--gold2:#EBD6A6;--ink:#141824;--tx:#EEEAE2;--mut:#9AA5BA;--glow1:#3a2a4a55;--glow2:#1f3a5a55;
  --fd:"Poppins","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--fb:"Poppins","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --soft-sh:0 8px 24px #0006;--soft-r:18px}
:is(#lobby,header,#pg,#sheet,.bot,#sports,#trade,.gA,#gA,.sheet,#strip){
  --disp:var(--fd);--sans:var(--fb)}
body{background:radial-gradient(90% 38% at 85% 0,var(--glow1) 0,transparent 70%) no-repeat,
  radial-gradient(90% 36% at 10% 6%,var(--glow2) 0,transparent 70%) no-repeat,var(--bg);
  font-weight:400;letter-spacing:.005em}

/* typography: halka weight, kam shor */
body h1,body h2,body h3{font-weight:600;letter-spacing:.01em}
body .sec>.sh h3,body .gh2 h3{font-weight:600}
body .ban h2{font-weight:600;letter-spacing:.06em}
body .gc .gt{font-weight:600;letter-spacing:.07em}
body #hw b,body .tour strong{font-weight:600}
body .tm,body .sc{font-weight:600}
body .tab,body .btn{font-weight:500}

/* surfaces: glass + soft borders + soft shadow */
body header,body .bot{background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#ffffff10}
body .hw,body .mc,body .tour,body .tools .tool,body .sec .tool{background:linear-gradient(160deg,#ffffff0a,#ffffff04),var(--s1);
  border:1px solid #ffffff14;border-radius:var(--soft-r);box-shadow:var(--soft-sh)}
body .tab{background:#ffffff08;border:1px solid #ffffff14;color:var(--mut)}
body .tab.on{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--ink);border-color:transparent;box-shadow:0 4px 14px color-mix(in srgb,var(--gold) 20%,transparent)}
body .hwp span{background:#ffffff0a;border:1px solid #ffffff12;font-weight:500}

/* buttons: champagne gradient, round, soft glow (sharp contrast kam) */
body .btn{border-radius:14px}
body .btn.g{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--ink);box-shadow:0 6px 18px color-mix(in srgb,var(--gold) 18%,transparent)}
body .btn.o{background:#ffffff08;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);color:var(--gold2)}

/* game cards: rays halke, corners round, glow soft */
body .gc .ga{border-radius:20px;border:1px solid #ffffff22;box-shadow:0 8px 22px #0007}
body .gc .ga .fx{opacity:.55}
body .gc .ga:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff12 0,transparent 35%,#0b0f1c66 100%);pointer-events:none}
body .gc .gs{font-weight:500;text-shadow:0 1px 6px #0009}
body .gc .gt{text-shadow:0 2px 10px #0008}
body .gc .prov{background:#0b0f1c88;border:1px solid #ffffff1c;font-weight:500;letter-spacing:.08em}
body .gc .cs{background:#0b0f1ccc;border:1px solid color-mix(in srgb,var(--gold) 33%,transparent);font-weight:500}

/* banner + hero: gentle */
body .ban{border-radius:22px;box-shadow:var(--soft-sh)}
body .ban:before,body .ban .fx:before{border-color:color-mix(in srgb,var(--gold2) 20%,transparent)}

/* animations ko aur narm karo */
@keyframes gcta{0%,100%{box-shadow:0 6px 18px color-mix(in srgb,var(--gold) 18%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 8%,transparent),0 8px 24px color-mix(in srgb,var(--gold) 27%,transparent)}}
body #hw .btn.g,body .gAcard .btn.g:not([disabled]),body #gSign.btn.g{animation-duration:4.5s}
body .gc,body .btn,body .tab{transition-duration:.28s}
body .gc:hover{transform:translateY(-2px)}

/* sheets / auth card: soft glass */
body #sheet #shc,body .gAcard{background:linear-gradient(170deg,#ffffff0b,#ffffff03),#131a2b;border:1px solid #ffffff18;border-radius:24px;box-shadow:0 20px 50px #000a}
body .gAcard input,body input#q{background:#ffffff08;border-color:#ffffff1a;border-radius:14px}
body .foot{color:#7f8aa1}
body input#q{background:transparent!important;border:0!important}
body #tabs{padding-left:16px!important;padding-right:16px!important}
body .gc .ga{filter:saturate(.88) brightness(.98)}

/* legal disclaimer */
.gleg{margin:14px 16px 4px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);background:color-mix(in srgb,var(--gold) 6%,transparent);color:var(--mut);font-size:11px;line-height:1.5;text-align:center}
.gleg.dr{margin:10px 12px}
.gAlg{margin:12px 0 0;padding:9px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);background:color-mix(in srgb,var(--gold) 6%,transparent);color:var(--mut);font-size:10.5px;line-height:1.5;text-align:center}

/* coin store */
.stw{padding:4px 0}.stbal{text-align:center;padding:16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);background:color-mix(in srgb,var(--gold) 7%,transparent);margin-bottom:14px}
.stbal small{display:block;color:var(--mut);font-size:12px}.stbal b{font:800 30px var(--disp);color:var(--gold2)}
.stg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.stp{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px 14px;border-radius:16px;border:1px solid var(--ln);background:var(--s1);color:var(--tx);cursor:pointer}
.stp b{font:800 20px var(--disp);color:var(--gold2)}.stp small{color:var(--mut);font-size:12px}.stp span{margin-top:6px;padding:6px 16px;border-radius:99px;background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--ink);font-weight:700;font-size:13px}
.stp.hot{border-color:var(--gold)}.stp i{position:absolute;top:-8px;left:50%;transform:translateX(-50%);padding:2px 10px;border-radius:99px;background:var(--gold);color:var(--ink);font:700 10px var(--sans);font-style:normal;white-space:nowrap}
.stnote{margin:14px 0;color:var(--mut);font-size:12px;line-height:1.55}.stt{margin:18px 0 8px;font-size:15px}
.sto{display:flex;gap:10px;align-items:center;padding:10px 12px;margin-bottom:8px;border-radius:12px;border:1px solid var(--ln);background:var(--s1)}.sto b{display:block;font-size:14px}.sto small{color:var(--mut);font-size:12px}

/* ===== IMAGE CARDS / BANNERS: no white glow on top of uploaded image, so the darkness slider works fully ===== */
body .ban.hasimg .fx,body .gc .ga.gimg .fx{background:none!important;opacity:1!important}
body .ban.hasimg .fx:after,body .gc .ga.gimg .fx:after{display:none!important}
body .ban.hasimg .fx:before,body .gc .ga.gimg .fx:before{box-shadow:none!important}
body .gc .ga.gimg{filter:none!important}
body .gc .ga.gimg:after{display:none!important}