/* Gone Arena Jackpot: ana sayfa paneli, pencere, Görevler şeridi */
.gj-wrap{margin-top:34px;margin-bottom:10px}
.gj{container:gjc/inline-size;position:relative;padding:46px 22px 22px;border-radius:22px;background:linear-gradient(180deg,rgba(23,29,26,.92),rgba(10,14,12,.94));border:1px solid var(--gold-line);box-shadow:0 24px 60px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04);isolation:isolate}
.gj::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 90% at 50% 0%,rgba(244,192,78,.13),transparent 70%);pointer-events:none;z-index:-1}
.gj-crest{position:absolute;left:50%;top:-24px;transform:translateX(-50%);width:min(560px,88%);height:72px;display:flex;align-items:center;justify-content:center}
.gj-crest svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gj-crest path{fill:#0d1210;stroke:var(--gold);stroke-width:1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 10px rgba(244,192,78,.35))}
.gj-crest h2{position:relative;margin:2px 0 0;font:800 clamp(17px,3.1vw,26px)/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-align:center;background:linear-gradient(180deg,#fff2c4,var(--gold) 55%,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;white-space:nowrap}
.gj-live{position:absolute;right:15%;top:30px;display:inline-flex;align-items:center;gap:5px;font:800 9px/1 Inter,sans-serif;letter-spacing:.14em;color:#65e6a5}
.gj-crest .gj-live{display:none}
.gj-live i{width:6px;height:6px;border-radius:50%;background:#65e6a5;box-shadow:0 0 0 0 rgba(101,230,165,.6);animation:gjLive 1.8s infinite}
@keyframes gjLive{0%{box-shadow:0 0 0 0 rgba(101,230,165,.55)}70%{box-shadow:0 0 0 7px rgba(101,230,165,0)}100%{box-shadow:0 0 0 0 rgba(101,230,165,0)}}
.gj-i{position:absolute;right:14px;top:14px;width:30px;height:30px;border-radius:50%;border:1px solid var(--gold-line);background:rgba(244,192,78,.08);color:var(--gold);font:800 15px/1 Georgia,serif;font-style:italic;cursor:pointer;display:grid;place-items:center;transition:.2s}
.gj-i:hover,.gj-i:focus-visible{background:var(--gold);color:var(--gold-ink);box-shadow:0 0 0 4px rgba(244,192,78,.2);outline:none}
.gj-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:6px}
.gj-t{--jc:#f4c04e;position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1.5px solid color-mix(in srgb,var(--jc) 55%,transparent);transition:transform .22s,box-shadow .22s,border-color .22s}
.gj-t:hover,.gj-t:focus-visible{transform:translateY(-4px);border-color:var(--jc);box-shadow:0 14px 34px -14px var(--jc),0 0 0 1px color-mix(in srgb,var(--jc) 50%,transparent),inset 0 0 24px -12px var(--jc);outline:none}
.gj-t:active{transform:translateY(-1px) scale(.99)}
.gj-ic{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--jc) 95%,#fff 8%),color-mix(in srgb,var(--jc) 55%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 16px -8px var(--jc)}
.gj-ic svg{width:25px;height:25px;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.gj-tx{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.gj-tx small{font:700 11.5px/1.1 Inter,sans-serif;color:var(--muted);letter-spacing:.03em;margin-bottom:5px}
.gj-a{display:flex;align-items:baseline;gap:4px;font:800 clamp(17px,2vw,22px)/1 Inter,sans-serif;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.gj-a i{font-style:normal;font-size:.8em;color:var(--jc)}
.gj-a .gj-c{font-style:normal;font-size:.62em;font-weight:700;color:rgba(255,255,255,.62);margin-left:-3px;min-width:2.1em}
.gj-a span.up{animation:gjUp .5s ease-out}
@keyframes gjUp{0%{color:#fff;text-shadow:0 0 0 transparent}35%{color:var(--jc);text-shadow:0 0 14px var(--jc)}100%{color:#fff;text-shadow:0 0 0 transparent}}
.gj-sh{position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);pointer-events:none;animation:gjSh 7s ease-in-out infinite}
.gj-grid .gj-t:nth-child(2) .gj-sh{animation-delay:1.2s}.gj-grid .gj-t:nth-child(3) .gj-sh{animation-delay:2.4s}.gj-grid .gj-t:nth-child(4) .gj-sh{animation-delay:3.6s}
@keyframes gjSh{0%,70%{left:-60%}100%{left:130%}}
.gj-t:hover .gj-sh{animation:gjSh 1.1s ease-out}
.gj-t.boom{animation:gjBoom 2.4s ease-out}
@keyframes gjBoom{0%,100%{box-shadow:0 0 0 0 transparent}15%{box-shadow:0 0 0 6px color-mix(in srgb,var(--jc) 45%,transparent),0 0 40px var(--jc)}}
@container gjc (max-width:920px){.gj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container gjc (max-width:520px){.gj-grid{gap:10px}.gj-t{padding:10px;gap:9px}.gj-ic{width:38px;height:38px;border-radius:11px}.gj-ic svg{width:21px;height:21px}.gj-tx small{font-size:10.5px}.gj-a{font-size:16px}.gj-crest h2{letter-spacing:.07em;font-size:15px}}
@media(max-width:520px){.gj{padding:44px 12px 14px}}
@media(prefers-reduced-motion:reduce){.gj-sh,.gj-live i,.gj-a span.up,.gj-t.boom{animation:none}.gj-t{transition:none}}

/* Görevler sayfası şeridi */
.gj-stripw{margin:0 0 14px}
.gj-strip{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:10px 14px;border-radius:14px;cursor:pointer;font:inherit;color:var(--ink);text-align:left;background:linear-gradient(90deg,rgba(244,192,78,.09),rgba(255,255,255,.02));border:1px solid var(--gold-line);transition:border-color .2s,box-shadow .2s}
.gj-strip:hover{border-color:var(--gold);box-shadow:0 8px 24px -14px var(--gold-glow)}
.gs-t{font:800 11px/1 Inter,sans-serif;letter-spacing:.14em;color:var(--gold)}
.gs-p{--jc:#f4c04e;display:inline-flex;align-items:baseline;gap:5px;font:700 12.5px/1 Inter,sans-serif;color:var(--muted)}
.gs-p em{font-style:normal;color:var(--jc);font-weight:800}.gs-p b{color:#fff;font-variant-numeric:tabular-nums}

/* Pencere */
html.gjm-lock{overflow:hidden}
.gjm{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .2s}
.gjm.on{opacity:1}
.gjm-bg{position:absolute;inset:0;background:rgba(3,6,5,.78);backdrop-filter:blur(6px)}
.gjm-c{position:relative;width:min(620px,100%);max-height:min(86vh,760px);display:flex;flex-direction:column;border-radius:22px;background:linear-gradient(180deg,#151b18,#0b0f0d);border:1px solid var(--gold-line);box-shadow:0 40px 90px -30px #000,0 0 0 1px rgba(244,192,78,.08);overflow:hidden;transform:translateY(10px) scale(.98);transition:transform .22s}
.gjm.on .gjm-c{transform:none}
.gjm-x{position:absolute;right:12px;top:10px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;z-index:2}
.gjm-x:hover{background:rgba(255,255,255,.12)}
.gjm-h{padding:22px 54px 10px 20px;display:flex;flex-direction:column;gap:6px}
.gjm-h .gj-live{position:static}
.gjm-h h3{margin:0;font:800 clamp(17px,3.4vw,22px)/1.1 Inter,sans-serif;letter-spacing:.14em;background:linear-gradient(180deg,#fff2c4,var(--gold) 55%,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.gjm-tabs{display:flex;gap:6px;padding:6px 16px 0;border-bottom:1px solid var(--line)}
.gjm-tabs button{padding:10px 16px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:700 13.5px Inter,sans-serif;cursor:pointer;margin-bottom:-1px}
.gjm-tabs button.on{color:var(--gold);border-bottom-color:var(--gold)}
.gjm-b{padding:16px 18px 20px;overflow:auto;-webkit-overflow-scrolling:touch}
.gjm-leg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}
.gjm-leg span{--jc:#f4c04e;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--jc) 40%,transparent);background:rgba(255,255,255,.03)}
.gjm-leg .gj-ic{width:30px;height:30px;border-radius:9px}.gjm-leg .gj-ic svg{width:17px;height:17px}
.gjm-leg em{font-style:normal;font:700 12.5px Inter,sans-serif;color:var(--ink)}.gjm-leg b{margin-left:auto;font:800 13px Inter,sans-serif;color:var(--jc);font-variant-numeric:tabular-nums}
.gjm-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.gjm-rules li{display:flex;gap:12px;align-items:flex-start}
.gjm-rules li span{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 12px Inter,sans-serif;background:rgba(244,192,78,.14);color:var(--gold);border:1px solid var(--gold-line)}
.gjm-rules p{margin:0;color:#cfd8d3;font:500 14px/1.55 Inter,sans-serif}
.gjm-g{--jc:#f4c04e;margin-bottom:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--jc) 35%,transparent);background:rgba(255,255,255,.025);overflow:hidden;transition:box-shadow .3s}
.gjm-g.foc{box-shadow:0 0 0 2px var(--jc),0 10px 30px -16px var(--jc)}
.gjm-g h4{margin:0;display:flex;align-items:center;gap:10px;padding:10px 12px;font:800 13.5px Inter,sans-serif;color:var(--ink);background:linear-gradient(90deg,color-mix(in srgb,var(--jc) 22%,transparent),transparent)}
.gjm-g h4 .gj-ic{width:30px;height:30px;border-radius:9px}.gjm-g h4 .gj-ic svg{width:17px;height:17px}
.gjm-g h4 small{margin-left:auto;font:800 12.5px Inter,sans-serif;color:var(--jc);font-variant-numeric:tabular-nums}
.gjm-g ul{list-style:none;margin:0;padding:4px 12px 8px}
.gjm-g li{display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font:600 13px Inter,sans-serif}
.gjm-g li:first-child{border-top:0}
.gjm-st{color:var(--jc);text-shadow:0 0 8px var(--jc)}
.gjm-g li b{color:#fff;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis}
.gjm-g li em{font-style:normal;font-weight:500;color:var(--muted);font-size:12px}
.gjm-g li strong{color:var(--jc);font-weight:800;font-variant-numeric:tabular-nums}
.gjm-empty{padding:12px 14px 14px;color:var(--muted);font:500 13px Inter,sans-serif}
@media(max-width:520px){.gjm{align-items:flex-end;padding:0}.gjm-c{width:100%;max-height:90vh;border-radius:22px 22px 0 0}.gjm-leg{grid-template-columns:1fr 1fr}.gjm-g li{grid-template-columns:16px minmax(0,1fr) auto;row-gap:2px}.gjm-g li em{grid-column:2;grid-row:2;font-size:11px}.gjm-g li strong{grid-column:3;grid-row:1 / span 2}}