.gsu{--g-arena-bg:linear-gradient(180deg,#e9eef5 0%,#d5dde8 100%);--gsu-dugme:44px;--gsu-dugme-zemin:rgba(15,23,42,.78);--gsu-dugme-yazi:#ffffff;--gsu-rozet-zemin:#facc15;--gsu-rozet-yazi:#1e293b;--gsu-nabiz:rgba(250,204,21,.55);--gsu-nabiz-sonu:rgba(250,204,21,0);--gsu-uyari-zemin:rgba(229,72,77,.10);--gsu-uyari-kenar:rgba(229,72,77,.45)}html.dark-mode .gsu,body.dark-mode .gsu{--g-arena-bg:linear-gradient(180deg,#0e1520 0%,#090f17 100%);--gsu-dugme-zemin:rgba(226,232,240,.16);--gsu-uyari-zemin:rgba(229,72,77,.16)}.gsu .g-arena{position:relative;flex-direction:column;overflow:hidden;isolation:isolate}.gsu .gsu-sahne{display:block;flex:1 1 auto;width:100%;min-height:0;border:0;border-radius:0;box-shadow:none;outline:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.gsu .gsu-eylem{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px 14px;pointer-events:none}.gsu .gsu-dugme{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;min-height:var(--gsu-dugme);padding:0 18px;border:0;border-radius:999px;background:var(--gsu-dugme-zemin);color:var(--gsu-dugme-yazi);font-size:14px;font-weight:800;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:filter .12s ease,opacity .12s ease}.gsu .gsu-dugme svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}.gsu .gsu-dugme:hover:not(:disabled){filter:brightness(1.15)}.gsu .gsu-dugme:active:not(:disabled){filter:brightness(.9)}.gsu .gsu-dugme:disabled{opacity:.45;cursor:default}.gsu .gsu-dugme:focus-visible{outline:3px solid var(--g-action);outline-offset:2px}.gsu .gsu-rozet{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--gsu-rozet-zemin);color:var(--gsu-rozet-yazi);font-size:12px;font-weight:900}.gsu .gsu-dugme.is-nabiz{animation:gsu-nabiz 1s ease-in-out infinite}@keyframes gsu-nabiz{0%,100%{box-shadow:0 0 0 0 var(--gsu-nabiz)}50%{box-shadow:0 0 0 7px var(--gsu-nabiz-sonu)}}@media (max-width:420px){.gsu{--gsu-dugme:42px}.gsu .gsu-eylem{gap:8px;padding:8px 8px 12px}.gsu .gsu-dugme{padding:0 14px;font-size:13px}}.gsu .g-brief{bottom:calc(var(--gsu-dugme) + 32px)}.gsu .g-hud-item.is-kritik strong{color:var(--g-lose);animation:gsu-kritik 1s ease-in-out infinite}@keyframes gsu-kritik{0%,100%{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.gsu .g-hud-item.is-kritik strong,.gsu .gsu-dugme.is-nabiz{animation:none}.gsu .gsu-dugme{transition:none}}.gsu .gsu-uyari{position:relative;z-index:1;max-width:var(--g-start-w,340px);margin:14px auto 0;padding:10px 14px;border:1px solid var(--gsu-uyari-kenar);border-radius:14px;background:var(--gsu-uyari-zemin);color:var(--g-ink);font-size:13px;line-height:1.45;text-align:center}.gsu .g-ekran-bg::before{background-image:url("/uploads/oyunlar/su-siralama/img/ekran-bg.webp")}html.dark-mode .gsu .g-ekran-bg::before,body.dark-mode .gsu .g-ekran-bg::before{background-image:url("/uploads/oyunlar/su-siralama/img/ekran-bg.webp");filter:blur(3px) brightness(0.46) saturate(0.85)}
