.gj{--gold-card:linear-gradient(180deg, #e2b067 0%, #c28d48 12%, #a97a3b 28%, #86602a 50%, #7a5622 62%, #93682c 80%, #c08236 92%, #ebae5f 100%);--gold-band:linear-gradient(180deg, #9a6b2b, #7a5622);--gold-glow:0 0 0 1px #f3d49a, 0 14px 30px -10px #a86e28bf, 0 0 28px #ebae5f8c;background:radial-gradient(70% 40% at 15% 0,#edf5f4,#0000 70%),#fcfbf8;border-radius:22px;height:504px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f0eadc}.gj-ph{width:32%;max-width:none;height:auto;position:absolute;top:6px;left:-2px;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 18%);mask-image:linear-gradient(0deg,#0000 0,#000 18%)}.gj-halo{border:1.5px solid #c7904973;border-radius:50%;width:104px;height:104px;position:absolute;top:14px;left:8px}.gj-head{width:58%;position:absolute;top:24px;right:16px}.gj-lead{margin:0}.gj-lead small{letter-spacing:.6px;color:#a88344;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.gj-lead strong{color:#063135;letter-spacing:-.2px;margin-top:3px;font-size:20px;font-weight:800;line-height:1.35;display:block}.gj-lead em{background:linear-gradient(90deg,#b8893f,#d9b977 55%,#a88344);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.gj-list{margin:0;padding:0;list-style:none}.gj-row{direction:ltr;align-items:flex-end;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:absolute;left:12px;right:12px}.gj-line{pointer-events:none;position:absolute;inset:0;overflow:visible}.gj-line path{fill:none;stroke:url(#gjLn) #c79049;stroke-width:2.4px;stroke-linecap:round}.gj-line circle{fill:#fff;stroke:#e8c891;stroke-width:1.5px;transition:fill .4s}.gj-line circle.on{fill:#f7dfa0;filter:drop-shadow(0 0 4px #ebae5fe6)}.gj-row li{min-width:0;height:var(--h);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity .6s ease var(--d,0s), translate .6s cubic-bezier(.16, 1, .3, 1), scale .5s cubic-bezier(.16, 1, .3, 1), box-shadow .5s;direction:rtl;background:linear-gradient(#fff,#f3f1ec);border-radius:14px 14px 10px 10px;outline:none;flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow:hidden;translate:0 12px;box-shadow:0 10px 20px -14px #06313580,inset 0 0 0 1px #0631350f}.gj-row li:before{content:"";background:var(--gold-card);opacity:0;transition:opacity .5s;position:absolute;inset:0}.gj-row li>*{z-index:1;position:relative}.gj-ic{color:#c79049;width:18px;height:18px;margin-top:9px;transition:color .4s}.gj-ic svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.gj-t{color:#063135;flex:1;align-items:center;padding:4px 4px 6px;font-size:9.5px;font-weight:800;line-height:1.5;transition:color .4s;display:flex}.gj-y{color:#fff;letter-spacing:.3px;background:linear-gradient(#125a5c,#0b3d3b);width:100%;padding:4px 0 5px;font-size:11px;font-weight:800}.gj-row li.past .gj-y{background:linear-gradient(#14696b,#0e4a4c)}.gj.in .gj-row li{opacity:1;translate:0}.gj-row li.on{box-shadow:var(--gold-glow);z-index:3;scale:1.04}.gj.in .gj-row li.on{translate:0 -8px}.gj-row li.on:before{opacity:1}.gj-row li.on .gj-ic,.gj-row li.on .gj-t{color:#fff}.gj-row li.on .gj-t{text-shadow:0 1px 2px #3c230559}.gj-row li.on .gj-y{background:var(--gold-band);box-shadow:inset 0 1px #ffdc9659}.gj-row li:focus-visible{box-shadow:0 0 0 2px #0c7f89}.gj-ph{opacity:0}.gj.ph-go .gj-ph{animation:1.8s cubic-bezier(.22,1,.36,1) .2s both gj-ph-in}@-webkit-keyframes gj-ph-in{0%{opacity:0;-webkit-transform:translate(-190%)}25%{opacity:1}to{opacity:1;-webkit-transform:none}}@keyframes gj-ph-in{0%{opacity:0;transform:translate(-190%)}25%{opacity:1}to{opacity:1;transform:none}}.gj-halo{opacity:0;transition:opacity .8s .5s,scale 1.2s cubic-bezier(.16,1,.3,1) .5s;scale:.6}.gj-head{opacity:0;transition:opacity .7s .35s,translate .8s cubic-bezier(.16,1,.3,1) .35s;translate:0 10px}.gj.in .gj-head{opacity:1;translate:0}.gj.in .gj-halo{opacity:1;scale:1}@media (prefers-reduced-motion:reduce){.gj *,.gj-row li{transition:none!important}}