/*! © 2026 Sinan Sarıtaş · sinansaritas.com — Tüm hakları saklıdır. İzinsiz kopyalanamaz, çoğaltılamaz ve kullanılamaz. */
/*! © 2026 sinansaritas.com — Tüm hakları saklıdır. */
/* sinansaritas.com — Oyun kiti (ss-oyunkit.js) */
.sso{--oy-r:#1A7D6C;--oy-k:#e2e8f0;--oy-y:#1c2533;position:relative;font:16px/1.45 Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--oy-y);background:linear-gradient(180deg,#fbfdfc,#f1f6f4);border:1px solid var(--oy-k);border-radius:20px;overflow:hidden;min-height:440px}
.sso *{box-sizing:border-box}.sso [hidden]{display:none!important}
.sso button{font:700 16px Poppins,system-ui,sans-serif!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;line-height:1.2!important;box-shadow:none}
.sso-sahne{position:relative;padding:18px;min-height:440px}
.sso-giris{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.sso-giris-bas h3{margin:6px 0 4px;font-size:30px;font-weight:800;line-height:1.15}.sso-giris-bas p{margin:0;color:#4a5866;font-size:16px}
.sso-rozet-s{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;color:#fff;background:var(--oy-r);border-radius:999px;padding:4px 12px}
.sso-ayar{display:flex;flex-direction:column;gap:6px}.sso-ayar b{font-size:13.5px;color:#4a5866}.sso-ayar>div{display:flex;flex-wrap:wrap;gap:8px}
.sso-ayar button{min-height:46px;padding:0 16px!important;border-radius:12px!important;border:1.5px solid var(--oy-k)!important;background:#fff!important;color:var(--oy-y)!important}
.sso-ayar button.on{background:var(--oy-r)!important;color:#fff!important;border-color:var(--oy-r)!important}
.sso-giris-alt{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sso-basla{min-height:58px;padding:0 34px!important;border-radius:16px!important;border:0!important;background:var(--oy-r)!important;color:#fff!important;font-size:20px!important;box-shadow:0 8px 20px rgba(0,0,0,.15)!important}
.sso-basla:hover{filter:brightness(1.07)}
.sso-ikincil{min-height:46px;padding:0 16px!important;border-radius:12px!important;border:1.5px solid var(--oy-k)!important;background:#fff!important;color:var(--oy-y)!important}
.sso-kucuk{min-height:38px;font-size:14px!important}
.sso-skor{background:#fff;border:1px solid var(--oy-k);border-radius:14px;padding:10px 14px}.sso-skor ol{margin:6px 0 0;padding-left:22px}.sso-skor li{display:flex;gap:10px;align-items:baseline}.sso-skor li span{font-weight:700}.sso-skor small{color:#6b7785}
.sso-rozetler{display:flex;flex-wrap:wrap;gap:6px}.sso-rozetler span{font-size:13px;font-weight:700;background:#fff7e6;border:1px solid #f5d38a;border-radius:999px;padding:4px 10px}
.sso-serit{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.sso-p{display:flex;flex-direction:column;align-items:center;min-width:70px;background:#fff;border:1px solid var(--oy-k);border-radius:12px;padding:4px 10px}.sso-p small{font-size:11px;color:#6b7785;font-weight:600}.sso-p b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.sso-seri b{color:var(--oy-r)}.sso-sure.sso-az b{color:#D32F2F}.sso-bos{flex:1}
.sso-sure-cubuk{height:8px;border-radius:99px;background:#e6ecef;overflow:hidden;margin:0 0 12px}.sso-sure-cubuk i{display:block;height:100%;background:var(--oy-r);transition:width .2s linear}
.sso-alan{position:relative;min-height:300px}
.sso-geri{min-height:30px;margin-top:8px}.sso-geri-ic{display:inline-block;padding:8px 14px;border-radius:12px;font-weight:600}.sso-yanlis{background:#fdecec;color:#a61b1b}.sso-dogru{background:#e7f6ef;color:#14704f}.sso-bilgi{background:#eef2ff;color:#3730a3}
.sso-parla{animation:sso-parla .6s ease}@keyframes sso-parla{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}100%{box-shadow:0 0 0 18px rgba(16,185,129,0)}}
.sso-ucan{position:absolute;left:50%;top:-6px;transform:translateX(-50%);font-weight:800;color:#10B981;font-size:20px;animation:sso-ucan .9s ease forwards;pointer-events:none}@keyframes sso-ucan{to{transform:translate(-50%,-34px);opacity:0}}
.sso-sars{animation:sso-sars .35s}@keyframes sso-sars{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
.sso-konfeti{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;animation:sso-dus 2s ease-in forwards;pointer-events:none;z-index:40}@keyframes sso-dus{to{top:105%;transform:rotate(720deg)}}
.sso-seviye-bant{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:var(--oy-r);color:#fff;font-size:34px;font-weight:800;padding:16px 34px;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.25);animation:sso-bant 1.3s ease forwards;z-index:30}@keyframes sso-bant{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0}}
.sso-rozet-bildir{position:absolute;right:14px;top:14px;z-index:45;background:#fffaf0;border:2px solid #f5c04a;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.18);animation:sso-bant 2.6s ease forwards}.sso-rozet-bildir small{color:#6b5a2b}
.sso-bitis{max-width:640px;margin:10px auto;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}
.sso-bitis-ust b{display:block;font-size:64px;font-weight:800;color:var(--oy-r);line-height:1}.sso-bitis-ust small{font-size:16px;color:#6b7785}.sso-rekor{display:inline-block;background:#fff4d6;border-radius:999px;padding:4px 12px;font-weight:800;margin-bottom:6px}
.sso-bitis-ist{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sso-bitis-ist span{background:#fff;border:1px solid var(--oy-k);border-radius:12px;padding:6px 12px;font-size:13px;color:#6b7785;display:flex;flex-direction:column}.sso-bitis-ist b{font-size:22px;color:var(--oy-y)}
.sso-yanlislar{text-align:left;background:#fff;border:1px solid var(--oy-k);border-radius:12px;padding:8px 14px;width:100%}.sso-yanlislar summary{cursor:pointer;font-weight:700}
.sso .msl-fr,.sso .sso-fr{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;line-height:1.1}.sso .sso-fr>span:first-child{border-bottom:2px solid currentColor;padding:0 3px}
@media (max-width:640px){.sso-sahne{padding:12px}.sso-giris-bas h3{font-size:24px}.sso-p{min-width:58px;padding:3px 7px}.sso-p b{font-size:17px}.sso-seviye-bant{font-size:26px}}

/* tam ekran */
.sso-tamb{position:absolute;top:10px;right:10px;z-index:35;width:44px;height:44px;padding:0!important;border-radius:12px!important;border:1.5px solid var(--oy-k)!important;background:#fff!important;color:var(--oy-y)!important;font-size:20px!important;display:flex;align-items:center;justify-content:center}
.sso-tamb:hover{border-color:var(--oy-r)!important;color:var(--oy-r)!important}
.sso-serit{padding-right:52px}.sso-giris-bas{padding-right:52px}
.sso-cik{display:none!important}
.sso.sso-tam .sso-cik{display:inline-flex!important;position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;align-items:center;gap:10px;min-height:54px;padding:0 24px!important;border:0!important;border-radius:999px!important;background:var(--oy-r)!important;color:#fff!important;font-size:16.5px!important;box-shadow:0 0 0 4px #fff,0 10px 28px rgba(0,0,0,.32)!important}
.sso-cik span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.22);font-size:15px}
.sso.sso-tam{border-radius:0;border:0;overflow:auto;width:100%;height:100%}
.sso.sso-tam .sso-sahne{min-height:100%;padding-bottom:96px}
.sso.sso-yedek{position:fixed!important;inset:0;z-index:99990;width:100vw;height:100vh;height:100dvh}
.sso.sso-tam .sso-tamb{background:var(--oy-r)!important;color:#fff!important;border-color:var(--oy-r)!important}
.sso:fullscreen{background:linear-gradient(180deg,#fbfdfc,#f1f6f4)}