/* MİMARLAB aktivite platformu (/, /quiz, aktiviteler, /duello) — site.css'in ÜZERİNE; quiz sayfalarında quiz.css bunun
 * da üzerine gelir.
 *
 * İçerik: platformun üst menüsü / çekmece / footer'ı (public/partials/lab-*.html), üyelik rozetleri, tek puan tablosu,
 * üyelik kartları ve sipariş, "Puan nasıl hesaplanır?" tablosu (public/js/lab.js, src/pages/lab.js) ve /yeni ana sayfasının
 * tasarımı. /yeni'nin dili Quiz'in pafta dilinden (milimetrik zemin, mürekkep çerçeve, sert gölge) BİLEREK ayrıdır: yuvarlak,
 * renkli, yumuşak zeminli kartlar; her aktivitenin kendi rengi vardır ve üst menüdeki noktası aynı renktir. Gradient ve süs
 * animasyonu yok; yalnızca üzerine gelince küçük kayma ve renk geçişleri ("hareketi azalt"ta kapanır).
 */
:root{
  --lab-quiz:#EE5A36; --lab-quiz-ink:#B23A17; --lab-quiz-tint:#FDECE6;
  --lab-cizim:#2F5FE8; --lab-cizim-ink:#2047C2; --lab-cizim-tint:#E8EEFD;
  --lab-gorsel:#0E9466; --lab-gorsel-ink:#0A7451; --lab-gorsel-tint:#E2F4EC;
  --lab-kelime:#8746E8; --lab-kelime-ink:#6A2FC4; --lab-kelime-tint:#F1E9FD;
  --lab-board:#E3A400; --lab-board-ink:#8A6200; --lab-board-tint:#FCF3D8;
  --lab-consult:#2F7BF5; --lab-consult-ink:#1F5FCC; --lab-consult-tint:#E6F0FE;
  --lab-duel:#D6336C; --lab-duel-ink:#B0234F; --lab-duel-tint:#FCE8EF;
  --lab-kule:#0E9AA7; --lab-kule-ink:#0A7480; --lab-kule-tint:#DDF4F6;
  --lab-verified:#1D9BF0; --lab-verified-tint:#E7F4FE;
  --lab-gold:#F2B300; --lab-gold-tint:#FDF4D6;
  --lab-diamond:#2BAEE0; --lab-diamond-tint:#E2F6FC;
  --lab-radius:24px;
}
:root[data-theme="dark"]{
  --lab-quiz:#FF7D5C; --lab-quiz-ink:#FF9B80; --lab-quiz-tint:rgba(255,125,92,0.13);
  --lab-cizim:#7C9BFF; --lab-cizim-ink:#9DB4FF; --lab-cizim-tint:rgba(124,155,255,0.13);
  --lab-gorsel:#3CC795; --lab-gorsel-ink:#62D8AC; --lab-gorsel-tint:rgba(60,199,149,0.13);
  --lab-kelime:#B48CFF; --lab-kelime-ink:#C7A8FF; --lab-kelime-tint:rgba(180,140,255,0.14);
  --lab-board:#F2C14E; --lab-board-ink:#F5CF73; --lab-board-tint:rgba(242,193,78,0.13);
  --lab-consult:#5B9BFF; --lab-consult-ink:#8AB8FF; --lab-consult-tint:rgba(91,155,255,0.14);
  --lab-duel:#FF5C8D; --lab-duel-ink:#FF8AAE; --lab-duel-tint:rgba(255,92,141,0.14);
  --lab-kule:#3CCBD6; --lab-kule-ink:#6BDCE5; --lab-kule-tint:rgba(60,203,214,0.13);
  --lab-verified-tint:rgba(29,155,240,0.14);
  --lab-gold-tint:rgba(242,179,0,0.13);
  --lab-diamond-tint:rgba(43,174,224,0.14);
}
.lab-c-quiz{--lab-c:var(--lab-quiz); --lab-c-ink:var(--lab-quiz-ink); --lab-c-tint:var(--lab-quiz-tint);}
.lab-c-cizim{--lab-c:var(--lab-cizim); --lab-c-ink:var(--lab-cizim-ink); --lab-c-tint:var(--lab-cizim-tint);}
.lab-c-gorsel{--lab-c:var(--lab-gorsel); --lab-c-ink:var(--lab-gorsel-ink); --lab-c-tint:var(--lab-gorsel-tint);}
.lab-c-kelime{--lab-c:var(--lab-kelime); --lab-c-ink:var(--lab-kelime-ink); --lab-c-tint:var(--lab-kelime-tint);}
.lab-c-board{--lab-c:var(--lab-board); --lab-c-ink:var(--lab-board-ink); --lab-c-tint:var(--lab-board-tint);}
.lab-c-consult{--lab-c:var(--lab-consult); --lab-c-ink:var(--lab-consult-ink); --lab-c-tint:var(--lab-consult-tint);}
.lab-c-duel{--lab-c:var(--lab-duel); --lab-c-ink:var(--lab-duel-ink); --lab-c-tint:var(--lab-duel-tint);}
.lab-c-kule{--lab-c:var(--lab-kule); --lab-c-ink:var(--lab-kule-ink); --lab-c-tint:var(--lab-kule-tint);}

/* ---------- Üst menü (lab-header.html) ----------
   Eğlenceli ama sade: her bağlantının önünde aktivitenin renginde simge kutusu (.lab-ico), üzerine gelince kutu yana yatıp büyür
   ve bağlantı aktivitenin açık renginde dolar; menünün alt kenarında altı aktivitenin renk şeridi. Gradient yok (şerit düz renk
   parçaları). Bağlantılar 1100px altında hamburger çekmecesindedir. */
