/* Independent profile destinations and shared achievement celebrations. */
.dm-profile-section.dc-fullscreen-overlay.active{display:block!important;position:fixed!important;inset:0!important;overflow-y:auto!important;padding:20px 16px calc(104px + env(safe-area-inset-bottom,0px))!important;background:var(--dm-page,#f6f2ff);color:var(--dm-text,#2b2350);font-family:Nunito,system-ui,sans-serif}
.dm-profile-section *{box-sizing:border-box}.dm-profile-content{width:100%;max-width:860px;margin:auto}.dm-profile-heading{display:flex;align-items:center;gap:16px;margin:0 0 22px}.dm-profile-heading h1{font-size:26px;margin:0}.dm-profile-back{min-height:44px;padding:10px 16px;border:1px solid #d9cdef;border-radius:14px;background:var(--dm-surface,#fff);color:var(--dm-text,#573991);font:800 15px Nunito,system-ui;cursor:pointer}.dm-profile-section button:focus-visible{outline:3px solid #7c3aed;outline-offset:3px}.dm-profile-section .bd-rozet-sekil img{width:100%;height:100%;object-fit:contain}.dm-profile-section [hidden]{display:none!important}
/* Ortak kutular */
.dm-profile-section .bd-kutu{background:#fff;border-radius:22px;padding:16px;box-shadow:0 4px 16px rgba(91,45,184,.08);margin-bottom:14px}
.dm-profile-section .bd-kutu h3,.dm-profile-section .bd-baslik-satir h3{margin:0;font-family:'Fredoka',inherit;font-weight:700;font-size:19px;color:#2B2350}
.dm-profile-section .bd-kutu p{margin:4px 0 0;font-weight:700;color:#5E5287;font-size:14.5px}
.dm-profile-section .bd-kilit{background:#F1EDF9;box-shadow:none}
.dm-profile-section .bd-not{font-weight:700;color:#7C6FA6;font-size:14px;margin:8px 2px}

/* İstatistik */
.dm-profile-section .bd-aralik{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}
.dm-profile-section .bd-aralik button{min-height:40px;border:0;border-radius:14px;background:#EDE8F7;color:#5E5287;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer}
.dm-profile-section .bd-aralik button[aria-pressed="true"]{background:#7C3AED;color:#fff}
.dm-profile-section .bd-istat-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.dm-profile-section .bd-istat{display:flex;align-items:center;gap:10px;padding:14px;background:#fff;border-radius:20px;box-shadow:0 4px 16px rgba(91,45,184,.08)}
.dm-profile-section .bd-istat-ikon{font-size:30px}
.dm-profile-section .bd-istat b{display:block;font-family:'Fredoka',inherit;font-size:24px;line-height:1.1}
.dm-profile-section .bd-istat small{display:block;font-weight:800;font-size:12.5px;color:#7C6FA6}
.dm-profile-section .bd-grafik-bas{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.dm-profile-section .bd-lejant{display:flex;gap:10px;font-size:12px;font-weight:800;color:#5E5287}
.dm-profile-section .bd-lejant span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}
.dm-profile-section .bd-lejant .o::before,.dm-profile-section .bd-yigin .o{background:#A78BFA}
.dm-profile-section .bd-lejant .l::before,.dm-profile-section .bd-yigin .l{background:#3B82F6}
.dm-profile-section .bd-lejant .p::before,.dm-profile-section .bd-yigin .p{background:#22C55E}
.dm-profile-section .bd-cubuklar{display:flex;align-items:flex-end;gap:8px;height:170px;padding-top:6px;background:repeating-linear-gradient(0deg,#F1EDF9 0 1px,transparent 1px 34px)}
.dm-profile-section .bd-cubuklar.ince{gap:2px}
.dm-profile-section .bd-cubuk{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.dm-profile-section .bd-yigin{flex:1;width:100%;max-width:30px;display:flex;flex-direction:column-reverse;border-radius:8px 8px 4px 4px;overflow:hidden}
.dm-profile-section .bd-yigin span{display:block;width:100%}
.dm-profile-section .bd-cubuk small{font-size:11px;font-weight:800;color:#7C6FA6;height:14px;white-space:nowrap}
#bdGelisim #tab-ozet{display:block!important;padding:0!important;margin-top:4px}

/* Rozetler */
.dm-profile-section .bd-baslik-satir{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 2px 10px}
.dm-profile-section .bd-baslik-satir>span{font-weight:900;color:#7C3AED;font-size:14px;display:flex;align-items:center;gap:8px}
.dm-profile-section .bd-kol-bar{display:inline-block;width:90px;height:9px;border-radius:99px;background:#EDE8F7;overflow:hidden}
.dm-profile-section .bd-kol-bar span{display:block;height:100%;background:#7C3AED}
.dm-profile-section .bd-rozetler{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dm-profile-section .bd-rozet{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;background:#fff;border-radius:18px;box-shadow:0 3px 12px rgba(91,45,184,.08);text-align:center}
.dm-profile-section .bd-rozet b{font-size:12px;line-height:1.2;font-weight:900}
.dm-profile-section .bd-rozet small{font-size:10.5px;line-height:1.25;font-weight:700;color:#7C6FA6}
.dm-profile-section .bd-rozet-sekil{width:58px;height:62px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#FFD15C,#F59E0B);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.dm-profile-section .bd-rozet:nth-child(4n+2) .bd-rozet-sekil{background:linear-gradient(160deg,#FF8A65,#E5484D)}
.dm-profile-section .bd-rozet:nth-child(4n+3) .bd-rozet-sekil{background:linear-gradient(160deg,#6CB8FF,#1C7ED6)}
.dm-profile-section .bd-rozet:nth-child(4n) .bd-rozet-sekil{background:linear-gradient(160deg,#C4A1FF,#8E4EC6)}
.dm-profile-section .bd-rozet-sekil img{width:100%;height:100%;object-fit:contain}
.dm-profile-section .bd-rozet-emoji{font-size:28px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.15))}
.dm-profile-section .bd-rozet.kilitli .bd-rozet-sekil{background:linear-gradient(160deg,#E4E0EE,#C9C2DA)}
.dm-profile-section .bd-kilit-ikon{font-size:22px;opacity:.75}
.dm-profile-section .bd-rozet.kilitli b{color:#6B6385}


/* Karakter */
#bdKarakterAlan{margin-bottom:14px}
#bdKoleksiyon #profilKoleksiyon{margin-top:4px}

/* Resimli rozetler: altıgen kesim ve renkli zemin yok; kilitliler soluk görünür */
.dm-profile-section .bd-rozet.resimli .bd-rozet-sekil{position:relative;width:66px;height:66px;background:none!important;clip-path:none}
.dm-profile-section .bd-rozet.resimli.kilitli .bd-rozet-sekil img{filter:grayscale(1) brightness(1.15);opacity:.4}
.dm-profile-section .bd-rozet.resimli .bd-kilit-ikon{position:absolute;right:0;bottom:0;font-size:18px;opacity:.9}
.dm-profile-section .bd-yuvarlak.bd-cikis{color:#E5484D}
.dm-profile-section .bd-yuvarlak.bd-ogretmen{color:#7C3AED}

.bd-kutlama{position:fixed;inset:0;z-index:100000100;display:grid;place-items:center;padding:16px;background:rgba(25,42,40,.72);backdrop-filter:blur(7px);font-family:Nunito,system-ui,sans-serif;color:#234e45}
.bd-kutlama-kart{position:relative;isolation:isolate;width:min(100%,410px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:26px 22px 22px;border:3px solid #e3c779;border-radius:30px;background:radial-gradient(ellipse at 50% 20%,#fff4c5,#fffdf4 60%);text-align:center;box-shadow:0 20px 65px #142b3866;animation:bdKutlamaGel .65s cubic-bezier(.2,.8,.25,1.15) both}
.bd-kutlama-kapat{position:absolute;right:10px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:#f2ead7;color:#3b5e53;font-size:25px;cursor:pointer}
.bd-kutlama-etiket{margin:8px 0 6px;font-size:11px;font-weight:900;letter-spacing:2px;color:#97742b}
.bd-kutlama-kart h2{font-size:24px;line-height:1.2;margin:6px 0 12px;overflow-wrap:anywhere}
.bd-kutlama-kart h3{font-size:23px;margin:8px 0;color:#775213}
.bd-kutlama-kart #bdRozetAciklama{font-weight:800;line-height:1.5;margin:8px 0 16px}
.bd-kutlama-rozet{position:relative;width:154px;height:154px;margin:auto;display:grid;place-items:center;animation:bdRozetGel .85s .15s cubic-bezier(.2,.8,.25,1.2) both}
.bd-kutlama-rozet::before{content:"";position:absolute;inset:-5px;border:2px dashed #dec366;border-radius:50%;box-shadow:0 0 40px #ffdc7a88;animation:bdRozetIsik 5s linear infinite;z-index:-1}
.bd-kutlama-rozet img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px #b5873455)}
.bd-kutlama-rozet span{font-size:90px}
.bd-kutlama-rozet [hidden]{display:none}
.bd-kutlama-isilti{position:absolute;left:14px;right:14px;top:105px;font-size:32px;color:#e2b342;letter-spacing:14px;pointer-events:none;animation:bdRozetParla 2.5s ease-in-out infinite}
.bd-kutlama-papi{display:flex;align-items:center;gap:10px;text-align:left;background:#eaf3e5;border-radius:18px;padding:8px 12px;margin:14px 0}
.bd-kutlama-papi img{width:68px;height:82px;object-fit:contain;animation:bdPapiTebrik 1.7s ease-in-out 3}
.bd-kutlama-papi p{font-weight:800;font-size:13px;line-height:1.5;margin:0}
.bd-kutlama-kart>small{display:block;font-size:12px;line-height:1.4;color:#61766c}
.bd-kutlama-devam{width:100%;border:0;border-radius:16px;background:#3b8b73;color:#fff;box-shadow:0 4px 0 #24634f;padding:13px 10px;margin-top:18px;font:900 15px Nunito,system-ui,sans-serif;cursor:pointer}
.bd-kutlama button:focus-visible{outline:3px solid #7050b8;outline-offset:3px}
@keyframes bdKutlamaGel{from{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:none}}
@keyframes bdRozetGel{from{opacity:0;transform:scale(.3) rotate(-22deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes bdRozetIsik{to{transform:rotate(360deg)}}
@keyframes bdRozetParla{50%{opacity:.35;transform:translateY(-7px)}}
@keyframes bdPapiTebrik{50%{transform:translateY(-5px) rotate(4deg)}}
@media(max-height:660px){.bd-kutlama-kart{padding:18px}.bd-kutlama-rozet{width:110px;height:110px}.bd-kutlama-kart h2{font-size:20px}.bd-kutlama-papi{margin:10px 0}.bd-kutlama-papi img{height:60px}}
@media(prefers-reduced-motion:reduce){.bd-kutlama-kart,.bd-kutlama-rozet,.bd-kutlama-rozet::before,.bd-kutlama-isilti,.bd-kutlama-papi img{animation:none!important}.bd-kutlama{backdrop-filter:none}}


@media(max-width:500px){.dm-profile-section .bd-rozetler{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Preserve existing teacher dialog stacking above profile screens. */
#sifreModal,#ogretmenMenuModal{z-index:100000090!important}
body .rubric-modal,body .cog-perde,body #duyuruYonetimModal,body #ogretmenSohbetModal,body #sinifIciModal,body #rubricModal{z-index:100000110!important}

/* Approved skill-focused progress screen. */
#tab-ilerlemem.active{background:linear-gradient(145deg,#f8f5ff,#f0fffa)!important;color:#193d50;padding-top:14px!important}
#tab-ilerlemem .dm-profile-content{max-width:620px}
#tab-ilerlemem .dm-profile-heading{gap:10px;margin-bottom:12px}
#tab-ilerlemem .dm-profile-heading h1{font-size:23px;flex:1;color:#193d50}
#tab-ilerlemem .dm-profile-back{font-size:13px;padding:7px 10px;min-height:38px;background:white}
#bdIstat .bd-aralik{gap:6px;margin:0 0 10px}#bdIstat .bd-aralik button{font-size:12px;min-height:35px;border-radius:11px}
.bd-progress-hero{display:flex;align-items:center;gap:10px;background:linear-gradient(115deg,#dff9ef,#f0fff7);border:1px solid #ceebdf;border-radius:16px;padding:9px 12px;margin-bottom:12px;min-height:60px}
.bd-progress-hero>span{font-size:27px}.bd-progress-hero>div{flex:1;display:grid;gap:3px}.bd-progress-hero b{font-size:16px}.bd-progress-hero small{font-size:11px;color:#54707a}.bd-progress-hero img{width:48px;height:48px;object-fit:contain}
.bd-skill-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.bd-skill-heading h2{font-size:19px;margin:0;color:#193d50}.bd-skill-heading button{border:1px solid #cebee9;border-radius:50%;width:26px;height:26px;background:transparent;color:#70529a;font:900 16px Nunito,system-ui;cursor:pointer}
.bd-skills>p{font-size:12px;margin:3px 0 8px;color:#546c84}.bd-skill-list{display:grid;gap:6px}
.bd-skill{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:7px 9px;border-radius:12px;background:linear-gradient(100deg,#fff,#f0edfb);min-height:37px}.bd-skill>span:first-child{font-size:19px;width:26px;color:#0c93a4}.bd-skill>b{font-size:13px;flex:1}.bd-skill-result{font-size:11px;color:#4c6483;background:#e7edf9;border-radius:20px;padding:4px 8px}.bd-skill progress{width:100%;height:5px;accent-color:#23ae9e}
.bd-skill-scope{display:block;color:#627188;font-size:10px;line-height:1.4;margin:6px 0}
.bd-story-start,.bd-skill-retry{font:800 13px Nunito,system-ui;cursor:pointer;background:linear-gradient(100deg,#1098a5,#30bbb7);border:0;border-radius:12px;min-height:40px;width:100%;color:white;margin:3px 0 10px}
.bd-activity-summary{border:1px solid #e1d9f6;border-radius:15px;padding:10px;background:#f5f2ff;margin-bottom:10px}.bd-activity-summary>b{font-size:12px}.bd-activity-summary>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:7px 0}.bd-activity-summary>div>span{display:grid;grid-template-columns:27px 1fr;gap:0 6px;align-items:center}.bd-activity-summary i{grid-row:1/3;font-size:23px;font-style:normal}.bd-activity-summary small{font-size:11px;color:#5a6884}.bd-activity-summary strong{font-size:18px}
#bdIstat .bd-grafik{padding:11px 12px;border:1px solid #e8e4f5;box-shadow:none;border-radius:15px;margin-bottom:10px}#bdIstat .bd-grafik h3{font:800 13px Nunito,system-ui;color:#193d50}#bdIstat .bd-grafik-bas{margin-bottom:6px;gap:5px}#bdIstat .bd-lejant{font-size:10px;gap:7px}#bdIstat .bd-cubuklar{height:85px;background:none;gap:6px}#bdIstat .bd-cubuk>b{font-size:10px;line-height:12px;min-height:12px}#bdIstat .bd-cubuk small{font-size:9px}
.bd-time-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.bd-time-row button{display:grid;align-content:center;gap:3px;border:1px solid #e8e2f3;border-radius:13px;background:#fff;min-height:68px;padding:8px 10px;text-align:left;color:#193d50;font-family:inherit;cursor:pointer}.bd-time-row span{font-size:11px;color:#566987}.bd-time-row b{font-size:15px}.bd-time-row small{font-size:10px;color:#63738c}
.bd-teacher{background:#fff;border:1px solid #e5dff3;border-radius:14px;overflow:hidden}.bd-teacher>summary{display:flex;align-items:center;gap:8px;list-style:none;padding:12px;font-size:12px;font-weight:800;cursor:pointer}.bd-teacher>summary::-webkit-details-marker{display:none}.bd-teacher>summary>span{margin-left:auto}.bd-teacher[open]>summary>span{transform:rotate(180deg)}.bd-teacher>p{font-size:11px;color:#65748b;padding:0 12px;margin:0 0 10px}.bd-teacher #bdGelisim{padding:0 10px}.bd-teacher .timer-card{display:none!important}
@media(max-width:359px){#tab-ilerlemem.active{padding-left:10px!important;padding-right:10px!important}.bd-skill-result{font-size:10px;padding:4px 6px}.bd-skill{gap:5px}.bd-time-row small{font-size:9px}}
#bdIstat .bd-skill{position:relative;min-height:34px;padding:6px 9px 8px;flex-wrap:nowrap}#bdIstat .bd-skill progress{position:absolute;bottom:0;left:9px;width:calc(100% - 18px);height:3px;border:0;appearance:none;background:#e5e6f0;border-radius:4px;overflow:hidden}#bdIstat .bd-skill progress::-webkit-progress-bar{background:#e5e6f0}#bdIstat .bd-skill progress::-webkit-progress-value{background:#27b8a7}#bdIstat .bd-skill progress::-moz-progress-bar{background:#27b8a7}
#bdIstat .bd-skill-list{gap:5px}#bdIstat .bd-skill-scope{font-size:9px;margin:4px 0}#bdIstat .bd-progress-hero{min-height:52px;margin-bottom:9px;padding:6px 10px}#bdIstat .bd-progress-hero img{width:40px;height:40px}#bdIstat .bd-story-start{min-height:36px;margin-bottom:8px}#bdIstat .bd-activity-summary{padding:8px 10px;margin-bottom:8px}#bdIstat .bd-activity-summary>div{margin:5px 0}#bdIstat .bd-cubuklar{height:60px}#bdIstat .bd-time-row button{min-height:60px;padding:7px 9px}#tab-ilerlemem .bd-teacher>summary{padding:10px 12px}