.gemsim { --rar-normal:var(--ucuz-sonuk); --rar-rare:#2dd4bf; --rar-vrare:#c084fc; --rar-mythic:var(--ucuz-gold); }
.gemsim .num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.gemsim .result-box { scroll-margin-top:80px; }
.gemsim .pos { color:var(--ucuz-green); }
.gemsim .neg { color:var(--ucuz-red); }

.gs-tabs { display:flex; flex-wrap:wrap; gap:8px; }
.gs-tabs .game-tab { padding:8px 22px; font-size:.85rem; }

.gs-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(124px,1fr)); gap:10px; }
.gs-item {
  background:var(--ucuz-dark); border:1px solid var(--ucuz-border); border-radius:10px;
  padding:12px 8px 10px; text-align:center; cursor:pointer; transition:.15s;
}
.gs-item:hover { border-color:rgba(242,179,61,.45); transform:translateY(-2px); }
.gs-item.on { border-color:var(--ucuz-gold); background:rgba(242,179,61,.08); }
.gs-item img { width:48px; height:48px; object-fit:contain; display:block; margin:0 auto 8px;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.55)); }
.gs-item .nm { font-size:.72rem; font-weight:600; line-height:1.25; color:#ddd;
  min-height:2.5em; display:flex; align-items:center; justify-content:center; }
.gs-item.on .nm { color:var(--ucuz-gold); }
.gs-item .dr { margin-top:5px; font-size:.65rem; color:var(--ucuz-sonuk2); }

