/* Çocuk uygulamasına özel parçalar */
.streak{background:#FB923C;box-shadow:0 4px 0 #C2410C;color:#fff;font-weight:900;border-radius:999px;padding:10px 14px;display:flex;gap:4px;align-items:center;white-space:nowrap;margin-left:auto}

.week{background:#FACC15;border-radius:24px;padding:20px;box-shadow:0 5px 0 #CA8A04;position:relative;overflow:hidden;color:#422006}
.week::after{content:'';position:absolute;right:-50px;top:-50px;width:170px;height:170px;border-radius:50%;background:#FDE68A;opacity:.8}
.week>*{position:relative;z-index:1}
.wtag{display:inline-block;background:#422006;color:#FDE68A;font-weight:900;font-size:14px;padding:6px 14px;border-radius:999px}
.week .meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}
.week .meta span{background:rgba(255,255,255,.55);font-weight:800;padding:6px 12px;border-radius:999px;font-size:14px}

.quiz-card{display:flex;align-items:center;gap:16px;background:#6D28D9;color:#fff;border-radius:24px;padding:18px 20px;box-shadow:0 5px 0 #4C1D95;width:100%;text-align:left}
.quiz-card b{display:block;font-size:21px;font-weight:900}
.quiz-card span span,.quiz-card>span>span{font-weight:700;opacity:.92}
.qstar{width:58px;height:58px;border-radius:16px;background:#FDE047;color:#6D28D9;display:grid;place-items:center;flex:none}

.path{display:flex;flex-direction:column;gap:18px;padding:8px 0 6px}
.node{display:flex;align-items:center;gap:16px;width:100%;text-align:left}
.node .circle{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;flex:none;border:4px dashed}
.node.cur .circle{background:#2563EB;color:#fff;font-size:40px;font-weight:900;border:8px solid #FACC15;box-shadow:0 6px 0 #1E40AF;width:120px;height:120px}
.node small{display:block;font-weight:900;font-size:14px;letter-spacing:.04em;color:#2563EB}
.node b{display:block;font-size:20px;font-weight:900;line-height:1.25}
.node.lock b{color:#334155}

.video{background:#FDF0F6;border-radius:18px;padding:18px;display:flex;align-items:center;gap:18px}
.video .thumb{width:96px;height:124px;border:3px solid #F9A8D4;border-radius:16px;background:#fff;display:grid;place-items:center;color:#DB2777;flex:none}
.video b{color:#9D174D;font-weight:900;font-size:17px;display:block}
.video small{color:#9D174D;font-weight:800;font-size:15px}

.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.compare .body{font-size:17px}
.rights{list-style:none;display:flex;flex-direction:column;gap:14px}
.rights li{display:flex;gap:14px;font-size:17px;line-height:1.5}
.rights .num{width:38px;height:38px;border-radius:10px;background:#DBEAFE;color:#1E40AF;font-weight:900;display:grid;place-items:center;flex:none}

.task{background:#FFFBEB;border:3px dashed #FCD34D;border-radius:22px;padding:18px 20px}
.task .tt{display:flex;gap:10px;align-items:center;color:#9A3412;font-weight:900;font-size:19px;margin-bottom:8px}

.badge-hero{display:flex;justify-content:center;padding-top:12px}
.b-out{width:170px;height:170px;border-radius:44px;background:#DBEAFE;display:grid;place-items:center}
.b-in{width:140px;height:140px;border-radius:36px;background:#2563EB;display:grid;place-items:center;box-shadow:0 6px 0 #1E40AF}
.eyebrow-c{color:#2563EB;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:14px;margin-bottom:4px}

.vs{display:flex;align-items:center;justify-content:space-around;text-align:center;padding:16px 0}
.vs>div:not(.dots){display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:900}
.vs b{font-size:19px}
.vs .avatar{position:relative;box-shadow:0 5px 0 rgba(15,23,42,.1)}
.vs .mini{position:absolute;right:-6px;bottom:-4px;width:38px;height:38px;border-radius:50%;border:3px solid #fff;color:#fff;display:grid;place-items:center}
.dots{display:flex;gap:8px}.dots i{width:12px;height:12px;border-radius:50%;background:#A78BFA;animation:blink 1.2s infinite}
.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s;background:#7C3AED}
@keyframes blink{50%{opacity:.35}}

.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.slots span{border:3px dashed;border-radius:18px;height:84px;display:grid;place-items:center;font-weight:900;font-size:22px}

.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bd{background:#fff;border-radius:20px;padding:16px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 4px 0 rgba(15,23,42,.06);color:#94A3B8}
.bd span{width:62px;height:62px;border-radius:18px;background:#F1F5F9;display:grid;place-items:center}
.bd b{font-size:14px;line-height:1.2;color:#475569}
.bd small{font-weight:700;font-size:12px}
.bd.on span{background:#2563EB;color:#FDE68A;box-shadow:0 4px 0 #1E40AF}
.bd.on b{color:#0F172A}

@media (max-width:380px){
  .compare{grid-template-columns:1fr}
  .node .circle{width:80px;height:80px}
  .node.cur .circle{width:100px;height:100px}
  .streak{padding:8px 10px}
}