/* ==========================================================================
   ACADEX · ROZET VİTRİNİ (css/acadex-rozet.css + js/acadex-rozet.js), 03.11.2026
   Ana sayfadaki rozet kartı: tahta raflarda kurdeleli madalyalar.
   ========================================================================== */
#home-achievements-list.rz-shelf{display:block!important}
.rz-load{margin:0;font-size:19px;color:#6A7593}
.rz-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:-2px 0 10px}
.rz-count{display:inline-flex;align-items:baseline;gap:4px;padding:3px 12px;border-radius:6px;background:linear-gradient(180deg,#E9D9BE,#D9C29C);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 0 #B89566;color:#4A3418;font:600 13px 'Inter',system-ui,sans-serif}
.rz-count b{font:800 18px 'Bricolage Grotesque',system-ui,sans-serif;color:#2B1E0C}
.rz-count.rz-pop{animation:rz-pop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes rz-pop{40%{transform:scale(1.18) rotate(-3deg)}}
.rz-next{font-family:'Caveat',cursive;font-size:19px;color:#4B5675}
.rz-next b{color:#1A2A5C}
.rz-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));grid-auto-rows:150px;column-gap:6px;row-gap:12px;padding:6px 0 0}
.rz-c{position:relative}
/* askı çıtası: her sıranın üstünde kesintisiz bir tahta; madalyalar kurdeleyle ondan sarkar */
.rz-c::before{content:"";position:absolute;left:-3px;right:-3px;top:0;height:7px;border-radius:3px;background:linear-gradient(180deg,#B89566,#8E6638);box-shadow:0 2px 2px rgba(74,52,24,.25)}
.rz-m{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:0 2px 4px;border:0;background:none;cursor:pointer;font:inherit;color:inherit}
.rz-m:focus-visible{outline:2.5px solid #2F6BFF;outline-offset:2px;border-radius:10px}
.rz-hang{position:relative;display:block;flex:none;width:54px;height:74px;transform-origin:50% 0;transition:transform .45s cubic-bezier(.3,1.5,.5,1)}
.rz-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 4px rgba(13,24,56,.22))}
.rz-ic{position:absolute;left:0;right:0;top:38px;text-align:center;font-size:20px;line-height:22px}
.rz-m:not(.on) .rz-ic{filter:grayscale(1);opacity:.4}
.rz-m:not(.on) .rz-svg{filter:none}
.rz-lock{position:absolute;right:4px;bottom:2px;width:15px;height:13px;border-radius:3px;background:#8C96AA;box-shadow:0 0 0 2px #fff}
.rz-lock::before{content:"";position:absolute;left:3px;top:-6px;width:5px;height:6px;border:2px solid #8C96AA;border-bottom:0;border-radius:5px 5px 0 0}
.rz-t{margin-top:3px;max-width:100%;font:700 11.5px/1.15 'Inter',system-ui,sans-serif;color:#1A2A5C;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rz-m:not(.on) .rz-t{color:#8A93AB}
.rz-prog{display:block;width:54px;height:5px;margin-top:3px;border-radius:3px;background:#E1E5EE;overflow:hidden}
.rz-prog i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#9DB8FF,#2F6BFF)}
.rz-pn{font:600 10px 'JetBrains Mono',monospace;color:#6A7593;margin-top:1px}
.rz-pn.ready{color:#1E8A55}
/* kazanılmış madalya arada bir parlar */
.rz-m.on .rz-hang::after{content:"";position:absolute;left:7px;top:33px;width:50px;height:50px;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.75) 48%,transparent 60%) -60px 0/200% 100% no-repeat;pointer-events:none;mix-blend-mode:screen}
@media (prefers-reduced-motion:no-preference){
 .rz-m.on .rz-hang::after{animation:rz-shine 7s ease-in-out infinite;animation-delay:calc(var(--i,0) * .6s)}
 .rz-m:hover .rz-hang,.rz-m:focus-visible .rz-hang{animation:rz-sway 1.4s ease-in-out}
 .rz-m.rz-drop .rz-hang{animation:rz-drop 1.2s cubic-bezier(.3,1.2,.5,1) both;animation-delay:var(--d,0s)}
 .rz-m.rz-glint .rz-hang::before{content:"";position:absolute;left:-14px;top:22px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,rgba(255,226,140,.85),rgba(255,206,92,.35) 40%,transparent 70%);animation:rz-glow 1.6s ease-out forwards;pointer-events:none;z-index:-1}
}
@keyframes rz-shine{0%,78%{background-position:-60px 0}92%,100%{background-position:60px 0}}
@keyframes rz-sway{0%,100%{transform:rotate(0)}25%{transform:rotate(7deg)}55%{transform:rotate(-5deg)}80%{transform:rotate(2deg)}}
@keyframes rz-drop{0%{transform:translateY(-140px) rotate(-12deg);opacity:0}45%{transform:translateY(8px) rotate(6deg);opacity:1}65%{transform:translateY(-4px) rotate(-4deg)}82%{transform:rotate(2deg)}100%{transform:none}}
@keyframes rz-glow{0%{opacity:0;transform:scale(.4)}35%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
/* bilgi kartı */
.rz-tip{position:absolute;z-index:20;left:50%;top:128px;width:200px;margin-left:-100px;padding:10px 12px;border-radius:12px;background:#FFFDF8;border:1.5px solid #1A2A5C;box-shadow:4px 5px 0 #1A2A5C;text-align:left;color:#1A2A5C}
.rz-tip b{display:block;font:800 14px 'Inter',system-ui,sans-serif}
.rz-tier{display:inline-block;margin:2px 0 4px;padding:1px 7px;border-radius:999px;font:700 10px 'JetBrains Mono',monospace;letter-spacing:.05em;text-transform:uppercase;background:#F2E3CF;color:#8E5A2B}
.rz-tip.rz-s .rz-tier{background:#E6EAF2;color:#59637A}
.rz-tip.rz-g .rz-tier{background:#FFF0BF;color:#8A6400}
.rz-tip p{margin:2px 0 0;font-size:12.5px;line-height:1.4;color:#4B5675}
.rz-tip .rz-ok{color:#1E8A55;font-weight:700}
.rz-tip .rz-left{color:#2F6BFF;font-weight:700}
@media (prefers-reduced-motion:no-preference){.rz-tip{animation:rz-tipin .25s cubic-bezier(.3,1.4,.5,1)}}
@keyframes rz-tipin{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.rz-m *,.rz-count{animation:none!important;transition:none!important}}