.greact{--g-arena-bg:var(--gr-idle);--gr-idle:#e9ecf2;--gr-idle-ink:#4a5462;--gr-wait:#eceff5;--gr-wait-ink:#85909e;--gr-green:#22c55e;--gr-green-ink:#04331a;--gr-red:#ef4444;--gr-red-ink:#3a0505;--gr-blue:#3b82f6;--gr-blue-ink:#04173a;--gr-yellow:#eab308;--gr-yellow-ink:#33270a;--gr-ok:#0a8f4d;--gr-fail:#d3202f;--gr-frame:rgba(74,84,98,0.18);--gr-grid:rgba(74,84,98,0.07);--gr-glow:rgba(74,84,98,0.12)}html.dark-mode .greact,body.dark-mode .greact{--gr-idle:rgba(255,255,255,0.07);--gr-idle-ink:#aab4c5;--gr-wait:rgba(255,255,255,0.05);--gr-wait-ink:#7c879a;--gr-ok:#3ce68f;--gr-fail:#ff7a86;--gr-frame:rgba(255,255,255,0.14);--gr-grid:rgba(255,255,255,0.045);--gr-glow:rgba(255,255,255,0.08)}.greact #screen-play,.greact .g-arena{width:100%}.greact .g-arena{flex-direction:column;justify-content:center;max-width:none}.greact .gr-buttons{flex:0 0 auto;width:min(100%,520px);margin-inline:auto}.gr-signal{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;width:100%;align-self:stretch;flex:1 1 auto;min-height:0;padding:clamp(28px,5vw,64px);text-align:center;background:linear-gradient(var(--gr-grid) 1px,transparent 1px),linear-gradient(90deg,var(--gr-grid) 1px,transparent 1px),radial-gradient(circle at 50% 46%,var(--gr-glow),transparent 54%),var(--gr-idle);background-size:42px 42px,42px 42px,auto,auto;color:var(--gr-idle-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -28px 70px rgba(28,36,49,0.045);cursor:pointer;transition:none !important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.gr-signal::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(42vw,390px);aspect-ratio:1;border-radius:50%;border:1px solid currentColor;opacity:0.1;box-shadow:0 0 0 52px currentColor,0 0 0 53px transparent,0 0 0 104px currentColor,0 0 0 105px transparent;transition:none !important}.gr-signal::after{content:"";position:absolute;inset:22px;z-index:-1;pointer-events:none;border:1px solid currentColor;border-radius:calc(var(--g-radius) - 2px);opacity:0.1;transition:none !important}.gr-signal>*{position:relative;z-index:1}.gr-kicker{display:inline-flex;align-items:center;gap:9px;font:800 12px/1 'Gilroy',sans-serif;letter-spacing:2.6px;text-transform:uppercase;opacity:0.8}.gr-kicker::before{content:"";width:7px;height:7px;flex:0 0 auto;background:currentColor;border-radius:50%;box-shadow:0 0 0 5px currentColor;opacity:0.55}.gr-label{font:800 clamp(38px,6vw,76px)/1.04 'Gilroy',sans-serif;letter-spacing:-0.035em;font-variant-numeric:tabular-nums}.gr-sub{min-height:20px;max-width:440px;font:650 clamp(13px,1.2vw,16px)/1.4 'Gilroy',sans-serif;opacity:0.82}.gr-signal.is-wait{background:linear-gradient(var(--gr-grid) 1px,transparent 1px),linear-gradient(90deg,var(--gr-grid) 1px,transparent 1px),radial-gradient(circle at 50% 46%,var(--gr-glow),transparent 54%),var(--gr-wait);background-size:42px 42px,42px 42px,auto,auto;color:var(--gr-wait-ink)}.gr-signal.is-green{background:radial-gradient(circle at 50% 44%,#65e899 0,var(--gr-green) 58%,#12a64a 100%);color:var(--gr-green-ink);border-color:rgba(4,51,26,0.22)}.gr-signal.is-red{background:radial-gradient(circle at 50% 44%,#ff7777 0,var(--gr-red) 58%,#cf2929 100%);color:var(--gr-red-ink);border-color:rgba(58,5,5,0.24)}.gr-signal.is-blue{background:radial-gradient(circle at 50% 44%,#74a9ff 0,var(--gr-blue) 58%,#2466cf 100%);color:#ffffff;border-color:rgba(4,23,58,0.25)}.gr-signal.is-yellow{background:radial-gradient(circle at 50% 44%,#ffe46b 0,var(--gr-yellow) 60%,#c18e00 100%);color:var(--gr-yellow-ink);border-color:rgba(51,39,10,0.22)}.gr-signal.is-ok{background:radial-gradient(circle at 50% 45%,rgba(61,220,139,0.22),transparent 52%),var(--g-win-soft);color:var(--gr-ok);border-color:rgba(10,143,77,0.2)}.gr-signal.is-fail{background:radial-gradient(circle at 50% 45%,rgba(239,68,68,0.18),transparent 52%),var(--g-lose-soft);color:var(--gr-fail);border-color:rgba(211,32,47,0.2)}.gr-word{font:800 clamp(42px,7vw,84px)/1 'Gilroy',sans-serif}.gr-word.c-green{color:var(--gr-green)}.gr-word.c-red{color:var(--gr-red)}.gr-word.c-blue{color:var(--gr-blue)}.gr-word.c-yellow{color:var(--gr-yellow)}.gr-arrow{font-size:clamp(72px,12vw,140px);line-height:0.9}.gr-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.gr-buttons[hidden]{display:none}.gr-dir{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:72px;font:800 17px/1 'Gilroy',sans-serif;letter-spacing:0.04em;color:var(--g-ink);background:linear-gradient(180deg,var(--g-surface),var(--g-surface-2));border:1px solid var(--g-line);border-radius:var(--g-radius);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),0 8px 20px rgba(28,36,49,0.06);transition:background 0.14s ease,border-color 0.14s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.gr-dir:hover{background:var(--g-surface-2)}.gr-dir:active{background:var(--g-accent-soft)}.gr-dir:focus-visible{outline:3px solid var(--g-accent-line);outline-offset:3px}.gr-dir i{font-size:24px;color:var(--g-accent-ink)}.gr-sep{margin:0 2px;color:var(--g-ink-dim);font-weight:600}@media (max-width:575.98px){.gr-signal{align-self:auto;flex:0 0 auto;height:clamp(310px,92vw,420px);max-height:50vh;min-height:300px;padding:24px 18px}.gr-signal::before{width:58vw}.gr-signal::after{inset:14px}.gr-label{font-size:clamp(34px,12vw,50px)}.gr-word{font-size:clamp(38px,14vw,58px)}.gr-arrow{font-size:clamp(70px,24vw,108px)}.gr-dir{height:58px;font-size:16px}}@media (prefers-reduced-motion:reduce){.gr-dir{transition:none}}.greaksiyon .g-ekran-bg::before{background-image:url("/uploads/oyunlar/reaksiyon-suresi/img/ekran-bg.webp")}html.dark-mode .greaksiyon .g-ekran-bg::before,body.dark-mode .greaksiyon .g-ekran-bg::before{background-image:url("/uploads/oyunlar/reaksiyon-suresi/img/ekran-bg.webp");filter:blur(3px) brightness(0.46) saturate(0.85)}