@keyframes shakeAnimation {
            0% { transform: translateX(0); }
            20% { transform: translateX(-6px); }
            40% { transform: translateX(6px); }
            60% { transform: translateX(-6px); }
            80% { transform: translateX(6px); }
            100% { transform: translateX(0); }
        }
        .shake-error {
            animation: shakeAnimation 0.4s ease-in-out;
            border-color: #dc2626 !important;
            background-color: #fef2f2 !important;
        }
           .duy3-overlay {
            position: fixed; top:0; left:0; width:100%; height:100%;
            background: rgba(10,12,24,0.72); backdrop-filter: blur(2px);
            display:none; align-items:center; justify-content:center;
            z-index: 999999; padding: 16px;
        }
        .duy3-card {
            width:100%; max-width:360px; background:#14162b; border-radius:24px;
            padding:30px 24px 26px; text-align:center; position:relative; overflow:hidden;
            border:1px solid #2a2d4a; box-shadow:0 24px 60px -14px rgba(0,0,0,.5);
            animation: duy3pop .35s cubic-bezier(.2,.9,.3,1.3);
            font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
        }
        @keyframes duy3pop { from{opacity:0; transform:translateY(14px) scale(.94);} to{opacity:1; transform:translateY(0) scale(1);} }
        .duy3-glow { position:absolute; inset:0; pointer-events:none; }
        .duy3-close {
            position:absolute; top:14px; right:14px; width:28px; height:28px; border-radius:50%;
            background:rgba(255,255,255,.08); border:none; color:#9aa0c0; font-size:14px; cursor:pointer; z-index:2;
        }
        .duy3-medal {
            width:74px; height:74px; margin:6px auto 16px; border-radius:50%;
            display:flex; align-items:center; justify-content:center; font-size:34px;
            position:relative; z-index:1;
        }
        .duy3-tag {
            display:inline-block; font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif; font-size:10.5px; font-weight:600;
            letter-spacing:.3px; padding:4px 11px; border-radius:999px; margin-bottom:10px; position:relative; z-index:1;
        }
        .duy3-title {
            font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif; font-size:21px; font-weight:600; color:#fff;
            margin:0 0 10px; position:relative; z-index:1; line-height:1.3;
        }
        .duy3-img {
            display:none; width:100%; max-height:150px; object-fit:cover; border-radius:14px;
            margin-bottom:14px; position:relative; z-index:1;
        }
        .duy3-msg {
            font-size:13.5px; line-height:1.65; color:#b7bcd6; margin:0 0 22px;
            position:relative; z-index:1; white-space:pre-line;
        }
        .duy3-btn {
            border:none; color:#14162b; font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif; font-weight:600;
            font-size:14.5px; padding:13px; border-radius:13px; cursor:pointer;
            position:relative; z-index:1; width:100%;
        }
        .yardim-modal-overlay {
            position: fixed; top:0; left:0; width:100%; height:100%;
            background: rgba(15,23,42,.55); backdrop-filter: blur(2px);
            display:none; align-items:center; justify-content:center;
            z-index: 999998; padding: 14px;
        }
        .yardim-frame {
            width:100%; max-width:420px; max-height:88vh; background:#fff; border-radius:22px;
            overflow:hidden; box-shadow:0 24px 60px -14px rgba(0,0,0,.4);
            display:flex; flex-direction:column; font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
        }
        .yardim-topbar {
            padding:18px 20px 14px; background:linear-gradient(135deg,#111827 0%,#1f2937 100%);
            position:relative; overflow:hidden; flex-shrink:0;
        }
        .yardim-topbar::before {
            content:""; position:absolute; width:130px; height:130px;
            background:rgba(37,99,235,.25); border-radius:50%; top:-60px; right:-30px; filter:blur(4px);
        }
        .yardim-topbar-row { display:flex; justify-content:space-between; align-items:center; position:relative; z-index:1; }
        .yardim-topbar h2 { font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif; font-size:16px; color:#fff; margin:0; }
        .yardim-topbar p { font-size:10.5px; color:#9ca3af; margin:3px 0 0; }
        .yardim-closebtn { width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,.12); border:none; color:#fff; font-size:12px; cursor:pointer; flex-shrink:0; }
        .yardim-searchbox { margin:12px 18px 4px; position:relative; flex-shrink:0; }
        .yardim-searchbox input {
            width:100%; padding:9px 12px 9px 30px; border:1.5px solid #e4e7eb; border-radius:10px;
            font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif; font-size:12px; font-weight:700; color:#334155; outline:none; background:#f8fafc;
        }
        .yardim-searchbox input:focus { border-color:#2563eb; background:#fff; }
        .yardim-searchbox::before { content:"🔍"; position:absolute; left:10px; top:50%; transform:translateY(-50%); font-size:11px; opacity:.5; }
        .yardim-body { flex:1; overflow-y:auto; padding:12px 14px 18px; }
        /* ===== DERS ÇALIŞ SİSTEMİ (PREMIUM) ===== */
        .dc-topbar{display:flex; align-items:center; gap:10px; margin-bottom:16px; min-height:38px; flex-wrap:wrap;}
        .dc-icon-btn{background:#fff; border:none; width:36px; height:36px; border-radius:12px; display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; box-shadow:0 2px 0 #e2e0d8, 0 3px 8px rgba(0,0,0,.04); transition:transform .1s;}
        .dc-icon-btn:active{transform:translateY(2px); box-shadow:0 0 0 #e2e0d8;}
        .dc-icon-btn.hidden{visibility:hidden;}
        .dc-crumb{font-size:11.5px; font-weight:800; color:#64748b; flex:1;}
        .dc-arama-kutu{width:100%; order:3;}
        .dc-arama-kutu input{width:100%; padding:10px 14px; border:2px solid #eef1e9; border-radius:14px; font-size:12px; outline:none; background:#fff; font-weight:700;}
        .dc-arama-kutu input:focus{border-color:#2f855a;}
        #dcAramaSonuclari{background:#fff; border-radius:16px; padding:8px; margin-bottom:12px; max-height:260px; overflow-y:auto; box-shadow:0 2px 10px rgba(0,0,0,.05);}
        .dc-arama-satir{padding:10px 11px; border-radius:12px; cursor:pointer; font-size:12px; font-weight:700; display:flex; justify-content:space-between; align-items:center;}
        .dc-arama-satir:hover{background:#f4f2ec;}
        .dc-arama-etiket{font-size:9.5px; font-weight:800; color:#94a3b8;}
        .dc-screen{display:none;}
        .dc-screen.active{display:block; animation:dcRise .3s cubic-bezier(.2,.8,.3,1) both;}
        @keyframes dcRise{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);}}
        .dc-hero{background:linear-gradient(160deg,#0d5a6c 0%,#072c35 100%); border-radius:22px; padding:20px 20px; margin-bottom:16px; position:relative; overflow:hidden; color:#fff;}
        .dc-hero-owl{position:absolute; right:-4px; bottom:-10px; font-size:74px; opacity:.15; transform:rotate(-6deg);}
        .dc-hero h1{font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif; font-size:19px; font-weight:700; margin-bottom:5px; position:relative;}
        .dc-hero p{font-size:11.5px; color:#cdeadc; line-height:1.5; margin-bottom:12px; position:relative; max-width:290px;}
        .dc-voice-toggle{display:inline-flex; background:rgba(255,255,255,.1); border-radius:13px; padding:4px; gap:4px; position:relative;}
        .dc-ses-btn{padding:6px 11px; border-radius:9px; font-size:10.5px; font-weight:800; color:#cdeadc; cursor:pointer; border:none; background:transparent;}
        .dc-ses-btn.active{background:#fff; color:#1c5a3a;}
        .dc-level-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
        .dc-level-card{border:none; border-radius:18px; padding:16px; cursor:pointer; text-align:left; box-shadow:0 4px 0 var(--dc-lv-deep); transition:transform .08s, box-shadow .08s; background:var(--dc-lv-main);}
        .dc-level-card:active{transform:translateY(3px); box-shadow:0 1px 0 var(--dc-lv-deep);}
        .dc-lv-ring{width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; margin-bottom:8px;}
        .dc-lv-code{font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif; font-size:19px; font-weight:800; color:#fff;}
        .dc-lv-name{font-size:10px; font-weight:800; color:rgba(255,255,255,.85); margin-top:1px;}
        .dc-lc-a1{--dc-lv-main:#2f855a; --dc-lv-deep:#1c5a3a;}
        .dc-lc-a2{--dc-lv-main:#2563eb; --dc-lv-deep:#1741a6;}
        .dc-lc-b1{--dc-lv-main:#7c3aed; --dc-lv-deep:#5223ad;}
        .dc-lc-b2{--dc-lv-main:#ea580c; --dc-lv-deep:#a83f08;}
        .dc-level-badge{display:inline-flex; align-items:center; gap:8px; padding:7px 15px 7px 7px; border-radius:26px; font-weight:800; font-size:12px; color:#fff; margin-bottom:14px;}
        .dc-badge-dot{width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,.25); display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; flex-shrink:0;}
        .dc-cat-grid{display:flex; flex-direction:column; gap:10px;}
        .dc-cat-card{display:flex; align-items:center; gap:12px; background:#fff; border:none; border-radius:16px; padding:13px 14px; cursor:pointer; text-align:left; width:100%; box-shadow:0 3px 0 #e8e6de, 0 2px 8px rgba(0,0,0,.03); transition:transform .08s, box-shadow .08s;}
        .dc-cat-card:active{transform:translateY(3px); box-shadow:0 0 0 #e8e6de;}
        .dc-cat-icon{width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
        .dc-cat-title{font-weight:800; font-size:13px; color:#1e293b;}
        .dc-cat-sub{font-size:10px; color:#64748b; margin-top:1px;}
        .dc-cat-arrow{margin-left:auto; width:26px; height:26px; border-radius:50%; background:#f4f2ec; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
        /* RENKLİ KART IZGARASI */
        .dc-grid-progress{background:#fff; border-radius:16px; padding:12px 14px; margin-bottom:14px; box-shadow:0 2px 10px rgba(0,0,0,.04);}
        .dc-grid-progress-top{display:flex; justify-content:space-between; font-size:11px; font-weight:800; color:#1e293b; margin-bottom:6px;}
        .dc-grid-bar-bg{background:#eef1e9; border-radius:6px; height:8px; overflow:hidden;}
        .dc-grid-bar-fill{background:linear-gradient(90deg,#2f855a,#22c55e); height:100%; width:0%; border-radius:6px; transition:width .4s ease;}
        .dc-topic-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
        .dc-card{background:#fff; border-radius:18px; padding:14px 12px; box-shadow:0 3px 0 var(--dc-card-deep), 0 2px 8px rgba(0,0,0,.03); cursor:pointer; transition:transform .08s, box-shadow .08s; border:2px solid transparent; position:relative;}
        .dc-card:active{transform:translateY(3px); box-shadow:0 0 0 var(--dc-card-deep);}
        .dc-card.done{--dc-card-deep:#c8ecd6; border-color:#c8ecd6; background:#f4fdf7;}
        .dc-card.retry{--dc-card-deep:#fecaca; border-color:#fecaca; background:#fef5f5;}
        .dc-card.yeni{--dc-card-deep:#eee9db;}
        .dc-card-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:9px;}
        .dc-card-icon{width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
        .dc-card-icon.done{background:#2f855a;}
        .dc-card-icon.retry{background:#ef4444;}
        .dc-card-icon.yeni{background:#fef3c7;}
        .dc-card-num{font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif; font-weight:700; font-size:10px; color:#a8a496;}
        .dc-card-title{font-size:11.5px; font-weight:800; color:#1e293b; line-height:1.35;}
        .dc-card-flag{position:absolute; top:-6px; right:-4px; font-size:14px;}
        .dc-topic-header{border-radius:20px; padding:18px; margin-bottom:14px; color:#fff; position:relative; overflow:hidden;}
        .dc-topic-header::after{content:""; position:absolute; right:-18px; top:-18px; width:100px; height:100px; border-radius:50%; background:rgba(255,255,255,.08);}
        .dc-th-eyebrow{font-size:10px; font-weight:800; opacity:.8; letter-spacing:.2px; position:relative;}
        .dc-topic-header h2{font-size:17px; font-weight:700; margin-top:3px; position:relative; padding-right:80px;}
        .dc-bilmiyordum-btn{position:absolute; top:16px; right:16px; background:rgba(255,255,255,.16); border:none; color:#fff; font-size:10px; font-weight:800; padding:7px 9px; border-radius:11px; cursor:pointer; display:flex; align-items:center; gap:4px;}
        .dc-bilmiyordum-btn.aktif{background:#fff; color:#c2760a;}
        .dc-topic-img{width:100%; max-height:150px; object-fit:cover; border-radius:14px; margin-bottom:12px;}
        .dc-tabbar{display:flex; gap:4px; background:#fff; border-radius:15px; padding:4px; margin-bottom:14px; box-shadow:0 2px 0 #e8e6de;}
        .dc-tab-btn{flex:1; border:none; background:transparent; padding:9px 2px; border-radius:11px; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:3px; font-weight:800; font-size:8.8px; color:#64748b;}
        .dc-tab-btn.active{color:#fff;}
        .dc-tab-panel{display:none;}
        .dc-tab-panel.active{display:block; animation:dcRise .25s ease both;}
        .dc-content-card{background:#fff; border-radius:18px; padding:17px; margin-bottom:11px; box-shadow:0 2px 10px rgba(0,0,0,.03);}
        .dc-content-card h3{font-size:13px; font-weight:800; color:#1e293b; margin-bottom:8px; display:flex; align-items:center; gap:7px;}
        .dc-content-card p{font-size:12px; line-height:1.7; color:#3d4657;}
        .dc-content-card ul{margin:6px 0 0 0; list-style:none;}
        .dc-content-card ul li{font-size:12px; line-height:1.65; color:#3d4657; padding:6px 0; border-bottom:1px dashed #eef1e9; display:flex; gap:7px;}
        .dc-content-card ul li:last-child{border-bottom:none;}
        .dc-example-row{display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px dashed #eef1e9;}
        .dc-example-row:last-child{border-bottom:none;}
        .dc-ex-en{font-weight:700; font-size:12.5px; color:#1e293b; flex:1;}
        .dc-ex-tr{font-size:11px; color:#64748b; flex:1;}
        .dc-ex-play{background:#eafaf1; border:none; width:32px; height:32px; border-radius:10px; cursor:pointer; flex-shrink:0; display:flex; align-items:center; justify-content:center; transition:.1s;}
        .dc-ex-play:active{transform:scale(.9);}
        .dc-word{cursor:pointer; border-bottom:2px dotted #b7d9c8; position:relative; border-radius:2px;}
        .dc-word:hover{background:#fef3c7;}
        .dc-hover-balon{position:fixed; background:#1e293b; color:#fff; padding:8px 12px; border-radius:11px; font-size:11px; font-weight:700; z-index:9999999; display:none; max-width:200px; box-shadow:0 6px 16px rgba(0,0,0,.25); pointer-events:none;}
        .dc-hover-balon .dc-alt{font-size:9.5px; color:#94a3b8; font-weight:600; margin-top:2px;}
        .dc-uyg-soru{margin-bottom:14px;}
        .dc-uyg-metin{font-size:12px; font-weight:800; margin-bottom:7px; color:#1e293b;}
        .dc-uyg-inputlar{display:flex; gap:5px; flex-wrap:wrap;}
        .dc-uyg-input{width:42px; height:42px; padding:0; border:2.5px solid #e4e1d8; border-radius:11px; text-align:center; font-weight:800; font-size:14px; outline:none; transition:.15s; color:#1e293b;}
        .dc-uyg-input:focus{border-color:#2f855a;}
        .dc-uyg-kontrol-btn{width:100%; padding:13px; border:none; border-radius:15px; background:#2f855a; color:#fff; font-weight:800; font-size:12.5px; cursor:pointer; margin-top:6px; box-shadow:0 4px 0 #1c5a3a; transition:transform .08s, box-shadow .08s; display:flex; align-items:center; justify-content:center; gap:7px;}
        .dc-uyg-kontrol-btn:active{transform:translateY(3px); box-shadow:0 1px 0 #1c5a3a;}
        .dc-quiz-q{background:#fff; border-radius:16px; padding:15px; margin-bottom:10px; box-shadow:0 2px 10px rgba(0,0,0,.03);}
        .dc-quiz-q-text{font-size:12px; font-weight:800; margin-bottom:10px; color:#1e293b;}
        .dc-quiz-opt{display:flex; align-items:center; gap:9px; width:100%; text-align:left; padding:11px 12px; border:2.5px solid #eef1e9; border-radius:13px; background:#fbfaf7; font-size:11.5px; font-weight:700; color:#3d4657; margin-bottom:7px; cursor:pointer; transition:.12s;}
        .dc-quiz-opt .dc-opt-dot{width:18px; height:18px; border-radius:50%; border:2px solid #cbd5c9; flex-shrink:0;}
        .dc-quiz-opt.dogru{background:#eafaf1; border-color:#2f855a; color:#1c5a3a;}
        .dc-quiz-opt.dogru .dc-opt-dot{background:#2f855a; border-color:#2f855a;}
        .dc-quiz-opt.yanlis{background:#fef2f2; border-color:#f87171; color:#991b1b;}
        .dc-quiz-opt.yanlis .dc-opt-dot{background:#ef4444; border-color:#ef4444;}
        .dc-quiz-bitir-btn{width:100%; padding:14px; border:none; border-radius:15px; background:#f59e0b; color:#fff; font-weight:800; font-size:12.5px; cursor:pointer; margin-top:4px; box-shadow:0 4px 0 #c2760a; transition:transform .08s, box-shadow .08s; display:flex; align-items:center; justify-content:center; gap:7px;}
        .dc-quiz-bitir-btn:active{transform:translateY(3px); box-shadow:0 1px 0 #c2760a;}
        .dc-toast{position:fixed; top:16px; left:50%; transform:translateX(-50%) translateY(-30px); opacity:0; background:#1e293b; color:#fff; padding:12px 18px; border-radius:15px; font-weight:700; font-size:12px; display:flex; align-items:center; gap:8px; z-index:100000010; transition:all .35s cubic-bezier(.2,.9,.3,1.3); box-shadow:0 10px 30px rgba(0,0,0,.25); pointer-events:none;}
        .dc-toast.show{transform:translateX(-50%) translateY(0); opacity:1;}
        .dc-toast-icon{width:22px; height:22px; border-radius:50%; background:#f59e0b; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
                .bottom-nav-mobile { 
                    display: flex;
                    position: fixed;
                    bottom: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    z-index: 99998;
                    background: #ffffff;
                    border-radius: 16px 16px 0 0;
                    max-width: 480px;
                    width: 100%;
                    padding: 8px 12px;
                    box-shadow: -8px 25px rgba(0, 0, 0, 0.08);
                    border: 1px solid #e2e8f0;
                    border-bottom: none;
                    justify-content: space-around;
                    align-items: center;
                    font-family:system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
                }
                .bottom-nav-mobile .bn-item {
                    flex: 1;
                    border: none;
                    background: transparent;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: 2px;
                    padding: 6px 4px;
                    border-radius: 10px;
                    cursor: pointer;
                    transition: background 0.2s;
                }
                .bottom-nav-mobile .bn-item:hover {
                    background: #f1f5f9;
                }
                .bottom-nav-mobile .bn-item.active {
                    background: #f0fdf4;
                }
                .bottom-nav-mobile .bn-icon {
                    font-size: 16px;
                    line-height: 1;
                }
                .bottom-nav-mobile .bn-label {
                    font-size: 9px;
                    font-weight: 800;
                    color: #64748b;
                }
                .bottom-nav-mobile .bn-item.active .bn-label {
                    color: #2f855a;
                }
                          @media (max-width: 768px) {
                    .tabs-container { display: none; }
                    .dc-fullscreen-overlay { padding-bottom: 78px !important; }
                    .bottom-nav-mobile {
                        display: flex;
                        position: fixed;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        transform: none;
                        max-width: 100%;
                        width: 100%;
                        border-radius: 0;
                        z-index: 99998;
                        background: #fff;
                        border-top: 1px solid #eef1e9;
                        padding: 6px 3px calc(6px + env(safe-area-inset-bottom, 0px));
                        box-shadow: 0 -3px 14px rgba(0, 0, 0, .06);
                    }
            .bn-item {
                flex: 1;
                border: none;
                background: transparent;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 2px;
                padding: 6px 1px;
                border-radius: 12px;
                cursor: pointer;
            }
            .bn-item.active { background: #eafaf1; }
            .bn-icon { font-size: 17px; line-height: 1; }
            .bn-label { font-size: 8.3px; font-weight: 800; color: #94a3b8; }
            .bn-item.active .bn-label { color: #2f855a; }
              #panel-alani { padding-bottom: 64px; }
        }
        /* İçerideki butonların dock içi uyumlu biçimlendirilmesi */
        .dock-btn-item {
            position: static !important;
            width: 32px !important;
            height: 32px !important;
            box-shadow: none !important;
            margin: 0 !important;
        }
            /* --- Z-INDEX (KATMAN) DÜZELTMESİ --- */
        /* Tam ekran sekmelerin katman ayarı */
        .dc-fullscreen-overlay {
            z-index: 99990 !important;
        }
        #tab-konusmapratigi.dc-fullscreen-overlay.active {
            display: block !important;
        }
        @media (min-width: 769px) {
            #tab-konusmapratigi.dc-fullscreen-overlay.active { display: flex !important; }
        }
        /* AI Sohbet ve diğer pencerelerin arkada kalmaması için */
        .ai-chat-modal {
            z-index: 100000 !important;
        }
        .rubric-modal, .game-modal-overlay {
            z-index: 100000 !important;
        }
        /* Kelime Kartları Yolculuğu (Seviye Haritası) her zaman en üstte, X butonu her zaman tıklanabilir olsun */
        .seviye-harita-overlay {
            z-index: 100002 !important;
        }
        .seviye-harita-kapat {
            z-index: 5 !important;
            pointer-events: auto !important;
        }
        /* Dış link etkinlik ekranları (Kelime Kartları Yolculuğu içi oyunlar, video, etkinlik) ve onlara ait
           "60 saniye" / süre onay modalları, iframe'in ARKASINDA kalmasın diye en üste alındı */
        #seviyeDisLinkOverlay, #disLinkOverlay, #videoOynaticiOverlay {
            z-index: 999999 !important;
        }
        #seviyeSureUyariModal, #seviyeOnayModal, #genelSureUyariModal {
            z-index: 1000000 !important;
        }
                .kp-bonus-parrot { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:64px; z-index:6; animation: kpParrotFly 1.7s ease-in-out forwards; pointer-events:none; text-align:center; }
        .kp-bonus-parrot-txt { display:block; font-size:14px; font-weight:900; color:#ffd166; margin-top:-6px; text-shadow:0 2px 6px rgba(0,0,0,.4); }
        @keyframes kpParrotFly {
          0% { opacity:0; transform:translate(-50%,-50%) scale(.4) rotate(-10deg); }
          20% { opacity:1; transform:translate(-50%,-75%) scale(1.35) rotate(8deg); }
          50% { transform:translate(-50%,-95%) scale(1.1) rotate(-6deg); }
          80% { opacity:1; transform:translate(-50%,-118%) scale(1) rotate(4deg); }
          100% { opacity:0; transform:translate(-50%,-150%) scale(.8) rotate(0deg); }
        }
        @media (min-width: 769px) {
          #tab-konusmapratigi.dc-fullscreen-overlay { padding-left:8px !important; padding-right:8px !important; justify-content:stretch !important; }
          #tab-konusmapratigi .kp-shell { width:96% !important; max-width:1300px !important; margin:0 auto !important; flex:none !important; flex-shrink:0 !important; box-sizing:border-box !important; padding:30px 50px 60px; border-radius:26px; }
          #tab-konusmapratigi .kp-card { width:300px; height:300px; }
          #tab-konusmapratigi .kp-card-word { font-size:32px; }
          #tab-konusmapratigi .kp-mik-btn { width:220px; height:74px; font-size:27px; }
          #tab-konusmapratigi .kp-yaz-row { max-width:460px; }
        } 
        #tab-konusmapratigi .kp-step-row { display:flex; align-items:center; gap:14px; margin-bottom:6px; position:relative; }
        #tab-konusmapratigi .kp-step-row.right { flex-direction:row-reverse; text-align:right; }
        #tab-konusmapratigi .kp-step-connector { position:absolute; left:29px; top:-6px; width:3px; height:38px; background:repeating-linear-gradient(180deg,rgba(46,215,234,.5) 0 6px, transparent 6px 12px); z-index:0; }
        #tab-konusmapratigi .kp-step-row.right .kp-step-connector { left:auto; right:29px; }
        #tab-konusmapratigi .kp-node-outer { width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; z-index:2; cursor:pointer; }
        #tab-konusmapratigi .kp-node-outer.locked { cursor:not-allowed; }
        #tab-konusmapratigi .kp-node-inner { width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:17px; color:#fff; box-shadow:inset 0 -4px 8px rgba(0,0,0,.18), 0 4px 10px rgba(0,0,0,.25); }
        #tab-konusmapratigi .kp-node-outer.done .kp-node-inner { background:linear-gradient(150deg,#4be8b0,#0bb288); }
        #tab-konusmapratigi .kp-node-outer.active .kp-node-inner { background:linear-gradient(150deg,#ffcb84,#ec8636); }
        #tab-konusmapratigi .kp-node-outer.locked .kp-node-inner { background:linear-gradient(150deg,#41565d,#2a3a3f); color:#6b8790; font-size:15px; }
        @keyframes kpActiveGlow { 0%,100%{ box-shadow:0 0 0 0 rgba(236,134,54,.55);} 70%{ box-shadow:0 0 0 14px rgba(236,134,54,0);} }
        #tab-konusmapratigi .kp-node-outer.active { animation:kpActiveGlow 1.8s ease-out infinite; }
        #tab-konusmapratigi .kp-node-outer.active::after { content:'🦜'; position:absolute; top:-28px; left:50%; transform:translateX(-50%); font-size:20px; animation:kpMascotBob 1.4s ease-in-out infinite; }
        @keyframes kpMascotBob { 0%,100%{transform:translateX(-50%) translateY(0) rotate(-4deg);} 50%{transform:translateX(-50%) translateY(-6px) rotate(4deg);} }
        #tab-konusmapratigi .kp-done-check { position:absolute; top:-3px; right:-2px; width:18px; height:18px; background:#0bb288; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; color:#fff; border:2px solid #0b1e26; }
        #tab-konusmapratigi .kp-step-row.right .kp-done-check { right:auto; left:-2px; }
        #tab-konusmapratigi .kp-step-info { flex:1; }
        #tab-konusmapratigi .kp-step-num { font-size:9px; font-weight:800; color:#6fb8c4; text-transform:uppercase; letter-spacing:.5px; }
        #tab-konusmapratigi .kp-step-name { font-size:13px; font-weight:800; color:#fff; margin-top:1px; }
        #tab-konusmapratigi .kp-step-name.locked-txt { color:#587179; }
        #tab-konusmapratigi .kp-step-sub { font-size:9.5px; color:#8fb9c2; margin-top:1px; }