*{box-sizing:border-box}
body{margin:0;background:#f6f5ff;color:#1f2937;font-family:Arial,Helvetica,sans-serif;line-height:1.65}
.site-header{background:#fff;border-bottom:1px solid #e8e5ff}
.header-inner{max-width:1100px;margin:auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}

.header-nav{display:flex;gap:10px;flex-wrap:wrap}.header-nav a{text-decoration:none;color:#5637c8;font-weight:800;padding:8px 11px;border-radius:10px;background:#f3f0ff}
main{max-width:1040px;margin:30px auto;padding:0 18px}
.breadcrumb{font-size:14px;margin-bottom:14px;color:#6b7280}.breadcrumb a{color:#5b3bd5;text-decoration:none;font-weight:700}
.hero{background:#fff;border:1px solid #e6e0ff;border-radius:24px;padding:26px;box-shadow:0 12px 34px rgba(75,49,160,.09)}
.hero h1{font-size:34px;line-height:1.2;margin:0 0 12px;color:#312e81}
.lead{font-size:17px;color:#4b5563;margin:0 0 24px}
.pdf-layout{display:grid;grid-template-columns:minmax(0,430px) 1fr;gap:28px;align-items:start}
.preview{background:#f8f7ff;border:1px solid #e7e3fb;border-radius:18px;padding:14px;text-align:center}
.preview img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.details h2{font-size:23px;margin:0 0 10px;color:#3730a3}.details p{margin:0 0 13px}
.download{display:flex;align-items:center;justify-content:center;text-align:center;margin:20px 0 10px;padding:15px 20px;border-radius:14px;background:linear-gradient(135deg,#6545ff,#825cff);color:#fff;text-decoration:none;font-weight:900;font-size:17px;box-shadow:0 8px 20px rgba(101,69,255,.24)}
.note{font-size:13px;color:#6b7280;text-align:center}.related{margin-top:22px;background:#fff;border:1px solid #e7e3fb;border-radius:20px;padding:22px}
.related h2{margin:0 0 13px;color:#312e81;font-size:22px}
.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.related-links a{padding:11px 13px;background:#f5f3ff;border-radius:12px;color:#5637c8;text-decoration:none;font-weight:700}
.site-footer{margin-top:36px;background:#fff;border-top:1px solid #e8e5ff}.footer-inner{max-width:1040px;margin:auto;padding:24px 18px;text-align:center}.footer-inner nav,.legal{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:11px}.footer-inner a{color:#5b3bd5;text-decoration:none;font-weight:700}.legal a{font-size:13px;color:#6b7280}.footer-inner p{font-size:13px;color:#6b7280;margin:10px 0 0}
@media(max-width:760px){.header-inner{display:block;text-align:center}.header-nav{justify-content:center;margin-top:12px}.hero{padding:20px 16px}.hero h1{font-size:27px}.pdf-layout{grid-template-columns:1fr}.related-links{grid-template-columns:1fr}}

@media(max-width:1024px){
  .details{display:flex;flex-direction:column}
  .details .download{order:-1;margin:0 0 20px}
}


.header-inner a img{display:block;max-height:54px;width:auto;max-width:220px}
@media(max-width:760px){.header-inner a img{margin:0 auto;max-height:48px;max-width:200px}}



:root{
  --card:#fff;--text:#1f2937;--muted:#6b7280;--primary:#6d5dfc;
  --good:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 14px 35px rgba(0,0,0,.09)
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#f4f3ff,#fff);color:var(--text);min-height:100vh}
.wrap{max-width:900px;margin:auto;padding:20px}
.header{background:#fff;border-radius:24px;padding:18px 20px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.logo{font-size:24px;font-weight:900}
.smallstats{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pill{background:#f3f4f6;padding:9px 13px;border-radius:999px;font-weight:700}
.reset-top,.sound-top{border:0;border-radius:999px;padding:9px 14px;font-weight:900;cursor:pointer}
.reset-top{background:#fee2e2;color:#b91c1c}.sound-top{background:#e0e7ff;color:#4338ca}
.screen{display:none;margin-top:18px}.screen.active{display:block}
.card{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow)}
h1,h2,h3{margin-top:0}.center{text-align:center}
.table-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}
.table-wrap{display:flex;flex-direction:column;gap:5px}
.table-btn{border:0;border-radius:18px;padding:18px 10px;font-size:21px;font-weight:900;cursor:pointer;min-height:62px}
.star-label{text-align:center;min-height:20px;font-size:15px}
.table-btn.c1{background:#dbeafe;color:#1d4ed8}.table-btn.c2{background:#dcfce7;color:#15803d}
.table-btn.c3{background:#fef3c7;color:#a16207}.table-btn.c4{background:#fce7f3;color:#be185d}
.table-btn.c5{background:#ede9fe;color:#6d28d9}.table-btn.c6{background:#cffafe;color:#0e7490}
.table-btn.c7{background:#ffedd5;color:#c2410c}.table-btn.c8{background:#fee2e2;color:#b91c1c}
.table-btn.c9{background:#e0e7ff;color:#4338ca}.table-btn.c10{background:#d1fae5;color:#047857}
.mix-btn,.wrong-btn,.parent-btn,.pro-btn{width:100%;border:0;border-radius:18px;padding:17px;font-size:18px;font-weight:900;cursor:pointer;margin-top:12px}
.mix-btn{background:linear-gradient(135deg,#6d5dfc,#a855f7);color:#fff}
.wrong-btn{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}
.parent-btn{background:linear-gradient(135deg,#111827,#374151);color:#fff}
.pro-btn{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff}
.voice-panel{max-width:650px;margin:18px auto 0;background:#eff6ff;border:2px solid #bfdbfe;border-radius:20px;padding:18px}
.voice-status{font-size:22px;font-weight:900;margin:8px 0}
.voice-heard{font-size:18px;font-weight:800;color:#4338ca;min-height:28px}
.voice-mic{font-size:46px;margin:8px 0}
.voice-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.voice-action{border:0;border-radius:15px;padding:12px 16px;font-weight:900;cursor:pointer}
.voice-listen{background:#dbeafe;color:#1d4ed8}
.voice-choices{background:#fef3c7;color:#92400e}
.voice-stop{background:#fee2e2;color:#991b1b}
.voice-help{font-size:13px;color:#64748b;margin-top:10px;line-height:1.45}
.pro-setup{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px}
.pro-table{border:0;border-radius:16px;padding:16px 8px;font-size:18px;font-weight:900;cursor:pointer;background:#e0e7ff;color:#4338ca}
.pro-mixed{grid-column:1/-1;border:0;border-radius:16px;padding:16px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:white;font-size:18px;font-weight:900;cursor:pointer}
.question{font-size:64px;font-weight:900;margin:28px 0 16px}
.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:650px;margin:0 auto}
.choice{border:0;border-radius:20px;padding:20px 12px;background:#f3f4f6;font-size:28px;font-weight:900;cursor:pointer;transition:transform .15s ease;min-height:70px}
.choice:hover{transform:scale(1.02);background:#ecebff}.choice.correct{background:#dcfce7;color:#166534}.choice.wrong{background:#fee2e2;color:#991b1b}
.btn{border:0;border-radius:16px;padding:14px 20px;font-weight:900;cursor:pointer}.btn-light{background:#dcfce7;color:#166534}
.feedback{min-height:50px;font-size:20px;font-weight:900;margin-top:15px}.good{color:var(--good)}.bad{color:var(--bad)}
.game-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.statbox{background:#f9fafb;border-radius:16px;padding:13px;text-align:center}.statbox b{display:block;font-size:22px;margin-top:4px}
.top-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.timer-wrap{max-width:650px;margin:0 auto 16px}.timer-line{display:flex;justify-content:space-between;align-items:center;font-weight:900}
.timer-num{font-size:24px;color:#b91c1c}.timer-bar{height:12px;background:#fee2e2;border-radius:999px;overflow:hidden;margin-top:8px}
.timer-fill{height:100%;width:100%;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444);transition:width 1s linear}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eee}
.bar{height:10px;background:#eee;border-radius:999px;overflow:hidden;margin-top:8px}.bar div{height:100%;background:linear-gradient(90deg,#6d5dfc,#a855f7)}
.result-list{max-width:650px;margin:15px auto;text-align:left;background:#fff7ed;border-radius:18px;padding:14px 18px}
.result-list div{padding:7px 0;border-bottom:1px solid #fed7aa}.result-list div:last-child{border:0}
.result-stars{font-size:42px;margin:10px 0}.fast{color:#d97706}
#confetti{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}
.confetti-piece{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation:fall 2.7s linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg);opacity:.9}}
.muted{color:var(--muted)}
.mastery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.mastery-box{border-radius:16px;padding:14px;text-align:center;font-weight:800}
.mastery-box b{display:block;font-size:25px;margin-top:5px}
.mastery-red{background:#fee2e2;color:#991b1b}.mastery-yellow{background:#fef3c7;color:#92400e}
.mastery-green{background:#dcfce7;color:#166534}.mastery-master{background:#ede9fe;color:#5b21b6}
.level-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900;margin-left:7px}
.level-red{background:#fee2e2;color:#991b1b}.level-yellow{background:#fef3c7;color:#92400e}
.level-green{background:#dcfce7;color:#166534}.level-master{background:#ede9fe;color:#5b21b6}
@media (min-width:651px) and (max-width:1100px){
  html,body{min-height:100%;min-height:100dvh}.wrap{width:100%;max-width:none;min-height:100dvh;padding:14px}
  .header{width:100%;padding:18px 22px}.screen{width:100%;margin-top:14px}
  #home>.card,#game>.card{width:100%;min-height:calc(100dvh - 105px);display:flex;flex-direction:column;justify-content:center;padding:28px 34px}
  #parent>.card{width:100%;min-height:calc(100dvh - 105px);padding:28px 34px}
  .table-grid{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.table-btn{min-height:68px;font-size:23px}
  .question{font-size:72px}.choices,.timer-wrap{width:100%;max-width:760px}.choice{min-height:72px;font-size:30px}
}
@media(max-width:900px){.theme-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.theme-grid{grid-template-columns:repeat(2,1fr)}
  .table-grid{grid-template-columns:repeat(2,1fr)}.question{font-size:50px}.choices{grid-template-columns:repeat(2,1fr)}
  .game-stats{grid-template-columns:repeat(2,1fr)}.mastery-grid{grid-template-columns:repeat(2,1fr)}.pro-setup{grid-template-columns:repeat(2,1fr)}.logo{font-size:20px}.wrap{padding:12px}
}

/* === OYUN EFEKTLERİ === */
.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:150;overflow:hidden}
.fx-center{
  position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.6);
  font-size:74px;font-weight:1000;opacity:0;text-align:center;
  text-shadow:0 8px 24px rgba(0,0,0,.16)
}
.fx-center.show{animation:fxPop .9s ease-out forwards}
@keyframes fxPop{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-8deg)}
  28%{opacity:1;transform:translate(-50%,-50%) scale(1.22) rotate(3deg)}
  70%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-58%) scale(.9)}
}
.question.question-in{animation:questionIn .38s cubic-bezier(.2,.8,.2,1)}
@keyframes questionIn{
  0%{opacity:0;transform:translateY(22px) scale(.94)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
.choice.correct.fx-correct{animation:correctPulse .65s ease}
@keyframes correctPulse{
  0%{transform:scale(1)}
  35%{transform:scale(1.09);box-shadow:0 0 0 10px rgba(34,197,94,.15),0 0 32px rgba(34,197,94,.45)}
  100%{transform:scale(1)}
}
.choice.wrong.fx-wrong{animation:wrongShake .5s ease}
@keyframes wrongShake{
  0%,100%{transform:translateX(0)}
  18%{transform:translateX(-9px)}
  36%{transform:translateX(8px)}
  54%{transform:translateX(-6px)}
  72%{transform:translateX(5px)}
}
.fast-flash{position:absolute;inset:0;background:rgba(250,204,21,.16);opacity:0}
.fast-flash.show{animation:screenFlash .45s ease}
@keyframes screenFlash{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
.fire-particle,.star-particle{
  position:absolute;bottom:-35px;font-size:30px;animation:particleUp 1.35s ease-out forwards
}
@keyframes particleUp{
  0%{opacity:0;transform:translateY(0) scale(.6) rotate(0)}
  20%{opacity:1}
  100%{opacity:0;transform:translateY(-70vh) scale(1.25) rotate(40deg)}
}
.level-toast{
  position:fixed;left:50%;top:18%;transform:translateX(-50%) translateY(-20px);
  background:#fff;border-radius:20px;padding:15px 22px;box-shadow:0 18px 50px rgba(0,0,0,.22);
  font-size:20px;font-weight:1000;opacity:0;z-index:180;pointer-events:none
}
.level-toast.show{animation:levelToast 1.7s ease forwards}
@keyframes levelToast{
  0%{opacity:0;transform:translateX(-50%) translateY(-18px) scale(.9)}
  18%,75%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
  100%{opacity:0;transform:translateX(-50%) translateY(-12px) scale(.96)}
}
.trophy{
  position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);
  font-size:110px;opacity:0
}
.trophy.show{animation:trophyDrop 1.4s cubic-bezier(.2,.9,.2,1) forwards}
@keyframes trophyDrop{
  0%{opacity:0;transform:translate(-50%,-90%) scale(.3) rotate(-15deg)}
  30%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(5deg)}
  65%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-58%) scale(.9)}
}
@media(max-width:650px){.fx-center{font-size:48px}.trophy{font-size:82px}}


/* === TEMA ÖDÜLLERİ === */
body.theme-space{
  background:
    radial-gradient(circle at 15% 20%,rgba(99,102,241,.28),transparent 25%),
    radial-gradient(circle at 85% 15%,rgba(168,85,247,.25),transparent 24%),
    linear-gradient(160deg,#090b1d,#17143d 55%,#10172f);
  color:#eef2ff;
}
body.theme-space .card{background:rgba(17,24,39,.92);color:#eef2ff}
body.theme-space .muted{color:#c7d2fe}
body.theme-space .statbox{background:#1e1b4b;color:#e0e7ff}
body.theme-space .question{color:#f5f3ff}
body.theme-space .choice{background:#24205a;color:#fff}
body.theme-space .row{border-bottom-color:#3730a3}
body.theme-rainbow{
  background:
    radial-gradient(circle at 10% 15%,rgba(244,114,182,.30),transparent 26%),
    radial-gradient(circle at 88% 20%,rgba(56,189,248,.30),transparent 25%),
    radial-gradient(circle at 50% 90%,rgba(250,204,21,.25),transparent 30%),
    linear-gradient(135deg,#fff1f2,#fdf4ff 35%,#eff6ff 70%,#f0fdf4);
}
body.theme-rainbow .statbox{background:linear-gradient(135deg,#fce7f3,#e0f2fe)}
body.theme-rainbow .question{
  background:linear-gradient(90deg,#db2777,#7c3aed,#0284c7,#16a34a);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.theme-panel{margin-top:18px;padding:16px;border-radius:20px;background:#f8fafc}
.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}
.theme-card{border:2px solid #e5e7eb;border-radius:17px;padding:14px 10px;text-align:center;background:#fff;font-weight:900;cursor:pointer;min-height:105px}
.theme-card.selected{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.12)}
.theme-card.locked{filter:grayscale(.55);opacity:.7;cursor:not-allowed}
.theme-icon{font-size:31px;display:block;margin-bottom:5px}
.theme-progress{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:10px}
.theme-progress>div{height:100%;background:linear-gradient(90deg,#7c3aed,#ec4899);border-radius:999px}
.theme-unlock{
  position:fixed;left:50%;top:42%;transform:translate(-50%,-50%) scale(.7);
  z-index:250;background:#fff;border:3px solid #facc15;border-radius:25px;padding:24px 30px;
  text-align:center;font-size:24px;font-weight:1000;box-shadow:0 25px 80px rgba(0,0,0,.3);
  opacity:0;pointer-events:none
}
.theme-unlock.show{animation:themeUnlock 2.2s ease forwards}
@keyframes themeUnlock{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-5deg)}
  15%,75%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}
  100%{opacity:0;transform:translate(-50%,-56%) scale(.92)}
}
@media(max-width:650px){.theme-grid{grid-template-columns:1fr}.theme-card{min-height:auto}}


/* === OYUNA BAŞLA HAZIRLIK EKRANI === */
.ready-card{max-width:650px;margin:0 auto;text-align:center}
.ready-icon{font-size:64px;margin:8px 0}
.ready-title{font-size:32px;font-weight:1000;margin:5px 0 8px}
.ready-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.ready-info-box{background:#f3f4f6;border-radius:16px;padding:14px 8px;font-weight:900}
.ready-info-box b{display:block;font-size:21px;margin-bottom:3px}
.start-big{
  width:100%;border:0;border-radius:20px;padding:20px;
  background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;
  font-size:25px;font-weight:1000;cursor:pointer;
  box-shadow:0 12px 30px rgba(34,197,94,.28)
}
.start-big:hover{transform:translateY(-1px)}
.ready-back{margin-top:12px;width:100%}
body.theme-space .ready-info-box{background:#1e1b4b;color:#e0e7ff}
@media(max-width:650px){.ready-title{font-size:27px}.ready-info{grid-template-columns:1fr}.ready-icon{font-size:52px}}


/* === AKILLI TEKRAR / BOSS / MASKOT / EBEVEYN AYARLARI === */

.boss-card{
  max-width:680px;margin:0 auto;text-align:center;
  background:linear-gradient(145deg,#1f2937,#4c1d95);color:#fff;
  border-radius:28px;padding:28px;box-shadow:0 18px 45px rgba(0,0,0,.22)
}
.boss-title{font-size:32px;font-weight:1000;margin-bottom:8px}
.boss-monster{font-size:84px;margin:10px 0}
.boss-hearts{font-size:30px;letter-spacing:3px;margin:10px 0}
.boss-desc{color:#ddd6fe;margin-bottom:14px}
.boss-btn{width:100%;border:0;border-radius:18px;padding:17px;background:#facc15;color:#713f12;font-size:20px;font-weight:1000;cursor:pointer}
.boss-skip{width:100%;margin-top:10px;border:0;border-radius:16px;padding:13px;background:#374151;color:#fff;font-weight:900;cursor:pointer}

.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.setting-box{background:#f8fafc;border-radius:18px;padding:16px}
.setting-box h4{margin:0 0 9px}
.setting-options{display:flex;gap:8px;flex-wrap:wrap}
.setting-option{border:2px solid #e5e7eb;border-radius:12px;padding:9px 12px;background:#fff;font-weight:900;cursor:pointer}
.setting-option.active{border-color:#7c3aed;background:#ede9fe;color:#5b21b6}
.table-toggle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.table-toggle{border:0;border-radius:12px;padding:11px 6px;background:#e5e7eb;font-weight:900;cursor:pointer}
.table-toggle.on{background:#dcfce7;color:#166534}
.switch-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.switch-btn{border:0;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer}
.switch-btn.on{background:#dcfce7;color:#166534}.switch-btn.off{background:#fee2e2;color:#991b1b}
.settings-note{font-size:13px;color:#64748b;margin-top:8px}
.smart-badge{display:inline-block;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;margin-left:5px}
@media(max-width:650px){
      .settings-grid{grid-template-columns:1fr}
  .table-toggle-grid{grid-template-columns:repeat(5,1fr)}
}


/* === KONTROLLÜ İPUCU SİSTEMİ === */
.hint-area{max-width:650px;margin:8px auto 10px;text-align:center;min-height:42px}
.hint-btn{
  display:none;border:0;border-radius:15px;padding:11px 17px;
  background:#fef3c7;color:#92400e;font-weight:1000;cursor:pointer;
  box-shadow:0 6px 16px rgba(245,158,11,.16)
}
.hint-btn.show{display:inline-block;animation:hintAppear .3s ease}
@keyframes hintAppear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.hint-text{
  display:none;margin:8px auto 0;padding:12px 15px;border-radius:14px;
  background:#fffbeb;color:#78350f;font-weight:900;line-height:1.45
}
.hint-text.show{display:block}
.hint-counter{font-size:13px;font-weight:900;color:#92400e;margin-top:7px}
body.theme-space .hint-text{background:#312e81;color:#fef3c7}


/* === YENİ TEMA ÖDÜLLERİ === */
body.theme-ocean{
  --bg:#e0f7ff;--card:#ffffff;--text:#083344;--muted:#0e7490;
  background:linear-gradient(180deg,#bae6fd 0%,#cffafe 45%,#ecfeff 100%);
}
body.theme-ocean .header{background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff}
body.theme-ocean .card{border-color:#67e8f9}
body.theme-ocean .table-btn{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#67e8f9;color:#155e75}
body.theme-ocean .mix-btn{background:linear-gradient(135deg,#0891b2,#22d3ee)}
body.theme-ocean .timer-fill{background:linear-gradient(90deg,#06b6d4,#0ea5e9)}

body.theme-gold{
  --bg:#fff8dc;--card:#fffdf5;--text:#422006;--muted:#92400e;
  background:linear-gradient(145deg,#fff7cc 0%,#fde68a 48%,#fef3c7 100%);
}
body.theme-gold .header{background:linear-gradient(135deg,#92400e,#d97706,#f59e0b);color:#fff}
body.theme-gold .card{border:2px solid #fbbf24;box-shadow:0 16px 42px rgba(180,83,9,.18)}
body.theme-gold .table-btn{background:linear-gradient(135deg,#fffbea,#fde68a);border-color:#fbbf24;color:#78350f}
body.theme-gold .mix-btn{background:linear-gradient(135deg,#b45309,#f59e0b)}
body.theme-gold .timer-fill{background:linear-gradient(90deg,#f59e0b,#facc15)}


/* === EK OYUN MODLARI: ZOR MOD + BOŞLUK DOLDURMA === */
.extra-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.hard-mode-btn,.blank-mode-btn{
  border:0;border-radius:16px;padding:14px 12px;font-weight:1000;font-size:16px;
  cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.12)
}
.hard-mode-btn{background:linear-gradient(135deg,#f97316,#dc2626);color:#fff}
.hard-mode-btn.locked{filter:grayscale(.45);opacity:.68}
.blank-mode-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}
.mode-note{display:block;font-size:11px;margin-top:4px;font-weight:800;opacity:.9}
@media(max-width:650px){.extra-modes{grid-template-columns:1fr}}


/* === OYUNOKULU RESİMDEKİ ŞIK ÜST TASARIM === */
body{
  background:
    radial-gradient(circle at 10% 0%,rgba(109,93,252,.08),transparent 28%),
    radial-gradient(circle at 90% 10%,rgba(59,130,246,.06),transparent 25%),
    linear-gradient(180deg,#f7f7ff,#ffffff);
}
.wrap{max-width:1180px;padding:14px 18px 26px}

.header{
  min-height:112px;
  padding:18px 28px !important;
  border-radius:24px !important;
  display:grid !important;
  grid-template-columns:minmax(240px,1fr) auto auto;
  gap:22px !important;
  align-items:center !important;
  box-shadow:0 14px 34px rgba(20,26,70,.10) !important;
  border-top:4px solid #6d5dfc;
}
.brand-logo-wrap{display:flex;align-items:center}
.brand-logo-img{width:330px;max-width:100%;height:auto;display:block}

.header-badge{
  background:linear-gradient(135deg,#f5f3ff,#faf5ff);
  color:#6d5dfc;
  border:1px solid #ede9fe;
  border-radius:15px;
  padding:13px 18px;
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 7px 20px rgba(109,93,252,.08);
}

.header-stats{
  display:flex !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
}
.header-stat-card{
  min-width:108px;
  border:1px solid #eceef5;
  background:#fff;
  border-radius:16px;
  padding:10px 14px;
  display:grid;
  grid-template-columns:auto auto;
  grid-template-areas:
    "icon label"
    "icon value";
  align-items:center;
  column-gap:8px;
  text-align:left;
  box-shadow:0 6px 16px rgba(15,23,42,.06);
  color:#111827;
  font-weight:800;
}
.header-stat-icon{grid-area:icon;font-size:24px}
.header-stat-card>span:not(.header-stat-icon){grid-area:label;font-size:14px}
.header-stat-card>b{grid-area:value;font-size:18px}
.header-sound{
  border:1px solid #e0e7ff !important;
  background:#eef2ff !important;
  color:#4338ca !important;
  cursor:pointer;
}

.screen{margin-top:18px !important}
.home-card-fancy{
  position:relative;
  overflow:hidden;
  padding:36px 44px 40px !important;
  border:1px solid #ebeaf7;
  box-shadow:0 14px 35px rgba(20,26,70,.09) !important;
}
.home-card-fancy:before,
.home-card-fancy:after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  border-radius:50%;
  background:rgba(109,93,252,.035);
  pointer-events:none;
}
.home-card-fancy:before{left:-65px;top:95px}
.home-card-fancy:after{right:-70px;top:70px}

.home-hero-title-wrap{
  display:grid;
  grid-template-columns:90px 1fr 90px;
  align-items:center;
  max-width:1000px;
  margin:0 auto 4px;
}
.home-hero-title-wrap h1{
  margin:0 !important;
  font-size:36px;
  line-height:1.15;
}
.hero-star,.hero-rocket{
  font-size:52px;
  text-align:center;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.10));
}
.hero-star{transform:rotate(-7deg)}
.hero-rocket{transform:rotate(12deg)}

#home .center.muted{
  font-size:17px;
  margin:14px 0 22px;
}
.table-grid{
  gap:16px !important;
  margin-top:16px !important;
}
.table-btn{
  min-height:82px !important;
  border:1px solid rgba(255,255,255,.75) !important;
  box-shadow:0 9px 20px rgba(15,23,42,.07);
  transition:transform .18s ease;
  position:relative;
  overflow:hidden;
}
.table-btn:hover{
  transform:translateY(-2px) scale(1.01);
  box-shadow:0 12px 26px rgba(15,23,42,.10);
}
.table-btn:after{
  content:"×";
  position:absolute;
  right:18px;
  top:11px;
  opacity:.16;
  font-size:22px;
}
.table-btn:before{
  content:"○";
  position:absolute;
  right:18px;
  bottom:7px;
  opacity:.12;
  font-size:26px;
}
.mix-btn{
  min-height:72px;
  font-size:20px !important;
  background:linear-gradient(135deg,#5b4df4,#8b5cf6,#a855f7) !important;
  box-shadow:0 12px 24px rgba(109,93,252,.22);
  position:relative;
  overflow:hidden;
}
.mix-btn:after{
  content:"✦   ✧   ✦";
  position:absolute;
  right:26px;
  opacity:.18;
  letter-spacing:14px;
}
.wrong-btn,.pro-btn,.parent-btn,.hard-mode-btn,.blank-mode-btn{
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

@media (min-width:651px) and (max-width:1100px){
  .header{
    grid-template-columns:1fr auto;
    min-height:98px !important;
  }
  .header-badge{display:none}
  .brand-logo-img{width:280px}
  .home-hero-title-wrap h1{font-size:32px}
  .hero-star,.hero-rocket{font-size:44px}
}

@media(max-width:650px){
  .wrap{padding:10px}
  .header{
    min-height:auto !important;
    padding:12px !important;
    grid-template-columns:1fr auto !important;
    gap:8px !important;
  }
  .header-badge{display:none}
  .brand-logo-img{width:180px}
  .header-stats{gap:4px !important}
  .header-stat-card{
    min-width:0;
    padding:6px 8px;
    border-radius:12px;
    grid-template-columns:auto;
    grid-template-areas:"icon" "value";
    justify-items:center;
  }
  .header-stat-card>span:not(.header-stat-icon){display:none}
  .header-stat-icon{font-size:18px}
  .header-stat-card>b{font-size:12px}
  .home-card-fancy{padding:24px 14px 28px !important}
  .home-hero-title-wrap{
    grid-template-columns:42px 1fr 42px;
  }
  .home-hero-title-wrap h1{font-size:27px}
  .hero-star,.hero-rocket{font-size:30px}
  #home .center.muted{font-size:14px}
  .table-btn{min-height:68px !important}
}


/* Başlık yan ikonları kaldırıldı */
.home-hero-title-wrap.no-side-icons{
  display:block !important;
  max-width:1000px;
  margin:0 auto 4px;
}


.brand-home-link{display:block;line-height:0;text-decoration:none}
.brand-home-link .brand-logo-img{cursor:pointer}


/* Sağ üst Ses ikonunu biraz büyüt */
.header-sound .header-stat-icon{
  font-size:30px !important;
}
@media(max-width:650px){
  .header-sound .header-stat-icon{
    font-size:22px !important;
  }
}


/* === SES İKONU BELİRGİN BÜYÜTÜLDÜ === */
.header-sound .header-stat-icon{
  font-size:38px !important;
  line-height:1 !important;
  transform:scale(1.12);
  transform-origin:center;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:42px;
}
.header-sound{
  column-gap:10px !important;
}
@media(max-width:650px){
  .header-sound .header-stat-icon{
    font-size:28px !important;
    min-width:30px;
    transform:scale(1.08);
  }
}


/* === SES KUTUSU DOĞRU/YANLIŞ İLE AYNI + GERÇEKTEN BÜYÜK İKON === */
.header-sound{
  background:#fff !important;
  border:1px solid #eceef5 !important;
  color:#111827 !important;
  min-width:108px !important;
}
.header-sound .header-stat-icon{
  font-size:0 !important;
  transform:none !important;
  min-width:42px !important;
  width:42px !important;
  height:42px !important;
  position:relative;
  display:inline-block !important;
}
.header-sound .header-stat-icon::before{
  content:"🔊";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px !important;
  line-height:42px !important;
}
@media(max-width:650px){
  .header-sound{
    min-width:0 !important;
  }
  .header-sound .header-stat-icon{
    min-width:32px !important;
    width:32px !important;
    height:32px !important;
  }
  .header-sound .header-stat-icon::before{
    font-size:27px !important;
    line-height:32px !important;
  }
}


/* === SES: KUTU AYNI, SADECE GERÇEK İKON BÜYÜK === */
.header-sound{
  background:#fff !important;
  border:1px solid #eceef5 !important;
  color:#111827 !important;
  min-width:108px !important;
  min-height:unset !important;
  padding:10px 14px !important;
  display:grid !important;
  grid-template-columns:auto auto !important;
  grid-template-areas:"icon label" "icon value" !important;
  align-items:center !important;
  justify-content:initial !important;
  column-gap:8px !important;
  text-align:left !important;
}
.header-sound .header-stat-icon.sound-svg{
  grid-area:icon !important;
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:static !important;
  transform:none !important;
  font-size:0 !important;
}
.header-sound .header-stat-icon.sound-svg::before,
.header-sound .header-stat-icon.sound-svg::after{
  content:none !important;
  display:none !important;
}
.header-sound .sound-svg svg{
  display:block !important;
  width:52px !important;
  height:52px !important;
}
.header-sound > span:not(.header-stat-icon){
  grid-area:label !important;
  display:block !important;
  font-size:14px !important;
  font-weight:800 !important;
}
.header-sound > b{
  grid-area:value !important;
  display:block !important;
  font-size:18px !important;
}
@media(max-width:650px){
  .header-sound{
    padding:6px 8px !important;
  }
  .header-sound .header-stat-icon.sound-svg,
  .header-sound .sound-svg svg{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
  }
}


/* === SES SVG İKONU DAHA BÜYÜK === */
.header-sound .header-stat-icon.sound-svg{
  width:66px !important;
  height:66px !important;
  min-width:66px !important;
}
.header-sound .sound-svg svg{
  width:66px !important;
  height:66px !important;
}
@media(max-width:650px){
  .header-sound .header-stat-icon.sound-svg,
  .header-sound .sound-svg svg{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }
}


/* === MOTİVASYON BALONU: DOĞRU/YANLIŞ İLE AYNI YÜKSEKLİK === */
.header-badge{
  height:82px !important;
  min-height:82px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 18px !important;
}
@media(max-width:650px){
  .header-badge{
    height:auto !important;
    min-height:0 !important;
  }
}


/* === HEADER TEK SATIR DÜZELTME === */
@media(min-width:701px){
  .header{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    min-height:104px !important;
    padding:14px 18px !important;
  }

  .brand-logo-wrap{
    flex:0 0 auto !important;
    min-width:0 !important;
  }

  .brand-logo-img{
    width:245px !important;
    max-width:245px !important;
    height:auto !important;
  }

  .header-badge{
    flex:1 1 280px !important;
    width:auto !important;
    max-width:300px !important;
    height:78px !important;
    min-height:78px !important;
    margin:0 !important;
    padding:10px 14px !important;
    white-space:nowrap !important;
  }

  .header-stats{
    flex:0 0 auto !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:8px !important;
  }

  .header-stat-card{
    min-width:86px !important;
    width:86px !important;
    height:78px !important;
    min-height:78px !important;
    padding:8px 9px !important;
    box-sizing:border-box !important;
  }

  .header-sound{
    min-width:96px !important;
    width:96px !important;
    height:78px !important;
    min-height:78px !important;
  }

  .header-sound .header-stat-icon.sound-svg,
  .header-sound .sound-svg svg{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
  }
}

@media(min-width:701px) and (max-width:930px){
  .brand-logo-img{
    width:210px !important;
    max-width:210px !important;
  }

  .header-badge{
    max-width:255px !important;
    font-size:14px !important;
    padding:8px 10px !important;
  }

  .header-stat-card{
    min-width:78px !important;
    width:78px !important;
  }

  .header-sound{
    min-width:88px !important;
    width:88px !important;
  }
}


/* === HEADER DENGELİ SON DÜZEN === */
@media(min-width:1001px){
  .header{
    display:grid !important;
    grid-template-columns:300px minmax(260px,320px) auto !important;
    align-items:center !important;
    justify-content:space-between !important;
    column-gap:20px !important;
    padding:16px 22px !important;
    min-height:112px !important;
    flex-wrap:nowrap !important;
  }

  .brand-logo-wrap{
    min-width:0 !important;
  }

  .brand-logo-img{
    width:300px !important;
    max-width:300px !important;
    height:auto !important;
  }

  .header-badge{
    width:100% !important;
    max-width:320px !important;
    height:82px !important;
    min-height:82px !important;
    margin:0 !important;
    padding:10px 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  .header-stats{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-end !important;
    gap:10px !important;
    min-width:0 !important;
  }

  .header-stat-card{
    width:112px !important;
    min-width:112px !important;
    height:82px !important;
    min-height:82px !important;
    padding:10px 12px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .header-stat-card > span:not(.header-stat-icon){
    white-space:nowrap !important;
    overflow:visible !important;
  }

  .header-sound{
    width:112px !important;
    min-width:112px !important;
    height:82px !important;
    min-height:82px !important;
  }

  .header-sound .header-stat-icon.sound-svg,
  .header-sound .sound-svg svg{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
  }
}

/* Tablet: motivasyon kutusunu gizle, logo ve sayaçlar rahat kalsın */
@media(min-width:651px) and (max-width:1000px){
  .header{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:14px 16px !important;
  }
  .header-badge{display:none !important}
  .brand-logo-img{
    width:245px !important;
    max-width:38vw !important;
  }
  .header-stats{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
  }
  .header-stat-card{
    width:100px !important;
    min-width:100px !important;
    height:78px !important;
    min-height:78px !important;
  }
  .header-sound{
    width:100px !important;
    min-width:100px !important;
  }
}


/* === SAĞ ÜST DOĞRU / YANLIŞ / SES DENGESİ === */
@media(min-width:651px){
  .header-stats{
    gap:10px !important;
    align-items:center !important;
  }

  .header-stat-card{
    width:118px !important;
    min-width:118px !important;
    height:82px !important;
    min-height:82px !important;
    padding:10px 12px !important;
    display:grid !important;
    grid-template-columns:48px 1fr !important;
    grid-template-rows:1fr 1fr !important;
    grid-template-areas:
      "icon label"
      "icon value" !important;
    column-gap:9px !important;
    row-gap:0 !important;
    align-items:center !important;
    justify-items:start !important;
    box-sizing:border-box !important;
  }

  .header-stat-card .header-stat-icon{
    grid-area:icon !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:38px !important;
    line-height:1 !important;
    transform:none !important;
  }

  .header-stat-card > span:not(.header-stat-icon){
    grid-area:label !important;
    align-self:end !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  .header-stat-card > b{
    grid-area:value !important;
    align-self:start !important;
    display:block !important;
    font-size:20px !important;
    font-weight:1000 !important;
    line-height:1.1 !important;
  }

  /* SVG ses ikonunu diğer ikonlarla aynı görsel ağırlığa getir */
  .header-sound .header-stat-icon.sound-svg{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
  }

  .header-sound .sound-svg svg{
    width:46px !important;
    height:46px !important;
    display:block !important;
  }

  .header-sound{
    width:118px !important;
    min-width:118px !important;
    height:82px !important;
    min-height:82px !important;
  }
}


/* === SAĞ ÜST İKONLAR BİRAZ KÜÇÜLTÜLDÜ === */
@media(min-width:651px){
  .header-stat-card .header-stat-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    font-size:31px !important;
  }
  .header-stat-card{
    grid-template-columns:40px 1fr !important;
    column-gap:8px !important;
  }
  .header-sound .header-stat-icon.sound-svg{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }
  .header-sound .sound-svg svg{
    width:38px !important;
    height:38px !important;
  }
}


/* === SAĞ ÜST İKONLAR: KÜÇÜK VE BALON İÇİNDE ORTALI === */
@media(min-width:651px){
  .header-stat-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    text-align:center !important;
    padding:7px 9px !important;
  }

  .header-stat-card .header-stat-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    font-size:26px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto 2px !important;
  }

  .header-stat-card > span:not(.header-stat-icon){
    font-size:13px !important;
    line-height:1 !important;
    text-align:center !important;
    align-self:center !important;
  }

  .header-stat-card > b{
    font-size:17px !important;
    line-height:1 !important;
    text-align:center !important;
    align-self:center !important;
  }

  .header-sound .header-stat-icon.sound-svg{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    margin:0 auto 3px !important;
  }

  .header-sound .sound-svg svg{
    width:30px !important;
    height:30px !important;
  }
}


/* === SAĞ ÜST: İKON SOLDA, YAZI VE RAKAM SAĞDA === */
@media(min-width:651px){
  .header-stat-card{
    display:grid !important;
    grid-template-columns:34px auto !important;
    grid-template-rows:auto auto !important;
    grid-template-areas:
      "icon label"
      "icon value" !important;
    align-items:center !important;
    justify-content:center !important;
    column-gap:8px !important;
    row-gap:1px !important;
    text-align:left !important;
    padding:8px 10px !important;
  }

  .header-stat-card .header-stat-icon{
    grid-area:icon !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    font-size:26px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .header-stat-card > span:not(.header-stat-icon){
    grid-area:label !important;
    font-size:13px !important;
    line-height:1.05 !important;
    text-align:left !important;
    align-self:end !important;
  }

  .header-stat-card > b{
    grid-area:value !important;
    font-size:17px !important;
    line-height:1.05 !important;
    text-align:left !important;
    align-self:start !important;
  }

  .header-sound .header-stat-icon.sound-svg{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    margin:0 !important;
  }

  .header-sound .sound-svg svg{
    width:30px !important;
    height:30px !important;
  }
}


/* === MOBİL HEADER TAM DÜZELTME === */
@media(max-width:650px){
  .header{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px !important;
    min-height:auto !important;
    align-items:center !important;
    justify-items:stretch !important;
  }

  .brand-logo-wrap{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .brand-logo-img{
    width:210px !important;
    max-width:72vw !important;
    height:auto !important;
    margin:0 auto !important;
  }

  .header-badge{
    display:flex !important;
    width:100% !important;
    max-width:none !important;
    height:48px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:8px 10px !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
    font-size:14px !important;
    border-radius:14px !important;
  }

  .header-stats{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    align-items:stretch !important;
  }

  .header-stat-card,
  .header-sound{
    width:100% !important;
    min-width:0 !important;
    height:64px !important;
    min-height:64px !important;
    padding:7px 6px !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:30px 1fr !important;
    grid-template-rows:auto auto !important;
    grid-template-areas:
      "icon label"
      "icon value" !important;
    column-gap:6px !important;
    row-gap:0 !important;
    align-items:center !important;
    justify-items:start !important;
    text-align:left !important;
    border-radius:14px !important;
  }

  .header-stat-card .header-stat-icon{
    grid-area:icon !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:23px !important;
    line-height:1 !important;
    margin:0 !important;
  }

  .header-stat-card > span:not(.header-stat-icon){
    grid-area:label !important;
    display:block !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    align-self:end !important;
  }

  .header-stat-card > b{
    grid-area:value !important;
    display:block !important;
    font-size:15px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    align-self:start !important;
  }

  .header-sound .header-stat-icon.sound-svg{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
  }

  .header-sound .sound-svg svg{
    width:27px !important;
    height:27px !important;
  }

  .header-sound > b{
    display:none !important;
  }
}


/* === OYUNOKULU KOMPAKT FOOTER === */
.site-footer{
  margin-top:20px;
  padding:0 0 18px;
}
.footer-inner{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#07162f 0%,#0d2246 55%,#10254a 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  box-shadow:0 14px 34px rgba(7,22,47,.18);
  padding:20px 24px 14px;
  color:#fff;
}
.footer-inner:before,
.footer-inner:after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:rgba(75,140,255,.08);
  pointer-events:none;
}
.footer-inner:before{width:150px;height:150px;right:-65px;top:-75px}
.footer-inner:after{width:120px;height:120px;left:-55px;bottom:-70px}
.footer-top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(210px,.8fr) 2fr;
  gap:20px;
  align-items:center;
}
.footer-brand{min-width:0}
.footer-title{
  font-size:22px;
  font-weight:1000;
  line-height:1.05;
  letter-spacing:-.4px;
  color:#fff;
}
.footer-title .oyun{color:#ffbd2e}
.footer-title .okulu{color:#45b7ff}
.footer-slogan{
  margin-top:6px;
  font-size:12px;
  font-weight:800;
  color:#b7c6dd;
}
.footer-links{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.footer-links a{
  min-height:58px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-radius:14px;
  text-decoration:none;
  color:#fff;
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);
  transition:.18s ease;
}
.footer-links a:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.11);
}
.footer-links .f-home{box-shadow:inset 0 3px 0 #8b5cf6}
.footer-links .f-parent{box-shadow:inset 0 3px 0 #57c76f}
.footer-links .f-login{box-shadow:inset 0 3px 0 #3aa8ff}
.footer-links .f-contact{box-shadow:inset 0 3px 0 #ff9f2e}
.footer-links .f-bug{box-shadow:inset 0 3px 0 #f35791}
.footer-icon{font-size:20px;line-height:1}
.footer-legal{
  position:relative;
  z-index:1;
  margin-top:14px;
  padding-top:11px;
  border-top:1px dashed rgba(255,255,255,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px 14px;
}
.footer-legal a{
  color:#c9d5e8;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
}
.footer-legal a:hover{color:#fff;text-decoration:underline}
.footer-copy{
  position:relative;
  z-index:1;
  margin-top:9px;
  text-align:center;
  font-size:11px;
  color:#8fa2bf;
  font-weight:700;
}
.footer-copy strong{color:#45b7ff}
@media(max-width:760px){
  .site-footer{margin-top:14px;padding-bottom:10px}
  .footer-inner{padding:17px 13px 12px;border-radius:18px}
  .footer-top{grid-template-columns:1fr;gap:13px;text-align:center}
  .footer-title{font-size:20px}
  .footer-slogan{font-size:11px}
  .footer-links{grid-template-columns:repeat(5,minmax(68px,1fr));overflow-x:auto;padding-bottom:3px}
  .footer-links a{min-height:54px;font-size:11px;padding:6px}
  .footer-icon{font-size:18px}
  .footer-legal{gap:5px 10px;margin-top:12px;padding-top:10px}
  .footer-legal a{font-size:10.5px}
  .footer-copy{font-size:10.5px}
}
@media(max-width:520px){
  .footer-links{grid-template-columns:repeat(2,1fr);overflow:visible}
  .footer-links a:last-child{grid-column:1 / -1}
}


/* === VELİ PANELİ KISA BİLGİ NOTU === */
.parent-panel-note{
  display:inline-block;
  margin-top:6px;
  font-size:13px;
  font-weight:700;
  color:#7c6ee6;
}
@media(max-width:650px){
  .parent-panel-note{
    margin-top:5px;
    font-size:12px;
  }
}


/* === ÜYELİK / BULUT KAYDI === */
.parent-panel-link{text-decoration:none}.parent-panel-link:hover{text-decoration:underline}
.member-message-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:30px;height:26px;padding:0 8px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:1000;line-height:1;box-shadow:0 4px 12px rgba(239,68,68,.35);transform-origin:center;animation:messageEnvelopeShake 1.25s ease-in-out infinite}
.member-message-badge::before{content:"✉️";font-size:15px;line-height:1}
@keyframes messageEnvelopeShake{0%,100%{transform:translateX(0) rotate(0)}15%{transform:translateX(-2px) rotate(-7deg)}30%{transform:translateX(2px) rotate(7deg)}45%{transform:translateX(-1px) rotate(-4deg)}60%{transform:translateX(1px) rotate(4deg)}75%{transform:translateX(0) rotate(0)}}
@media (prefers-reduced-motion:reduce){.member-message-badge{animation:none}}
.member-account-chip{display:flex;align-items:center;gap:6px;padding:9px 11px;border-radius:13px;background:#f5f3ff;color:#5b21b6;text-decoration:none;font-size:12px;font-weight:900;border:1px solid #ddd6fe;white-space:nowrap}
.member-prompt-overlay{position:fixed;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:18px;z-index:99998}
.member-prompt-overlay.show{display:flex}
.member-prompt-card{width:min(500px,96vw);background:#fff;border-radius:25px;padding:27px 25px 22px;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.28);position:relative;border-top:5px solid #6d5dfc}
.member-prompt-close{position:absolute;right:13px;top:11px;border:0;background:#f3f4f6;color:#6b7280;width:34px;height:34px;border-radius:50%;font-size:22px;font-weight:900;cursor:pointer}
.member-prompt-icon{font-size:48px}.member-prompt-card h2{margin:6px 0 9px}.member-prompt-card p{color:#6b7280;font-weight:700;line-height:1.5;margin:0 0 16px}
.member-prompt-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.member-prompt-primary,.member-prompt-login,.member-prompt-later{border:0;border-radius:14px;padding:12px 10px;font-weight:1000;text-decoration:none;cursor:pointer}
.member-prompt-primary{background:linear-gradient(135deg,#6d5dfc,#a855f7);color:#fff}.member-prompt-login{background:#e0e7ff;color:#4338ca}.member-prompt-later{grid-column:1/-1;background:#f3f4f6;color:#4b5563}
.member-prompt-card small{display:block;margin-top:12px;color:#9ca3af;line-height:1.4}
.cloud-toast{position:fixed;right:16px;bottom:16px;z-index:99997;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 12px 35px rgba(0,0,0,.18);font-size:13px;font-weight:900;color:#166534;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}
.cloud-toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.member-account-chip{display:none}}
@media(max-width:650px){.member-prompt-actions{grid-template-columns:1fr}.member-prompt-later{grid-column:auto}}


/* === GİRİŞ BUTONU HEADER DÜZENİNİ BOZMASIN === */
@media(min-width:1001px){
  .header{position:relative !important}
  .member-account-chip{
    display:flex !important;
    position:absolute !important;
    right:22px !important;
    top:14px !important;
    z-index:5 !important;
    padding:7px 10px !important;
    font-size:11px !important;
  }
  /* Sağ istatistikler giriş butonundan bağımsız kendi yerinde */
  .header-stats{
    margin-left:auto !important;
  }
}
@media(max-width:1000px){
  .member-account-chip{display:none !important}
}


/* === LOGO ALTINDA GİRİŞ + KARŞISINDA BİLGİ BALONU === */
.member-account-chip{position:static !important;inset:auto !important;margin:0 !important}
.header-subrow{
  display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;
  align-items:stretch;margin:12px 0 16px;
}
.member-account-box,.header-info-box{
  min-height:64px;background:#fff;border:1px solid #e8e7f1;border-radius:18px;
  box-shadow:0 8px 22px rgba(28,30,70,.06);
}
.member-account-box{
  display:flex !important;align-items:center;justify-content:center;gap:8px;
  padding:12px 16px !important;color:#5b21b6;font-size:14px !important;
  font-weight:1000;text-decoration:none;
}
.member-login-icon{font-size:19px}
.header-info-box{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:10px 18px;text-align:center;
}
.header-info-main{font-size:14px;font-weight:800;color:#4b5563;line-height:1.3}
.header-info-link{margin-top:5px;font-size:12px;font-weight:900;color:#6d5dfc;text-decoration:none;line-height:1.3}
.header-info-link:hover{text-decoration:underline}
@media(max-width:1000px){
  .member-account-chip.member-account-box{display:flex !important}
  .header-subrow{grid-template-columns:220px minmax(0,1fr);gap:10px}
}
@media(max-width:650px){
  .header-subrow{grid-template-columns:1fr;gap:8px;margin:8px 0 12px}
  .member-account-box,.header-info-box{min-height:54px;border-radius:15px}
  .member-account-box{font-size:13px !important}
  .header-info-main{font-size:12px}.header-info-link{font-size:11px}
}


/* Yeni ödül temaları */
body.theme-magic{background:linear-gradient(135deg,#21113d,#5b21b6 48%,#ec4899);--primary:#a855f7;--primary2:#ec4899}
body.theme-galaxy{background:radial-gradient(circle at 20% 15%,#312e81 0,#111827 42%,#020617 100%);--primary:#6366f1;--primary2:#22d3ee}
body.theme-dino{background:linear-gradient(135deg,#14532d,#65a30d 48%,#f59e0b);--primary:#16a34a;--primary2:#84cc16}
body.theme-pirate{background:linear-gradient(135deg,#0f172a,#075985 48%,#b45309);--primary:#0284c7;--primary2:#f59e0b}
body.theme-arctic{background:linear-gradient(135deg,#e0f2fe,#67e8f9 45%,#818cf8);--primary:#0891b2;--primary2:#6366f1}
body.theme-magic .card,body.theme-galaxy .card,body.theme-dino .card,body.theme-pirate .card,body.theme-arctic .card{backdrop-filter:blur(8px)}
.theme-card small{display:inline-block;margin-top:5px}
.theme-card.unlocked small{color:#15803d;font-weight:900}


/* 1'lerden 5'lere Karışık Sor */
.mix5-btn{background:linear-gradient(135deg,#2563eb,#6366f1)!important}


/* === SESSİZ İKONU: KIRMIZI ŞERİT + KALICI SES TERCİHİ === */
.header-sound .header-stat-icon.sound-svg{
  position:relative !important;
}
.header-sound.muted .header-stat-icon.sound-svg::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:4px !important;
  top:50% !important;
  width:calc(100% - 8px) !important;
  height:5px !important;
  background:#ef2b20 !important;
  border-radius:999px !important;
  transform:translateY(-50%) rotate(45deg) !important;
  transform-origin:center !important;
  box-shadow:0 1px 2px rgba(0,0,0,.12) !important;
  z-index:4 !important;
  pointer-events:none !important;
}
@media(max-width:650px){
  .header-sound.muted .header-stat-icon.sound-svg::after{
    height:4px !important;
    left:3px !important;
    width:calc(100% - 6px) !important;
  }
}


/* === GELİŞTİRİLMİŞ BOSS SAVAŞI === */
.boss-arena{height:170px;position:relative;display:flex;align-items:center;justify-content:center;margin:6px 0 12px;overflow:hidden}
.boss-shadow{position:absolute;bottom:12px;width:130px;height:25px;border-radius:50%;background:rgba(0,0,0,.28);filter:blur(3px)}
.boss-monster{position:relative;z-index:2;font-size:100px;line-height:1;filter:drop-shadow(0 10px 8px rgba(0,0,0,.3));transform-origin:50% 85%}
.boss-monster.boss-hit{animation:bossHit .5s ease}
.boss-monster.boss-attack{animation:bossAttack .55s ease}
.boss-monster.boss-critical{animation:bossCritical .65s ease}
.boss-monster.boss-dead{animation:bossDead 1s forwards}
.boss-hit-fx{position:absolute;z-index:4;font-size:64px;opacity:0;pointer-events:none}
.boss-hit-fx.show{animation:bossFx .55s ease}
.boss-hp-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px;margin:5px 2px 7px}
.boss-hp-track{height:19px;background:#111827;border:3px solid rgba(255,255,255,.8);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 6px rgba(0,0,0,.35)}
.boss-hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#22c55e,#84cc16);border-radius:999px;transition:width .55s ease,background .3s ease}
.boss-battle-text{min-height:27px;margin:9px 0 5px;font-weight:1000;color:#fde68a}
.boss-damage{position:fixed;z-index:999;font-size:34px;font-weight:1000;color:#fff;text-shadow:0 3px 7px rgba(0,0,0,.55);pointer-events:none;animation:damageFloat .85s ease forwards}
body.boss-screen-hit{animation:screenHit .28s ease}
@keyframes bossHit{0%,100%{transform:translateX(0) rotate(0)}30%{transform:translateX(20px) rotate(8deg) scale(.92)}55%{transform:translateX(-12px) rotate(-6deg)}}
@keyframes bossCritical{0%,100%{transform:scale(1)}25%{transform:scale(.78) rotate(12deg)}50%{transform:scale(1.12) rotate(-10deg)}75%{transform:scale(.9)}}
@keyframes bossAttack{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-18px) scale(1.18)}70%{transform:translateY(8px) scale(1.08)}}
@keyframes bossDead{0%{transform:scale(1) rotate(0);opacity:1}45%{transform:scale(1.2) rotate(-12deg)}100%{transform:translateY(55px) scale(.25) rotate(35deg);opacity:0}}
@keyframes bossFx{0%{opacity:0;transform:scale(.3) rotate(-15deg)}35%{opacity:1;transform:scale(1.35) rotate(8deg)}100%{opacity:0;transform:scale(1.8)}}
@keyframes damageFloat{0%{opacity:0;transform:translate(-50%,0) scale(.7)}25%{opacity:1;transform:translate(-50%,-18px) scale(1.2)}100%{opacity:0;transform:translate(-50%,-70px) scale(.9)}}
@keyframes screenHit{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(max-width:650px){.boss-arena{height:145px}.boss-monster{font-size:86px}.boss-hp-head{font-size:12px}.boss-battle-text{font-size:14px}}


/* === GERÇEK BOSS SAVAŞ EKRANI === */
.boss-battle-hud{
  display:none;
  max-width:760px;
  margin:14px auto 18px;
  padding:16px 18px 14px;
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 50% 0%,rgba(139,92,246,.32),transparent 42%),
    linear-gradient(145deg,#111827,#2e1065 55%,#1e1b4b);
  box-shadow:0 18px 42px rgba(30,27,75,.30);
  border:2px solid rgba(196,181,253,.28);
  overflow:hidden;
  position:relative;
}
body.boss-battle-active .boss-battle-hud{display:block}
body.boss-battle-active #game>.card{
  background:linear-gradient(180deg,#ffffff 0%,#faf8ff 100%);
  box-shadow:0 18px 45px rgba(76,29,149,.16);
}
.boss-battle-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:1000}
.boss-battle-name{font-size:17px}
.boss-game-hp-text{font-size:14px;color:#fde68a}
.boss-game-hp-track{
  height:18px;background:#020617;border:2px solid rgba(255,255,255,.78);
  border-radius:999px;overflow:hidden;margin:8px 0 5px
}
.boss-game-hp-fill{
  height:100%;width:100%;
  background:linear-gradient(90deg,#22c55e,#84cc16);
  border-radius:999px;
  transition:width .55s cubic-bezier(.2,.8,.2,1),background .3s
}
.boss-game-arena{
  height:185px;position:relative;display:flex;align-items:center;justify-content:center;
  perspective:600px
}
.boss-game-ground{
  position:absolute;bottom:16px;width:180px;height:32px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.48),rgba(0,0,0,0) 70%);
}
.boss-game-monster{
  position:relative;z-index:3;font-size:112px;line-height:1;
  filter:drop-shadow(0 14px 10px rgba(0,0,0,.38));
  transform-origin:50% 88%;
  animation:bossIdle 1.6s ease-in-out infinite;
}
.boss-game-monster.hit{animation:bossGameHit .48s ease}
.boss-game-monster.critical{animation:bossGameCritical .65s ease}
.boss-game-monster.attack{animation:bossGameAttack .55s ease}
.boss-game-monster.dying{animation:bossGameDie 1.05s forwards}
.boss-game-hit-fx,.boss-game-attack-fx{
  position:absolute;z-index:6;opacity:0;pointer-events:none
}
.boss-game-hit-fx{font-size:74px}
.boss-game-attack-fx{font-size:64px;right:13%;top:34%}
.boss-game-hit-fx.show{animation:bossGameFx .55s ease}
.boss-game-attack-fx.show{animation:bossAttackFx .55s ease}
.boss-player-row{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  background:rgba(255,255,255,.08);border-radius:14px;padding:9px 12px;
  font-size:14px;font-weight:900
}
#bossPlayerHearts{letter-spacing:2px;font-size:20px}
.boss-game-message{
  min-height:28px;margin-top:8px;text-align:center;
  color:#fde68a;font-weight:1000;font-size:15px
}
.boss-damage-number{
  position:absolute;z-index:20;left:50%;top:38%;
  color:#fff;font-weight:1000;font-size:32px;
  text-shadow:0 3px 10px rgba(0,0,0,.7);
  pointer-events:none;animation:bossDamageNumber .9s ease forwards
}
.boss-player-hit-flash{
  position:fixed;inset:0;z-index:9998;pointer-events:none;
  background:rgba(239,68,68,.18);opacity:0
}
.boss-player-hit-flash.show{animation:bossRedFlash .35s ease}
@keyframes bossIdle{
  0%,100%{transform:translateY(0) rotate(-2deg)}
  50%{transform:translateY(-7px) rotate(2deg)}
}
@keyframes bossGameHit{
  0%,100%{transform:translateX(0) rotate(0) scale(1)}
  28%{transform:translateX(28px) rotate(11deg) scale(.90)}
  58%{transform:translateX(-14px) rotate(-7deg) scale(1.03)}
}
@keyframes bossGameCritical{
  0%,100%{transform:scale(1)}
  22%{transform:scale(.72) rotate(15deg)}
  48%{transform:scale(1.2) rotate(-12deg)}
  72%{transform:scale(.88) rotate(7deg)}
}
@keyframes bossGameAttack{
  0%,100%{transform:translateY(0) scale(1)}
  42%{transform:translateY(-24px) translateX(-18px) scale(1.2)}
  70%{transform:translateY(12px) scale(1.1)}
}
@keyframes bossGameDie{
  0%{transform:scale(1) rotate(0);opacity:1}
  35%{transform:scale(1.22) rotate(-12deg)}
  70%{transform:translateY(25px) scale(.75) rotate(20deg);opacity:.8}
  100%{transform:translateY(95px) scale(.12) rotate(60deg);opacity:0}
}
@keyframes bossGameFx{
  0%{opacity:0;transform:scale(.25) rotate(-18deg)}
  35%{opacity:1;transform:scale(1.45) rotate(8deg)}
  100%{opacity:0;transform:scale(2)}
}
@keyframes bossAttackFx{
  0%{opacity:0;transform:translate(0,0) scale(.4)}
  35%{opacity:1;transform:translate(-35px,20px) scale(1.4)}
  100%{opacity:0;transform:translate(-85px,50px) scale(.8)}
}
@keyframes bossDamageNumber{
  0%{opacity:0;transform:translate(-50%,0) scale(.6)}
  25%{opacity:1;transform:translate(-50%,-18px) scale(1.25)}
  100%{opacity:0;transform:translate(-50%,-78px) scale(.9)}
}
@keyframes bossRedFlash{
  0%{opacity:0}35%{opacity:1}100%{opacity:0}
}
@media(max-width:650px){
  .boss-battle-hud{padding:13px 12px 11px;margin:10px auto 14px}
  .boss-game-arena{height:145px}
  .boss-game-monster{font-size:88px}
  .boss-battle-name{font-size:14px}
  .boss-game-message{font-size:13px}
}


/* === AKILLI TEKRAR === */
.spaced-review-btn{width:100%;margin-top:10px;border:0;border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;font-weight:1000;font-size:16px;cursor:pointer;box-shadow:0 8px 18px rgba(20,184,166,.18)}
.spaced-review-btn:disabled{opacity:.45;cursor:not-allowed}

/* ===== OYUNOKULU PREMIUM FOOTER ===== */
.site-footer.premium-footer{
  width:min(1180px,calc(100% - 28px));
  margin:34px auto 18px;
  padding:0;
  border-radius:26px;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 0%,rgba(124,92,255,.20),transparent 28%),
    radial-gradient(circle at 92% 5%,rgba(56,189,248,.13),transparent 27%),
    linear-gradient(135deg,#101a3b 0%,#111c42 48%,#172554 100%);
  color:#fff;
  box-shadow:0 18px 45px rgba(15,23,42,.18);
  border:1px solid rgba(255,255,255,.08);
}
.premium-footer-inner{padding:30px 34px 19px}
.premium-footer-top{display:flex;align-items:center;justify-content:space-between;gap:34px}
.premium-footer-brand{min-width:245px}
.premium-footer-logo{font-size:29px;font-weight:1000;letter-spacing:-1.2px;line-height:1}
.premium-footer-logo span{color:#fbbf24}
.premium-footer-logo b{color:#60a5fa}
.premium-footer-logo em{font-style:normal;color:#fff;font-size:19px;letter-spacing:-.5px}
.premium-footer-brand p{margin:9px 0 0;color:#cbd5e1;font-size:13px;font-weight:800}
.premium-footer-menu{display:grid;grid-template-columns:repeat(6,minmax(82px,1fr));gap:8px;flex:1;max-width:820px}
.premium-footer-menu a{
  text-decoration:none;color:#fff;min-height:74px;padding:10px 8px;border-radius:17px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.premium-footer-menu a:hover{transform:translateY(-3px);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.20)}
.premium-footer-menu a span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-size:18px}
.premium-footer-menu a b{font-size:11px;font-weight:900;white-space:nowrap}
.pf-purple span{background:rgba(168,85,247,.20)}
.pf-green span{background:rgba(34,197,94,.20)}
.pf-blue span{background:rgba(59,130,246,.20)}
.pf-orange span{background:rgba(249,115,22,.20)}
.pf-pink span{background:rgba(236,72,153,.20)}
.premium-footer-line{height:1px;margin:23px 0 15px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.19),transparent)}
.premium-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}
.premium-footer-legal{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.premium-footer-legal a{color:#cbd5e1;text-decoration:none;font-size:11px;font-weight:800;transition:color .15s ease}
.premium-footer-legal a:hover{color:#fff}
.premium-footer-legal>span{color:#475569;font-size:10px}
.premium-footer-copy{color:#94a3b8;font-size:10px;font-weight:700;white-space:nowrap}
.premium-footer-copy strong{color:#60a5fa}
@media(max-width:820px){
  .site-footer.premium-footer{width:calc(100% - 18px);border-radius:22px;margin-top:26px}
  .premium-footer-inner{padding:24px 16px 17px}
  .premium-footer-top{display:block}
  .premium-footer-brand{text-align:center;min-width:0;margin-bottom:19px}
  .premium-footer-logo{font-size:27px}
  .premium-footer-menu{grid-template-columns:repeat(5,1fr);gap:6px;max-width:none}
  .premium-footer-menu a{min-width:0;min-height:68px;padding:8px 3px;border-radius:14px}
  .premium-footer-menu a span{width:31px;height:31px;font-size:16px}
  .premium-footer-menu a b{font-size:9px}
  .premium-footer-line{margin:19px 0 14px}
  .premium-footer-bottom{display:block;text-align:center}
  .premium-footer-legal{justify-content:center;gap:7px}
  .premium-footer-legal a{font-size:10px}
  .premium-footer-copy{white-space:normal;margin-top:12px}
}
@media(max-width:430px){
  .premium-footer-menu{grid-template-columns:repeat(3,1fr)}
  .premium-footer-menu a:nth-child(4),.premium-footer-menu a:nth-child(5){min-height:62px}
  .premium-footer-legal>span{display:none}
  .premium-footer-legal{column-gap:12px;row-gap:8px}
}


/* === TEMA ÖDÜLLERİ: AÇIK / YENİ DURUMU === */
.theme-card{position:relative;overflow:hidden}
.theme-card.unlocked:not(.locked){border-color:#86efac;background:linear-gradient(180deg,#fff,#f0fdf4)}
.theme-card.unlocked:not(.locked)::after{
  content:"✓";position:absolute;right:9px;top:8px;width:25px;height:25px;border-radius:50%;
  display:grid;place-items:center;background:#22c55e;color:#fff;font-size:16px;font-weight:1000;
  box-shadow:0 4px 12px rgba(34,197,94,.28);z-index:3
}
.theme-card.selected{border-color:#16a34a!important;box-shadow:0 0 0 4px rgba(34,197,94,.14)!important}
.theme-card.selected::after{content:"✓"}
.theme-card.theme-new{border-color:#facc15!important;box-shadow:0 0 0 3px rgba(250,204,21,.18),0 8px 24px rgba(250,204,21,.15)}
.theme-card.theme-new::before{
  content:"";position:absolute;z-index:2;top:-45%;left:-55%;width:35%;height:190%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);
  transform:rotate(18deg);animation:themeShine 2.2s ease-in-out infinite;pointer-events:none
}
.theme-new-badge{
  position:absolute;left:8px;top:8px;z-index:4;background:#f59e0b;color:#fff;
  border-radius:999px;padding:4px 7px;font-size:9px;font-weight:1000;
  box-shadow:0 4px 12px rgba(245,158,11,.25);letter-spacing:.2px
}
@keyframes themeShine{
  0%,20%{left:-55%}65%,100%{left:125%}
}
@media(prefers-reduced-motion:reduce){.theme-card.theme-new::before{animation:none}}


/* Tema kartı durum önceliği */
.theme-card.unlocked{filter:none!important;opacity:1!important;cursor:pointer!important}
.theme-card.unlocked small{color:#15803d!important;font-weight:1000}
.theme-card.locked small{color:#374151}

/* Akıllı Tekrar durum bilgisi */
.spaced-review-wrap{margin:0}
.spaced-review-status{
  margin:-2px 4px 12px;text-align:center;font-size:12px;font-weight:900;
  min-height:18px;transition:.2s ease
}
.spaced-review-status.empty{color:#64748b}
.spaced-review-status.ready{color:#0f766e}
.spaced-review-btn.has-review{
  box-shadow:0 8px 22px rgba(13,148,136,.16);
}

/* === PERFORMANS: ekran altındaki ağır modülleri gerektiğinde çiz === */
.theme-panel,
.site-footer{
  content-visibility:auto;
  contain-intrinsic-size:auto 420px;
}

/* SEO bilgi alanı - çarpım tablosu sayfalarında footer üstünde */
.seo-game-bubble{width:min(1180px,calc(100% - 28px));margin:18px auto 10px;padding:20px 23px;background:#fff;border:1px solid #e6e8f2;border-radius:20px;box-shadow:0 8px 24px rgba(15,23,42,.06);display:none}
.seo-game-bubble.show{display:block}
.seo-game-bubble h2{margin:0 0 5px;font-size:20px;color:#312e81}
.seo-game-bubble h3{margin:0 0 10px;font-size:14px;color:#6d28d9;font-weight:900}
.seo-game-bubble p{margin:0;color:#556174;line-height:1.68;font-size:14.5px}
@media(max-width:650px){.seo-game-bubble{width:calc(100% - 18px);padding:17px 18px;border-radius:17px}.seo-game-bubble h2{font-size:18px}.seo-game-bubble h3{font-size:13px}.seo-game-bubble p{font-size:14px}}

.seo-game-bubble .seo-mini-section+.seo-mini-section{margin-top:14px;padding-top:14px;border-top:1px solid #eef0f6}
.seo-game-bubble .seo-mini-section h2,.seo-game-bubble .seo-mini-section h3,.seo-game-bubble .seo-dynamic-heading{margin:0 0 6px;color:#312e81;font-weight:900}
.seo-game-bubble .seo-mini-section h2,.seo-game-bubble .seo-dynamic-heading-h2{font-size:19px}.seo-game-bubble .seo-mini-section h3,.seo-game-bubble .seo-dynamic-heading-h3{font-size:16px}
.seo-game-bubble .seo-mini-section p{margin:0;color:#556174;font-size:14.5px;line-height:1.62}
@media(max-width:650px){.seo-game-bubble .seo-mini-section h2,.seo-game-bubble .seo-dynamic-heading-h2{font-size:17px}.seo-game-bubble .seo-mini-section h3,.seo-game-bubble .seo-dynamic-heading-h3{font-size:15px}.seo-game-bubble .seo-mini-section p{font-size:14px}}
/* === OYUN MODU BUTONLARI EŞİT VE İNCE === */
.mix-btn,.wrong-btn,.hard-mode-btn,.blank-mode-btn,.pro-btn,.spaced-review-btn{
  width:100%;
  height:68px;
  min-height:68px;
  padding:7px 14px!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1.12;
}
.mode-note{margin-top:3px}
@media(max-width:650px){
 .mix-btn,.wrong-btn,.hard-mode-btn,.blank-mode-btn,.pro-btn,.spaced-review-btn{
   height:68px;
   min-height:68px;
 }
}

/* === MINI BLOG ANA SAYFA === */
.home-mini-blog{width:100%;max-width:1200px;box-sizing:border-box;margin:6px auto 4px;padding:10px 18px;background:transparent;border:0;border-radius:0;box-shadow:none}
.home-mini-blog-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 14px;padding-bottom:11px;border-bottom:1px solid #ececf4}
.home-mini-blog-head h2{font-size:19px;margin:0;color:#312e81}
.home-mini-blog-head a{display:inline-flex;align-items:center;gap:7px;color:#312e81;text-decoration:none;font-weight:1000}
.home-mini-blog-head a:hover{color:#6d28d9}
.home-mini-blog-head .blog-arrow{font-size:14px;color:#7c3aed}
.home-mini-blog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;max-width:100%;box-sizing:border-box}
.home-blog-card{min-width:0;background:#fff;border:1px solid #e7e5f4;border-radius:15px;padding:9px;text-decoration:none;color:#1f2937;display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:8px;box-shadow:0 6px 16px rgba(31,41,55,.05);transition:transform .18s ease}
.home-blog-card:hover{transform:translateY(-2px);border-color:#c4b5fd}
.home-blog-thumb{width:100%;height:105px;border-radius:13px;object-fit:contain;background:#fff;padding:4px;box-sizing:border-box}
.home-blog-placeholder{width:100%;height:105px;border-radius:13px;background:#f3f4f6;display:grid;place-items:center;font-size:34px}
.home-blog-title{font-size:13px;font-weight:900;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:650px){.home-mini-blog-grid{grid-template-columns:repeat(5,175px);overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.home-blog-card{scroll-snap-align:start}.home-mini-blog{width:auto;margin:14px 10px;padding:14px;border-radius:0}.home-mini-blog-head{margin:0 0 12px}}

/* PageSpeed / CLS optimizasyonu: ilk çizimde alanları sabitle */
#tableGrid{min-height:226px}
.header-subrow{min-height:64px}
@media(max-width:650px){
  #tableGrid{min-height:530px}
  .header-subrow{min-height:62px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.home-blog-media{position:relative;width:100%;height:105px;border-radius:13px;overflow:hidden;background:#fff}.home-blog-media .home-blog-thumb{height:100%;border-radius:0}.ad-ribbon{position:absolute;top:7px;right:7px;display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;background:#dc2626;color:#fff;border-radius:6px;font-size:9px;line-height:1;font-weight:1000;letter-spacing:.05em;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:3;pointer-events:none;white-space:nowrap}
/* Ana sayfa mini oyun yeni kapaklari */
.home-mini-game-art{
  height:92px;
  padding:0!important;
  background:none!important;
}
.home-mini-game-art:before{display:none!important}
.home-mini-game-cover{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media(max-width:700px){
  .home-mini-game-art{height:82px}
}


/* Oturum doğrulanana kadar yanlış Giriş/Üye Ol yazısını göstermeme */
#memberAccountChip.session-pending{visibility:hidden}