.gs-bar { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.gs-bar-icon {
  width:64px; height:64px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  background:var(--ucuz-dark); border:1px solid var(--ucuz-border); border-radius:10px;
}
.gs-bar-icon img { max-width:50px; max-height:50px; object-fit:contain; }
.gs-bar-name { font-size:1.35rem; font-weight:700; line-height:1.2; }
.gs-bar-sub { font-size:.78rem; color:var(--ucuz-sonuk); margin-top:2px; }

.gs-strip { display:flex; flex-wrap:wrap; align-items:center; row-gap:10px; margin-left:auto; }
.gs-metric { padding:2px 20px; border-left:1px solid var(--ucuz-border); }
.gs-metric:first-child { border-left:0; }
.gs-metric .k { font-size:.66rem; text-transform:uppercase; letter-spacing:.07em; color:var(--ucuz-sonuk2); }
.gs-metric .v { font-size:1.05rem; font-weight:700; font-variant-numeric:tabular-nums; margin-top:1px; }

.gemsim .form-control, .gemsim .form-select {
  background:var(--ucuz-dark); border-color:var(--ucuz-border); color:var(--ucuz-metin);
}
.gemsim .form-control:focus, .gemsim .form-select:focus {
  background:var(--ucuz-dark); border-color:var(--ucuz-gold); color:var(--ucuz-metin); box-shadow:none;
}
.gs-run {
  width:100%; padding:12px; border:0; border-radius:10px; cursor:pointer; transition:.15s;
  background:var(--ucuz-gold); color:var(--ucuz-gold-metin); font-weight:700; font-size:.95rem;
}
.gs-run:hover { filter:brightness(1.08); }
.gs-run:active { transform:scale(.985); }
.gs-risk {
  padding:12px 16px; border:1px solid var(--ucuz-border); border-radius:10px; cursor:pointer;
  background:transparent; color:var(--ucuz-metin2); font-weight:600; font-size:.88rem; white-space:nowrap; transition:.15s;
}
.gs-risk:hover { border-color:var(--ucuz-green); color:var(--ucuz-green); }

.gs-lines { border:1px solid var(--ucuz-border); border-radius:10px; overflow:hidden; }
.gs-line { display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:9px 14px; border-bottom:1px solid rgba(36,44,59,.6); font-size:.85rem; }
.gs-line:last-child { border-bottom:0; }
.gs-line .k { color:var(--ucuz-sonuk); }
.gs-line .v { font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }

.gs-dist { display:flex; height:10px; border-radius:5px; overflow:hidden;
  background:var(--ucuz-dark); border:1px solid var(--ucuz-border); }
.gs-dist span { display:block; height:100%; }
.gs-legend { display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:9px; font-size:.72rem; color:var(--ucuz-sonuk); }

.gs-rar { display:inline-flex; align-items:center; gap:6px; font-size:.74rem; font-weight:600; white-space:nowrap; }
.gs-rar::before { content:''; width:8px; height:8px; border-radius:2px; background:currentColor; flex-shrink:0; }
.r-normal { color:var(--rar-normal); }
.r-rare   { color:var(--rar-rare); }
.r-vrare  { color:var(--rar-vrare); }
.r-mythic { color:var(--rar-mythic); }

.gs-risk-box { border:1px solid var(--ucuz-border); border-radius:10px; padding:14px; background:var(--ucuz-dark); }
.gs-prob { height:8px; border-radius:4px; background:rgba(242,88,94,.28); overflow:hidden; }
.gs-prob i { display:block; height:100%; background:var(--ucuz-green); }
.gs-range { display:flex; justify-content:space-between; font-size:.72rem; color:var(--ucuz-sonuk); margin-top:6px; }

.gs-seg { display:inline-flex; border:1px solid var(--ucuz-border); border-radius:8px; overflow:hidden; }
.gs-seg button { border:0; background:transparent; color:var(--ucuz-sonuk); padding:7px 16px;
  font-size:.8rem; font-weight:600; cursor:pointer; transition:.15s; white-space:nowrap; }
.gs-seg button:hover { color:var(--ucuz-metin); }
.gs-seg button.on { background:var(--ucuz-gold); color:var(--ucuz-gold-metin); }

.gs-tablewrap { max-height:540px; overflow:auto; border:1px solid var(--ucuz-border); border-radius:10px; }
.gs-table { width:100%; border-collapse:collapse; font-size:.84rem; margin:0; }
.gs-table thead th {
  position:sticky; top:0; z-index:2; background:var(--ucuz-yukselti); padding:9px 12px;
  border-bottom:2px solid var(--ucuz-border); text-align:left; white-space:nowrap;
  font-size:.7rem; font-weight:600; text-transform:uppercase; letter-spacing:.5px; color:var(--ucuz-sonuk);
}
.gs-table tbody td { padding:7px 12px; border-bottom:1px solid rgba(36,44,59,.5); vertical-align:middle; }
.gs-table tbody tr:last-child td { border-bottom:0; }
.gs-table tbody tr:hover { background:rgba(255,255,255,.025); }
.gs-table tfoot td { position:sticky; bottom:0; background:var(--ucuz-yukselti); padding:9px 12px;
  border-top:2px solid var(--ucuz-border); font-weight:700; font-size:.8rem; }
.gs-ic { width:34px; height:34px; object-fit:contain; display:block; }
.gs-nm { font-weight:600; color:var(--ucuz-metin); }
.gs-qty { font-weight:700; color:var(--ucuz-gold); }

.gs-pin {
  width:120px; background:var(--ucuz-dark); border:1px solid var(--ucuz-border); color:var(--ucuz-metin);
  border-radius:6px; padding:4px 8px; text-align:right; font-size:.8rem; font-weight:600;
  font-variant-numeric:tabular-nums;
}
.gs-pin:focus { border-color:var(--ucuz-gold); outline:none; }
.gs-pin.miss { border-color:rgba(242,179,61,.5); background:rgba(242,179,61,.08); color:var(--ucuz-gold); }

.gs-blank { text-align:center; padding:44px 20px; color:var(--ucuz-sonuk); }
.gs-blank i { font-size:2.2rem; color:var(--ucuz-pasif); display:block; margin-bottom:10px; }

.gs-info h2 { font-size:1.1rem; font-weight:700; }
.gemsim .accordion-item { background:var(--ucuz-panel); border-color:var(--ucuz-border); }
.gemsim .accordion-button { background:var(--ucuz-panel); color:var(--ucuz-metin); font-size:.9rem; font-weight:600; box-shadow:none; }
.gemsim .accordion-button:not(.collapsed) { background:rgba(242,179,61,.08); color:var(--ucuz-gold); }
.gemsim .accordion-button::after { filter:invert(.6); }
.gemsim .accordion-body { color:var(--ucuz-sonuk); font-size:.86rem; }

@media (max-width:575.98px) {
  .gs-strip { margin-left:0; width:100%; }
  .gs-metric { padding:2px 14px; }
  .gs-metric:first-child { padding-left:0; }
  .gs-table .opt { display:none; }
  .gs-bar-name { font-size:1.15rem; }
  .gs-pin { width:96px; }
}