.lab-nav{border-bottom:0;}
.lab-nav::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:4px; pointer-events:none;
  background:linear-gradient(90deg, var(--lab-quiz) 0 16.66%, var(--lab-cizim) 0 33.33%, var(--lab-gorsel) 0 50%, var(--lab-kelime) 0 66.66%, var(--lab-kule) 0 83.33%, var(--lab-duel) 0);
}
.lab-brand img{transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);}
.lab-brand:hover img{transform:scale(1.04);}
.lab-footer .footer-logo img{transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);}
.lab-footer .footer-logo:hover img{transform:scale(1.04);}
.lab-nav .nav-links{gap:2px;}
.lab-ico{
  flex:none; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:8px;
  background:var(--lab-c, var(--ink)); color:#fff; transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);
}
[data-theme="dark"] .lab-ico{color:#14181E;}
.lab-ico svg{width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}
.lab-nav-link{
  display:inline-flex; align-items:center; gap:7px; padding:6px 12px 6px 6px; border-radius:100px;
  font-size:14.5px; font-weight:700; color:var(--ink-soft); white-space:nowrap;
  transition:background-color .15s ease, color .15s ease, transform .2s ease;
}
.lab-nav-link:hover{color:var(--ink); background:var(--lab-c-tint); transform:translateY(-1px);}
.lab-nav-link:hover .lab-ico{transform:rotate(-12deg) scale(1.15);}
.lab-nav-link[aria-current="page"]{color:var(--ink); background:var(--lab-c-tint); box-shadow:inset 0 0 0 2px var(--lab-c);}
.lab-nav .nav-right{margin-left:8px;}
/* Giriş Yap: mercan, basılınca çöken oyuncak düğme; oturum açıkken avatar düğmesi renkli halkalı. */
.lab-nav .nav-rate:not(.nav-user){
  background:var(--lab-quiz); border-color:var(--lab-quiz); color:#fff; box-shadow:0 3px 0 var(--lab-quiz-ink);
  transition:transform .15s ease, box-shadow .15s ease;
}
.lab-nav .nav-rate:not(.nav-user):hover{transform:translateY(-2px); box-shadow:0 5px 0 var(--lab-quiz-ink);}
.lab-nav .nav-rate:not(.nav-user):active{transform:translateY(2px); box-shadow:0 1px 0 var(--lab-quiz-ink);}
[data-theme="dark"] .lab-nav .nav-rate:not(.nav-user){color:#14181E;}
.lab-nav .nav-user{transition:transform .15s ease, background-color .15s ease;}
.lab-nav .nav-user:hover{transform:translateY(-1px);}
.lab-nav .nav-user .user-avatar{box-shadow:0 0 0 2px var(--page), 0 0 0 4px var(--lab-board);}
.lab-nav .nav-hamburger{border:0; border-radius:12px; background:var(--lab-board-tint); transition:transform .25s cubic-bezier(.34, 1.56, .64, 1);}
.lab-nav .nav-hamburger:hover{transform:rotate(-8deg) scale(1.06);}
/* 2026-10-10: masaüstü menü 1101px'e kadar (≈ %75 pencere) tam görünür; 1240px altında bağlantılar sıkılaşır. */
@media (min-width:1101px) and (max-width:1240px){
  .lab-nav .nav-links{gap:0;}
  .lab-nav-link{font-size:13px; gap:5px; padding:5px 8px 5px 5px;}
  .lab-nav .nav-right{margin-left:2px;}
  .lab-nav .nav-user{max-width:150px;}
}
@media (max-width:1100px){
  .lab-nav .nav-links, .lab-nav .nav-right{display:none;}
  .lab-nav .nav-hamburger{display:flex; margin-left:auto;}
}

/* Kullanıcı menüsü (user-menu.html, platform sayfalarında): renkli başlık, her satırın önünde renkli simge kutusu. Aynı simgeler
   çekmecenin Hesabım kutusunda. Simgeler veri adresi SVG (CSP img-src data: izinli). */
.lab-nav .user-pop{width:268px;}
.lab-nav .user-pop-card{padding:8px; border-radius:22px; border:0; box-shadow:0 18px 44px rgba(15,19,26,0.2), 0 0 0 1px var(--line);}
.lab-nav .user-pop-head{position:relative; margin:0 0 6px; padding:28px 14px 12px; border:0; border-radius:15px; background:var(--lab-board-tint);}
.lab-nav .user-pop-head::after, .drawer-title::after{
  content:''; display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--lab-quiz);
  box-shadow:11px 0 0 var(--lab-cizim), 22px 0 0 var(--lab-gorsel), 33px 0 0 var(--lab-kelime), 44px 0 0 var(--lab-kule), 55px 0 0 var(--lab-duel);
}
.lab-nav .user-pop-head::after{position:absolute; top:13px; left:14px;}
.lab-nav .user-pop-link, .drawer .drawer-me-link{justify-content:flex-start; gap:11px; border-radius:12px; font-weight:700; transition:background-color .15s ease, transform .15s ease;}
.lab-nav .user-pop-link::before, .drawer .drawer-me-link::before{
  content:''; flex:none; width:26px; height:26px; border-radius:9px; background:var(--chip, var(--ink)) no-repeat center / 15px;
  transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);
}
.lab-nav .user-pop-link:hover, .lab-nav .user-pop-link:focus-visible, .drawer .drawer-me-link:hover{background:color-mix(in srgb, var(--chip, var(--ink)) 13%, transparent); transform:translateX(2px);}
.lab-nav .user-pop-link:hover::before, .drawer .drawer-me-link:hover::before{transform:rotate(-12deg) scale(1.12);}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/hesabim"]{--chip:var(--lab-quiz);}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/hesabim"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.5'/%3E%3Cpath d='M5 19.5c0-3.6 3.1-6 7-6s7 2.4 7 6'/%3E%3C/svg%3E");}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/bildirimler"]{--chip:var(--lab-board);}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/bildirimler"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16.5V11a6 6 0 0 1 12 0v5.5l1.5 1.5h-15z'/%3E%3Cpath d='M10 20.5h4'/%3E%3C/svg%3E");}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/mesajlar"]{--chip:var(--lab-cizim);}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/mesajlar"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 5.5h15v10h-8l-4.5 3.5v-3.5h-2.5z'/%3E%3Cpath d='M8.5 9.5h7M8.5 12.5h4'/%3E%3C/svg%3E");}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/english"]{--chip:var(--lab-gorsel);}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/english"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 5.5h7v13h-7zM12.5 5.5h7v13h-7z'/%3E%3Cpath d='M7 9h2.5M15 9h2.5M15 12h2.5'/%3E%3C/svg%3E");}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/randevularim"]{--chip:var(--lab-consult);}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/randevularim"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5.5' width='16' height='14' rx='3'/%3E%3Cpath d='M4 10h16M9 3.5v4M15 3.5v4'/%3E%3C/svg%3E");}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/danisman-ol"]{--chip:var(--lab-gorsel);}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/danisman-ol"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19l1.2-4.2L16 5l3 3-9.8 9.8z'/%3E%3C/svg%3E");}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/danisman-paneli"]{--chip:var(--lab-board);}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/danisman-paneli"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='9' rx='2'/%3E%3Crect x='13.5' y='3.5' width='7' height='5' rx='2'/%3E%3Crect x='13.5' y='11.5' width='7' height='9' rx='2'/%3E%3Crect x='3.5' y='15.5' width='7' height='5' rx='2'/%3E%3C/svg%3E");}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/yonetim"]{--chip:var(--lab-kelime);}
:is(.lab-nav .user-pop-link, .drawer .drawer-me-link)[href="/yonetim"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 3.5v2.5M12 18v2.5M3.5 12H6M18 12h2.5M6 6l1.8 1.8M16.2 16.2L18 18M6 18l1.8-1.8M16.2 7.8L18 6'/%3E%3C/svg%3E");}
.lab-nav .user-pop-logout, .drawer .drawer-me-logout{--chip:var(--lab-duel);}
.lab-nav .user-pop-logout::before, .drawer .drawer-me-logout::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5H7.5A2 2 0 0 0 5.5 6.5v11a2 2 0 0 0 2 2H14'/%3E%3Cpath d='M11 12h9M16.5 8.5L20 12l-3.5 3.5'/%3E%3C/svg%3E");}
.lab-nav .user-pop-sep{margin:6px 4px;}

/* Çekmece (drawer.html + lab-drawer-links.html): başlıkta altı renk noktası; Hesabım kutusu renkli; sayfa bağlantıları aktivite
   renginde kutular (simge + ad), altta küçük hap düğmeler; Giriş Yap mercan. */
.drawer-title::after{margin-left:12px; vertical-align:2px;}
.drawer .drawer-me-box{border:0; border-radius:20px; background:var(--lab-board-tint);}
.drawer .drawer-me-head{border-bottom:0; padding-bottom:6px;}
.drawer .drawer-me-head .user-avatar{box-shadow:0 0 0 2px var(--lab-board-tint), 0 0 0 4px var(--lab-board);}
.lab-drawer-links{display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:10px; align-content:start; padding:12px 14px 16px;}
.lab-drawer-links .drawer-link{
  flex-direction:column; align-items:flex-start; justify-content:space-between; gap:12px; min-height:92px; padding:13px 14px 14px;
  border-radius:20px; background:var(--lab-c-tint); font-size:14.5px; font-weight:800; line-height:1.2; letter-spacing:0.02em;
  transition:transform .2s cubic-bezier(.34, 1.56, .64, 1), box-shadow .15s ease;
}
.lab-drawer-links .drawer-link .lab-ico{width:34px; height:34px; border-radius:11px;}
.lab-drawer-links .drawer-link .lab-ico svg{width:19px; height:19px;}
.lab-drawer-links .drawer-link:hover{background:var(--lab-c-tint); transform:translateY(-2px) rotate(-1deg);}
.lab-drawer-links .drawer-link:hover .lab-ico{transform:rotate(-12deg) scale(1.12);}
.lab-drawer-links .drawer-link[aria-current="page"]{box-shadow:inset 0 0 0 2px var(--lab-c, var(--ink));}
.lab-drawer-links .lab-drawer-home{grid-column:1 / -1; flex-direction:row; align-items:center; justify-content:flex-start; min-height:0; padding:10px 14px 10px 10px; background:var(--paper-alt);}
.lab-drawer-links .lab-drawer-home .lab-ico{background:var(--ink); color:var(--page);}
.lab-drawer-links .lab-drawer-home:hover{background:var(--paper-alt);}
.drawer:has(.lab-drawer-links) .drawer-cta:not(.drawer-cta-secondary){border-radius:100px; background:var(--lab-quiz); color:#fff; box-shadow:0 3px 0 var(--lab-quiz-ink);}
[data-theme="dark"] .drawer:has(.lab-drawer-links) .drawer-cta:not(.drawer-cta-secondary){color:#14181E;}
.drawer:has(.lab-drawer-links) .drawer-cta-secondary{border-radius:100px;}

/* Footer (2026-10-09): süs simgesi yok; bağlantının altı çizgisi sütunun renginde, renkli sosyal düğmeler */
.lab-footer{position:relative;}
.lab-footer .footer-brand p{max-width:250px;}
.lab-footer .footer-col h2{color:#fff; font-weight:800; letter-spacing:0.1em;}
.lab-footer .footer-col a:hover{text-decoration:underline; text-decoration-color:var(--h); text-decoration-thickness:2px; text-underline-offset:4px;}
.lab-footer .footer-col:nth-of-type(1){--h:var(--lab-quiz);}
.lab-footer .footer-col:nth-of-type(2){--h:var(--lab-gorsel);}
.lab-footer .footer-col:nth-of-type(3){--h:var(--lab-consult);}
.lab-footer .footer-col:nth-of-type(4){--h:var(--lab-kelime);}
.lab-footer .footer-col a{transition:color .15s ease, transform .15s ease;}
.lab-footer .footer-col a:hover{color:#fff; transform:translateX(3px);}
.lab-footer .footer-social{gap:10px; height:36px;}
.lab-footer .footer-social a{
  width:34px; height:34px; align-items:center; justify-content:center; border-radius:11px; background:rgba(255,255,255,0.09); opacity:1;
  transition:transform .3s cubic-bezier(.34, 1.56, .64, 1), background-color .15s ease;
}
.lab-footer .footer-social a:nth-child(1):hover{background:var(--lab-duel);}
.lab-footer .footer-social a:nth-child(2):hover{background:var(--lab-cizim);}
.lab-footer .footer-social a:nth-child(3):hover{background:var(--lab-consult);}
.lab-footer .footer-social a:hover{transform:translateY(-3px) rotate(-8deg);}
@media (prefers-reduced-motion: reduce){
  .lab-brand img, .lab-footer .footer-logo img, .lab-ico, .lab-nav-link, .lab-nav .nav-rate, .lab-nav .nav-user, .lab-nav .nav-hamburger, .lab-nav .user-pop-link,
  .lab-nav .user-pop-link::before, .drawer .drawer-me-link, .drawer .drawer-me-link::before, .lab-drawer-links .drawer-link,
  .lab-footer .footer-col a, .lab-footer .footer-social a{transition:none !important; transform:none !important;}
}

/* ---------- Üyelik rozetleri (public/js/lab.js#memberBadge) ---------- */
.lab-badge{display:inline-block; flex:none; vertical-align:-3px; overflow:visible;}
.lab-badge .lab-badge-body{stroke-width:1.8; stroke-linejoin:round;}
.lab-badge .lab-badge-mark{fill:none; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round;}
.lab-badge.is-verified .lab-badge-body{fill:var(--lab-verified); stroke:var(--lab-verified);}
.lab-badge.is-verified .lab-badge-mark{stroke:#fff;}
.lab-badge.is-gold .lab-badge-body{fill:var(--lab-gold); stroke:var(--lab-gold);}
.lab-badge.is-gold .lab-badge-mark{stroke:#5B3C00;}
.lab-badge.is-diamond .lab-badge-body{fill:#3BBDEB; stroke:#0B6E9E; stroke-width:1.1;}
.lab-badge.is-diamond .lab-badge-crown{fill:#A7E8FB;}
.lab-badge.is-diamond .lab-badge-facet{fill:#1E96CF;}
.lab-badge.is-diamond .lab-badge-line{fill:none; stroke:#0B6E9E; stroke-width:0.9; stroke-linejoin:round;}
.lab-name{display:inline-flex; align-items:center; gap:5px; min-width:0; max-width:100%;}
.lab-name-text{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lab-name-lg{font-size:17px; font-weight:800;}

.lab-avatar{
  flex:none; width:30px; height:30px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; overflow:hidden;
  background:var(--paper-alt); color:var(--ink); font-size:13px; font-weight:800;
}
.lab-avatar img{width:100%; height:100%; object-fit:cover; display:block;}
.lab-avatar-lg{width:48px; height:48px; font-size:19px; background:var(--ink); color:var(--page);}

/* ---------- Tek puan tablosu (public/js/lab.js#mountBoard) ---------- */
.lab-board-tabs{margin-top:0;}
.lab-board-body[aria-busy="true"]{opacity:0.55;}
.lab-rows{list-style:none; margin:0; padding:0; border-top:1.5px solid var(--ink);}
.lab-row-item{display:block;}
/* Satır bir düğmedir (2026-10-09): tıklayınca oyuncu kartı açılır. */
.lab-row{
  display:grid; grid-template-columns:44px 30px minmax(0, 1fr) auto auto; align-items:center; gap:12px; width:100%;
  padding:11px 8px; border:0; border-bottom:1px solid var(--line); background:none; color:inherit; font:inherit; text-align:left; cursor:pointer;
  transition:background-color .15s ease, transform .2s cubic-bezier(.34, 1.56, .64, 1);
}
.lab-row:hover{background:var(--lab-board-tint); transform:translateX(4px);}
.lab-row:hover .lab-avatar{transform:rotate(-8deg) scale(1.1);}
.lab-row .lab-avatar{transition:transform .25s cubic-bezier(.34, 1.56, .64, 1);}
.lab-row:focus-visible{outline:3px solid var(--lab-board); outline-offset:-3px; border-radius:10px;}
.lab-rank{font-size:15px; font-weight:800; font-variant-numeric:tabular-nums; color:var(--ink-soft); letter-spacing:0.04em;}
.lab-row.is-top .lab-rank{color:var(--ink); font-size:20px;}
.lab-row.is-top-1 .lab-rank{color:var(--lab-board-ink);}
.lab-row.is-top-1 .lab-avatar{background:var(--lab-board); color:#3A2A00;}
.lab-user{display:flex; align-items:center; gap:8px; min-width:0; font-weight:600;}
.lab-you{flex:none; padding:1px 8px; border-radius:100px; background:var(--ink); color:var(--page); font-size:11px; font-weight:700;}
.lab-row-correct{font-size:13px; color:var(--ink-soft); white-space:nowrap;}
.lab-row-points{font-variant-numeric:tabular-nums; white-space:nowrap; text-align:right; min-width:104px;}
.lab-row-points strong{font-size:17px;}
.lab-row-points span{font-size:12.5px; color:var(--ink-soft);}
.lab-row.is-me, .lab-row.is-me:hover{background:var(--lab-quiz-tint);}
.lab-board-body:not([aria-busy]) .lab-row-item{animation:lab-row-in .4s cubic-bezier(.34, 1.4, .64, 1) backwards;}
.lab-board-body .lab-row-item:nth-child(2){animation-delay:30ms;} .lab-board-body .lab-row-item:nth-child(3){animation-delay:60ms;}
.lab-board-body .lab-row-item:nth-child(4){animation-delay:90ms;} .lab-board-body .lab-row-item:nth-child(5){animation-delay:120ms;}
.lab-board-body .lab-row-item:nth-child(6){animation-delay:150ms;} .lab-board-body .lab-row-item:nth-child(7){animation-delay:180ms;}
.lab-board-body .lab-row-item:nth-child(8){animation-delay:210ms;} .lab-board-body .lab-row-item:nth-child(9){animation-delay:240ms;}
.lab-board-body .lab-row-item:nth-child(10){animation-delay:270ms;}
@keyframes lab-row-in{from{opacity:0; transform:translateY(8px);}}
/* Sayfalar: ‹ 1 … 4 5 6 … 12 › */
.lab-pager{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:16px;}
.lab-page{
  min-width:38px; height:38px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px;
  border:1.5px solid var(--line); background:var(--page); color:var(--ink); font:inherit; font-size:14.5px; font-weight:800; cursor:pointer;
  font-variant-numeric:tabular-nums; transition:transform .2s cubic-bezier(.34, 1.56, .64, 1), background-color .15s ease, border-color .15s ease;
}
.lab-page:hover:not(:disabled){border-color:var(--lab-board); background:var(--lab-board-tint); transform:translateY(-2px);}
.lab-page[aria-current="page"]{background:var(--lab-board); border-color:var(--lab-board); color:#3A2A00; box-shadow:0 3px 0 var(--lab-board-ink);}
.lab-page:disabled{opacity:.35; cursor:default;}
.lab-page svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}
.lab-page:focus-visible{outline:3px solid var(--lab-board); outline-offset:2px;}
.lab-page-gap{padding:0 2px; color:var(--ink-soft); font-weight:800;}
.lab-pager-info{margin-left:auto; font-size:13px; font-weight:600; color:var(--ink-soft);}
.lab-board-jump{margin-left:6px; padding:3px 11px; border:0; border-radius:100px; background:var(--lab-quiz-tint); color:var(--lab-quiz-ink); font:inherit; font-size:13px; font-weight:700; cursor:pointer;}
.lab-board-jump:hover{background:var(--lab-quiz); color:#fff;}
@media (max-width:560px){ .lab-pager-info{width:100%; margin-left:0;} }
.lab-board-empty{display:flex; flex-direction:column; gap:4px; padding:28px 18px; border:1px dashed var(--line); border-radius:14px; text-align:center;}
.lab-board-empty span{color:var(--ink-soft); font-size:14px;}
.lab-board-foot{margin:14px 0 0; font-size:14px; color:var(--ink-soft);}
.lab-board-foot a{color:var(--walnut); font-weight:600; text-decoration:underline; text-underline-offset:3px;}
.lab-board-me{color:var(--ink);}

/* ---------- Üyelik (public/js/lab.js#mountMemberships) ---------- */
.lab-members{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px;}
.lab-member{
  --m:var(--lab-verified); --mt:var(--lab-verified-tint);
  display:flex; flex-direction:column; gap:6px; padding:26px 24px 24px; border-radius:var(--lab-radius); background:var(--mt);
}
.lab-member-altin{--m:var(--lab-gold); --mt:var(--lab-gold-tint);}
.lab-member-elmas{--m:var(--lab-diamond); --mt:var(--lab-diamond-tint);}
.lab-member.is-current{box-shadow:inset 0 0 0 2px var(--m);}
.lab-member-badge{display:flex; align-items:center; justify-content:center; width:76px; height:76px; margin-bottom:8px; border-radius:50%; background:var(--page);}
.lab-member-name{margin:0; font-size:21px; font-weight:800; letter-spacing:-0.01em;}
.lab-member-price{margin:0;}
.lab-member-price strong{font-size:34px; font-weight:800; letter-spacing:-0.03em; font-variant-numeric:tabular-nums;}
.lab-member-price span{color:var(--ink-soft); font-size:14px;}
.lab-member-perks{list-style:none; margin:8px 0 18px; padding:0; display:flex; flex-direction:column; gap:8px; font-size:14.5px; line-height:1.45;}
.lab-member-perks li{position:relative; padding-left:24px;}
.lab-member-perks li::before{content:'✓'; position:absolute; left:2px; top:0; font-weight:800; color:var(--ink);}
.lab-member .btn{margin-top:auto; align-self:stretch;}
/* Ana sayfa "Aşamalar" (04): kutular 3 sütun; geçilen aşama sarımsı, ilerleme çubuğu. Simgeler lab.js#icon (çizgi, currentColor). */
.lab-stages{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px;}
.lab-stage{display:flex; gap:14px; align-items:flex-start; padding:18px; border-radius:20px; background:var(--field); min-width:0;}
.lab-stage.is-earned{background:var(--lab-board-tint);}
.lab-stage-icon{flex:none; display:inline-flex; width:48px; height:48px; align-items:center; justify-content:center; border-radius:16px; background:var(--page); color:var(--lab-board-ink);}
.lab-stage:not(.is-earned) .lab-stage-icon{color:var(--ink-soft); opacity:.55;}
.lab-stage-icon svg{width:26px; height:26px;}
.lab-stage-text{display:flex; flex-direction:column; gap:4px; min-width:0;}
.lab-stage-name{font-size:16px; font-weight:800; line-height:1.25;}
.lab-stage-desc{font-size:13.5px; line-height:1.45; color:var(--ink-soft);}
.lab-stage-meta{display:flex; align-items:center; gap:10px; margin-top:4px; font-size:12.5px; font-weight:700; color:var(--ink-soft); font-variant-numeric:tabular-nums;}
.lab-stage-bar{position:relative; display:block; flex:1; max-width:120px; height:6px; border-radius:100px; background:var(--page); overflow:hidden;}
.lab-stage-fill{position:absolute; inset:0; background:var(--lab-board); transform-origin:left center; transition:transform .5s ease;}
.lab-stages-count{margin:10px 0 0; font-size:14px; font-weight:700; color:var(--ink-soft);}
.lab-collapse{
  display:inline-flex; align-items:center; gap:14px; padding:0; border:0; background:none; color:inherit;
  font:inherit; letter-spacing:inherit; text-align:left; cursor:pointer;
}
.lab-collapse-chev{flex:none; width:40px; height:40px; padding:9px; border-radius:50%; border:2px solid var(--ink); fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s cubic-bezier(.34, 1.56, .64, 1), background-color .15s ease, color .15s ease;}
.lab-collapse:hover .lab-collapse-chev{background:var(--ink); color:var(--page);}
.lab-collapse[aria-expanded="true"] .lab-collapse-chev{transform:rotate(180deg);}
.lab-collapse:focus-visible{outline:3px solid var(--lab-board); outline-offset:4px; border-radius:12px;}
@media (max-width:900px){ .lab-stages{grid-template-columns:repeat(2, minmax(0, 1fr));} }
@media (max-width:560px){ .lab-stages{grid-template-columns:minmax(0, 1fr);} }
.lab-members-note{margin:16px 0 0; font-size:13.5px; color:var(--ink-soft);}
/* Tablet ve telefon: üyelik kutuları tek satırda yatay kaydırılır (kaydırma çubuğu gizli; ‹ › düğmeleri ve parmakla kaydırma) */
.lab-members-nav{display:none;}
.lab-scroll-btn{
  display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; padding:0; border-radius:50%;
  border:1.5px solid var(--ink); background:var(--page); color:var(--ink); cursor:pointer;
  transition:background-color .15s ease, transform .2s cubic-bezier(.34, 1.56, .64, 1), opacity .15s ease;
}
.lab-scroll-btn svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}
.lab-scroll-btn:hover:not(:disabled){background:var(--ink); color:var(--page);}
.lab-scroll-btn:hover:not(:disabled) svg{transform:none;}
.lab-scroll-btn:disabled{opacity:.3; cursor:default;}
.lab-scroll-btn:focus-visible{outline:3px solid var(--lab-board); outline-offset:3px;}
.lab-member-status{display:flex; flex-direction:column; gap:12px; margin-bottom:16px;}
.lab-pass{display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:16px 18px; border-radius:18px; border:1.5px solid var(--line); background:var(--paper-card);}
.lab-pass-badge{display:flex; flex:none;}
.lab-pass-text{display:flex; flex-direction:column; gap:2px; flex:1; min-width:200px;}
.lab-pass-text strong{font-size:17px;}
.lab-pass-text span{font-size:13.5px; color:var(--ink-soft);}
.lab-order{padding:16px 18px; border-radius:18px; border:1.5px solid var(--accent); background:var(--lab-quiz-tint);}
.lab-order.is-submitted{border-color:var(--brass); background:var(--field);}
.lab-order-head{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;}
.lab-order-text{margin:8px 0 12px; font-size:14px; color:var(--ink-soft);}
.lab-order-actions{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:14px;}
.lab-order-badge{display:flex; align-items:center; gap:12px; margin:0 0 14px; font-weight:600;}
.lab-bank{display:grid; gap:1px; margin:0; background:var(--line); border:1px solid var(--line); border-radius:12px; overflow:hidden;}
.lab-bank > div{display:grid; grid-template-columns:110px minmax(0, 1fr); align-items:center; gap:10px; padding:9px 12px; background:var(--page);}
.lab-bank dt{font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-soft);}
.lab-bank dd{margin:0; display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-weight:600; min-width:0;}
.lab-iban{font-variant-numeric:tabular-nums; letter-spacing:0.02em; word-break:break-all;}
.lab-order-summary{margin-bottom:14px;}
.lab-modal{width:min(560px, calc(100vw - 32px));}
.lab-modal-lead{margin:0 0 12px; color:var(--ink-soft); font-size:14.5px;}
.lab-consent{display:flex; gap:10px; align-items:flex-start; margin:4px 0 14px; font-size:14px;}
.lab-consent input{margin-top:3px; width:17px; height:17px; flex:none;}
.lab-consent a{color:var(--walnut); text-decoration:underline; text-underline-offset:3px;}

/* ---------- "Puan nasıl hesaplanır?" (src/pages/lab.js#scoreTableHtml): formül + bonus çıkartmaları ---------- */
.lab-score{--sc:var(--lab-quiz); --sc-t:var(--lab-quiz-tint); --sc-i:var(--lab-quiz-ink);}
.lab-score ol, .lab-score ul{list-style:none; margin:0; padding:0;}
.lab-sc-correct{--sc:var(--lab-quiz); --sc-t:var(--lab-quiz-tint); --sc-i:var(--lab-quiz-ink);}
.lab-sc-speed{--sc:var(--lab-cizim); --sc-t:var(--lab-cizim-tint); --sc-i:var(--lab-cizim-ink);}
.lab-sc-streak{--sc:var(--lab-board); --sc-t:var(--lab-board-tint); --sc-i:var(--lab-board-ink);}
.lab-sc-daily{--sc:var(--lab-quiz); --sc-t:var(--lab-quiz-tint); --sc-i:var(--lab-quiz-ink);}
.lab-sc-master{--sc:var(--lab-gorsel); --sc-t:var(--lab-gorsel-tint); --sc-i:var(--lab-gorsel-ink);}
.lab-sc-hint{--sc:var(--lab-kelime); --sc-t:var(--lab-kelime-tint); --sc-i:var(--lab-kelime-ink);}
.lab-sc-duel{--sc:var(--lab-duel); --sc-t:var(--lab-duel-tint); --sc-i:var(--lab-duel-ink);}
.lab-sc-draw{--sc:var(--lab-consult); --sc-t:var(--lab-consult-tint); --sc-i:var(--lab-consult-ink);}
.lab-score-formula{display:grid; grid-template-columns:minmax(0, 1fr) 34px minmax(0, 1fr) 34px minmax(0, 1fr) 34px minmax(0, 0.9fr); align-items:stretch;}
.lab-sc, .lab-sticker{position:relative; display:flex; flex-direction:column; gap:2px; min-width:0; padding:20px 20px 18px; border-radius:var(--lab-radius); background:var(--sc-t);}
.lab-sc-icon{width:40px; height:40px; padding:9px; margin-bottom:10px; border-radius:50%; background:var(--sc); fill:none; stroke:#fff; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;}
[data-theme="dark"] .lab-sc-icon{stroke:#14181E;}
.lab-sc-value{font-size:clamp(30px, 3.2vw, 40px); line-height:1; font-weight:800; letter-spacing:-0.03em; color:var(--sc-i); font-variant-numeric:tabular-nums; white-space:nowrap;}
.lab-sc-label{margin-top:6px; font-size:16px; font-weight:800;}
.lab-sc-note{font-size:13.5px; line-height:1.45; color:var(--ink-soft);}
.lab-sc-op{display:flex; align-items:center; justify-content:center; font-size:30px; font-weight:800; color:var(--ink-soft);}
.lab-sc-total{justify-content:center; background:var(--ink); color:var(--page);}
.lab-sc-total .lab-sc-value{color:var(--page); font-size:clamp(24px, 2.4vw, 30px);}
.lab-sc-total .lab-sc-label{font-weight:600; font-size:14.5px; opacity:0.8;}
.lab-score-sub{margin:30px 0 14px; font-size:12px; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-soft);}
/* Çıkartmalar: hafif eğik, üzerine gelince düzelir (yalnızca konum; süs animasyonu yok). */
.lab-score-bonus{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px;}
.lab-sticker{--r:-1.5deg; padding:18px 18px 16px; border:2px dashed var(--sc); transform:rotate(var(--r));}
.lab-sticker:nth-child(even){--r:1.5deg;}
.lab-sticker:hover{animation:lab-wiggle .6s ease;}
/* Puan nasıl hesaplanır? grafiği: ekrana girince (lab.js: .is-play) kartlar sırayla gelir, işlemler dönerek oturur, bonus
   etiketleri yukarıdan düşer, sayılar sayarak dolar (lab.js#countUp); sürekli hafif hareket (simgeler, Puanın). Hover: kart kalkar. */
.lab-sc, .lab-sticker{transition:transform .25s ease, box-shadow .25s ease;}
.lab-sc:hover{transform:translateY(-4px); box-shadow:0 14px 28px rgba(15,19,26,0.1);}
.lab-i-0{--i:0;} .lab-i-1{--i:1;} .lab-i-2{--i:2;} .lab-i-3{--i:3;} .lab-i-4{--i:4;} .lab-i-5{--i:5;} .lab-i-6{--i:6;}
.lab-score.is-play .lab-sc{animation:lab-sc-in .7s cubic-bezier(.34, 1.4, .64, 1) backwards; animation-delay:calc(var(--i) * 140ms);}
.lab-score.is-play .lab-sc-op{animation:lab-op-in .6s cubic-bezier(.34, 1.56, .64, 1) backwards; animation-delay:calc(var(--i) * 140ms);}
.lab-score.is-play .lab-sc-icon{animation:lab-bob 2.8s ease-in-out calc(var(--i) * 140ms + 1s) infinite;}
.lab-score.is-play .lab-sc-total .lab-sc-value{animation:lab-glow 2.6s ease-in-out 1.8s infinite;}
.lab-score.is-play .lab-sticker{animation:lab-drop .8s cubic-bezier(.34, 1.56, .64, 1) backwards; animation-delay:calc(var(--i) * 150ms + 700ms);}
@keyframes lab-sc-in{from{opacity:0; transform:translateY(22px) scale(.9);} to{opacity:1; transform:none;}}
@keyframes lab-op-in{from{opacity:0; transform:scale(0) rotate(-120deg);} to{opacity:1; transform:none;}}
@keyframes lab-bob{0%, 100%{transform:translateY(0);} 50%{transform:translateY(-4px);}}
@keyframes lab-glow{0%, 100%{transform:scale(1);} 50%{transform:scale(1.07);}}
@keyframes lab-drop{from{opacity:0; transform:translateY(-34px) rotate(-10deg);} to{opacity:1; transform:rotate(var(--r));}}
@keyframes lab-wiggle{0%, 100%{transform:rotate(var(--r));} 25%{transform:rotate(calc(var(--r) * -2.6));} 75%{transform:rotate(calc(var(--r) * 2));}}
.lab-sticker .lab-sc-icon{position:absolute; top:14px; right:14px; width:34px; height:34px; padding:7px; margin:0;}
.lab-sticker .lab-sc-value{font-size:clamp(28px, 2.8vw, 34px);}
@media (prefers-reduced-motion:reduce){ .lab-sticker, .lab-sticker:nth-child(even), .lab-sticker:hover, .lab-sc:hover{transform:none; transition:none; animation:none;} .lab-score *{animation:none !important;} }

/* ======================================================================================================
   /yeni — ana sayfa
   ====================================================================================================== */
.lab-home{padding-bottom:96px;}
/* Düğme ve bağlantı içinde metin parçaları (Quiz lang="en") olduğundan flex DEĞİL: flex'te sözcük arası boşluk düşer. */
.lab-btn{
  display:inline-block; text-align:center; line-height:1.25; padding:14px 22px; border-radius:100px;
  border:1.5px solid var(--line); background:var(--page); color:var(--ink); font-size:15.5px; font-weight:700; white-space:nowrap;
  transition:border-color .12s ease, background-color .12s ease, color .12s ease;
}
.lab-btn:hover{border-color:var(--ink);}
.lab-btn-primary{background:var(--ink); border-color:var(--ink); color:var(--page);}
.lab-btn-primary:hover{background:var(--lab-quiz); border-color:var(--lab-quiz); color:#fff;}
.lab-btn-small{padding:10px 17px; font-size:14px;}
.lab-btn[hidden]{display:none;}
.lab-legend{list-style:none; display:flex; flex-wrap:wrap; gap:8px 18px; margin:18px 0; padding:0;}
.lab-legend li{display:inline-flex; align-items:center; gap:7px; font-size:14px; font-weight:600;}
.lab-link{display:inline-block; font-weight:700; color:var(--ink); text-decoration:underline; text-decoration-thickness:2px; text-decoration-color:var(--lab-board); text-underline-offset:5px;}
.lab-link:hover{text-decoration-color:var(--ink);}

/* Kahraman: başlık + renkli mozaik */
.lab-hero{padding:56px 0 40px;}
.lab-hero-grid{display:grid; grid-template-columns:minmax(0, 1.02fr) minmax(0, 1fr); gap:52px; align-items:center;}
.lab-kicker{display:inline-flex; align-items:center; gap:10px; margin:0 0 22px; padding:7px 15px 7px 12px; border-radius:100px; background:var(--field); font-size:13px; font-weight:700;}
.lab-kicker-dot{
  flex:none; width:9px; height:9px; margin-right:65px; border-radius:50%; background:var(--lab-quiz);
  box-shadow:13px 0 0 var(--lab-cizim), 26px 0 0 var(--lab-gorsel), 39px 0 0 var(--lab-kelime), 52px 0 0 var(--lab-kule), 65px 0 0 var(--lab-duel);
}
.lab-kicker-dot.lab-kicker-duel{margin-right:0; background:var(--lab-duel); box-shadow:none;}
.lab-title{margin:0 0 22px; font-size:clamp(42px, 4.1vw, 60px); line-height:var(--lh-display); letter-spacing:-0.045em; font-weight:800;}
.lab-title span{display:block; color:var(--lab-quiz);}
.lab-lead{margin:0 0 30px; max-width:540px; font-size:clamp(17px, 1.5vw, 19px); line-height:1.55; color:var(--ink-soft);}
.lab-hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-bottom:34px;}
.lab-stats{display:grid; grid-template-columns:repeat(4, minmax(0, auto)); justify-content:start; gap:0; margin:0;}
.lab-stats > div{padding:0 22px; border-left:1px solid var(--line); min-width:0;}
.lab-stats > div:first-child{padding-left:0; border-left:0;}
.lab-stats dt{font-size:11px; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; color:var(--ink-soft);}
.lab-stats dd{margin:3px 0 0; font-size:26px; font-weight:800; letter-spacing:-0.02em; font-variant-numeric:tabular-nums; white-space:nowrap;}

/* Kahraman grafiği (public/yeni.html .lab-art): yedi sahne — 0 açılış yapısı, 1–6 aktiviteler (data-scene). Alttaki 1–6 şeridi her
   sahnede görünür. .is-building sınıfıyla görünen sahnenin parçaları sırayla yerine oturur (yeni.js açılışta ve her düğmede ekler);
   .is-hop sahneyi zıplatır. Renkler aktivite renkleri; gece temasıyla değişir. */
.lab-art{position:relative; margin:0; min-width:0; container-type:inline-size; --lab-art-bg:#F6F2EA; --lab-art-glow:#FCEFD0;}
[data-theme="dark"] .lab-art{--lab-art-bg:rgba(255,255,255,0.04); --lab-art-glow:rgba(242,193,78,0.09);}
.lab-art[data-scene="1"]{--lab-art-glow:var(--lab-quiz-tint);} .lab-art[data-scene="2"]{--lab-art-glow:var(--lab-cizim-tint);}
.lab-art[data-scene="3"]{--lab-art-glow:var(--lab-gorsel-tint);} .lab-art[data-scene="4"]{--lab-art-glow:var(--lab-kelime-tint);}
.lab-art[data-scene="5"]{--lab-art-glow:var(--lab-kule-tint);} .lab-art[data-scene="6"]{--lab-art-glow:var(--lab-duel-tint);}
.lab-art svg{display:block; width:100%; height:auto;}
.lab-art-scene{display:none;}
.lab-art[data-scene="0"] .lab-art-s0, .lab-art[data-scene="1"] .lab-art-s1, .lab-art[data-scene="2"] .lab-art-s2, .lab-art[data-scene="3"] .lab-art-s3,
.lab-art[data-scene="4"] .lab-art-s4, .lab-art[data-scene="5"] .lab-art-s5, .lab-art[data-scene="6"] .lab-art-s6{display:inline;}
.lab-art-bg{fill:var(--lab-art-bg);}
.lab-art-glow{fill:var(--lab-art-glow); transition:fill .5s ease;}
.lab-art-q{fill:var(--lab-quiz);} .lab-art-c{fill:var(--lab-cizim);} .lab-art-g{fill:var(--lab-gorsel);}
.lab-art-d{fill:var(--lab-kelime);} .lab-art-k{fill:var(--lab-duel);} .lab-art-b{fill:var(--lab-board);} .lab-art-s{fill:var(--lab-kule);}
.lab-art-k-tint{fill:var(--lab-duel-tint);} .lab-art-s-tint{fill:var(--lab-kule-tint);}
.lab-art-ink{fill:var(--ink);}
.lab-art-on-ink{fill:var(--page);}
.lab-art-paper{fill:var(--paper-card);}
.lab-art-shadow{stroke:var(--line); stroke-width:2;}
.lab-art-field{fill:var(--field);}
.lab-art-white{fill:#fff;}
.lab-art-white-soft{fill:rgba(255,255,255,0.6);}
.lab-art-bar{fill:var(--ink-soft); opacity:.35;}
.lab-art text{font-family:inherit; font-weight:800;}
.lab-art-chip{font-size:21px; fill:var(--ink); letter-spacing:-0.01em;}
.lab-art-chip-num{font-size:20px; fill:#fff;}
.lab-art-num{font-size:23px; letter-spacing:-0.01em;}
.lab-art-ring{fill:none; stroke:rgba(255,255,255,0.7); stroke-width:2.5;}
.lab-art-medal-num{font-size:34px; fill:#5A4200;}
.lab-art-rib{fill:none; stroke:rgba(255,255,255,0.35); stroke-width:4; stroke-linecap:round;}
.lab-art-flute{fill:none; stroke:rgba(255,255,255,0.3); stroke-width:3; stroke-linecap:round;}
.lab-art-dim{fill:none; stroke:var(--ink-soft); stroke-width:1.6; stroke-linecap:round;}
.lab-art-draw{stroke-dasharray:1; stroke-dashoffset:0;}
/* 1 Quiz */
.lab-art-qmark{font-size:64px; fill:#fff;}
.lab-art-row-l{font-size:15px; fill:var(--ink);}
.lab-art-row-l-ok{fill:var(--lab-quiz);}
.lab-art-check{fill:none; stroke:#fff; stroke-width:5; stroke-linecap:round; stroke-linejoin:round;}
.lab-art-check-s{stroke:var(--lab-consult);}
.lab-art-timer-bg{fill:none; stroke:var(--field); stroke-width:7;}
.lab-art-timer{fill:none; stroke:var(--lab-board); stroke-width:7; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:.3; transform:rotate(-90deg); transform-box:fill-box; transform-origin:50% 50%;}
.lab-art-timer-num{font-size:20px; fill:var(--ink);}
/* 2 Çizimden Tanı */
.lab-art-gridl{fill:none; stroke:rgba(255,255,255,0.18); stroke-width:1.5;}
.lab-art-wline, .lab-art-wthin, .lab-art-wdash{fill:none; stroke:#fff; stroke-width:5; stroke-linecap:round; stroke-linejoin:round;}
.lab-art-wthin{stroke-width:2.5;}
.lab-art-wdash{stroke-width:4;}
.lab-art-pencil-body{fill:#F2B300;} .lab-art-pencil-cap{fill:#EE5A36;} .lab-art-pencil-wood{fill:#F6E1B8;} .lab-art-pencil-lead{fill:#1B2A3D;}
/* 3 Görselden Bil */
.lab-art-sky{fill:#BFE9D5;}
.lab-art-dkg{fill:#0A5C40;}
.lab-art-finder{fill:none; stroke:#fff; stroke-width:6; stroke-linecap:round; stroke-linejoin:round;}
.lab-art-finder-thin{stroke-width:3;}
.lab-art-flash{fill:#fff; opacity:0; pointer-events:none;}
/* 4 Kelime Oyunu */
.lab-art-dt{fill:var(--lab-kelime-tint); stroke:var(--lab-kelime); stroke-width:3; stroke-linejoin:round;}
.lab-art-dt-w{fill:#fff; stroke:var(--lab-kelime); stroke-width:4;}
.lab-art-wline{fill:var(--lab-kelime); opacity:.35;}
.lab-art-wtile{fill:#fff; stroke:var(--lab-kelime); stroke-width:4;}
.lab-art-wtile-open{fill:var(--lab-kelime-tint); stroke-dasharray:6 6;}
.lab-art-wletter{font-size:34px; font-weight:800; fill:var(--lab-kelime-ink); text-anchor:middle;}
.lab-art-wtrack{fill:var(--lab-kelime-tint);}
.lab-art-wfill{fill:var(--lab-kelime); transform-origin:left center; transform-box:fill-box;}
.lab-art-wpill{fill:var(--lab-kelime);}
.lab-art-wpill-t{font-size:20px; fill:#fff; text-anchor:middle; font-weight:800;}
/* 6 Düello (sahne 2026-10-10'da 5'ten 6'ya kaydı; sınıf adları aynı) */
.lab-art-score{font-size:28px;} .lab-art-score-a{fill:var(--lab-quiz);} .lab-art-score-b{fill:var(--lab-cizim);}
.lab-art-vs{font-size:18px; fill:var(--page); letter-spacing:.06em;}
.lab-art-bolt{stroke:var(--ink); stroke-width:4; stroke-linejoin:round;}
.lab-art-bubble-l{font-size:20px; fill:var(--ink);}
/* Danışmanlık çizimi (danışmanlık sayfalarındaki CTA grafiği de kullanır) */
.lab-art-plan{fill:none; stroke:var(--lab-consult); stroke-width:5; stroke-linejoin:round;}
.lab-art-plan .lab-art-plan-thin{stroke-width:2.5;}
/* 5 Kule Ustası: yıldızlı mor gece, renkli izometrik katlar, kayan blok, kesilen parça */
.lab-art-knight{fill:#3A3A74;}
.lab-art-kstar{fill:#fff; opacity:.85;}
.lab-art-kpill{fill:#fff;} .lab-art-kpill-t{font-size:19px; fill:#2a2766; text-anchor:middle;}
.lab-art-kslide{animation:lab-art-kslide 2.6s ease-in-out infinite;}
.lab-art-kfall{animation:lab-art-kfall 2.6s ease-in infinite;}
@keyframes lab-art-kslide{0%, 100%{transform:translate(0, 0);} 50%{transform:translate(-62px, 36px);}}
@keyframes lab-art-kfall{0%, 55%{opacity:1; transform:translateY(0);} 100%{opacity:0; transform:translateY(90px);}}
/* Hareket: sahnenin parçaları sırayla gelir. */
.lab-art-blk, .lab-art-house, .lab-art-float, .lab-art-dot, .lab-art-scene{transform-box:fill-box; transform-origin:50% 100%;}
.lab-art-pop, .lab-art-flip, .lab-art-grow, .lab-art-spin-in{transform-origin:50% 50%;}
.lab-art-grow{transform-origin:50% 100%;}
.lab-art.is-building .lab-art-blk{animation:lab-art-drop .7s cubic-bezier(.34, 1.5, .55, 1) both;}
.lab-art.is-building .lab-art-grow{animation-name:lab-art-grow;}
.lab-art.is-building .lab-art-pop{animation-name:lab-art-pop;}
.lab-art.is-building .lab-art-from-l{animation-name:lab-art-from-l;}
.lab-art.is-building .lab-art-from-r{animation-name:lab-art-from-r;}
.lab-art.is-building .lab-art-rise{animation-name:lab-art-rise;}
.lab-art.is-building .lab-art-flip{animation:lab-art-flip .9s ease-in-out both;}
.lab-art.is-building .lab-art-draw{animation:lab-art-draw .9s ease both;}
.lab-art.is-building .lab-art-spin-in{animation:lab-art-spin 1.3s cubic-bezier(.2, .8, .3, 1) .75s both;}
.lab-art.is-building .lab-art-timer{animation:lab-art-timer 1.6s ease .3s both;}
.lab-art.is-building .lab-art-flash{animation:lab-art-flash .55s ease 1s;}
.lab-art.is-building .lab-art-o2{animation-delay:.09s;} .lab-art.is-building .lab-art-o3{animation-delay:.18s;}
.lab-art.is-building .lab-art-o4{animation-delay:.27s;} .lab-art.is-building .lab-art-o5{animation-delay:.36s;}
.lab-art.is-building .lab-art-o6{animation-delay:.45s;} .lab-art.is-building .lab-art-o7{animation-delay:.58s;}
.lab-art.is-building .lab-art-o8{animation-delay:.68s;} .lab-art.is-building .lab-art-o9{animation-delay:.78s;}
.lab-art.is-building .lab-art-dot{animation:lab-art-hop .45s ease both;}
.lab-art.is-building .lab-art-dot:nth-child(2){animation-delay:.06s;} .lab-art.is-building .lab-art-dot:nth-child(3){animation-delay:.12s;}
.lab-art.is-building .lab-art-dot:nth-child(4){animation-delay:.18s;} .lab-art.is-building .lab-art-dot:nth-child(5){animation-delay:.24s;}
.lab-art.is-building .lab-art-dot:nth-child(6){animation-delay:.30s;}
.lab-art.is-hop .lab-art-scene{animation:lab-art-hop .5s ease;}
.lab-art-float{animation:lab-art-float 4.5s ease-in-out infinite;}
.lab-art-float-2{animation-delay:-2.2s;}
@keyframes lab-art-drop{0%{opacity:0; transform:translateY(-90px);} 35%{opacity:1;} 100%{opacity:1; transform:none;}}
@keyframes lab-art-grow{0%{opacity:0; transform:scale(.15);} 100%{opacity:1; transform:none;}}
@keyframes lab-art-pop{0%{opacity:0; transform:scale(.3) rotate(-25deg);} 100%{opacity:1; transform:none;}}
@keyframes lab-art-from-l{0%{opacity:0; transform:translateX(-140px);} 100%{opacity:1; transform:none;}}
@keyframes lab-art-from-r{0%{opacity:0; transform:translateX(140px);} 100%{opacity:1; transform:none;}}
@keyframes lab-art-rise{0%{opacity:0; transform:translateY(90px);} 100%{opacity:1; transform:none;}}
@keyframes lab-art-flip{0%{transform:scaleX(1);} 25%{transform:scaleX(0);} 50%{transform:scaleX(-1);} 75%{transform:scaleX(0);} 100%{transform:scaleX(1);}}
@keyframes lab-art-hop{0%, 100%{transform:none;} 40%{transform:translateY(-12px);} 70%{transform:translateY(2px);}}
@keyframes lab-art-draw{from{stroke-dashoffset:1;} to{stroke-dashoffset:0;}}
@keyframes lab-art-spin{from{transform:rotate(-150deg);} to{transform:none;}}
@keyframes lab-art-timer{from{stroke-dashoffset:0;} to{stroke-dashoffset:.3;}}
@keyframes lab-art-flash{0%{opacity:0;} 30%{opacity:.85;} 100%{opacity:0;}}
@keyframes lab-art-float{0%, 100%{transform:none;} 50%{transform:translateY(-7px);}}
/* 1–6 şeridi: her sahnenin altında; her düğme kendi aktivitesinin renginde. */
.lab-art-picks{
  position:absolute; left:50%; bottom:3%; transform:translateX(-50%); display:flex; gap:1.6cqw; padding:1.3cqw 1.7cqw;
  border-radius:100px; background:var(--ink);
}
.lab-art-pick{
  --pc:var(--lab-quiz); position:relative; flex:none; width:7.4cqw; height:7.4cqw; display:flex; align-items:center; justify-content:center;
  padding:0; border-radius:50%; border:2px solid var(--pc); background:transparent; color:var(--page);
  font:inherit; font-size:3.2cqw; font-weight:800; line-height:1; cursor:pointer;
  transition:background-color .2s ease, color .2s ease, transform .15s ease;
}
.lab-art-pick::before{content:''; position:absolute; inset:-6px; border-radius:50%;}
.lab-art-pick:nth-child(2){--pc:var(--lab-cizim);} .lab-art-pick:nth-child(3){--pc:var(--lab-gorsel);}
.lab-art-pick:nth-child(4){--pc:var(--lab-kelime);} .lab-art-pick:nth-child(5){--pc:var(--lab-kule);} .lab-art-pick:nth-child(6){--pc:var(--lab-duel);}
.lab-art-pick:hover{transform:scale(1.12); background:color-mix(in srgb, var(--pc) 30%, transparent);}
.lab-art-pick[aria-pressed="true"]{background:var(--pc); color:#fff;}
[data-theme="dark"] .lab-art-pick[aria-pressed="true"]{color:#14181E;}
.lab-art-pick:focus-visible{outline:3px solid var(--lab-board); outline-offset:3px;}
@media (prefers-reduced-motion:reduce){ .lab-art, .lab-art *{animation:none !important; transition:none !important;} }

/* Oyun sürerken (is-playing) footer gizlidir: oyun alanı tek başına kalır. */
body.is-playing .site-footer{display:none;}
/* Düello: rakip aranırken, davet kurulurken ve davete icabet edilirken üstteki tanıtım bölümü kapanır (aranan/oynanan ekran öne geçer). */
.lab-duel:is([data-state="searching"], [data-state="setup"], [data-state="inviting"], [data-state="invited"], [data-state="invite-accepted"]) .lab-duel-hero{display:none;}
.lab-duel:is([data-state="searching"], [data-state="setup"], [data-state="inviting"], [data-state="invited"], [data-state="invite-accepted"]) .lab-duel-grid{margin-top:28px;}

/* Bugün: Günün Quizi + profil */
.lab-today{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; margin-top:8px;}
.lab-card{display:flex; flex-direction:column; padding:24px 26px; border-radius:var(--lab-radius); background:var(--paper-card); border:1px solid var(--line); min-width:0;}
.lab-today-invite{background:var(--lab-duel-tint); border-color:transparent;}
.lab-card-kicker{margin:0 0 8px; font-size:12px; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-soft);}
.lab-card-title{margin:0 0 6px; font-size:24px; line-height:1.2; letter-spacing:-0.02em; font-weight:800;}
.lab-card-text{margin:0 0 18px; color:var(--ink-soft); font-size:15px;}
.lab-card-foot{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:auto;}
.lab-me-id{display:flex; align-items:center; gap:14px; min-width:0; margin-bottom:18px;}
.lab-me-id > div{display:flex; flex-direction:column; gap:2px; min-width:0;}
.lab-me-rank{font-size:13.5px; color:var(--ink-soft);}
.lab-me-stats{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); margin:0 0 4px;}
.lab-me-stats > div{padding:0 12px; border-left:1px solid var(--line); min-width:0;}
.lab-me-stats > div:first-child{padding-left:0; border-left:0;}
.lab-me-stats dt{font-size:10.5px; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-soft); white-space:nowrap;}
.lab-me-stats dd{margin:2px 0 0; font-size:19px; font-weight:800; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lab-me-cta{margin-top:14px; align-self:flex-start;}
.lab-me-duel{margin:12px 0 0; font-size:13.5px; font-weight:700; color:var(--lab-duel-ink);}

/* Bölümler */
.lab-section{padding-top:80px; scroll-margin-top:72px;}
.lab-section-head{max-width:720px; margin-bottom:28px;}
.lab-eyebrow{display:inline-block; margin:0 0 12px; padding:3px 11px; border-radius:100px; background:var(--ink); color:var(--page); font-size:12px; font-weight:800; letter-spacing:0.08em; font-variant-numeric:tabular-nums;}
.lab-h2{margin:0 0 10px; font-size:clamp(30px, 3.6vw, 44px); line-height:var(--lh-display); letter-spacing:-0.03em; font-weight:800;}
.lab-section-lead{margin:0; font-size:17px; line-height:1.55; color:var(--ink-soft);}

/* Aktivite kartları (sunucuda: src/pages/lab.js#activityCardsHtml) */
.lab-acts{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px;}
/* Quiz ve aktivite sayfalarındaki "Diğer aktiviteler": beş kart tek satırda, küçük (ad + çizim; ayrıntılar kartta gizli) */
.lab-acts-others{grid-template-columns:repeat(5, minmax(0, 1fr)); gap:10px;}
.lab-others-wrap{padding-top:56px; padding-bottom:24px;}
.lab-others-wrap .lab-h2{margin-bottom:22px;}
.lab-acts-others .lab-act-link{display:flex; flex-direction:column; height:100%; min-height:0; border-radius:16px;}
.lab-acts-others .lab-act-art{flex:none; height:74px;}
.lab-acts-others .lab-ill{position:absolute;}
.lab-acts-others .lab-act-body{gap:4px; padding:10px 10px 12px;}
.lab-acts-others .lab-act-no, .lab-acts-others .lab-act-short, .lab-acts-others .lab-act-meta,
.lab-acts-others .lab-act-progress, .lab-acts-others .lab-act-cta{display:none;}
.lab-acts-others .lab-act-name{font-size:13.5px; line-height:1.2; letter-spacing:0;}
.lab-act{--c:var(--lab-quiz); --ci:var(--lab-quiz-ink); --t:var(--lab-quiz-tint); min-width:0;}
.lab-act-cizim{--c:var(--lab-cizim); --ci:var(--lab-cizim-ink); --t:var(--lab-cizim-tint);}
.lab-act-gorsel{--c:var(--lab-gorsel); --ci:var(--lab-gorsel-ink); --t:var(--lab-gorsel-tint);}
.lab-act-kelime{--c:var(--lab-kelime); --ci:var(--lab-kelime-ink); --t:var(--lab-kelime-tint);}
.lab-act-duello{--c:var(--lab-duel); --ci:var(--lab-duel-ink); --t:var(--lab-duel-tint);}
.lab-act-kule{--c:var(--lab-kule); --ci:var(--lab-kule-ink); --t:var(--lab-kule-tint);}
.lab-act-danismanlik{--c:var(--lab-consult); --ci:var(--lab-consult-ink); --t:var(--lab-consult-tint);}
.lab-act-link{
  display:grid; grid-template-columns:minmax(0, 0.85fr) minmax(0, 1.15fr); height:100%; min-height:270px; overflow:hidden;
  border-radius:var(--lab-radius); background:var(--t); color:var(--ink); transition:transform .15s ease;
}
.lab-act-link:hover{transform:translateY(-3px);}
.lab-act-link:focus-visible{outline:3px solid var(--c); outline-offset:3px;}
.lab-act-art{position:relative; display:flex; align-items:center; justify-content:center; background:var(--c); min-height:0; overflow:hidden;}
.lab-act-art img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
/* Aktivite kartı çizimleri (src/pages/labArt.js): renkli alanı doldurur; üzerine gelince ya da kart ekrana ilk girince (.is-play,
   yeni.js — dokunmatik ekranda üzerine gelme yok) küçük bir hareket. */
.lab-ill{position:absolute; inset:0; width:100%; height:100%; overflow:visible;}
.lab-ill *{transform-box:fill-box;}
.lab-ill-grid{fill:none; stroke:rgba(255,255,255,0.17); stroke-width:1;}
.lab-ill-paper{fill:#fff;}
.lab-ill-plan{fill:none; stroke:#2047C2; stroke-width:4; stroke-linejoin:round;}
.lab-ill-plan .lab-ill-thin{stroke-width:2;}
.lab-ill-dashed{stroke-dasharray:7 6;}
.lab-ill-plan-fill{fill:#2047C2;}
.lab-ill-draw{fill:none; stroke:#2047C2; stroke-width:4; stroke-linecap:round; stroke-dasharray:30; stroke-dashoffset:0;}
.lab-ill-arrow{fill:none; stroke:#fff; stroke-width:4; stroke-linecap:round; stroke-dasharray:1 10;}
.lab-ill-arrow-head{fill:none; stroke:#fff; stroke-width:4; stroke-linecap:round; stroke-linejoin:round;}
.lab-ill-bldg{fill:#fff; transform-origin:50% 100%; transition:transform .35s ease;}
.lab-ill-pencil{transition:transform .5s ease;}
.lab-ill-pencil-body{fill:#F2B300;} .lab-ill-pencil-cap{fill:#EE5A36;} .lab-ill-pencil-wood{fill:#F6E1B8;} .lab-ill-pencil-lead{fill:#1B2A3D;}
.lab-act-link:hover .lab-ill-pencil, .lab-act.is-play .lab-ill-pencil{transform:translate(-8px, 7px);}
.lab-act-link:hover .lab-ill-draw, .lab-act.is-play .lab-ill-draw{animation:lab-ill-draw .7s ease both;}
.lab-act-link:hover .lab-ill-arrow, .lab-act.is-play .lab-ill-arrow{animation:lab-ill-march .8s linear infinite;}
.lab-act-link:hover .lab-ill-bldg, .lab-act.is-play .lab-ill-bldg{transform:scale(1.07);}
.lab-ill-halo{fill:rgba(255,255,255,0.09);}
.lab-ill-card{fill:#fff; transform-origin:50% 50%; transition:transform .45s ease;}
.lab-ill-card-1{opacity:.35; transform:rotate(-10deg);} .lab-ill-card-2{opacity:.6; transform:rotate(7deg);}
.lab-ill-frame{fill:#fff;} .lab-ill-sky{fill:#BFE9D5;} .lab-ill-sun{fill:#F2B300;} .lab-ill-mosque{fill:#0A5C40;}
.lab-ill-q{font-family:inherit; font-size:34px; font-weight:800; fill:#0A5C40;}
.lab-ill-finder{fill:none; stroke:#fff; stroke-width:6; stroke-linecap:round; stroke-linejoin:round; transform-box:view-box; transform-origin:150px 150px; transition:transform .4s ease;}
.lab-ill-finder .lab-ill-thin{stroke-width:3;}
.lab-ill-rec{fill:#EE5A36;}
.lab-ill-flash{fill:#fff; opacity:0; pointer-events:none;}
.lab-act-link:hover .lab-ill-finder, .lab-act.is-play .lab-ill-finder{transform:scale(.9);}
.lab-act-link:hover .lab-ill-card-1, .lab-act.is-play .lab-ill-card-1{transform:rotate(-16deg) translateX(-8px);} .lab-act-link:hover .lab-ill-card-2, .lab-act.is-play .lab-ill-card-2{transform:rotate(12deg) translateX(8px);}
.lab-act-link:hover .lab-ill-flash, .lab-act.is-play .lab-ill-flash{animation:lab-ill-flash .5s ease .25s;}
.lab-act-link:hover .lab-ill-rec, .lab-act.is-play .lab-ill-rec{animation:lab-ill-blink 1s steps(2, start) infinite;}
/* Kelime Oyunu: tanım kartı, harf kutuları, süre çubuğu */
.lab-ill-kelime .lab-ill-wcard{fill:#fff;}
.lab-ill-wline{fill:#D9C5FA;}
.lab-ill-wtile{fill:#fff; stroke:#6A2FC4; stroke-width:4; transform-origin:50% 50%; transition:transform .35s ease;}
.lab-ill-wtile-open{fill:#F1E9FD; stroke-dasharray:6 6;}
.lab-ill-wletter{font-family:inherit; font-size:34px; font-weight:800; fill:#6A2FC4; text-anchor:middle;}
.lab-ill-wtrack{fill:rgba(255,255,255,0.28);}
.lab-ill-wfill{fill:#fff; transform-origin:0 50%; transform:scaleX(.8); transition:transform 1.1s ease;}
.lab-act-link:hover .lab-ill-wfill, .lab-act.is-play .lab-ill-wfill{transform:scaleX(.25);}
.lab-act-link:hover .lab-ill-wtile-open, .lab-act.is-play .lab-ill-wtile-open{animation:lab-ill-bump .6s ease .2s;}
.lab-act-link:hover .lab-ill-wtile, .lab-act.is-play .lab-ill-wtile{transform:translateY(-4px);}
/* Quiz: soru kartı, beş şık, kronometre, imleç */
.lab-ill-ring{fill:none; stroke:rgba(255,255,255,0.14); stroke-width:22;}
.lab-ill-qcard{transform-origin:50% 50%; transition:transform .45s ease;}
.lab-ill-qpaper{fill:#fff;}
.lab-ill-qline{fill:#F7C6B6;}
.lab-ill-opt-bg{fill:#FDECE6;}
.lab-ill-opt-dot{fill:none; stroke:#EE5A36; stroke-width:3;}
.lab-ill-opt-line{fill:#F4B6A2;}
.lab-ill-ok-fill{fill:#0E9466; transform-origin:0 50%; transform:scaleX(0); transition:transform .45s ease .35s;}
.lab-ill-opt-ok .lab-ill-opt-dot, .lab-ill-opt-ok .lab-ill-opt-line{transition:fill .2s ease .5s, stroke .2s ease .5s;}
.lab-ill-check{fill:none; stroke:#fff; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:30; stroke-dashoffset:30; transition:stroke-dashoffset .35s ease .7s;}
.lab-ill-watch{fill:#1B2A3D;}
.lab-ill-watch-face{fill:#F2B300;} .lab-ill-watch-in{fill:#fff;}
.lab-ill-watch-hand{fill:none; stroke:#1B2A3D; stroke-width:4; stroke-linecap:round; transform-box:view-box; transform-origin:246px 52px;}
.lab-ill-cursor{fill:#1B2A3D; stroke:#fff; stroke-width:3; stroke-linejoin:round; transition:transform .5s ease;}
.lab-act-link:hover .lab-ill-qcard, .lab-act.is-play .lab-ill-qcard{transform:rotate(-3deg);}
.lab-act-link:hover .lab-ill-cursor, .lab-act.is-play .lab-ill-cursor{transform:translate(-14px, -44px);}
.lab-act-link:hover .lab-ill-ok-fill, .lab-act.is-play .lab-ill-ok-fill{transform:scaleX(1);}
.lab-act-link:hover .lab-ill-opt-ok .lab-ill-opt-dot, .lab-act.is-play .lab-ill-opt-ok .lab-ill-opt-dot{stroke:#fff;}
.lab-act-link:hover .lab-ill-opt-ok .lab-ill-opt-line, .lab-act.is-play .lab-ill-opt-ok .lab-ill-opt-line{fill:rgba(255,255,255,0.7);}
.lab-act-link:hover .lab-ill-check, .lab-act.is-play .lab-ill-check{stroke-dashoffset:0;}
.lab-act-link:hover .lab-ill-watch-hand, .lab-act.is-play .lab-ill-watch-hand{animation:lab-ill-spin 1.2s linear infinite;}
/* Düello: iki oyuncu, şimşek, skor, ilerleme çubukları */
.lab-ill-split{fill:rgba(0,0,0,0.1);}
.lab-ill-speed{fill:none; stroke:rgba(255,255,255,0.35); stroke-width:6; stroke-linecap:round;}
.lab-ill-score rect{fill:#fff;}
.lab-ill-score text{font-family:inherit; font-size:28px; font-weight:800; fill:#3B0A1C;}
.lab-ill-score .lab-ill-score-b{fill:#D6336C;}
.lab-ill-score-a, .lab-ill-score-b{transform-origin:50% 50%;}
.lab-ill-p1{fill:#3B0A1C; transition:transform .4s ease;}
.lab-ill-p2{fill:#fff; transition:transform .4s ease;}
.lab-ill-bolt{fill:#F2B300; stroke:#3B0A1C; stroke-width:4; stroke-linejoin:round; transform-origin:50% 50%; transition:transform .35s ease;}
.lab-ill-bar-bg{fill:rgba(255,255,255,0.25);}
.lab-ill-bar{transform-origin:0 50%; transition:transform .8s ease;}
.lab-ill-bar-1{fill:#3B0A1C; transform:scaleX(.45);} .lab-ill-bar-2{fill:#fff; transform:scaleX(.3);}
.lab-act-link:hover .lab-ill-p1, .lab-act.is-play .lab-ill-p1{transform:translateX(8px) rotate(4deg);}
.lab-act-link:hover .lab-ill-p2, .lab-act.is-play .lab-ill-p2{transform:translateX(-8px) rotate(-4deg);}
.lab-act-link:hover .lab-ill-bolt, .lab-act.is-play .lab-ill-bolt{animation:lab-ill-zap .6s ease infinite alternate;}
.lab-act-link:hover .lab-ill-bar-1, .lab-act.is-play .lab-ill-bar-1{transform:scaleX(.9);}
.lab-act-link:hover .lab-ill-bar-2, .lab-act.is-play .lab-ill-bar-2{transform:scaleX(.7);}
.lab-act-link:hover .lab-ill-score-a, .lab-act.is-play .lab-ill-score-a{animation:lab-ill-bump .5s ease .3s;}
/* Kule Ustası: yıldızlı mor gece, renkli izometrik katlar, kayan blok */
.lab-ill-knight{fill:#3A3A74;}
.lab-ill-kstar{fill:#fff; opacity:.85;}
.lab-ill-ktower, .lab-ill-kmove{transition:transform .4s ease;}
.lab-act-link:hover .lab-ill-kmove, .lab-act.is-play .lab-ill-kmove{animation:lab-ill-kslide 1.6s ease-in-out infinite;}
.lab-act-link:hover .lab-ill-kstar, .lab-act.is-play .lab-ill-kstar{animation:lab-ill-blink .9s steps(2, start) infinite;}
@keyframes lab-ill-kslide{0%, 100%{transform:translate(0, 0);} 50%{transform:translate(-44px, 26px);}}
/* Danışmanlık: görüntülü görüşme, plan, mesajlar, takvim */
.lab-ill-consult .lab-ill-ring{stroke:rgba(255,255,255,0.12);}
.lab-ill-screen-bg{fill:#fff;}
.lab-ill-dots{fill:#CFE0FD;}
.lab-ill-live{fill:#EE5A36;}
.lab-ill-tile{fill:#DCE8FE;} .lab-ill-tile-plan{fill:#F2F7FF;}
.lab-ill-person{fill:#0E2A5C; transition:transform .4s ease;}
.lab-ill-cplan{fill:none; stroke:#2F7BF5; stroke-width:4; stroke-linejoin:round;}
.lab-ill-cplan-door{stroke-width:2.5;}
.lab-ill-cline{fill:#BCD3FB;}
.lab-ill-base{fill:#0E2A5C;}
.lab-ill-msg{transform-origin:50% 50%;}
.lab-ill-msg-1 rect{fill:#fff;} .lab-ill-msg-1 circle{fill:#2F7BF5;}
.lab-ill-msg-2 rect{fill:#0E2A5C;} .lab-ill-msg-2 path{fill:none; stroke:#fff; stroke-width:4; stroke-linecap:round;}
.lab-ill-cal{transform-origin:50% 50%; transition:transform .4s ease;}
.lab-ill-cal-bg{fill:#fff;} .lab-ill-cal-top{fill:#F2B300;}
.lab-ill-cal-check{fill:none; stroke:#0E9466; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:36; stroke-dashoffset:0;}
.lab-act-link:hover .lab-ill-person, .lab-act.is-play .lab-ill-person{animation:lab-ill-nod .9s ease 2;}
.lab-act-link:hover .lab-ill-live, .lab-act.is-play .lab-ill-live{animation:lab-ill-blink 1s steps(2, start) infinite;}
.lab-act-link:hover .lab-ill-msg-1, .lab-act.is-play .lab-ill-msg-1{animation:lab-ill-pop .4s ease both .05s;}
.lab-act-link:hover .lab-ill-msg-2, .lab-act.is-play .lab-ill-msg-2{animation:lab-ill-pop .4s ease both .45s;}
.lab-act-link:hover .lab-ill-cal, .lab-act.is-play .lab-ill-cal{transform:rotate(-8deg) scale(1.08);}
.lab-act-link:hover .lab-ill-cal-check, .lab-act.is-play .lab-ill-cal-check{animation:lab-ill-tick .5s ease .3s both;}
@keyframes lab-ill-spin{to{transform:rotate(360deg);}}
@keyframes lab-ill-zap{from{transform:scale(1) rotate(0);} to{transform:scale(1.14) rotate(-6deg);}}
@keyframes lab-ill-bump{50%{transform:scale(1.35);}}
@keyframes lab-ill-nod{30%{transform:translateY(-5px);} 60%{transform:translateY(2px);}}
@keyframes lab-ill-pop{from{transform:scale(0); opacity:0;} 70%{transform:scale(1.08); opacity:1;} to{transform:scale(1);}}
@keyframes lab-ill-tick{from{stroke-dashoffset:36;} to{stroke-dashoffset:0;}}
@keyframes lab-ill-draw{from{stroke-dashoffset:30;} to{stroke-dashoffset:0;}}
@keyframes lab-ill-march{to{stroke-dashoffset:-22;}}
@keyframes lab-ill-flash{0%{opacity:0;} 30%{opacity:.75;} 100%{opacity:0;}}
@keyframes lab-ill-blink{to{opacity:.2;}}
@media (prefers-reduced-motion:reduce){ .lab-ill *{animation:none !important; transition:none !important;} }
.lab-act-body{display:flex; flex-direction:column; gap:8px; padding:24px 24px 22px; min-width:0;}
.lab-act-no{align-self:flex-start; padding:3px 10px; border-radius:100px; background:var(--c); color:#fff; font-size:12px; font-weight:800; letter-spacing:0.06em; font-variant-numeric:tabular-nums;}
[data-theme="dark"] .lab-act-no{color:#14181E;}
.lab-act-name{font-size:26px; line-height:var(--lh-display); letter-spacing:-0.02em;}
.lab-act-short{font-size:15px; line-height:1.5; color:var(--ink-soft);}
.lab-act-meta{font-size:13px; font-weight:700; color:var(--ci);}
.lab-act-progress{display:flex; align-items:center; gap:10px; font-size:12.5px; font-weight:700; color:var(--ink-soft); font-variant-numeric:tabular-nums;}
.lab-act-progress[hidden]{display:none;}
.lab-bar{position:relative; display:block; flex:1; max-width:120px; height:6px; border-radius:100px; background:var(--page); overflow:hidden;}
.lab-bar-fill{position:absolute; inset:0; background:var(--c); transform-origin:left center;}
.lab-act-cta{margin-top:auto; padding-top:8px; font-size:15px; font-weight:800; color:var(--ci);}

/* Liderlik bölümü: açıklama + tablo kartı */
.lab-board-section{display:grid; grid-template-columns:minmax(0, 0.8fr) minmax(0, 1.2fr); gap:40px; align-items:start;}
.lab-board-section .lab-section-head{margin-bottom:0; position:sticky; top:96px;}
.lab-board-section .lab-section-lead + .lab-link{margin-top:18px;}
.lab-board-box{padding:20px 22px 22px; border-radius:var(--lab-radius); background:var(--paper-card); border:1px solid var(--line); min-width:0;}


/* ---------- Düello (public/duello.html, js/duello.js) ---------- */
.lab-duel{padding-bottom:96px;}
.lab-duel-hero{padding:40px 0 28px;}
.lab-crumb{margin-bottom:18px; font-size:13px; font-weight:600;}
.lab-crumb a{color:var(--lab-duel-ink);}
.cs-crumb{margin-bottom:18px; font-size:13px; font-weight:600;}
.cs-crumb a{color:var(--lab-consult-ink);}
.lab-title-sm{font-size:clamp(40px, 5vw, 64px); margin-bottom:14px;}
.lab-duel-head{display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap;}
.lab-duel-head .lab-lead{margin-bottom:0; max-width:640px;}
.lab-duel-online{display:inline-flex; align-items:center; gap:10px; margin:0; padding:9px 16px; border-radius:100px; background:var(--lab-duel-tint); color:var(--lab-duel-ink); font-size:14px; font-weight:700;}
.lab-duel-pulse{width:10px; height:10px; border-radius:50%; background:var(--lab-duel);}
.lab-duel-grid{display:grid; grid-template-columns:minmax(0, 1.65fr) minmax(0, 1fr); gap:20px; align-items:start;}
.lab-duel-stage{min-height:420px; justify-content:center; gap:20px;}
.lab-duel-side{display:flex; flex-direction:column; gap:20px; min-width:0;}
.lab-duel-stats{grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:12px;}
.lab-duel-stats > div:nth-child(3){padding-left:0; border-left:0;}
.lab-duel-sub{margin:18px 0 8px; font-size:13px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-soft);}
.lab-duel-history{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px;}
.lab-duel-history li{display:grid; grid-template-columns:auto minmax(0, 1fr) auto; gap:10px; align-items:center; padding:8px 12px; border-radius:12px; background:var(--field); font-size:13.5px;}
.lab-duel-res{font-weight:800;}
.lab-duel-history .is-win .lab-duel-res{color:var(--lab-gorsel-ink);}
.lab-duel-history .is-loss .lab-duel-res{color:var(--lab-duel-ink);}
.lab-duel-vs{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lab-duel-pts{font-variant-numeric:tabular-nums; color:var(--ink-soft);}
.lab-duel-steps{margin:8px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:10px; font-size:14.5px; line-height:1.5; color:var(--ink-soft);}
.lab-duel-steps strong{color:var(--ink);}
.lab-duel-empty{display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:20px 8px;}
.lab-duel-empty .lab-card-foot{justify-content:center;}
.lab-duel-art{width:120px; height:100px; background:var(--lab-duel); border-radius:24px;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100'%3E%3Ccircle cx='28' cy='34' r='13'/%3E%3Cpath d='M6 86c0-20 10-30 22-30s22 10 22 30zM70 86c0-20 10-30 22-30s22 10 22 30z'/%3E%3Ccircle cx='92' cy='34' r='13'/%3E%3Cpath d='M64 14L50 50h11l-6 32 17-42H61l8-26z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100'%3E%3Ccircle cx='28' cy='34' r='13'/%3E%3Cpath d='M6 86c0-20 10-30 22-30s22 10 22 30zM70 86c0-20 10-30 22-30s22 10 22 30z'/%3E%3Ccircle cx='92' cy='34' r='13'/%3E%3Cpath d='M64 14L50 50h11l-6 32 17-42H61l8-26z'/%3E%3C/svg%3E") center / contain no-repeat;}
.lab-duel-radar{display:flex; align-items:center; justify-content:center; width:112px; height:112px; border-radius:50%; background:var(--lab-duel-tint); box-shadow:0 0 0 12px color-mix(in srgb, var(--lab-duel-tint) 55%, transparent);}
.lab-duel-timer{margin:0; font-size:13px; font-weight:700; color:var(--ink-soft); font-variant-numeric:tabular-nums;}
.lab-duel-match, .lab-duel-final{display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px;}
.lab-duel-faceoff{display:flex; align-items:center; justify-content:center; gap:22px; flex-wrap:wrap;}
.lab-duel-player{display:flex; align-items:center; gap:10px; min-width:0;}
.lab-duel-player.is-away{opacity:0.55;}
.lab-duel-player-id{display:flex; flex-direction:column; align-items:flex-start; min-width:0;}
.lab-duel-player-label{font-size:11px; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-soft);}
.lab-duel-vs-mark{display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; background:var(--lab-duel); color:#fff; font-weight:900; font-size:15px; letter-spacing:0.04em;}
.lab-duel-starts{margin:0; font-size:15px; font-weight:700;}
.lab-duel-count{display:inline-block; min-width:1.4em; font-size:34px; color:var(--lab-duel-ink); font-variant-numeric:tabular-nums;}
.lab-duel-board{display:grid; grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr); gap:14px; align-items:center; padding-bottom:16px; border-bottom:1px solid var(--line);}
.lab-duel-side-score{display:flex; flex-direction:column; gap:8px; min-width:0;}
.lab-duel-side-score.is-opp{align-items:flex-end; text-align:right;}
.lab-duel-side-score.is-opp .lab-duel-player{flex-direction:row-reverse;}
.lab-duel-side-score.is-opp .lab-duel-player-id{align-items:flex-end;}
.lab-duel-score{display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;}
.lab-duel-side-score.is-opp .lab-duel-score{justify-content:flex-end;}
.lab-duel-score strong{font-size:26px; font-variant-numeric:tabular-nums;}
.lab-duel-score span{font-size:12.5px; color:var(--ink-soft); font-variant-numeric:tabular-nums;}
.lab-duel-dots{list-style:none; margin:0; padding:0; display:flex; gap:4px; flex-wrap:wrap;}
.lab-duel-side-score.is-opp .lab-duel-dots{justify-content:flex-end;}
.lab-duel-dots li{width:14px; height:6px; border-radius:100px; background:var(--line);}
.lab-duel-dots .is-correct{background:var(--lab-gorsel);}
.lab-duel-dots .is-wrong{background:var(--lab-duel);}
.lab-duel-dots .is-current{background:var(--ink);}
.lab-duel-q{display:flex; flex-direction:column; gap:14px;}
.lab-duel-q-head{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.lab-duel-tag{display:inline-block; padding:3px 10px; border-radius:100px; background:var(--lab-duel-tint); color:var(--lab-duel-ink); font-size:12px; font-weight:800;}
.lab-duel-meta{font-size:13px; color:var(--ink-soft);}
.lab-duel-secs{margin-left:auto; font-size:15px; font-variant-numeric:tabular-nums;}
.lab-duel-time{position:relative; display:block; height:6px; border-radius:100px; background:var(--field); overflow:hidden;}
.lab-duel-time-fill{position:absolute; inset:0; background:var(--lab-duel); transform-origin:left center;}
.lab-duel-prompt{margin:0; font-size:21px; line-height:1.35; letter-spacing:-0.01em;}
.lab-duel-figure{margin:0; border-radius:16px; overflow:hidden; background:var(--field);}
.lab-duel-figure img{display:block; width:100%; height:auto; max-height:420px; object-fit:contain; background:#F4F2EE;}
.lab-duel-figure figcaption{padding:6px 12px; font-size:11.5px; color:var(--ink-soft);}
.lab-duel-options{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px;}
.lab-duel-option{display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:var(--paper-card); color:var(--ink); font:inherit; font-size:15px; text-align:left; cursor:pointer;}
.lab-duel-option:hover:not(:disabled){border-color:var(--lab-duel); background:var(--lab-duel-tint);}
.lab-duel-option:focus-visible{outline:3px solid var(--lab-duel); outline-offset:2px;}
.lab-duel-option:disabled{cursor:default;}
.lab-duel-option.is-picked{border-color:var(--ink);}
.lab-duel-option.is-correct{border-color:var(--lab-gorsel); background:var(--lab-gorsel-tint);}
.lab-duel-option.is-wrong{border-color:var(--lab-duel); background:var(--lab-duel-tint);}
.lab-duel-letter{flex:none; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:var(--field); font-weight:800; font-size:13px;}
.lab-duel-feedback{margin:0; font-weight:800;}
.lab-duel-quit{align-self:flex-start; font-size:13px; color:var(--ink-soft);}
.lab-duel-feedback.is-ok, .lab-duel-review .is-ok{color:var(--lab-gorsel-ink);}
.lab-duel-feedback.is-no, .lab-duel-review .is-no{color:var(--lab-duel-ink);}
.lab-duel-outcome{margin:0; font-size:clamp(34px, 4vw, 48px); letter-spacing:-0.03em; line-height:var(--lh-display);}
.lab-duel-final.is-win .lab-duel-outcome{color:var(--lab-gorsel-ink);}
.lab-duel-final.is-loss .lab-duel-outcome{color:var(--lab-duel-ink);}
.lab-duel-final-row{display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:2px 14px; width:100%; max-width:420px; padding:10px 14px; border-radius:14px; background:var(--field); text-align:left;}
.lab-duel-final-row strong{font-size:20px; font-variant-numeric:tabular-nums; text-align:right;}
.lab-duel-final-row .muted{grid-column:1 / -1; font-size:12.5px;}
.lab-duel-stages{margin:0; font-weight:800; color:var(--lab-board-ink);}
.lab-duel-review{border-top:1px solid var(--line); padding-top:14px;}
.lab-duel-review summary{cursor:pointer; font-weight:800;}
.lab-duel-review ol{margin:12px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:16px;}
.lab-duel-review p{margin:4px 0; font-size:14px; line-height:1.5;}
.lab-duel-review-q{font-weight:700;}
@media (max-width:900px){
  .lab-duel-grid{grid-template-columns:minmax(0, 1fr);}
}
@media (max-width:600px){
  .lab-duel-options{grid-template-columns:minmax(0, 1fr);}
  .lab-duel-board{grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr); gap:8px;}
  .lab-duel-board .lab-avatar-lg{width:36px; height:36px; font-size:15px;}
  .lab-duel-board .lab-name-text{max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:bottom;}
  .lab-duel-vs-mark{width:36px; height:36px; font-size:12px;}
  .lab-duel-score strong{font-size:20px;}
  .lab-duel-prompt{font-size:18px;}
}

/* Düello: arkadaş daveti */
.lab-duel-invite-btn{display:inline-flex; align-items:center; gap:8px;}
.lab-duel-link-icon{width:16px; height:16px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M10 14a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1'/%3E%3Cpath d='M14 10a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1'/%3E%3C/svg%3E") center / contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M10 14a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1'/%3E%3Cpath d='M14 10a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1'/%3E%3C/svg%3E") center / contain no-repeat;}
.lab-duel-link{display:flex; align-items:center; gap:8px; width:100%; max-width:560px; flex-wrap:wrap; justify-content:center;}
.lab-duel-link-input{flex:1 1 260px; min-width:0; padding:11px 14px; border:1px solid var(--line); border-radius:12px; background:var(--field); color:var(--ink); font:inherit; font-size:14px; font-variant-numeric:tabular-nums;}
.lab-duel-link-input:focus-visible{outline:3px solid var(--lab-duel); outline-offset:1px;}
.lab-duel-match .lab-card-foot, .lab-duel-final .lab-card-foot{justify-content:center; flex-wrap:wrap;}

/* ---------- Hesabım: platform özeti (public/partials/drawer.html #acc-play, js/account.js) ---------- */
.account-play-head{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.account-member{display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:100px; background:var(--field); font-size:13.5px; font-weight:700;}
.account-member-none{color:var(--ink-soft); font-weight:600;}
/* 2026-10-10: kutucuklar; dar ekranda (çekmece) iki sütuna iner, uzun sayılar kutudan taşmaz */
/* Hesabım > Oyun ve üyelik: Rozetler ve Aşamalar alta doğru çentikli açılır (details) */
.account-fold > summary{display:flex; align-items:center; gap:12px; padding:12px 2px; font-size:15px; font-weight:500; cursor:pointer; list-style:none;}
.account-fold > summary::-webkit-details-marker{display:none;}
.account-fold > summary > span:first-child{flex:1; min-width:0;}
.account-fold > summary:hover{color:var(--walnut);}
.account-fold > summary:focus-visible{outline:3px solid var(--lab-board); outline-offset:2px; border-radius:8px;}
.account-fold-chev{flex:none; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s ease;}
.account-fold[open] > summary .account-fold-chev{transform:rotate(180deg);}
.account-fold-body{display:flex; flex-direction:column; gap:8px; padding:2px 0 14px;}
.account-fold-row{display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:14px; background:var(--field);}
.account-fold-row.is-active{box-shadow:inset 0 0 0 2px var(--lab-board);}
.account-fold-text{display:flex; flex-direction:column; min-width:0; flex:1;}
.account-fold-text strong{font-size:14.5px;}
.account-fold-text span{font-size:12.5px; color:var(--ink-soft);}
.account-fold-state{font-size:12px; font-weight:800; color:var(--lab-board-ink, var(--ink));}
.account-fold-more{align-self:flex-start; padding:4px 2px; font-size:14px; font-weight:700;}
.account-fold-more:hover{text-decoration:underline;}
.account-stage-list{list-style:none; margin:0; padding:2px 0 14px; display:flex; flex-direction:column; gap:8px;}
.account-stage{display:flex; flex-direction:column; gap:4px; padding:10px 12px; border-radius:14px; background:var(--field);}
.account-stage.is-earned{box-shadow:inset 0 0 0 2px var(--lab-gorsel);}
.account-stage-top{display:flex; justify-content:space-between; gap:10px; align-items:baseline;}
.account-stage-top strong{font-size:14.5px;}
.account-stage-state{flex:none; font-size:12px; font-weight:800; font-variant-numeric:tabular-nums; color:var(--ink-soft);}
.account-stage.is-earned .account-stage-state{color:var(--lab-gorsel-ink, var(--ink));}
.account-stage-desc{font-size:12.5px; color:var(--ink-soft); line-height:1.4;}
.account-stage-bar{display:block; height:5px; border-radius:100px; background:var(--page); overflow:hidden;}
.account-stage-fill{display:block; height:100%; border-radius:100px; background:var(--lab-board);}
.account-stage.is-earned .account-stage-fill{background:var(--lab-gorsel);}
.account-play-stats{display:grid; grid-template-columns:repeat(auto-fit, minmax(118px, 1fr)); gap:10px; margin:14px 0 6px;}
.account-play-stats > div{min-width:0; padding:10px 12px; border-radius:14px; background:var(--field);}
.account-play-stats dt{font-size:10.5px; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-soft); overflow-wrap:anywhere;}
.account-play-stats dd{margin:2px 0 0; font-size:clamp(15px, 4.6vw, 18px); font-weight:800; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; line-height:1.25;}
.account-name .lab-badge{margin-left:8px; vertical-align:-3px;}

/* Hesabım > Kaydettiklerim */
.account-saved{list-style:none; margin:10px 0 0; padding:0; display:flex; flex-direction:column; gap:12px;}
.account-saved-item{padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:var(--field);}
.account-saved-item p{margin:0 0 6px;}
.account-saved-meta{font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft);}
.account-saved-card{font-size:13px; color:var(--ink-soft);}
.account-saved-prompt{font-weight:700; font-size:14.5px;}
.account-saved-answer{font-size:14px;}
.account-saved-more summary{cursor:pointer; font-size:13px; font-weight:700; color:var(--ink-soft);}
.account-saved-more p{margin:6px 0 0; font-size:13.5px;}
.account-saved-item .btn{margin-top:6px;}
.kz-review .qz-save{display:flex; width:max-content;}
/* Kaydet düğmesi (LAB.saveButton): Düello sayfası quiz.css'i yüklemez; düğme burada kendi başına çerçeveli hap olarak çizilir. */
.lab-duel-review .qz-save{
  display:inline-flex; align-items:center; gap:8px; margin:8px 0 0; padding:7px 15px 7px 12px; border:1px solid var(--line); border-radius:100px;
  background:var(--paper-card); color:var(--ink-soft); font:inherit; font-size:13px; font-weight:700; line-height:1.2; cursor:pointer;
  transition:border-color .15s ease, color .15s ease, background-color .15s ease, transform .15s ease;
}
.lab-duel-review .qz-save svg{flex:none; width:15px; height:15px;}
.lab-duel-review .qz-save:hover{border-color:var(--lab-duel); color:var(--lab-duel-ink); transform:translateY(-1px);}
.lab-duel-review .qz-save.is-saved{border-color:var(--lab-duel); background:var(--lab-duel-tint); color:var(--lab-duel-ink);}
.lab-duel-review .qz-save:disabled{opacity:.6; cursor:default;}
.lab-duel-review .qz-save:focus-visible{outline:3px solid var(--lab-duel); outline-offset:2px;}

/* ---------- Duyarlı ---------- */
@media (max-width:1100px){
  .lab-hero-grid{gap:36px;}
  .lab-score-formula{grid-template-columns:minmax(0, 1fr) 28px minmax(0, 1fr) 28px minmax(0, 1fr); row-gap:14px;}
  .lab-score-formula .lab-sc-op:nth-child(6){display:none;}
  .lab-sc-total{grid-column:1 / -1; flex-direction:row; align-items:baseline; gap:12px; padding:16px 20px;}
  .lab-score-bonus{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .lab-act-link{grid-template-columns:minmax(0, 1fr); grid-template-rows:180px auto;}
  .lab-members-nav{display:flex; justify-content:flex-end; gap:10px; margin:0 0 14px;}
  .lab-members{
    display:flex; gap:14px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none;
    margin:0 calc(-1 * var(--gutter)); padding:4px var(--gutter) 10px; scroll-padding:0 var(--gutter);
  }
  .lab-members::-webkit-scrollbar{display:none;}
  .lab-members > li{flex:0 0 min(78vw, 340px); scroll-snap-align:start; min-width:0;}
  .lab-member{display:flex; flex-direction:column;}
  .lab-member-badge{grid-row:auto;}
  .lab-member-perks{grid-column:auto; grid-row:auto; margin:8px 0 18px;}
  .lab-member .btn{grid-column:auto; align-self:stretch;}
}
@media (max-width:900px){
  .lab-hero{padding-top:36px;}
  .lab-hero-grid{grid-template-columns:minmax(0, 1fr);}
  .lab-art{max-width:520px; width:100%; justify-self:center;}
  .lab-today{grid-template-columns:minmax(0, 1fr);}
  .lab-board-section{grid-template-columns:minmax(0, 1fr); gap:20px;}
  .lab-board-section .lab-section-head{position:static;}
}
@media (max-width:760px){
  .lab-nav-link{padding:7px 10px;}
  .lab-title{font-size:clamp(34px, 10vw, 52px);}
  .lab-stats{grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:14px;}
  .lab-stats > div:nth-child(3){padding-left:0; border-left:0;}
  .lab-stats dd{font-size:22px;}
  .lab-card{padding:20px 18px;}
  .lab-card-title{font-size:21px;}
  .lab-me-stats{grid-template-columns:repeat(2, minmax(0, 1fr)); row-gap:12px;}
  .lab-me-stats > div:nth-child(3){padding-left:0; border-left:0;}
  .lab-section{padding-top:56px;}
  .lab-acts{gap:12px;}
  .lab-act-link{grid-template-rows:130px auto; min-height:0; border-radius:18px;}
  .lab-acts-others{gap:6px;}
  .lab-acts-others .lab-act-art{height:52px;}
  .lab-acts-others .lab-act-body{padding:7px 6px 8px;}
  .lab-acts-others .lab-act-name{font-size:11px; font-weight:800; text-align:center;}
  .lab-acts-others .lab-act-link{border-radius:12px;}
  .lab-act-body{gap:6px; padding:14px 14px 15px;}
  .lab-act-no{font-size:11px; padding:2px 8px;}
  .lab-act-name{font-size:19px;}
  .lab-act-short{font-size:13px; line-height:1.45;}
  .lab-act-meta{font-size:11.5px;}
  .lab-act-progress{flex-wrap:wrap; gap:6px; font-size:11.5px;}
  .lab-act-progress .lab-bar{flex-basis:100%; max-width:none;}
  .lab-act-cta{padding-top:4px; font-size:13.5px;}
  .lab-board-box{padding:14px 12px 16px; margin:0 calc(-1 * var(--gutter) + 4px);}
  .lab-row{grid-template-columns:30px 28px minmax(0, 1fr) auto; gap:9px; padding:10px 4px;}
  .lab-row-correct{display:none;}
  .lab-row-points{min-width:0;}
  .lab-member{display:flex; padding:22px 20px;}
  .lab-member-perks{margin:8px 0 16px;}
  .lab-bank > div{grid-template-columns:minmax(0, 1fr); gap:2px;}
  .lab-score-formula{grid-template-columns:minmax(0, 1fr); row-gap:0;}
  .lab-score-formula .lab-sc-op{height:30px; font-size:24px;}
  .lab-score-formula .lab-sc-op:nth-child(6){display:flex;}
  .lab-sc{display:grid; grid-template-columns:auto minmax(0, 1fr); column-gap:14px; align-items:center; padding:14px 16px;}
  .lab-sc .lab-sc-icon{grid-row:1 / span 3; margin:0;}
  .lab-sc-total{display:flex; grid-column:auto;}
  .lab-score-bonus{gap:12px;}
  .lab-sticker{padding:14px 14px 13px;}
  .lab-sticker .lab-sc-icon{width:28px; height:28px; padding:5px; top:10px; right:10px;}
  .lab-sc-note{font-size:12.5px;}
}
@media (prefers-reduced-motion: reduce){
  .lab-nav-link, .lab-btn, .lab-act-link{transition:none;}
  .lab-act-link:hover{transform:none;}
}

/* ======================================================================================================
   2026-10-09 — Oyuncu kartı, Günün Bilgisi, kahraman başlığı bağlantısı, çekmece sırası ve "lab-skin": platformun kendi sayfaları
   dışındaki bütün sayfalar (Danışmanlık, profil, Nasıl Çalışır, Danışman Ol, İletişim, Hakkında, yasal, ödeme, panel, 404) ve
   çekmecenin görünümleri (giriş, üye ol, şifre, Hesabım, Randevularım, Bildirimler) aynı hareketli, renkli dille. Gradient yok;
   "hareketi azalt"ta hareket yok.
   ====================================================================================================== */
@keyframes lab-pop{0%{opacity:0; transform:scale(.6) rotate(-6deg);} 70%{transform:scale(1.06) rotate(1deg);} 100%{opacity:1; transform:none;}}
@keyframes lab-rise{from{opacity:0; transform:translateY(16px);}}
@keyframes lab-bob{0%, 100%{transform:translateY(0) rotate(0);} 50%{transform:translateY(-8px) rotate(-2deg);}}
@keyframes lab-grow-x{from{transform:scaleX(0);}}
@keyframes lab-glow{0%, 100%{box-shadow:0 0 0 0 color-mix(in srgb, var(--c, var(--lab-board)) 45%, transparent);} 50%{box-shadow:0 0 0 9px color-mix(in srgb, var(--c, var(--lab-board)) 0%, transparent);}}

/* ---------- Kahraman: açık sahnenin başlığı bağlantıdır (yeni.js#placeGo) ---------- */
.lab-art-go{position:absolute; z-index:2; border-radius:100px; cursor:pointer;}
.lab-art-go[hidden]{display:none;}
.lab-art-go::after{
  content:'→'; position:absolute; left:100%; top:50%; margin-left:.4cqw; transform:translateY(-50%); font-size:3.9cqw; font-weight:800; line-height:1;
  color:var(--ink); transition:transform .25s cubic-bezier(.34, 1.56, .64, 1);
}
.lab-art-go:hover::after, .lab-art-go:focus-visible::after{transform:translate(6px, -50%);}
.lab-art-go:focus-visible{outline:3px solid var(--lab-board); outline-offset:2px;}
.lab-art:has(.lab-art-go:hover) .lab-art-chip, .lab-art:has(.lab-art-go:focus-visible) .lab-art-chip{text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px;}

/* ---------- 02 Günün Bilgisi ---------- */
.lab-fact{
  --c:var(--lab-board); --t:var(--lab-board-tint); --ci:var(--lab-board-ink);
  display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr); min-height:340px; border-radius:var(--lab-radius); overflow:hidden; background:var(--t);
}
.lab-fact-cizim{--c:var(--lab-cizim); --t:var(--lab-cizim-tint); --ci:var(--lab-cizim-ink);}
.lab-fact-gorsel{--c:var(--lab-gorsel); --t:var(--lab-gorsel-tint); --ci:var(--lab-gorsel-ink);}
.lab-fact-kelime{--c:var(--lab-kelime); --t:var(--lab-kelime-tint); --ci:var(--lab-kelime-ink);}
.lab-fact-media{position:relative; margin:0; min-height:280px; max-height:480px; background:var(--paper-alt); overflow:hidden;}
.lab-fact-media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform 6s ease;}
.lab-fact-cizim .lab-fact-media{background:#F4EFE3;}
.lab-fact-cizim .lab-fact-media img{object-fit:contain; padding:18px;}
.lab-fact:hover .lab-fact-media img{transform:scale(1.04);}
.lab-fact-cizim:hover .lab-fact-media img{transform:none;}
.lab-fact-media figcaption{position:absolute; left:12px; bottom:12px; max-width:calc(100% - 24px); padding:4px 10px; border-radius:100px; background:rgba(15,19,26,0.62); color:#fff; font-size:11.5px; line-height:1.4;}
.lab-fact-skeleton{animation:lab-fact-wait 1.4s ease-in-out infinite;}
@keyframes lab-fact-wait{50%{opacity:.5;}}
.lab-fact-body{display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:34px 34px 30px; min-width:0;}
.lab-fact-body > *{margin:0; animation:lab-rise .55s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.lab-fact-body > :nth-child(2){animation-delay:.08s;} .lab-fact-body > :nth-child(3){animation-delay:.16s;}
.lab-fact-body > :nth-child(4){animation-delay:.24s;} .lab-fact-body > :nth-child(5){animation-delay:.32s;}
.lab-fact-kicker{display:inline-flex; align-items:center; gap:10px; font-size:12.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--ci);}
.lab-fact-bulb{display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:12px; background:var(--c); color:#fff; animation:lab-glow 2.6s ease-in-out infinite;}
[data-theme="dark"] .lab-fact-bulb{color:#14181E;}
.lab-fact-title{font-size:clamp(24px, 2.6vw, 32px); font-weight:800; letter-spacing:-0.03em; line-height:var(--lh-display);}
.lab-fact-meta{font-size:14px; font-weight:700; color:var(--ci);}
.lab-fact-text{font-size:16px; line-height:1.65; color:var(--ink);}
.lab-fact-tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:auto !important; padding-top:8px;}
.lab-fact-tag{display:inline-block; padding:7px 14px; border-radius:100px; font-size:13.5px; font-weight:800; background:var(--page); color:var(--ink);}
a.lab-fact-tag{background:var(--c); color:#fff; box-shadow:0 3px 0 var(--ci); transition:transform .15s ease, box-shadow .15s ease;}
[data-theme="dark"] a.lab-fact-tag{color:#14181E;}
a.lab-fact-tag:hover{transform:translateY(-2px); box-shadow:0 5px 0 var(--ci);}
a.lab-fact-tag:active{transform:translateY(2px); box-shadow:0 1px 0 var(--ci);}
@media (max-width:760px){
  .lab-fact{grid-template-columns:minmax(0, 1fr);}
  .lab-fact-media{min-height:0; aspect-ratio:4 / 3;}
  .lab-fact-body{padding:22px 20px 22px;}
}

/* ---------- Oyuncu kartı (lab.js#openPlayer) ---------- */
.lab-player-modal{width:min(540px, calc(100vw - 32px)); border:0; border-radius:28px;}
.lab-player-modal .modal-head{border-bottom:0; background:var(--lab-board-tint);}
.lab-player-modal .modal-title::before{
  content:''; display:inline-block; width:7px; height:7px; margin-right:68px; border-radius:50%; vertical-align:3px; background:var(--lab-quiz);
  box-shadow:11px 0 0 var(--lab-cizim), 22px 0 0 var(--lab-gorsel), 33px 0 0 var(--lab-kelime), 44px 0 0 var(--lab-kule), 55px 0 0 var(--lab-duel);
}
.lab-player-modal .modal-body{display:flex; flex-direction:column; gap:18px; padding-top:22px;}
.lab-player-loading{margin:0; color:var(--ink-soft);}
.lab-player-head{display:flex; align-items:center; gap:16px; animation:lab-rise .45s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.lab-player-avatar{width:76px; height:76px; font-size:28px; background:var(--ink); color:var(--page); box-shadow:0 0 0 3px var(--paper-card), 0 0 0 6px var(--lab-board); animation:lab-pop .6s cubic-bezier(.34, 1.56, .64, 1) backwards;}
.lab-player-id{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px;}
.lab-player-name{margin:0; font-size:23px; font-weight:800; letter-spacing:-0.02em; line-height:1.15; overflow-wrap:anywhere;}
.lab-player-user{font-weight:700; color:var(--ink-soft);}
.lab-player-member{align-self:flex-start; padding:2px 10px; border-radius:100px; background:var(--lab-verified-tint); font-size:12px; font-weight:700;}
.lab-player-rank{
  flex:none; display:flex; flex-direction:column; align-items:center; justify-content:center; width:70px; height:70px; border-radius:50%;
  background:var(--lab-quiz); color:#fff; line-height:1; transform:rotate(8deg); animation:lab-pop .6s .15s cubic-bezier(.34, 1.56, .64, 1) backwards;
}
[data-theme="dark"] .lab-player-rank{color:#14181E;}
.lab-player-rank strong{font-size:22px; font-weight:800; font-variant-numeric:tabular-nums;}
.lab-player-rank span{font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;}
.lab-player-stats{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; margin:0;}
.lab-player-stat{padding:12px 12px 11px; border-radius:16px; background:var(--field); animation:lab-pop .5s cubic-bezier(.34, 1.56, .64, 1) backwards;}
.lab-player-stats .lab-player-stat:nth-child(1){background:var(--lab-board-tint); animation-delay:.1s;}
.lab-player-stats .lab-player-stat:nth-child(2){background:var(--lab-gorsel-tint); animation-delay:.16s;}
.lab-player-stats .lab-player-stat:nth-child(3){background:var(--lab-cizim-tint); animation-delay:.22s;}
.lab-player-stats .lab-player-stat:nth-child(4){background:var(--lab-kelime-tint); animation-delay:.28s;}
.lab-player-stat dt{font-size:10.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft);}
.lab-player-stat dd{margin:3px 0 0; font-size:19px; font-weight:800; font-variant-numeric:tabular-nums; white-space:nowrap;}
.lab-player-sec{animation:lab-rise .5s .25s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.lab-player-h{margin:0 0 10px; font-size:13px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;}
.lab-player-empty{margin:0; font-size:14px; color:var(--ink-soft);}
.lab-duel-bar{display:flex; gap:3px; height:12px; border-radius:100px; overflow:hidden; background:var(--field); transform-origin:left; animation:lab-grow-x .8s .35s cubic-bezier(.34, 1.2, .64, 1) backwards;}
.lab-duel-seg{flex:1 1 0; min-width:6px;}
.lab-duel-seg.is-won{background:var(--lab-gorsel);} .lab-duel-seg.is-drawn{background:var(--lab-board);} .lab-duel-seg.is-lost{background:var(--lab-duel);}
.lab-duel-nums{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px; margin:10px 0 0;}
.lab-duel-nums .lab-player-stat{padding:9px 10px; animation:none;}
.lab-duel-nums .is-won dd{color:var(--lab-gorsel-ink);} .lab-duel-nums .is-drawn dd{color:var(--lab-board-ink);} .lab-duel-nums .is-lost dd{color:var(--lab-duel-ink);}
.lab-player-stages{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:7px;}
.lab-player-stages li{
  display:inline-flex; align-items:center; gap:7px; padding:5px 12px 5px 5px; border-radius:100px; background:var(--lab-board-tint); font-size:13px; font-weight:700;
  animation:lab-pop .45s cubic-bezier(.34, 1.56, .64, 1) backwards; animation-delay:calc(.3s + var(--i, 0) * 45ms);
}
.lab-player-stage-ico{display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:var(--page); color:var(--lab-board-ink);}
.lab-player-consult{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 18px; border-radius:20px; background:var(--lab-consult-tint); animation:lab-rise .5s .4s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.lab-player-consult > span{display:flex; flex-direction:column; gap:2px; font-size:13.5px; color:var(--ink-soft);}
.lab-player-consult strong{font-size:15px; color:var(--ink);}
@media (max-width:520px){
  .lab-player-stats, .lab-duel-nums{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .lab-player-avatar{width:60px; height:60px;}
  .lab-player-rank{width:58px; height:58px;}
  .lab-player-consult{flex-direction:column; align-items:flex-start;}
}

/* ---------- Çekmece (2026-10-09): ana menü bağlantıları üstte, Hesabım kutusu altta ---------- */
.drawer:has(.lab-drawer-links) .drawer-main > .lab-drawer-links{order:1; flex:none;}
.drawer:has(.lab-drawer-links) .drawer-main > .drawer-me{order:2; margin-top:auto; padding-top:4px; padding-bottom:12px;}
.drawer:has(.lab-drawer-links) .drawer-main > .drawer-foot{order:3;}
.drawer:has(.lab-drawer-links) .drawer-me + .drawer-links{padding-top:12px;}

/* ---------- lab-skin: başlık bölümü ----------
   Üst satır (.eyebrow) altı renk noktalı hap; başlık büyük ve kalın, altında altı rengin şeridi uzayarak çizilir; sağ üstte
   oyuncak bloklar süzülür (yalnızca başlığı olan sayfalarda). Bloklar sırayla yerine gelir. */
body.lab-skin main{position:relative;}
body.lab-skin main:has(.content-title)::before{
  content:''; position:absolute; z-index:0; top:34px; right:max(var(--gutter), calc((100% - var(--content-max)) / 2 + var(--gutter)));
  width:210px; height:153px; pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 160'%3E%3Crect x='18' y='138' width='184' height='14' rx='7' fill='%232F5FE8'/%3E%3Cpath d='M30 138V84h60v54H75v-18a15 15 0 0 0-30 0v18Z' fill='%23EE5A36'/%3E%3Crect x='100' y='98' width='40' height='40' rx='8' fill='%230E9466'/%3E%3Cpath d='M96 96l24-32 24 32Z' fill='%23E3A400'/%3E%3Ccircle cx='172' cy='116' r='22' fill='%238746E8'/%3E%3Crect x='48' y='58' width='24' height='24' rx='6' fill='%23D6336C' transform='rotate%2814 60 70%29'/%3E%3Ccircle cx='176' cy='62' r='9' fill='%23E3A400'/%3E%3Crect x='150' y='22' width='15' height='15' rx='3.5' fill='%232F7BF5' transform='rotate%28-20 157 30%29'/%3E%3Ccircle cx='112' cy='30' r='6' fill='%230E9466'/%3E%3C/svg%3E") no-repeat center / contain;
  animation:lab-pop .8s .2s cubic-bezier(.34, 1.56, .64, 1) backwards, lab-bob 5s 1s ease-in-out infinite;
}
body.lab-skin .eyebrow{
  display:inline-flex; align-items:center; gap:10px; padding:7px 15px 7px 12px; border-radius:100px; background:var(--field);
  color:var(--ink); font-size:12.5px; font-weight:800; letter-spacing:.12em; animation:lab-pop .5s cubic-bezier(.34, 1.56, .64, 1) backwards;
}
body.lab-skin .eyebrow::before{
  content:''; flex:none; width:8px; height:8px; margin-right:55px; border-radius:50%; background:var(--lab-quiz);
  box-shadow:11px 0 0 var(--lab-cizim), 22px 0 0 var(--lab-gorsel), 33px 0 0 var(--lab-kelime), 44px 0 0 var(--lab-kule), 55px 0 0 var(--lab-duel);
}
body.lab-skin .content-title{
  position:relative; z-index:1; max-width:calc(100% - 230px); margin-bottom:20px; padding-bottom:14px;
  font-size:clamp(36px, 5vw, 58px); font-weight:800; letter-spacing:-0.045em; line-height:var(--lh-display);
  animation:lab-rise .55s .05s cubic-bezier(.34, 1.3, .64, 1) backwards;
}
body.lab-skin .content-title::after{
  content:''; position:absolute; left:0; bottom:0; width:132px; height:7px; border-radius:100px; transform-origin:left;
  background:linear-gradient(90deg, var(--lab-quiz) 0 16.66%, var(--lab-cizim) 0 33.33%, var(--lab-gorsel) 0 50%, var(--lab-kelime) 0 66.66%, var(--lab-kule) 0 83.33%, var(--lab-duel) 0);
  animation:lab-grow-x .7s .35s cubic-bezier(.34, 1.3, .64, 1) backwards;
}
body.lab-skin .content-lead{position:relative; z-index:1; max-width:640px; font-size:clamp(16.5px, 1.5vw, 18.5px); line-height:1.6; animation:lab-rise .55s .12s cubic-bezier(.34, 1.3, .64, 1) backwards;}
/* Sayfanın blokları sırayla gelir. */
body.lab-skin main > :is(section, .card, .block, ol, ul, article, form, div:not(.wrap):not(.content):not(.msg)),
body.lab-skin main > .content > :is(section, .card, a, form),
body.lab-skin main > .wrap > :is(section, .card, form, .search-bar, .quick-chips, .results-head){animation:lab-rise .6s cubic-bezier(.34, 1.3, .64, 1) backwards; animation-delay:.18s;}
body.lab-skin main > :nth-child(5), body.lab-skin main > .content > :nth-child(5){animation-delay:.24s;}
body.lab-skin main > :nth-child(6), body.lab-skin main > .content > :nth-child(6){animation-delay:.3s;}
body.lab-skin main > :nth-child(n+7), body.lab-skin main > .content > :nth-child(n+7){animation-delay:.36s;}

/* Bölüm başlıkları: önünde aktivite renginde dönen küçük blok. */
body.lab-skin .block-title{display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:-0.025em;}
body.lab-skin .block-title::before{content:''; flex:none; width:14px; height:14px; border-radius:4px; background:var(--bt, var(--lab-quiz)); transform:rotate(12deg); transition:transform .4s cubic-bezier(.34, 1.56, .64, 1);}
body.lab-skin .block:hover .block-title::before{transform:rotate(102deg) scale(1.15);}
body.lab-skin .block:nth-of-type(2) .block-title{--bt:var(--lab-cizim);} body.lab-skin .block:nth-of-type(3) .block-title{--bt:var(--lab-gorsel);}
body.lab-skin .block:nth-of-type(4) .block-title{--bt:var(--lab-kelime);} body.lab-skin .block:nth-of-type(5) .block-title{--bt:var(--lab-duel);}

/* ---------- lab-skin: kartlar, adımlar, sorular ---------- */
body.lab-skin :is(.card, .booking-card, .legal, .empty-card){border-radius:var(--lab-radius); border-color:transparent; background:var(--paper-card); box-shadow:0 0 0 1.5px var(--line);}
body.lab-skin .card.section, body.lab-skin .checkout-summary{box-shadow:none; background:var(--field);}
body.lab-skin .legal{padding:32px 34px;}
body.lab-skin .steps li{
  --sc:var(--lab-quiz); --st:var(--lab-quiz-tint);
  position:relative; border:0; border-radius:22px; background:var(--st); transition:transform .25s cubic-bezier(.34, 1.56, .64, 1);
  animation:lab-rise .55s cubic-bezier(.34, 1.3, .64, 1) backwards;
}
body.lab-skin .steps li:nth-child(2){--sc:var(--lab-cizim); --st:var(--lab-cizim-tint); animation-delay:.07s;}
body.lab-skin .steps li:nth-child(3){--sc:var(--lab-gorsel); --st:var(--lab-gorsel-tint); animation-delay:.14s;}
body.lab-skin .steps li:nth-child(4){--sc:var(--lab-kelime); --st:var(--lab-kelime-tint); animation-delay:.21s;}
body.lab-skin .steps li:nth-child(5){--sc:var(--lab-duel); --st:var(--lab-duel-tint); animation-delay:.28s;}
body.lab-skin .steps li:hover{transform:translateY(-4px) rotate(-.6deg);}
body.lab-skin .step-num, body.lab-skin .apply-steps .step-num{background:var(--sc, var(--lab-quiz)); color:#fff; border:0; border-radius:12px; font-weight:800; transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);}
[data-theme="dark"] body.lab-skin .step-num{color:#14181E;}
body.lab-skin .steps li:hover .step-num{transform:rotate(-12deg) scale(1.12);}
body.lab-skin .apply-steps li:nth-child(1){--sc:var(--lab-quiz);} body.lab-skin .apply-steps li:nth-child(2){--sc:var(--lab-cizim);} body.lab-skin .apply-steps li:nth-child(3){--sc:var(--lab-gorsel);}
body.lab-skin .acc-panel{border:0; border-radius:20px; background:var(--field); box-shadow:none; transition:transform .2s ease;}
body.lab-skin .acc-panel > summary{border-radius:20px;}
body.lab-skin .acc-panel > summary:hover{background:var(--lab-board-tint);}
body.lab-skin .acc-panel[open]{background:var(--lab-board-tint);}
body.lab-skin .acc-panel[open] > summary:hover{background:transparent;}
body.lab-skin .acc-chevron{transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);}
body.lab-skin .contact-card{border:0; border-radius:var(--lab-radius); background:var(--lab-consult-tint); transition:transform .25s cubic-bezier(.34, 1.56, .64, 1);}
body.lab-skin .contact-card svg{padding:9px; width:48px; height:48px; border-radius:15px; background:var(--lab-consult); color:#fff; transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);}
body.lab-skin .contact-card:hover{transform:translateY(-3px);}
body.lab-skin .contact-card:hover svg{transform:rotate(-10deg) scale(1.08);}
body.lab-skin .expert-card{border-radius:var(--lab-radius); transition:transform .25s cubic-bezier(.34, 1.56, .64, 1), box-shadow .2s ease, border-color .2s ease;}
body.lab-skin .expert-card:hover{transform:translateY(-4px); border-color:var(--lab-consult); box-shadow:0 10px 0 -4px var(--lab-consult-tint);}
body.lab-skin .expert-grid > *{animation:lab-rise .55s cubic-bezier(.34, 1.3, .64, 1) backwards;}
body.lab-skin .expert-grid > :nth-child(2){animation-delay:.06s;} body.lab-skin .expert-grid > :nth-child(3){animation-delay:.12s;}
body.lab-skin .expert-grid > :nth-child(4){animation-delay:.18s;} body.lab-skin .expert-grid > :nth-child(n+5){animation-delay:.24s;}
/* Hakkında */
.lab-about-points{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px;}
.lab-about-points li{
  display:flex; flex-direction:column; gap:6px; padding:22px 24px; border-radius:var(--lab-radius); background:var(--lab-c-tint);
  transition:transform .25s cubic-bezier(.34, 1.56, .64, 1); animation:lab-rise .55s cubic-bezier(.34, 1.3, .64, 1) backwards;
}
.lab-about-points li:nth-child(2){animation-delay:.07s;} .lab-about-points li:nth-child(3){animation-delay:.14s;} .lab-about-points li:nth-child(4){animation-delay:.21s;}
.lab-about-points li:hover{transform:translateY(-4px) rotate(-.8deg);}
.lab-about-points strong{display:flex; align-items:center; gap:10px; font-size:19px; font-weight:800;}
.lab-about-points strong::before{content:''; width:16px; height:16px; border-radius:5px; background:var(--lab-c); transform:rotate(12deg);}
.lab-about-points span{color:var(--ink-soft); line-height:1.6;}
.lab-about .block{padding-top:36px;}
.lab-about .block p{max-width:760px; line-height:1.7; color:var(--ink-soft);}
@media (max-width:640px){ .lab-about-points{grid-template-columns:minmax(0, 1fr);} }
/* 404 */
body.lab-skin .notfound .code{font-size:110px; font-weight:800; letter-spacing:-0.06em; color:var(--lab-quiz); animation:lab-pop .7s cubic-bezier(.34, 1.56, .64, 1) backwards, lab-bob 4s 1s ease-in-out infinite;}

/* ---------- Ortak: düğmeler ve form alanları (lab-skin sayfaları + çekmece) ---------- */
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) .btn{border-radius:100px; border-width:1.5px; font-weight:700; transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;}
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) .btn:not(:disabled):hover{transform:translateY(-2px);}
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) :is(.btn-solid, .auth-submit){
  --bc:var(--v, var(--lab-quiz)); --bci:var(--vi, var(--lab-quiz-ink));
  border:0; border-radius:100px; background:var(--bc); color:#fff; box-shadow:0 4px 0 var(--bci); font-weight:800;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
[data-theme="dark"] :is(body.lab-skin, .drawer:has(.lab-drawer-links)) :is(.btn-solid, .auth-submit){color:#14181E;}
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) :is(.btn-solid, .auth-submit):not(:disabled):hover{background:var(--bc); transform:translateY(-2px); box-shadow:0 6px 0 var(--bci);}
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) :is(.btn-solid, .auth-submit):not(:disabled):active{transform:translateY(3px); box-shadow:0 1px 0 var(--bci);}
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) .btn-danger-solid{--v:var(--lab-duel); --vi:var(--lab-duel-ink);}
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) .field :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select){
  border-radius:14px; border-width:1.5px; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) .field :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select):focus-visible{
  border-color:var(--v, var(--lab-consult)); box-shadow:0 0 0 4px color-mix(in srgb, var(--v, var(--lab-consult)) 22%, transparent);
}
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) .tabs{gap:6px; border-bottom:0;}
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) .tab{border-radius:100px; border-bottom:0; padding:8px 15px; font-weight:700; transition:background-color .15s ease, transform .15s ease;}
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) .tab:hover{background:var(--field); transform:translateY(-1px);}
:is(body.lab-skin, .drawer:has(.lab-drawer-links)) .tab[aria-selected="true"]{background:var(--ink); color:var(--page); box-shadow:none;}
body.lab-skin .search-bar input{border-radius:100px; border-width:1.5px;}
body.lab-skin .search-bar input:focus-visible{border-color:var(--lab-consult); box-shadow:0 0 0 4px var(--lab-consult-tint);}

/* ---------- Çekmece görünümleri: giriş, üye ol, şifre (her görünümün kendi rengi) ---------- */
.drawer:has(.lab-drawer-links) .auth-wrap{--v:var(--lab-quiz); --vi:var(--lab-quiz-ink); --vt:var(--lab-quiz-tint);}
.drawer:has(.lab-drawer-links) .auth-wrap[data-view="signup"]{--v:var(--lab-gorsel); --vi:var(--lab-gorsel-ink); --vt:var(--lab-gorsel-tint);}
.drawer:has(.lab-drawer-links) .auth-wrap:is([data-view="forgot"], [data-view="reset"]){--v:var(--lab-kelime); --vi:var(--lab-kelime-ink); --vt:var(--lab-kelime-tint);}
.drawer:has(.lab-drawer-links) .auth-wrap::before{
  content:''; display:block; width:132px; height:96px; margin:4px auto 14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 160'%3E%3Crect x='18' y='138' width='184' height='14' rx='7' fill='%232F5FE8'/%3E%3Cpath d='M30 138V84h60v54H75v-18a15 15 0 0 0-30 0v18Z' fill='%23EE5A36'/%3E%3Crect x='100' y='98' width='40' height='40' rx='8' fill='%230E9466'/%3E%3Cpath d='M96 96l24-32 24 32Z' fill='%23E3A400'/%3E%3Ccircle cx='172' cy='116' r='22' fill='%238746E8'/%3E%3Crect x='48' y='58' width='24' height='24' rx='6' fill='%23D6336C' transform='rotate%2814 60 70%29'/%3E%3Ccircle cx='176' cy='62' r='9' fill='%23E3A400'/%3E%3Crect x='150' y='22' width='15' height='15' rx='3.5' fill='%232F7BF5' transform='rotate%28-20 157 30%29'/%3E%3Ccircle cx='112' cy='30' r='6' fill='%230E9466'/%3E%3C/svg%3E") no-repeat center / contain;
  animation:lab-pop .7s cubic-bezier(.34, 1.56, .64, 1) backwards, lab-bob 5s 1s ease-in-out infinite;
}
.drawer:has(.lab-drawer-links) .auth-eyebrow{
  display:table; margin:0 auto 12px; padding:5px 13px; border-radius:100px; background:var(--vt); color:var(--vi); font-weight:800;
  animation:lab-pop .5s .1s cubic-bezier(.34, 1.56, .64, 1) backwards;
}
.drawer:has(.lab-drawer-links) .auth-title{font-size:34px; font-weight:800; letter-spacing:-0.04em; animation:lab-rise .5s .15s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.drawer:has(.lab-drawer-links) .auth-sub{animation:lab-rise .5s .2s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.drawer:has(.lab-drawer-links) .auth-card{border:0; border-radius:26px; background:var(--vt); animation:lab-rise .55s .25s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.drawer:has(.lab-drawer-links) .auth-card .field :is(input, textarea){background:var(--page);}
.drawer:has(.lab-drawer-links) .auth-oauth-btn{border-width:1.5px; background:var(--page); transition:transform .15s ease, border-color .15s ease;}
.drawer:has(.lab-drawer-links) .auth-oauth-btn:hover{transform:translateY(-2px); border-color:var(--v);}
.drawer:has(.lab-drawer-links) .auth-forgot a, .drawer:has(.lab-drawer-links) .auth-switch a{color:var(--vi); font-weight:800;}
.drawer:has(.lab-drawer-links) .auth-switch{animation:lab-rise .5s .35s ease backwards;}

/* Hesabım, Randevularım, Bildirimler, Danışman Ol (çekmecede) */
.drawer:has(.lab-drawer-links) .account .account-head{padding:18px; border-radius:24px; background:var(--lab-board-tint); animation:lab-rise .5s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.drawer:has(.lab-drawer-links) .account .account-head :is(.avatar, .user-avatar){box-shadow:0 0 0 3px var(--lab-board-tint), 0 0 0 6px var(--lab-board); animation:lab-pop .6s cubic-bezier(.34, 1.56, .64, 1) backwards;}
.drawer:has(.lab-drawer-links) .account .account-name{font-weight:800; letter-spacing:-0.02em;}
.drawer:has(.lab-drawer-links) .account .card{border:0; border-radius:24px; background:var(--field); animation:lab-rise .55s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.drawer:has(.lab-drawer-links) .account .card:nth-of-type(2){animation-delay:.07s;} .drawer:has(.lab-drawer-links) .account .card:nth-of-type(3){animation-delay:.14s;}
.drawer:has(.lab-drawer-links) .account .card:nth-of-type(n+4){animation-delay:.21s;}
.drawer:has(.lab-drawer-links) .account-play-stats > div{padding:10px 11px; border-radius:14px; background:var(--page);}
.drawer:has(.lab-drawer-links) .account-play-stats > div:nth-child(1) dd{color:var(--lab-quiz-ink);}
.drawer:has(.lab-drawer-links) .account-play-stats > div:nth-child(2) dd{color:var(--lab-cizim-ink);}
.drawer:has(.lab-drawer-links) .account-play-stats > div:nth-child(3) dd{color:var(--lab-gorsel-ink);}
.drawer:has(.lab-drawer-links) .account-play-stats > div:nth-child(4) dd{color:var(--lab-kelime-ink);}
.drawer:has(.lab-drawer-links) .account-links a{border-radius:12px; padding-left:10px; padding-right:10px; transition:background-color .15s ease, transform .15s ease;}
.drawer:has(.lab-drawer-links) .account-links a:hover{background:var(--page); color:var(--ink); transform:translateX(3px);}
.drawer:has(.lab-drawer-links) .drawer-view-title{display:inline-block; position:relative; padding-bottom:10px; font-size:30px; font-weight:800; letter-spacing:-0.035em; animation:lab-rise .5s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.drawer:has(.lab-drawer-links) .drawer-view-title::after{
  content:''; position:absolute; left:0; bottom:0; width:72px; height:6px; border-radius:100px; transform-origin:left;
  background:linear-gradient(90deg, var(--lab-quiz) 0 16.66%, var(--lab-cizim) 0 33.33%, var(--lab-gorsel) 0 50%, var(--lab-kelime) 0 66.66%, var(--lab-kule) 0 83.33%, var(--lab-duel) 0);
  animation:lab-grow-x .6s .2s cubic-bezier(.34, 1.3, .64, 1) backwards;
}
.drawer:has(.lab-drawer-links) .notification-link{border:0; border-radius:18px; background:var(--field); transition:transform .2s cubic-bezier(.34, 1.56, .64, 1), background-color .15s ease;}
.drawer:has(.lab-drawer-links) a.notification-link:hover{transform:translateX(4px); background:var(--lab-board-tint);}
.drawer:has(.lab-drawer-links) .notification.unread .notification-link{border-left:0; background:var(--lab-quiz-tint); box-shadow:inset 4px 0 0 var(--lab-quiz);}
.drawer:has(.lab-drawer-links) .notification-list > li{animation:lab-rise .45s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.drawer:has(.lab-drawer-links) .notification-list > li:nth-child(2){animation-delay:.05s;} .drawer:has(.lab-drawer-links) .notification-list > li:nth-child(3){animation-delay:.1s;}
.drawer:has(.lab-drawer-links) .notification-list > li:nth-child(n+4){animation-delay:.15s;}
.drawer:has(.lab-drawer-links) .booking-card{border:0; border-radius:22px; background:var(--field); animation:lab-rise .5s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.drawer:has(.lab-drawer-links) .empty-card{border:0; border-radius:22px; background:var(--lab-board-tint);}

@media (max-width:900px){
  body.lab-skin main:has(.content-title)::before{width:150px; height:110px; top:26px;}
  body.lab-skin .content-title{max-width:calc(100% - 160px);}
}
@media (max-width:600px){
  body.lab-skin main:has(.content-title)::before{width:96px; height:70px; top:18px; opacity:.9;}
  body.lab-skin .content-title{max-width:calc(100% - 96px);}
}
@media (prefers-reduced-motion:reduce){
  .lab-row, .lab-row .lab-avatar, .lab-page, .lab-fact-media img, .lab-fact-skeleton, .lab-fact-body > *, .lab-fact-bulb, a.lab-fact-tag,
  .lab-player-modal *, .lab-art-go::after, body.lab-skin *, body.lab-skin *::before, body.lab-skin *::after, body.lab-skin main::before,
  .drawer *, .drawer *::before, .drawer *::after, .lab-board-body .lab-row-item, .lab-about-points li{animation:none !important; transition:none !important;}
  .lab-row:hover, body.lab-skin .steps li:hover, .lab-about-points li:hover, body.lab-skin .expert-card:hover, body.lab-skin .contact-card:hover{transform:none;}
}

/* ======================================================================================================
   2026-10-09 (2) — ana sayfa: puan tablosunun yanında kısaltılmış "Puan Nasıl Hesaplanır?"; Günün Bilgisi alt çubuğu (5 bilgi,
   Değiştir); Danışmanlık: Danışman Ol kutusu; Yönetim: yan gezinti, gruplar, sayaçlar.
   ====================================================================================================== */
.lab-board-side{display:flex; flex-direction:column; gap:26px; min-width:0;}
.lab-board-side .lab-section-head{margin-bottom:0;}
.lab-board-section .lab-board-side{position:sticky; top:96px;}
.lab-board-section .lab-board-side .lab-section-head{position:static;}
.lab-score-box{min-width:0;}
.lab-score-compact .lab-score-title{margin:0 0 12px; font-size:15px; font-weight:800; letter-spacing:-0.01em;}
.lab-score-compact .lab-score-formula{grid-template-columns:minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1fr); row-gap:10px;}
.lab-score-compact .lab-sc-op:nth-child(6){display:none;}
.lab-score-compact .lab-sc{padding:12px 12px 11px; border-radius:18px;}
.lab-score-compact .lab-sc-icon{width:30px; height:30px; padding:6px; margin-bottom:6px;}
.lab-score-compact .lab-sc-value{font-size:clamp(20px, 1.9vw, 24px);}
.lab-score-compact .lab-sc-label{margin-top:4px; font-size:13px;}
.lab-score-compact .lab-sc-op{font-size:22px;}
.lab-score-compact .lab-sc-total{grid-column:1 / -1; flex-direction:row; align-items:center; justify-content:center; gap:8px; padding:11px 14px;}
.lab-score-compact .lab-sc-total .lab-sc-value{font-size:18px;}
.lab-score-compact .lab-score-sub{margin:16px 0 10px; font-size:11px;}
.lab-score-compact .lab-score-bonus{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px;}
.lab-score-compact .lab-sticker{padding:11px 12px 10px; border-width:1.5px; border-radius:16px;}
.lab-score-compact .lab-sticker .lab-sc-icon{top:9px; right:9px; width:26px; height:26px; padding:5px;}
.lab-score-compact .lab-sticker .lab-sc-value{font-size:20px;}
.lab-score-compact .lab-sticker .lab-sc-label{margin-top:2px; font-size:12.5px;}
@media (max-width:900px){ .lab-board-section .lab-board-side{position:static;} .lab-score-compact .lab-score-bonus{grid-template-columns:repeat(4, minmax(0, 1fr));} }
@media (max-width:560px){ .lab-score-compact .lab-score-bonus{grid-template-columns:repeat(2, minmax(0, 1fr));} }

/* Günün Bilgisi: alt çubuk = etiketler + sayfa noktaları + Değiştir */
.lab-fact-foot{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 16px; width:100%; margin-top:auto; padding-top:8px;}
.lab-fact-foot .lab-fact-tags{margin:0 !important; padding:0;}
.lab-fact-pager{display:inline-flex; align-items:center; gap:10px;}
.lab-fact-dots{display:inline-flex; gap:5px;}
.lab-fact-dots i{width:7px; height:7px; border-radius:50%; background:color-mix(in srgb, var(--c) 28%, transparent); transition:transform .2s ease;}
.lab-fact-dots i.is-on{background:var(--c); transform:scale(1.35);}
.lab-fact-count{font-size:12.5px; font-weight:800; color:var(--ci); font-variant-numeric:tabular-nums;}
.lab-fact-swap{
  display:inline-flex; align-items:center; gap:7px; padding:8px 15px 8px 12px; border:1.5px solid var(--c); border-radius:100px; background:var(--page);
  color:var(--ink); font:inherit; font-size:14px; font-weight:800; cursor:pointer; transition:transform .2s cubic-bezier(.34, 1.56, .64, 1), background-color .15s ease, color .15s ease;
}
.lab-fact-swap svg{transition:transform .35s cubic-bezier(.34, 1.56, .64, 1);}
.lab-fact-swap:hover{background:var(--c); color:#fff; transform:translateY(-2px);}
[data-theme="dark"] .lab-fact-swap:hover{color:#14181E;}
.lab-fact-swap:hover svg{transform:rotate(180deg);}
.lab-fact-swap:focus-visible{outline:3px solid var(--lab-board); outline-offset:3px;}
.lab-fact-body > .lab-fact-foot{margin-top:auto;}
.lab-fact > .lab-fact-body > *{animation:lab-rise .45s cubic-bezier(.34, 1.3, .64, 1) backwards;}

/* Danışmanlık: Danışman Ol kutusu */
.consult-cta-wrap{padding-top:40px; padding-bottom:8px;}
.consult-cta{
  position:relative; display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr); align-items:center; gap:24px; padding:44px 48px; overflow:hidden;
  border-radius:32px; background:var(--lab-consult-tint); box-shadow:inset 0 0 0 2px var(--lab-consult);
}
.consult-cta-kicker{display:inline-block; margin:0 0 14px; padding:5px 13px; border-radius:100px; background:var(--lab-consult); color:#fff; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;}
[data-theme="dark"] .consult-cta-kicker{color:#14181E;}
.consult-cta-title{margin:0 0 12px; font-size:clamp(28px, 3.4vw, 42px); font-weight:800; letter-spacing:-0.04em; line-height:var(--lh-display);}
.consult-cta-lead{margin:0 0 24px; max-width:480px; font-size:16.5px; line-height:1.55; color:var(--ink-soft);}
.consult-cta-actions{display:flex; flex-wrap:wrap; gap:12px;}
.consult-cta-actions .lab-btn-primary{background:var(--lab-consult); border-color:var(--lab-consult); color:#fff; box-shadow:0 4px 0 var(--lab-consult-ink); transition:transform .15s ease, box-shadow .15s ease;}
[data-theme="dark"] .consult-cta-actions .lab-btn-primary{color:#14181E;}
.consult-cta-actions .lab-btn-primary:hover{background:var(--lab-consult); border-color:var(--lab-consult); transform:translateY(-2px); box-shadow:0 6px 0 var(--lab-consult-ink);}
.consult-cta-actions .lab-btn-primary:active{transform:translateY(3px); box-shadow:0 1px 0 var(--lab-consult-ink);}
.consult-cta-actions .lab-btn:not(.lab-btn-primary){background:var(--page); border-color:var(--lab-consult); transition:transform .15s ease;}
.consult-cta-actions .lab-btn:not(.lab-btn-primary):hover{transform:translateY(-2px);}
.consult-cta-art{display:block; width:100%; max-width:440px; height:auto; justify-self:center;}
.consult-cta-art .lab-art-s{fill:var(--lab-consult);} .consult-cta-art .lab-art-s-tint{fill:var(--page);}
.consult-cta-art .lab-art-q{fill:var(--lab-quiz);} .consult-cta-art .lab-art-g{fill:var(--lab-gorsel);} .consult-cta-art .lab-art-b{fill:var(--lab-board);}
.consult-cta-art .lab-art-d{fill:var(--lab-kelime);} .consult-cta-art .lab-art-k{fill:var(--lab-duel);}
.consult-cta-art .lab-art-paper{fill:var(--paper-card);} .consult-cta-art .lab-art-shadow{stroke:var(--line); stroke-width:2;}
.consult-cta-art .lab-art-field{fill:var(--field);} .consult-cta-art .lab-art-white{fill:#fff;} .consult-cta-art .lab-art-bar{fill:var(--ink-soft); opacity:.35;}
.lab-cta-plan{fill:none; stroke:var(--lab-consult); stroke-width:3; stroke-linejoin:round; stroke-linecap:round;}
.lab-cta-check{fill:none; stroke:#fff; stroke-width:3.4; stroke-linecap:round; stroke-linejoin:round;}
.cta-float, .cta-spin, .cta-spin-2{transform-box:fill-box; transform-origin:50% 50%;}
.cta-float{animation:lab-bob 5s ease-in-out infinite;} .cta-float-2{animation-duration:6s; animation-delay:-1.5s;} .cta-float-3{animation-duration:4.2s; animation-delay:-2.4s;}
.cta-spin{animation:cta-spin 9s linear infinite;} .cta-spin-2{animation:lab-bob 3.6s ease-in-out infinite;}
@keyframes cta-spin{to{transform:rotate(360deg);}}
@media (max-width:760px){
  .consult-cta{grid-template-columns:minmax(0, 1fr); padding:30px 22px 22px; border-radius:26px;}
  .consult-cta-art{max-width:300px; order:-1;}
}
@media (prefers-reduced-motion:reduce){ .cta-float, .cta-spin, .cta-spin-2{animation:none;} .lab-fact-swap, .lab-fact-swap svg{transition:none;} }

/* Yönetim (public/yonetim.html, js/admin.js): yan gezinti (gruplu, sayaçlı), bloklar, bekleyen işler vurgulu */
.admin-head{margin-bottom:6px;}
.admin-layout{display:grid; grid-template-columns:200px minmax(0, 1fr); gap:32px; align-items:start; margin-top:18px;}
.admin-tabs{position:sticky; top:96px; display:flex; flex-direction:column; gap:16px; margin:0; padding:14px; border-radius:22px; background:var(--field);}
.admin-tabs-group{display:flex; flex-direction:column; gap:2px;}
.admin-tabs-label{margin:0 0 4px 10px; font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft);}
.admin-tabs .panel-tab{display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; border-radius:12px; font-size:14.5px; font-weight:600; transition:background-color .15s ease, transform .15s ease;}
.admin-tabs .panel-tab:hover{background:var(--page); transform:translateX(2px);}
.admin-tabs .panel-tab.active{background:var(--ink); color:var(--page);}
.admin-count{min-width:22px; padding:1px 7px; border-radius:100px; background:var(--lab-quiz); color:#fff; font-size:12px; font-weight:800; text-align:center; font-variant-numeric:tabular-nums;}
[data-theme="dark"] .admin-count{color:#14181E;}
.admin-main{min-width:0;}
.admin-block{margin-bottom:28px;}
.admin-h{margin:0 0 12px; font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-soft);}
.admin .stat-row{grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); margin-bottom:0;}
.admin .stat{border:0; border-radius:18px; background:var(--field); transition:transform .2s cubic-bezier(.34, 1.56, .64, 1);}
.admin a.stat:hover{transform:translateY(-3px);}
.admin .stat-hot{background:var(--lab-quiz-tint); box-shadow:inset 0 0 0 1.5px var(--lab-quiz);}
.admin .stat-hot strong{color:var(--lab-quiz-ink);}
.admin .stat strong{font-size:22px; letter-spacing:-0.02em;}
.admin .card, .admin .admin-table-wrap{border-radius:20px;}
.admin .admin-table th{font-size:12px;}
.admin .admin-card{margin-bottom:0;}
@media (max-width:900px){
  .admin-layout{grid-template-columns:minmax(0, 1fr); gap:16px;}
  .admin-tabs{position:static; flex-direction:row; gap:6px; padding:8px; overflow-x:auto; scrollbar-width:none; border-radius:18px;}
  .admin-tabs-group{flex-direction:row; align-items:center; flex:none; gap:2px; padding-right:8px; border-right:1px solid var(--line);}
  .admin-tabs-group:last-child{border-right:0;}
  .admin-tabs-label{display:none;}
  .admin-tabs .panel-tab{white-space:nowrap; border:0;}
}
@media (max-width:560px){
  .lab-score-compact .lab-score-formula{grid-template-columns:minmax(0, 1fr); row-gap:0;}
  .lab-score-compact .lab-sc-op, .lab-score-compact .lab-sc-op:nth-child(6){display:flex; height:24px; font-size:20px;}
  .lab-score-compact .lab-sc .lab-sc-icon{grid-row:1 / span 2; margin:0;}
}

/* Günün Bilgisi (2026-10-09): bağlantı ve "Değiştir" düğmeleri yok; sağ ortada ilerleme okuyla sıradaki bilgiye geçilir. */
.lab-fact{position:relative;}
.lab-fact-next{
  position:absolute; right:14px; top:50%; z-index:2; width:52px; height:52px; margin-top:-26px; border:0; border-radius:50%; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; background:var(--c); color:#fff; box-shadow:0 4px 0 var(--ci), 0 10px 24px rgba(0,0,0,.18);
  transition:transform .15s ease, box-shadow .15s ease;
}
[data-theme="dark"] .lab-fact-next{color:#14181E;}
.lab-fact-next:hover{transform:translateX(3px); box-shadow:0 4px 0 var(--ci), 0 12px 28px rgba(0,0,0,.24);}
.lab-fact-next:active{transform:translateX(0) scale(.95);}
.lab-fact-next:focus-visible{outline:3px solid var(--lab-board); outline-offset:3px;}
.lab-fact-body{padding-right:84px;}
.lab-fact-body .lab-fact-pager{margin-top:auto; padding-top:8px;}
@media (max-width:760px){
  .lab-fact-next{top:auto; bottom:14px; right:14px; margin-top:0; width:46px; height:46px;}
  .lab-fact-body{padding-right:20px; padding-bottom:70px;}
}
@media (prefers-reduced-motion:reduce){ .lab-fact-next{transition:none;} }

/* ---------- Danışmanlık sayfası (2026-10-09): kahraman + hareketli grafik + üç adım ---------- */
.cs-hero{padding:48px 0 26px;}
.cs-hero-grid{display:grid; grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr); gap:44px; align-items:center;}
.cs-kicker{display:inline-block; margin:0 0 16px; padding:6px 14px; border-radius:100px; background:var(--lab-consult); color:#fff; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; animation:lab-pop .6s cubic-bezier(.34, 1.4, .64, 1) backwards;}
[data-theme="dark"] .cs-kicker{color:#14181E;}
.cs-title{margin:0 0 18px; font-size:clamp(38px, 5.6vw, 72px); line-height:var(--lh-display); letter-spacing:-0.045em; font-weight:800; animation:lab-rise .6s ease .05s backwards;}
.cs-title span{display:block; color:var(--lab-consult-ink, var(--lab-consult));}
.cs-lead{margin:0 0 24px; max-width:540px; font-size:clamp(16px, 1.5vw, 19px); line-height:1.6; color:var(--ink-soft); animation:lab-rise .6s ease .12s backwards;}
.cs-search{max-width:560px; animation:lab-rise .6s ease .18s backwards;}
.cs-hero .quick-chips{margin-top:16px; animation:lab-rise .6s ease .24s backwards;}
.cs-art{margin:0; position:relative; container-type:inline-size;}
.cs-art svg{display:block; width:100%; height:auto; overflow:visible;}
.cs-glow{fill:var(--lab-consult-tint);}
.cs-win-shadow{fill:var(--lab-consult);} .cs-win{fill:var(--page); stroke:var(--lab-consult); stroke-width:4;}
.cs-win-bar{fill:var(--lab-consult);}
.cs-dot{fill:#fff; opacity:.9;} .cs-dot-w{fill:#fff;}
.cs-live{fill:#EE5A36; animation:cs-blink 1.2s steps(2, start) infinite;}
.cs-screen{fill:var(--lab-consult-tint);}
.cs-skin{fill:#F2C9A5;} .cs-skin-2{fill:#E8B58C;}
.cs-hair{fill:#2B1A12;} .cs-body{fill:var(--lab-consult-ink, #1F4FD0);} .cs-body-2{fill:var(--lab-gorsel, #0E9466);} .cs-collar{fill:none; stroke:#fff; stroke-width:4; stroke-linecap:round; stroke-linejoin:round;}
.cs-plan-bg{fill:#fff; stroke:var(--lab-consult); stroke-width:3;} .cs-plan{fill:none; stroke:var(--lab-consult); stroke-width:4; stroke-linejoin:round; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:0;}
.cs-tile{fill:var(--lab-consult-tint); stroke:var(--lab-consult); stroke-width:2;}
.cs-card-shadow{fill:var(--lab-gorsel);} .cs-card{fill:var(--page); stroke:var(--lab-gorsel); stroke-width:4;}
.cs-cal-head{fill:var(--lab-gorsel);} .cs-cal-cells rect{fill:var(--field);} .cs-cal-cells .cs-cell-on{fill:var(--lab-gorsel);}
.cs-cal-check{fill:none; stroke:#fff; stroke-width:3.5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:20; stroke-dashoffset:20; animation:cs-tick 4.5s ease-in-out infinite;}
.cs-bubble{fill:var(--lab-quiz); } .cs-bubble-line{fill:#fff; opacity:.85;}
.cs-badge{fill:var(--lab-board);} .cs-star{fill:#fff;} .cs-badge-line{fill:#fff; opacity:.8;}
.cs-sq-a{fill:var(--lab-kelime);} .cs-ci-b{fill:var(--lab-board);} .cs-sq-c{fill:var(--lab-duel);}
.cs-art svg *{transform-box:fill-box;}
.cs-float{animation:cs-float 5s ease-in-out infinite;} .cs-float-2{animation-delay:-1.6s;} .cs-float-3{animation-delay:-3s;} .cs-float-4{animation-delay:-.8s;}
.cs-spin{transform-origin:50% 50%; animation:cs-spin 9s linear infinite;} .cs-ci-b{animation-duration:6s; animation-direction:reverse;}
.cs-float, .cs-spin{will-change:transform;}
@keyframes cs-float{0%, 100%{transform:translateY(0);} 50%{transform:translateY(-9px);}}
@keyframes cs-spin{to{transform:rotate(360deg);}}
@keyframes cs-blink{50%{opacity:.25;}}
@keyframes cs-tick{0%, 20%{stroke-dashoffset:20;} 40%, 85%{stroke-dashoffset:0;} 100%{stroke-dashoffset:20;}}
.cs-steps-wrap{padding-top:8px; padding-bottom:12px;}
.cs-steps{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px;}
.cs-step{--c:var(--lab-consult); --t:var(--lab-consult-tint); --ci:var(--lab-consult-ink, var(--lab-consult)); position:relative; display:flex; flex-direction:column; gap:6px; padding:22px 22px 20px; border-radius:var(--lab-radius, 24px); background:var(--t); animation:lab-rise .55s cubic-bezier(.34, 1.3, .64, 1) backwards; transition:transform .25s cubic-bezier(.34, 1.56, .64, 1);}
.cs-step-2{--c:var(--lab-gorsel); --t:var(--lab-gorsel-tint); --ci:var(--lab-gorsel-ink); animation-delay:.08s;}
.cs-step-3{--c:var(--lab-quiz); --t:var(--lab-quiz-tint); --ci:var(--lab-quiz-ink); animation-delay:.16s;}
.cs-step:hover{transform:translateY(-4px) rotate(-.6deg);}
.cs-step-ico{display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; margin-bottom:6px; border-radius:15px; background:var(--c); box-shadow:0 4px 0 var(--ci);}
.cs-step-ico svg{width:26px; height:26px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
[data-theme="dark"] .cs-step-ico svg{stroke:#14181E;}
.cs-step strong{font-size:18px; letter-spacing:-0.01em; color:var(--ci);}
.cs-step span:last-child{font-size:14.5px; line-height:1.55; color:var(--ink);}
body.lab-skin main.cs-main > .list-results{margin-top:18px;}
@media (max-width:900px){
  .cs-hero-grid{grid-template-columns:minmax(0, 1fr); gap:20px;}
  .cs-art{max-width:460px; margin:0 auto; order:-1;}
  .cs-hero{padding-top:28px;}
  .cs-steps{grid-template-columns:minmax(0, 1fr);}
}
@media (prefers-reduced-motion:reduce){ .cs-float, .cs-spin, .cs-live, .cs-cal-check, .cs-kicker, .cs-title, .cs-lead, .cs-search, .cs-hero .quick-chips, .cs-step{animation:none;} .cs-cal-check{stroke-dashoffset:0;} .cs-step{transition:none;} }

/* ======================================================================================================
   DANIŞMAN PROFİLİ (2026-10-09 yeniden tasarım; /danisman/:slug — src/pages/profilePage.js): renkli kahraman kartı, yuvarlak
   bölüm kartları, renk dönen konu etiketleri, oyuncak düğmeli yapışkan randevu kutusu. Platformun yuvarlak, renkli dili.
   ====================================================================================================== */
body.lab-skin .profile-page{padding-top:22px;}
body.lab-skin .profile-page .breadcrumb{margin-bottom:18px; font-weight:600;}
body.lab-skin .profile-page .breadcrumb a{color:var(--lab-consult-ink);}
body.lab-skin .profile-layout{gap:28px; grid-template-columns:minmax(0, 1fr) 400px;}
body.lab-skin .profile-hero{
  position:relative; overflow:hidden; padding:30px 30px 30px; border:0; border-radius:32px; background:var(--lab-consult-tint);
  animation:lab-rise .55s cubic-bezier(.34, 1.3, .64, 1) backwards;
}
body.lab-skin .profile-hero::before{content:''; position:absolute; right:-40px; top:-48px; width:190px; height:190px; border-radius:50%; background:var(--lab-consult); opacity:.14;}
body.lab-skin .profile-hero::after{content:''; position:absolute; left:-30px; bottom:-44px; width:120px; height:120px; border-radius:34px; background:var(--lab-gorsel); opacity:.12; transform:rotate(18deg);}
body.lab-skin .profile-hero > *{position:relative; z-index:1;}
body.lab-skin .profile-photo{
  width:152px; height:152px; font-size:46px; background:var(--lab-consult); color:#fff;
  box-shadow:0 0 0 6px var(--page), 9px 9px 0 6px var(--lab-consult); margin:0 10px 8px 0;
}
[data-theme="dark"] body.lab-skin .profile-photo{color:#14181E;}
body.lab-skin .profile-photo-zoom:hover{box-shadow:0 0 0 6px var(--page), 9px 9px 0 6px var(--lab-quiz); transform:rotate(-2deg); transition:transform .25s cubic-bezier(.34, 1.56, .64, 1), box-shadow .2s;}
body.lab-skin .profile-hero .badge{padding:6px 14px; font-size:11.5px; letter-spacing:.14em; background:var(--lab-consult); color:#fff; animation:lab-pop .6s cubic-bezier(.34, 1.4, .64, 1) backwards;}
[data-theme="dark"] body.lab-skin .profile-hero .badge{color:#14181E;}
body.lab-skin .profile-name{margin:14px 0 8px; font-size:clamp(34px, 4.6vw, 56px); line-height:var(--lh-display); letter-spacing:-0.045em; font-weight:800;}
body.lab-skin .profile-role{display:inline-block; padding:6px 14px; border-radius:100px; background:var(--page); font-size:15px; font-weight:700; color:var(--lab-consult-ink);}
body.lab-skin .profile-facts{display:inline-block; margin:8px 0 0 8px; padding:6px 14px; border-radius:100px; background:var(--lab-gorsel-tint); color:var(--lab-gorsel-ink); font-size:14px; font-weight:700;}
body.lab-skin .profile-headline{margin-top:16px; font-size:17px; line-height:1.6; max-width:640px; color:var(--ink);}
body.lab-skin .profile-links{margin-top:14px; gap:10px;}
body.lab-skin .profile-link{width:44px; height:44px; border:0; background:var(--page); color:var(--lab-consult-ink); box-shadow:0 3px 0 var(--lab-consult); transition:transform .2s cubic-bezier(.34, 1.56, .64, 1), box-shadow .2s, background-color .2s, color .2s;}
body.lab-skin .profile-link:hover{background:var(--lab-consult); color:#fff; transform:translateY(-3px) rotate(-4deg); box-shadow:0 6px 0 var(--lab-consult-ink);}
body.lab-skin .profile-rating{display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; background:var(--lab-board-tint); font-weight:800;}
body.lab-skin .stars{color:var(--lab-board); letter-spacing:1px;}
.pf-art{position:absolute; right:16px; bottom:10px; width:210px; height:auto; pointer-events:none; opacity:.95;}
.pf-art *{transform-box:fill-box;}
.pf-a{fill:var(--lab-kelime); animation:cs-float 5s ease-in-out infinite;} .pf-b{fill:var(--lab-board); animation:cs-float 6s ease-in-out -2s infinite;}
.pf-c{fill:var(--lab-duel); animation:cs-float 5.5s ease-in-out -1s infinite;} .pf-d{fill:var(--lab-quiz); animation:cs-float 6.5s ease-in-out -3s infinite;} .pf-e{fill:#fff; opacity:.85;}
body.lab-skin .profile-main{min-width:0;}
body.lab-skin .profile-section{
  margin-top:16px; padding:26px 28px 28px; border:0; border-radius:28px; background:var(--paper-card); box-shadow:0 0 0 2px var(--field);
  animation:lab-rise .55s cubic-bezier(.34, 1.3, .64, 1) backwards; transition:transform .25s cubic-bezier(.34, 1.56, .64, 1);
}
body.lab-skin .profile-section:nth-of-type(2){--pc:var(--lab-quiz);} body.lab-skin .profile-section:nth-of-type(3){--pc:var(--lab-gorsel);}
body.lab-skin .profile-section:nth-of-type(4){--pc:var(--lab-kelime);} body.lab-skin .profile-section:nth-of-type(5){--pc:var(--lab-duel);}
body.lab-skin .profile-section:nth-of-type(6){--pc:var(--lab-board);} body.lab-skin .profile-section:nth-of-type(7){--pc:var(--lab-consult);}
body.lab-skin .profile-section:nth-of-type(1){--pc:var(--lab-consult);}
body.lab-skin .profile-section h2{display:flex; align-items:center; gap:12px; margin:0 0 16px; font-size:clamp(22px, 2.4vw, 28px); font-weight:800; letter-spacing:-0.03em;}
body.lab-skin .profile-section h2::before{content:''; flex:none; width:12px; height:30px; border-radius:100px; background:var(--pc, var(--lab-consult)); transform-origin:50% 100%; animation:lab-grow-x .6s ease backwards;}
body.lab-skin .profile-section p{font-size:16px; line-height:1.75;}
body.lab-skin .chips{gap:9px;}
body.lab-skin .chip{padding:8px 16px; border:0; border-radius:100px; font-size:14.5px; font-weight:700; background:var(--lab-consult-tint); color:var(--lab-consult-ink); transition:transform .2s cubic-bezier(.34, 1.56, .64, 1);}
body.lab-skin .chip:hover{transform:translateY(-3px) rotate(-1.5deg);}
body.lab-skin .chip:nth-child(4n+2){background:var(--lab-gorsel-tint); color:var(--lab-gorsel-ink);}
body.lab-skin .chip:nth-child(4n+3){background:var(--lab-quiz-tint); color:var(--lab-quiz-ink);}
body.lab-skin .chip:nth-child(4n){background:var(--lab-kelime-tint); color:var(--lab-kelime-ink);}
body.lab-skin .chip-soft{border:0;}
body.lab-skin .portfolio-grid{gap:12px;}
body.lab-skin .portfolio-item{border:0; border-radius:20px; box-shadow:0 0 0 2px var(--field); transition:transform .25s cubic-bezier(.34, 1.56, .64, 1), box-shadow .2s;}
body.lab-skin .portfolio-item:hover{transform:translateY(-4px) rotate(-1deg); box-shadow:0 0 0 3px var(--lab-consult), 0 14px 26px rgba(0,0,0,.14);}
body.lab-skin .review-list{gap:12px;}
body.lab-skin .review-item{border:0; border-radius:22px; background:var(--field);}
body.lab-skin .review-author{font-weight:800;}
body.lab-skin .review-compose{border:0; border-radius:22px; background:var(--lab-consult-tint);}
/* Randevu kutusu: yapışkan, renkli üst şerit, oyuncak düğmeler */
body.lab-skin .book-box{
  top:92px; padding:0 0 22px; border:0; border-radius:32px; background:var(--paper-card); overflow:hidden;
  box-shadow:0 0 0 2px var(--field), 0 22px 50px rgba(20,30,50,.12); animation:lab-rise .6s cubic-bezier(.34, 1.3, .64, 1) .1s backwards;
}
body.lab-skin .book-box > *{margin-left:24px; margin-right:24px;}
body.lab-skin .book-box > h2{
  margin:0 0 14px; padding:22px 24px 18px; background:var(--lab-consult); color:#fff; font-size:21px; font-weight:800; letter-spacing:.02em;
  position:relative;
}
[data-theme="dark"] body.lab-skin .book-box > h2{color:#14181E;}
body.lab-skin .book-box > h2::after{content:''; position:absolute; right:22px; top:50%; width:34px; height:34px; margin-top:-17px; border-radius:11px; background:rgba(255,255,255,.28); transform:rotate(14deg);}
body.lab-skin .booking-from{padding:10px 14px; border-radius:16px; background:var(--lab-consult-tint); font-size:14px; color:var(--ink);}
body.lab-skin .booking-from strong{color:var(--lab-consult-ink);}
body.lab-skin .booking-step{color:var(--lab-consult-ink); letter-spacing:.12em;}
body.lab-skin .service-choices{flex-direction:row; flex-wrap:wrap;}
body.lab-skin .service-choice{flex:1 1 90px; display:flex; flex-direction:column; align-items:center; gap:2px; padding:12px 8px; border:0; border-radius:18px; background:var(--field); text-align:center; box-shadow:0 3px 0 rgba(0,0,0,.08); transition:transform .15s ease;}
body.lab-skin .service-choice:hover{transform:translateY(-2px);}
body.lab-skin .service-choice[aria-checked="true"]{background:var(--lab-consult); color:#fff; box-shadow:0 4px 0 var(--lab-consult-ink);}
[data-theme="dark"] body.lab-skin .service-choice[aria-checked="true"]{color:#14181E;}
body.lab-skin .service-choice[aria-checked="true"] .service-choice-meta{color:inherit; opacity:.85;}
body.lab-skin .service-choice-price{grid-row:auto; grid-column:auto;}
body.lab-skin .picker{border-top:0; padding-top:6px;}
body.lab-skin .day-strip{gap:6px;}
body.lab-skin .day-btn{border:0; border-radius:16px; background:var(--field); padding:9px 0; transition:transform .15s ease, background-color .15s ease;}
body.lab-skin .day-btn:hover:not(:disabled){transform:translateY(-2px); background:var(--lab-consult-tint);}
body.lab-skin .day-btn[aria-pressed="true"]{background:var(--lab-consult); color:#fff; box-shadow:0 4px 0 var(--lab-consult-ink);}
[data-theme="dark"] body.lab-skin .day-btn[aria-pressed="true"]{color:#14181E;}
body.lab-skin .time-btn{border:0; border-radius:100px; background:var(--lab-gorsel-tint); color:var(--lab-gorsel-ink); font-weight:800; transition:transform .15s ease;}
body.lab-skin .time-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03); background:var(--lab-gorsel); color:#fff;}
body.lab-skin .time-btn[aria-pressed="true"]{background:var(--lab-gorsel); color:#fff; box-shadow:0 4px 0 var(--lab-gorsel-ink);}
body.lab-skin .time-btn:disabled{background:var(--field); color:var(--ink-soft);}
body.lab-skin .booking-summary{border-top:0; padding:16px; border-radius:20px; background:var(--field);}
body.lab-skin .booking-cta{padding:15px; font-size:16px;}
body.lab-skin .week-head .btn{border-radius:50%;}
body.lab-skin .booking-trust{padding:0 4px;}
body.lab-skin .mobile-book-bar{border-radius:24px 24px 0 0; border-top:0; box-shadow:0 -10px 30px rgba(20,30,50,.14);}
@media (max-width:1000px){
  body.lab-skin .profile-layout{grid-template-columns:minmax(0, 1fr);}
  body.lab-skin .book-box{position:static;}
}
@media (max-width:640px){
  body.lab-skin .profile-hero{flex-direction:column; align-items:flex-start; padding:22px 20px 24px; border-radius:26px; gap:14px;}
  body.lab-skin .profile-photo{width:120px; height:120px;}
  .pf-art{display:none;}
  body.lab-skin .profile-facts{margin-left:0;}
  body.lab-skin .profile-section{padding:20px 18px 22px; border-radius:24px;}
}
@media (prefers-reduced-motion:reduce){ .pf-a, .pf-b, .pf-c, .pf-d, body.lab-skin .profile-hero, body.lab-skin .profile-section, body.lab-skin .book-box, body.lab-skin .profile-section h2::before{animation:none;} body.lab-skin .chip, body.lab-skin .portfolio-item, body.lab-skin .profile-link{transition:none;} }
body.lab-skin .duration-pick{gap:10px;}
body.lab-skin .duration-btn{border:0; border-radius:20px; background:var(--field); padding:12px 8px; box-shadow:0 3px 0 rgba(0,0,0,.08); transition:transform .15s ease, box-shadow .15s ease;}
body.lab-skin .duration-btn:hover{transform:translateY(-2px);}
body.lab-skin .duration-btn[aria-checked="true"]{background:var(--lab-consult); color:#fff; box-shadow:0 4px 0 var(--lab-consult-ink);}
[data-theme="dark"] body.lab-skin .duration-btn[aria-checked="true"]{color:#14181E;}

/* ======================================================================================================
   DÜELLO SAYFASI (2026-10-09 yeniden tasarım): pembe tint kahraman + hareketli iki oyuncu grafiği, yuvarlak sahne kartı, numaralı adımlar.
   ====================================================================================================== */
.lab-duel-hero{position:relative; padding:34px 0 40px; background:var(--lab-duel-tint); border-radius:0 0 56px 56px; overflow:hidden; margin-bottom:26px;}
.lab-duel-hero::before{content:''; position:absolute; right:-70px; top:-80px; width:300px; height:300px; border-radius:50%; background:var(--lab-duel); opacity:.12; animation:cs-float 8s ease-in-out infinite;}
.lab-duel-hero::after{content:''; position:absolute; left:-40px; bottom:-60px; width:180px; height:180px; border-radius:48px; background:var(--lab-duel-ink); opacity:.09; transform:rotate(16deg); animation:cs-float 9s ease-in-out -3s infinite;}
.lab-duel-hero-grid{position:relative; z-index:1; display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr); gap:36px; align-items:center;}
.lab-duel-head{display:block;}
.lab-duel-kicker{display:inline-block; margin:6px 0 14px; padding:6px 14px; border-radius:100px; background:var(--lab-duel); color:#fff; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; animation:lab-pop .6s cubic-bezier(.34, 1.4, .64, 1) backwards;}
[data-theme="dark"] .lab-duel-kicker{color:#14181E;}
.lab-duel-title{margin:0 0 16px; font-size:clamp(54px, 9vw, 120px); line-height:var(--lh-display); letter-spacing:-0.055em; font-weight:800; color:var(--lab-duel-ink); animation:lab-rise .6s ease .05s backwards;}
.lab-duel-head .lab-lead{margin-bottom:18px; max-width:560px; animation:lab-rise .6s ease .12s backwards;}
.lab-duel-online{background:var(--page); box-shadow:0 3px 0 rgba(0,0,0,.07); animation:lab-rise .6s ease .18s backwards;}
.lab-duel-hero-art{margin:0;}
.lab-duel-hero-art svg{display:block; width:100%; height:auto; overflow:visible;}
.lab-duel-hero-art *{transform-box:fill-box;}
.dd-glow{fill:var(--page); opacity:.65;}
.dd-split{fill:rgba(0,0,0,.05);}
.dd-score rect{fill:var(--page); filter:drop-shadow(0 5px 0 rgba(0,0,0,.1));}
.dd-score text{font-family:inherit; font-size:34px; font-weight:800;}
.dd-sa{fill:var(--lab-quiz);} .dd-sb{fill:var(--lab-cizim);} .dd-ss{fill:var(--ink-soft);}
.dd-p1{fill:var(--lab-quiz); animation:dd-lunge-a 2.6s ease-in-out infinite;} .dd-p2{fill:var(--lab-cizim); animation:dd-lunge-b 2.6s ease-in-out infinite;}
.dd-bolt{fill:var(--lab-board); stroke:var(--ink); stroke-width:5; stroke-linejoin:round; transform-origin:50% 50%; animation:dd-zap .7s ease-in-out infinite alternate;}
.dd-speed{fill:none; stroke:var(--lab-duel); stroke-width:6; stroke-linecap:round; opacity:.45; animation:cs-blink 1.2s ease-in-out infinite alternate;}
.dd-sq-a{fill:var(--lab-kelime); animation:cs-float 5s ease-in-out infinite;} .dd-ci-b{fill:var(--lab-board); animation:cs-float 6s ease-in-out -2s infinite;} .dd-sq-c{fill:var(--lab-gorsel); animation:cs-float 5.5s ease-in-out -1s infinite;}
@keyframes dd-lunge-a{0%, 100%{transform:translateX(0) rotate(0);} 50%{transform:translateX(14px) rotate(4deg);}}
@keyframes dd-lunge-b{0%, 100%{transform:translateX(0) rotate(0);} 50%{transform:translateX(-14px) rotate(-4deg);}}
@keyframes dd-zap{from{transform:scale(.92) rotate(-4deg);} to{transform:scale(1.1) rotate(4deg);}}
.lab-duel-grid{gap:22px;}
.lab-duel-stage{position:relative; overflow:hidden; border:0; background:var(--paper-card); box-shadow:0 0 0 2px var(--field), 0 26px 60px rgba(20,30,50,.1); border-radius:36px; animation:lab-rise .55s cubic-bezier(.34, 1.3, .64, 1) backwards;}
.lab-duel-stage::before{content:''; position:absolute; left:0; right:0; top:0; height:10px; background:var(--lab-duel);}
.lab-duel-side .lab-card{border:0; border-radius:30px; box-shadow:0 0 0 2px var(--field);}
.lab-duel-rules{background:var(--lab-duel-tint); box-shadow:none !important;}
.lab-duel-steps{list-style:none; padding:0; margin:12px 0 0; counter-reset:dstep; gap:12px;}
.lab-duel-steps li{position:relative; counter-increment:dstep; padding:12px 14px 12px 58px; border-radius:20px; background:var(--page); line-height:1.5;}
.lab-duel-steps li::before{content:counter(dstep); position:absolute; left:12px; top:50%; width:34px; height:34px; margin-top:-17px; border-radius:12px; background:var(--lab-duel); color:#fff; font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center; box-shadow:0 3px 0 var(--lab-duel-ink);}
[data-theme="dark"] .lab-duel-steps li::before{color:#14181E;}
.lab-duel-steps a{color:var(--lab-duel-ink); font-weight:800; text-decoration:underline; text-underline-offset:3px;}
@media (max-width:900px){
  .lab-duel-hero{border-radius:0 0 36px 36px;}
  .lab-duel-hero-grid{grid-template-columns:minmax(0, 1fr); gap:18px;}
  .lab-duel-hero-art{max-width:420px; margin:0 auto; order:-1;}
}
@media (prefers-reduced-motion:reduce){ .dd-p1, .dd-p2, .dd-bolt, .dd-speed, .dd-sq-a, .dd-ci-b, .dd-sq-c, .lab-duel-hero::before, .lab-duel-hero::after, .lab-duel-kicker, .lab-duel-title, .lab-duel-head .lab-lead, .lab-duel-online, .lab-duel-stage{animation:none;} }

/* ---------- Quiz sayfasının çizimi (2026-10-09; eski Antrenman çizimi) ---------- */
.tr-glow{fill:var(--lab-quiz-tint);}
.tr-card{fill:var(--page); stroke:var(--lab-quiz); stroke-width:4;} .tr-line{fill:var(--lab-quiz); opacity:.3;}
.tr-opt{fill:var(--field);} .tr-opt-ok{fill:var(--lab-gorsel);} .tr-check{fill:none; stroke:#fff; stroke-width:3.5; stroke-linecap:round; stroke-linejoin:round;}
.tr-bar{fill:var(--lab-cizim);} .tr-bar-2{fill:var(--lab-kelime);} .tr-bar-3{fill:var(--lab-duel);}
.tr-clock{fill:var(--lab-board);} .tr-hand{fill:none; stroke:#3A2A00; stroke-width:4; stroke-linecap:round;}
.tr-spin{fill:var(--lab-gorsel); animation:cs-spin 9s linear infinite; transform-origin:50% 50%; transform-box:fill-box;}
.tr-float{animation:cs-float 5s ease-in-out infinite; transform-box:fill-box;} .tr-float-2{animation-delay:-1.6s;} .tr-float-3{animation-delay:-3s;}
.qz-train-art{width:100%; height:auto; max-width:420px; justify-self:center; overflow:visible; position:relative; z-index:1;}
@media (prefers-reduced-motion:reduce){ .tr-spin, .tr-float{animation:none;} }

/* Oyun sürerken (aktivite turu, kelime turu, düello) üst menü yapışkan değil: sayfayla birlikte kayar (2026-10-09). */
body.is-playing .nav{position:static;}

/* Düello: arkadaş daveti ayar ekranı (aktivite / konu / zorluk) ve Tekrarla (2026-10-09) */
.lab-duel-setup{display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px; padding:8px 4px;}
.lab-duel-set{border:0; margin:0; padding:0; min-width:0; width:100%;}
.lab-duel-set legend{display:block; width:100%; padding:0; margin:0 0 8px; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft);}
.lab-duel-chips{display:flex; flex-wrap:wrap; justify-content:center; gap:8px;}
.lab-duel-chip{cursor:pointer;}
.lab-duel-chip > span{display:inline-flex; align-items:center; padding:9px 16px; border-radius:100px; background:var(--field); color:var(--ink); font-size:14px; font-weight:700; transition:transform .18s cubic-bezier(.34, 1.56, .64, 1), background-color .12s ease, color .12s ease;}
.lab-duel-chip:hover > span{transform:translateY(-2px);}
.lab-duel-chip input:checked + span{background:var(--lab-duel); color:#fff; box-shadow:0 3px 0 var(--lab-duel-ink);}
[data-theme="dark"] .lab-duel-chip input:checked + span{color:#14181E;}
.lab-duel-chip input:focus-visible + span{outline:3px solid var(--lab-duel); outline-offset:2px;}
.lab-duel-set-note{margin:2px 0 0; font-size:13.5px; font-weight:600; color:var(--ink-soft);}
.lab-duel-settings-line{margin:0; padding:6px 14px; border-radius:100px; background:var(--field); font-size:13px; font-weight:700; color:var(--ink);}
.lab-duel-rematch-note{margin:0; min-height:0; font-size:14px; font-weight:700; color:var(--lab-duel-ink);}
.lab-duel-rematch-note:empty{display:none;}
@media (prefers-reduced-motion:reduce){ .lab-duel-chip > span{transition:none;} }

/* Düello giriş ekranı: iki eşit seçenek (2026-10-09) */
.lab-duel-choices{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; width:100%; max-width:600px; margin-top:8px;}
.lab-duel-choice{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:120px; padding:20px 18px; border:0; border-radius:26px; font:inherit; text-align:center; cursor:pointer;
  transition:transform .2s cubic-bezier(.34, 1.56, .64, 1), box-shadow .15s ease;}
.lab-duel-choice strong{font-size:18px; font-weight:800; letter-spacing:-.01em;}
.lab-duel-choice span{font-size:13.5px; font-weight:600; line-height:1.4; opacity:.85;}
.lab-duel-choice.is-auto{background:var(--lab-duel); color:#fff; box-shadow:0 5px 0 var(--lab-duel-ink);}
.lab-duel-choice.is-invite{background:var(--lab-duel-tint); color:var(--lab-duel-ink); box-shadow:0 5px 0 var(--lab-duel);}
[data-theme="dark"] .lab-duel-choice.is-auto{color:#14181E;}
.lab-duel-choice:hover{transform:translateY(-3px);}
.lab-duel-choice:active{transform:translateY(2px); box-shadow:none;}
.lab-duel-choice:focus-visible{outline:3px solid var(--lab-duel); outline-offset:3px;}
@media (max-width:560px){ .lab-duel-choices{grid-template-columns:minmax(0, 1fr);} .lab-duel-choice{min-height:96px;} }
@media (prefers-reduced-motion:reduce){ .lab-duel-choice{transition:none;} }

/* ======================================================================================================
   Düello (2026-10-10): iki sütunlu bekleme salonu, Nasıl oynanır? kartları, oyun sırasında yalnızca düello
   ====================================================================================================== */
.lab-lobby{display:grid; grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr); gap:12px; align-items:center; width:100%; max-width:660px; margin:8px auto 4px;}
.lab-lobby-vs{display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; background:var(--ink); color:var(--page); font-size:14px; font-weight:900; letter-spacing:.04em; box-shadow:0 4px 0 rgba(0,0,0,.18); z-index:1;}
.lab-slot{--s:var(--lab-quiz); --st:var(--lab-quiz-tint); --si:var(--lab-quiz-ink);
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-width:0; min-height:224px; padding:42px 14px 20px; border-radius:30px; text-align:center;}
.lab-slot.is-n2{--s:var(--lab-cizim); --st:var(--lab-cizim-tint); --si:var(--lab-cizim-ink);}
.lab-slot.is-filled{background:var(--st); box-shadow:0 6px 0 color-mix(in srgb, var(--s) 35%, transparent); animation:lab-pop .55s cubic-bezier(.34, 1.4, .64, 1) backwards;}
.lab-slot.is-empty{border:3px dashed color-mix(in srgb, var(--s) 70%, transparent); background:color-mix(in srgb, var(--st) 45%, transparent);}
.lab-slot.is-away{opacity:.6;}
.lab-slot-no{position:absolute; top:12px; left:50%; transform:translateX(-50%); padding:3px 11px; border-radius:100px; background:var(--s); color:#fff; font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; white-space:nowrap;}
[data-theme="dark"] .lab-slot-no{color:#14181E;}
.lab-slot .lab-avatar{width:84px; height:84px; font-size:32px; box-shadow:0 0 0 5px var(--s);}
.lab-slot-name{display:block; max-width:100%; font-size:16px; font-weight:800; overflow-wrap:anywhere; color:var(--ink);}
.lab-slot.is-empty .lab-slot-name{color:var(--si);}
.lab-slot-sub{font-size:12.5px; font-weight:700; line-height:1.35; color:var(--ink-soft);}
.lab-slot-radar{position:relative; display:flex; align-items:center; justify-content:center; width:84px; height:84px; border-radius:50%; background:var(--st);}
.lab-slot-radar::before, .lab-slot-radar::after{content:''; position:absolute; inset:0; border-radius:50%; border:3px solid var(--s); opacity:0; animation:lab-slot-ping 2.4s ease-out infinite;}
.lab-slot-radar::after{animation-delay:1.2s;}
.lab-slot-q{font-size:36px; font-weight:800; color:var(--si); line-height:1;}
@keyframes lab-slot-ping{0%{transform:scale(1); opacity:.7;} 100%{transform:scale(1.7); opacity:0;}}
.lab-duel-searching .lab-card-title{font-size:clamp(20px, 2.4vw, 26px);}
@media (max-width:560px){
  .lab-lobby{gap:6px;}
  .lab-lobby-vs{width:34px; height:34px; font-size:11px;}
  .lab-slot{min-height:188px; padding:40px 8px 16px; border-radius:24px;}
  .lab-slot .lab-avatar, .lab-slot-radar{width:62px; height:62px; font-size:24px;}
  .lab-slot-name{font-size:14px;} .lab-slot-sub{font-size:11.5px;} .lab-slot-q{font-size:28px;}
}
@media (prefers-reduced-motion:reduce){ .lab-slot.is-filled, .lab-slot-radar::before, .lab-slot-radar::after{animation:none;} }

/* Nasıl oynanır? — dört renkli adım kartı (Kelime Oyunu sayfasındakiyle aynı dil) */
.lab-duel-how{padding-top:56px; padding-bottom:8px;}
.lab-duel-how .lab-h2{display:flex; align-items:center; gap:12px; margin-bottom:22px;}
.lab-duel-how .lab-h2::before{content:''; flex:none; width:14px; height:14px; border-radius:4px; background:var(--lab-duel); transform:rotate(12deg); transition:transform .4s cubic-bezier(.34, 1.56, .64, 1);}
.lab-duel-how:hover .lab-h2::before{transform:rotate(102deg) scale(1.15);}
.lab-duel-rules-grid{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px;}
.lab-duel-rule{--c:var(--lab-duel); --ci:var(--lab-duel-ink); --t:var(--lab-duel-tint);
  position:relative; display:flex; flex-direction:column; gap:8px; padding:24px 24px 26px; border-radius:28px; background:var(--t);
  animation:lab-rise .55s cubic-bezier(.34, 1.3, .64, 1) backwards; transition:transform .25s cubic-bezier(.34, 1.56, .64, 1);}
.lab-duel-rule.is-2{--c:var(--lab-gorsel); --ci:var(--lab-gorsel-ink); --t:var(--lab-gorsel-tint); animation-delay:.06s;}
.lab-duel-rule.is-3{--c:var(--lab-quiz); --ci:var(--lab-quiz-ink); --t:var(--lab-quiz-tint); animation-delay:.12s;}
.lab-duel-rule.is-4{--c:var(--lab-kelime); --ci:var(--lab-kelime-ink); --t:var(--lab-kelime-tint); animation-delay:.18s;}
.lab-duel-rule:hover{transform:translateY(-4px) rotate(-.6deg);}
.lab-duel-rule-num{display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; margin-bottom:6px; border-radius:14px; background:var(--c); color:#fff; font-size:14px; font-weight:800; letter-spacing:.02em; box-shadow:0 4px 0 var(--ci);}
[data-theme="dark"] .lab-duel-rule-num{color:#14181E;}
.lab-duel-rule strong{font-size:20px; line-height:1.25; letter-spacing:-.01em;}
.lab-duel-rule p{margin:0; font-size:16px; line-height:1.6; color:var(--ink);}
.lab-duel-rule a{color:var(--ci); font-weight:800; text-decoration:underline; text-underline-offset:3px;}
@media (max-width:1100px){ .lab-duel-rules-grid{grid-template-columns:repeat(2, minmax(0, 1fr));} }
@media (max-width:640px){ .lab-duel-rules-grid{grid-template-columns:minmax(0, 1fr);} .lab-duel-rule{padding:20px 20px 22px;} .lab-duel-how{padding-top:40px;} }
@media (prefers-reduced-motion:reduce){ .lab-duel-rule{animation:none; transition:none;} }

/* Yan sütun yalnızca giriş yapmış oyuncuda var; yoksa sahne tam genişlikte */
.lab-duel-grid:not(:has(#duel-me:not([hidden]))){grid-template-columns:minmax(0, 1fr);}
.lab-duel-grid:not(:has(#duel-me:not([hidden]))) .lab-duel-side{display:none;}

/* Düello başlayınca (geri sayım, soru, geri bildirim, rakibi bekleme) yalnızca düello: üst alan, özet, Nasıl oynanır? ve Diğer aktiviteler gizlenir */
.lab-duel:is([data-state="countdown"], [data-state="answer"], [data-state="feedback"], [data-state="waiting"]) :is(.lab-duel-hero, .lab-duel-side, .lab-duel-how-wrap, .lab-duel-others){display:none;}
.lab-duel:is([data-state="countdown"], [data-state="answer"], [data-state="feedback"], [data-state="waiting"]) .lab-duel-grid{grid-template-columns:minmax(0, 1fr); max-width:900px; margin-top:28px;}

/* Düello: son düellolar sayfa sayfa (sayfada 5), sayı düğmeleri düello renginde */
.lab-duel-history + .lab-pager{margin-top:12px; gap:5px;}
.lab-duel-history + .lab-pager .lab-page{min-width:34px; height:34px; padding:0 8px; border-radius:10px; font-size:13.5px;}
.lab-duel-history + .lab-pager .lab-page:hover:not(:disabled){border-color:var(--lab-duel); background:var(--lab-duel-tint);}
.lab-duel-history + .lab-pager .lab-page[aria-current="page"]{background:var(--lab-duel); border-color:var(--lab-duel); color:#fff; box-shadow:0 3px 0 var(--lab-duel-ink);}
.lab-duel-history + .lab-pager .lab-page:focus-visible{outline-color:var(--lab-duel);}
.lab-duel-history + .lab-pager .lab-pager-info{width:100%; margin:4px 0 0; font-size:12.5px;}

/* Footer renk düzeni (2026-10-10): derin çivit zemin, üstte altı aktivite renginde düz şerit; her sütun kendi renginde üst çizgili,
   hafif açık zeminli yuvarlak kart; başlığın altında kısa renk çubuğu, bağlantı üzerine gelince renkli hap. Gradient yok (şerit düz parçalı). */
.lab-footer{--lf-bg:#161A36; --lf-card:rgba(255,255,255,0.045); --lf-line:rgba(255,255,255,0.1); background:var(--lf-bg); color:#E9ECF8; overflow:hidden;}
:root[data-theme="dark"] .lab-footer{--lf-bg:#0D1021; --lf-card:rgba(255,255,255,0.04);}
.lab-footer::before{
  content:""; display:block; height:8px;
  background:linear-gradient(90deg, var(--lab-quiz) 0 16.66%, var(--lab-cizim) 0 33.33%, var(--lab-gorsel) 0 50%, var(--lab-kelime) 0 66.66%, var(--lab-kule) 0 83.33%, var(--lab-duel) 0);
}
.lab-footer .footer-top{padding-top:44px; padding-bottom:30px; gap:16px; align-items:start; grid-template-columns:1.1fr repeat(4, 1fr);}
.lab-footer .footer-brand{padding:6px 8px 0;}
.lab-footer .footer-brand p{color:rgba(233,236,248,0.82);}
.lab-footer .footer-col{
  --h:var(--lab-quiz);
  padding:20px 14px 10px; border-radius:20px; background:var(--lf-card); border-top:4px solid var(--h);
}
.lab-footer .footer-col:nth-of-type(1){--h:var(--lab-quiz);}
.lab-footer .footer-col:nth-of-type(2){--h:var(--lab-gorsel);}
.lab-footer .footer-col:nth-of-type(3){--h:var(--lab-consult);}
.lab-footer .footer-col:nth-of-type(4){--h:var(--lab-kelime);}
.lab-footer .footer-col h2{color:var(--h); font-weight:800; letter-spacing:0.12em; margin-bottom:12px;}
:root:not([data-theme="dark"]) .lab-footer .footer-col:nth-of-type(4) h2{color:#B48CFF;}
:root:not([data-theme="dark"]) .lab-footer .footer-col:nth-of-type(1) h2{color:#FF8A6B;}
:root:not([data-theme="dark"]) .lab-footer .footer-col:nth-of-type(2) h2{color:#3CC795;}
:root:not([data-theme="dark"]) .lab-footer .footer-col:nth-of-type(3) h2{color:#6FA8FF;}
.lab-footer .footer-col a{margin:0 0 4px; padding:6px 10px; border-radius:10px; color:#E9ECF8; text-decoration:none !important;}
.lab-footer .footer-col a:hover{background:color-mix(in srgb, var(--h) 24%, transparent); color:#fff; transform:translateX(0);}
.lab-footer .footer-bottom{border-top:1px solid var(--lf-line); color:rgba(233,236,248,0.6);}
.lab-footer .footer-social a{background:rgba(255,255,255,0.1);}
@media (max-width:1000px) and (min-width:861px){ .lab-footer .footer-top{grid-template-columns:repeat(4, 1fr);} }
@media (max-width:860px){ .lab-footer .footer-top{grid-template-columns:1fr 1fr; gap:14px;} }

/* ---------- Ana sayfa 03 Danışmanlık (2026-10-10; src/pages/lab.js#consultSectionHtml) ----------
   Danışmanlık aktivite kartının yerine danışmanlık sayfasını anlatan geniş kart: aynı çizim ve hareket (.lab-act-link / .is-play),
   içinde iki bağlantı olduğundan <div>. */
.lab-consult .lab-consult-link{grid-template-columns:minmax(0, 0.8fr) minmax(0, 1.2fr); min-height:360px; border-radius:32px;}
.lab-consult .lab-consult-link:hover{transform:none;}
.lab-consult-body{justify-content:center; gap:14px; padding:36px 40px;}
.lab-consult-body .lab-act-name{display:block; font-size:clamp(28px, 3.2vw, 40px); letter-spacing:-0.03em;}
.lab-consult-body .lab-act-short{max-width:580px; font-size:16.5px; line-height:1.55;}
.lab-consult-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:6px;}
.lab-consult-actions .lab-btn{background:var(--page);}
.lab-consult-actions .lab-btn-primary{background:var(--lab-consult); border-color:var(--lab-consult); color:#fff; box-shadow:0 4px 0 var(--lab-consult-ink); transition:transform .15s ease, box-shadow .15s ease;}
[data-theme="dark"] .lab-consult-actions .lab-btn-primary{color:#14181E;}
.lab-consult-actions .lab-btn-primary:hover{background:var(--lab-consult); border-color:var(--lab-consult); transform:translateY(-2px); box-shadow:0 6px 0 var(--lab-consult-ink);}
.lab-consult-actions .lab-btn-primary:active{transform:translateY(3px); box-shadow:0 1px 0 var(--lab-consult-ink);}
.lab-consult-note{font-size:14px; color:var(--ink-soft);}
.lab-consult-note .lab-link{color:var(--lab-consult-ink); font-weight:800;}
@media (max-width:760px){
  .lab-consult .lab-consult-link{grid-template-columns:minmax(0, 1fr); grid-template-rows:200px auto; border-radius:22px;}
  .lab-consult-body{padding:22px 18px 22px;}
  .lab-consult-body .lab-act-short{font-size:14px;}
}
/* /danismanlik sayfasında Diğer aktiviteler altı kartın hepsidir (sayfanın kendi kartı yok). */
.lab-acts-others.lab-acts-six{grid-template-columns:repeat(6, minmax(0, 1fr));}
@media (max-width:760px){ .lab-acts-others.lab-acts-six{grid-template-columns:repeat(3, minmax(0, 1fr));} }
.lab-player-tower{margin:0; padding:12px 16px; border-radius:16px; background:var(--lab-kule-tint); color:var(--lab-kule-ink); font-size:14px; font-weight:700;}