.rutbe-mini{display:inline-block;object-fit:contain;vertical-align:middle;flex-shrink:0}
.tuccar-kimlik .tk-rutbe-arma{display:block;width:72px;height:72px;object-fit:contain;flex:0 0 72px}
.rutbe-gorev-arma.pico{width:52px;height:52px;background:transparent;flex:0 0 52px}
.rutbe-gorev-arma img{width:100%;height:100%;object-fit:contain}
.rutbe-kutlama{position:fixed;inset:0;margin:auto;width:min(390px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #cfaf62;border-radius:25px;padding:28px 24px 20px;background:radial-gradient(ellipse at 50% 20%,#284b69,#10273f 60%,#0a1a2c);color:#fff1cd;text-align:center;box-shadow:0 25px 90px #0008;isolation:isolate}
.rutbe-kutlama:not([open]){display:none}
.rutbe-kutlama::backdrop{background:#061425ce}
.rk-ust{position:relative;font-size:9px;letter-spacing:3px;color:#d3ba80;margin:4px 0 10px}
.rk-kapat{position:absolute;right:12px;top:10px;width:36px;height:36px;border:1px solid #d6b66a40;border-radius:50%;background:#10253d;color:#eddaa8;font-size:25px;cursor:pointer;z-index:3}
.rk-arma{position:relative;margin:auto;width:180px;height:180px}.rk-arma img{display:block;width:100%;height:100%;object-fit:contain}
.rutbe-kutlama h2{position:relative;margin:12px 0;font:700 34px/1.2 Georgia,serif;color:#fff0bb}
#rutbe-kutlama-mesaj{position:relative;font-size:17px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere;color:#fff}
.rk-odul{position:relative;font-size:12px;line-height:1.8;color:#bdccdc;margin:0 0 22px}
.rutbe-kutlama .rk-gorev{position:relative;display:block;background:linear-gradient(110deg,#efd48d,#caa14e);color:#142b42;font-weight:800;padding:14px 12px;border:0;white-space:normal;min-height:46px;text-decoration:none}
.rk-devam{position:relative;margin:15px 0 0;border:0;background:transparent;color:#c2cfde;font-size:12px;padding:8px 12px;cursor:pointer}
.rk-isik{position:absolute;left:50%;top:150px;width:230px;height:230px;border-radius:50%;border:2px solid #f0cd82;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}
.rk-konfeti{position:absolute;inset:0;overflow:hidden;border-radius:24px;pointer-events:none}
.rk-konfeti i{position:absolute;left:50%;top:140px;width:5px;height:10px;background:#ebcb75;opacity:0}
.rk-konfeti i:nth-child(3n){background:#8dd6e7}.rk-konfeti i:nth-child(3n+1){background:#fff1c1;border-radius:50%;height:5px}
.rk-animasyon .rk-arma{animation:rk-arma .65s ease-out both}
.rk-animasyon .rk-isik{animation:rk-isik .9s ease-out both}
.rk-animasyon .rk-konfeti i{animation:rk-konfeti 1.2s ease-out var(--delay) both}
@keyframes rk-arma{from{transform:scale(.55);opacity:0}65%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}
@keyframes rk-isik{from{transform:translate(-50%,-50%) scale(.2);opacity:.7}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}
@keyframes rk-konfeti{0%{transform:translate(0,0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
.rutbe-kutlama :focus-visible{outline:3px solid #b2e2ff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.rk-animasyon .rk-arma,.rk-animasyon .rk-isik,.rk-animasyon .rk-konfeti i{animation:none}.rk-isik,.rk-konfeti{display:none}}
@media(max-height:600px){.rutbe-kutlama{padding:18px}.rk-arma{width:112px;height:112px}.rutbe-kutlama h2{font-size:27px;margin:8px 0}.rk-odul{margin-bottom:12px}}
.rutbe-kutlama .rk-gorev[hidden]{display:none}