/* Akıl Tutulması — sahne katmanı (v0.4)
   İmza öğe: oynanabilir tutulma. Mevcut styles.css üzerine yüklenir. */

:root {
  --corona: #ffe7a3;
  --sun-core: #fff8e2;
  --sun-edge: #ffb938;
  --umbra: #04050d;
  --sky-deep: #070a1c;
  --sky-dawn: #2a1d4a;
  --font-stage: "Big Shoulders Display", "Bahnschrift Condensed", "Arial Narrow", sans-serif;
  --font-copy: "Rubik", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Rubik", "Segoe UI", system-ui, sans-serif;
  --font-tile: "Rubik", "Segoe UI", system-ui, sans-serif;
  --font-display: var(--font-stage);
  --font-body: var(--font-copy);
}

body { font-family: var(--font-copy); }
.visually-hidden { position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
:focus-visible { outline:2px solid var(--corona); outline-offset:3px; }

.hero-copy h1 { font-family:var(--font-stage); font-weight:700; letter-spacing:-.025em; line-height:.98; text-transform:none; font-size:clamp(3.2rem,6.4vw,6rem); }
.hero-copy h1 em { -webkit-text-stroke:0; color:var(--corona); font-style:normal; text-shadow:0 0 38px rgba(255,200,90,.35); }

/* ——— İmza: oynanabilir tutulma ——— */
.eclipse-demo {
  --cover:1;
  position:relative; isolation:isolate; overflow:hidden;
  min-height:580px; display:flex; flex-direction:column; align-items:center; justify-content:space-between;
  padding:44px clamp(18px,3vw,34px) 28px;
  border:1px solid rgba(255,214,130,.26); border-radius:32px;
  background:radial-gradient(120% 80% at 50% 12%, #111a44 0%, var(--sky-deep) 55%, #03040b 100%);
  box-shadow:0 40px 120px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
  transition:background 1.6s ease, border-color 1.2s ease;
}
.eclipse-demo::after { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(60% 40% at 50% 30%, rgba(255,210,120,.0), transparent); transition:background 1.4s ease; }
.eclipse-demo[data-state="free"] { background:radial-gradient(120% 80% at 50% 12%, #3b2a5c 0%, #1b1740 50%, #07081a 100%); border-color:rgba(255,214,130,.6); }
.eclipse-demo[data-state="free"]::after { background:radial-gradient(60% 45% at 50% 28%, rgba(255,210,120,.28), transparent 70%); }

.demo-sky i { position:absolute; z-index:-1; width:2px; height:2px; border-radius:50%; background:#fff; opacity:.55; animation:twinkle 3.2s ease-in-out infinite alternate; }
.demo-sky i:nth-child(1){top:12%;left:14%} .demo-sky i:nth-child(2){top:22%;left:82%;animation-delay:.6s} .demo-sky i:nth-child(3){top:44%;left:8%;animation-delay:1.1s}
.demo-sky i:nth-child(4){top:8%;left:60%;animation-delay:1.7s} .demo-sky i:nth-child(5){top:36%;left:92%;animation-delay:.3s} .demo-sky i:nth-child(6){top:58%;left:20%;animation-delay:2.1s}
.demo-sky i:nth-child(7){top:16%;left:36%;animation-delay:.9s} .demo-sky i:nth-child(8){top:50%;left:74%;animation-delay:1.4s}
.eclipse-demo[data-state="free"] .demo-sky i { opacity:0; transition:opacity 1.2s ease; }
@keyframes twinkle { from { opacity:.15; transform:scale(.7); } to { opacity:.8; transform:scale(1.2); } }

.demo-sun { --size:clamp(170px,22vw,250px); position:relative; width:var(--size); height:var(--size); margin-top:6px; }
.demo-disc { position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle at 42% 38%, var(--sun-core) 0%, #ffe08a 42%, var(--sun-edge) 100%); box-shadow:0 0 60px rgba(255,190,70,.55), 0 0 160px rgba(255,170,50,.25); }
.demo-corona { position:absolute; inset:-34%; border-radius:50%;
  background:conic-gradient(from 0deg, transparent 0 6%, rgba(255,231,163,.5) 8%, transparent 12% 22%, rgba(255,231,163,.42) 25%, transparent 30% 44%, rgba(255,231,163,.55) 47%, transparent 51% 63%, rgba(255,231,163,.4) 66%, transparent 70% 84%, rgba(255,231,163,.5) 87%, transparent 91%);
  -webkit-mask:radial-gradient(circle, transparent 32%, #000 36%, transparent 70%); mask:radial-gradient(circle, transparent 32%, #000 36%, transparent 70%);
  filter:blur(6px); opacity:.9; animation:coronaSpin 38s linear infinite; }
.demo-rays { position:absolute; inset:-48%; opacity:0; transition:opacity 1s ease .25s; }
.demo-rays b { position:absolute; left:50%; top:50%; width:2px; height:50%; transform-origin:50% 0; transform:rotate(calc(var(--i) * 20deg)) translateY(34%); background:linear-gradient(180deg, rgba(255,226,150,.32), transparent 80%); filter:blur(.6px); }
.demo-moon { position:absolute; inset:-1.5%; border-radius:50%;
  background:radial-gradient(circle at 60% 40%, #141833 0%, var(--umbra) 70%);
  box-shadow:inset -8px -10px 30px rgba(255,255,255,.04), 0 0 0 1px rgba(255,236,190,.5), 0 0 18px 2px rgba(255,226,150,.75);
  transform:translate(calc((1 - var(--cover)) * 62%), calc((1 - var(--cover)) * -18%));
  transition:transform .9s cubic-bezier(.2,.8,.2,1), box-shadow .9s ease; }
.eclipse-demo[data-state="free"] .demo-moon { transform:translate(165%, -75%) scale(.9); box-shadow:none; transition:transform 1.6s cubic-bezier(.6,0,.2,1); }
.eclipse-demo[data-state="free"] .demo-rays { opacity:1; animation:coronaSpin 60s linear infinite reverse; }
.eclipse-demo[data-state="free"] .demo-corona { inset:-60%; opacity:.55; transition:inset 1.4s ease, opacity 1.4s ease; }
.eclipse-demo[data-state="free"] .demo-disc { animation:sunBloom 1.4s ease-out; }
@keyframes coronaSpin { to { transform:rotate(360deg); } }
@keyframes sunBloom { 0% { box-shadow:0 0 60px rgba(255,190,70,.55); } 40% { box-shadow:0 0 140px 40px rgba(255,220,140,.9), 0 0 320px 80px rgba(255,170,50,.4); } 100% { box-shadow:0 0 60px rgba(255,190,70,.55), 0 0 160px rgba(255,170,50,.25); } }

.demo-board { width:100%; max-width:420px; text-align:center; }
.demo-kicker { display:block; color:#cdb176; font:600 .66rem/1 var(--font-mono); letter-spacing:.22em; }
.demo-clue { margin:12px 0 18px; color:#f4ecd6; font:500 clamp(1.15rem,2vw,1.4rem)/1.35 var(--font-copy); }
.demo-tiles { display:flex; justify-content:center; gap:9px; perspective:700px; margin-bottom:18px; }
.demo-tile { position:relative; width:clamp(52px,6vw,66px); aspect-ratio:.86; transform-style:preserve-3d; transition:transform .7s cubic-bezier(.3,1.4,.4,1); transition-delay:calc(var(--i) * 90ms); }
.demo-tile i { position:absolute; inset:0; display:grid; place-items:center; font:800 clamp(1.7rem,2.8vw,2.1rem)/1 var(--font-tile); font-style:normal; backface-visibility:hidden; border-radius:10px; clip-path:polygon(14% 0,86% 0,100% 16%,100% 84%,86% 100%,14% 100%,0 84%,0 16%); }
.demo-tile .front { color:rgba(255,231,163,.35); background:linear-gradient(160deg,#27315c,#141a3a); box-shadow:inset 0 0 0 1px rgba(255,231,163,.2); }
.demo-tile .back { color:#2b1600; background:linear-gradient(160deg,#fff7d6,#f0bf4c); transform:rotateY(180deg); }
.demo-tile.open { transform:rotateY(180deg); }
.eclipse-demo[data-state="free"] .demo-tile .back { animation:tileGlow 1.2s ease calc(var(--i) * 90ms + .5s) both; }
@keyframes tileGlow { 50% { box-shadow:0 0 30px rgba(255,210,110,.9); filter:brightness(1.12); } }

.demo-form { display:grid; grid-template-columns:1fr auto auto; gap:8px; }
.demo-form input { min-width:0; padding:13px 16px; border:1px solid rgba(255,231,163,.3); border-radius:12px; color:var(--ink); background:rgba(5,8,22,.7); font:700 1rem var(--font-mono); letter-spacing:.3em; text-transform:uppercase; }
.demo-form input::placeholder { letter-spacing:.05em; text-transform:none; color:#7c86a8; font-family:var(--font-copy); font-weight:500; }
.demo-form input:focus { outline:none; border-color:var(--corona); box-shadow:0 0 0 3px rgba(255,231,163,.18); }
.demo-letter, .demo-submit { padding:0 16px; border-radius:12px; font:700 .82rem var(--font-copy); cursor:pointer; }
.demo-letter { color:#e6d2a0; border:1px solid rgba(255,231,163,.3); background:transparent; }
.demo-submit { color:#281400; border:0; background:linear-gradient(180deg,#ffe9a8,#e9b23e); box-shadow:0 8px 24px rgba(233,178,62,.3); }
.demo-status { min-height:1.4em; margin:14px 0 0; color:#a9b1cc; font-size:.86rem; }
.demo-go { margin-left:6px; padding:6px 12px; border:0; border-radius:999px; color:#281400; background:var(--corona); font:800 .8rem var(--font-copy); cursor:pointer; animation:goPulse 1.6s ease-in-out infinite; }
@keyframes goPulse { 50% { box-shadow:0 0 0 8px rgba(255,231,163,.15); } }
.eclipse-demo.shake .demo-tiles { animation:shake .42s ease; }
@keyframes shake { 20%,60% { transform:translateX(-7px); } 40%,80% { transform:translateX(7px); } }

/* ——— Günün Yayını ve ilerleme ——— */
.daily-section { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:14px; margin:8px 0 70px; }
.daily-card, .progress-card { position:relative; overflow:hidden; padding:26px; border:1px solid rgba(255,214,130,.24); border-radius:22px; background:linear-gradient(150deg,#161d45,#0a0e26); }
.daily-card { display:grid; grid-template-columns:auto 1fr; gap:24px; align-items:center; }
.daily-card::before { content:""; position:absolute; right:-80px; top:-80px; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle, rgba(255,200,90,.22), transparent 70%); }
.streak-ring { --pct:0; position:relative; width:118px; height:118px; border-radius:50%; display:grid; place-items:center;
  background:conic-gradient(var(--corona) calc(var(--pct) * 1%), rgba(255,255,255,.07) 0); }
.streak-ring::before { content:""; position:absolute; inset:9px; border-radius:50%; background:#0d1231; }
.streak-ring span { position:relative; text-align:center; }
.streak-ring b { display:block; font:700 2.8rem/.9 var(--font-stage); color:var(--corona); }
.streak-ring small { color:#9aa3c2; font:600 .58rem var(--font-mono); letter-spacing:.14em; }
.daily-copy small { color:#cdb176; font:600 .66rem var(--font-mono); letter-spacing:.2em; }
.daily-copy h3 { margin:8px 0 8px; font:700 clamp(1.6rem,2.6vw,2.1rem)/1.05 var(--font-stage); }
.daily-copy p { margin:0 0 16px; color:#aab2cf; font-size:.92rem; }
.week-dots { display:flex; gap:6px; margin-bottom:16px; }
.week-dots i { width:26px; height:26px; border-radius:50%; display:grid; place-items:center; font:600 .58rem var(--font-mono); font-style:normal; color:#6f7797; border:1px solid rgba(255,255,255,.1); }
.week-dots i.on { color:#2b1600; border-color:transparent; background:var(--corona); box-shadow:0 0 14px rgba(255,210,110,.45); }
.week-dots i.today { border-color:var(--corona); color:var(--corona); }
.daily-play { padding:12px 20px; border:0; border-radius:999px; color:#281400; background:linear-gradient(180deg,#ffe9a8,#e9b23e); font:800 .86rem var(--font-copy); cursor:pointer; }
.daily-play:disabled { color:#9aa3c2; background:rgba(255,255,255,.07); cursor:default; }
.progress-card h3 { margin:0 0 14px; font:700 1.5rem var(--font-stage); }
.progress-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:16px; }
.progress-stats span { padding:10px; border-radius:12px; background:rgba(255,255,255,.04); }
.progress-stats b { display:block; font:800 1.6rem/1 var(--font-copy); font-variant-numeric:tabular-nums; color:var(--ink); }
.progress-stats small { color:#8d96b6; font:600 .56rem var(--font-mono); letter-spacing:.12em; }
.badge-strip { display:flex; flex-wrap:wrap; gap:6px; }
.badge-chip { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; font-size:1.1rem; color:#5d6586; background:rgba(255,255,255,.035); border:1px dashed rgba(255,255,255,.1); }
.badge-chip.earned { color:#2b1600; background:linear-gradient(160deg,#fff1c2,#e5b447); border:0; box-shadow:0 6px 18px rgba(229,180,71,.3); }

/* ——— Oyun ekranı ——— */
.studio-screen .tiles { perspective:600px; }
.studio-screen .tile { transition:transform .55s cubic-bezier(.3,1.4,.4,1), background .3s; }
.studio-screen .tile.revealed, .studio-screen .tile.rewarded { animation:tileFlip .6s cubic-bezier(.3,1.3,.4,1) both; }
@keyframes tileFlip { 0% { transform:rotateY(90deg) scale(.9); } 100% { transform:rotateY(0) scale(1); } }
.broadcast-clock { font-family:var(--font-copy); font-variant-numeric:tabular-nums; letter-spacing:.02em; }
.studio-screen.low-time::before { background:linear-gradient(180deg,rgba(255,80,110,.22),transparent 76%); }
.studio-screen.low-time .broadcast-clock { color:#fff; background:#c21640; border-color:#ff8aa4; animation:pulse .5s infinite alternate; }
.score-stack strong { font-family:var(--font-copy); font-weight:800; font-variant-numeric:tabular-nums; }

/* Doğru cevapta ışık patlaması */
.flash.correct .flash-card { position:relative; overflow:visible; border-color:rgba(255,214,130,.6); background:radial-gradient(circle at 50% 0%, #3a2c10, #111735 70%); animation:cardPop .45s cubic-bezier(.3,1.5,.4,1) both; }
.flash.correct .flash-card strong { color:var(--corona); font:900 4rem/1 var(--font-stage); letter-spacing:.02em; }
.flash.wrong .flash-card { animation:shake .42s ease; }
.burst { position:absolute; left:50%; top:30%; width:0; height:0; pointer-events:none; }
.burst i { position:absolute; width:8px; height:8px; border-radius:2px; background:var(--corona); animation:burst .9s cubic-bezier(.1,.8,.3,1) forwards; }
.burst i:nth-child(3n) { background:#ff8aa4; } .burst i:nth-child(4n) { background:#7fe3cf; width:5px; height:12px; }
@keyframes burst { from { transform:translate(0,0) rotate(0); opacity:1; } to { transform:translate(var(--x),var(--y)) rotate(var(--r)); opacity:0; } }
@keyframes cardPop { from { transform:scale(.7); opacity:0; } to { transform:scale(1); opacity:1; } }

/* Masaüstünde oyun ekranı çevresi */
@media (min-width:900px) {
  .shell:has(.studio-screen) { box-shadow:0 0 0 1px rgba(255,214,130,.18), 0 0 120px rgba(80,110,255,.18), 0 0 240px rgba(197,29,88,.12); }
}

/* ——— Sonuç ekranı ——— */
.result-score { font-family:var(--font-stage); font-weight:700; font-variant-numeric:lining-nums tabular-nums; font-size:clamp(4.5rem,18vw,7rem); color:var(--corona); text-shadow:0 0 50px rgba(255,200,90,.35); }
.unlocked-badges { display:grid; gap:10px; margin:22px 0; }
.unlocked-badge { display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; padding:14px; border-radius:16px; text-align:left; background:linear-gradient(150deg,#2a2210,#141a3a); border:1px solid rgba(255,214,130,.4); animation:cardPop .5s cubic-bezier(.3,1.5,.4,1) both; }
.unlocked-badge .badge-chip { width:48px; height:48px; font-size:1.4rem; }
.unlocked-badge b { display:block; font:700 1.25rem var(--font-stage); }
.unlocked-badge small { color:#b7bfd8; }

/* ——— Kategori lobisi ——— */
.category-choice { position:relative; overflow:hidden; border-radius:16px; }
.category-choice .cat-meter { height:4px; border-radius:4px; background:rgba(255,255,255,.08); overflow:hidden; }
.category-choice .cat-meter i { display:block; height:100%; width:calc(var(--fill) * 1%); background:linear-gradient(90deg,#e9b23e,var(--corona)); }

@media (max-width:800px) {
  .eclipse-demo { min-height:520px; border-radius:24px; }
  .daily-section { grid-template-columns:1fr; }
  .daily-card { grid-template-columns:1fr; justify-items:start; }
}
@media (max-width:480px) {
  .demo-form { grid-template-columns:1fr 1fr; }
  .demo-form input { grid-column:1 / -1; }
  .demo-letter, .demo-submit { padding:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .demo-corona, .demo-rays, .demo-sky i, .demo-go { animation:none!important; }
  .demo-tile, .demo-moon { transition-duration:.01s!important; }
}

/* ——— Tipografi düzeltmeleri (eski styles.css üzerine) ——— */
.tile, .hero-tiles span, .opening-tiles b, .studio-screen .tile { font-family:var(--font-tile)!important; font-weight:800; }
.brand-mark, .home-header .brand-mark { font-family:var(--font-copy); font-weight:800; letter-spacing:.16em; }
.section-heading h2, .profile-copy h2, .premium-grid .mode-card h3, .category-lobby h1, .live-lobby h1 { font-family:var(--font-stage); font-weight:700; letter-spacing:-.015em; }
.category-lobby h1, .live-lobby h1 { line-height:1.02; }
.category-choice span:first-child { font-family:var(--font-stage); font-weight:700; letter-spacing:-.01em; }
.section-number { font-family:var(--font-stage); }
.format-strip b { font-family:var(--font-stage); font-weight:700; }
.eyebrow, .card-index, .card-meta { letter-spacing:.18em; }
.ui-icon { display:inline-block; vertical-align:middle; flex:none; }
.audio-toggle { display:inline-flex; align-items:center; gap:6px; }

/* ——— Sinematik açılış ——— */
.cine { position:fixed; inset:0; z-index:100; overflow:hidden; background:#02030a; color:#fff8e9; isolation:isolate; }
.cine-studio { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65.8% 24%;
  transform:scale(1.32); filter:blur(14px) brightness(.28) saturate(.8); transform-origin:65.8% 30%; }
.cine-vignette { position:absolute; inset:0; background:radial-gradient(ellipse 70% 60% at 62% 40%, transparent 30%, rgba(2,3,10,.85) 100%), linear-gradient(90deg, rgba(2,3,10,.92) 0%, rgba(2,3,10,.35) 45%, transparent 70%); }
.cine-corona { position:absolute; left:65.8%; top:24%; width:clamp(160px,17vw,300px); aspect-ratio:1; border-radius:50%; transform:translate(-50%,-50%) scale(.6); opacity:0;
  box-shadow:0 0 60px 18px rgba(255,214,130,.55), 0 0 180px 60px rgba(255,170,60,.22); }
.cine-onair { position:absolute; top:max(20px,env(safe-area-inset-top)); left:clamp(18px,4vw,48px); display:flex; align-items:center; gap:10px; color:#d8dcec; font:700 .7rem var(--font-copy); letter-spacing:.2em; opacity:0; }
.cine-onair i { width:9px; height:9px; border-radius:50%; background:#e0294f; box-shadow:0 0 12px #e0294f; animation:onAir 1s infinite alternate; }
.cine-onair b { font-variant-numeric:tabular-nums; color:#fff; letter-spacing:.08em; }
.cine-title { position:absolute; left:clamp(22px,6vw,96px); bottom:clamp(70px,14vh,150px); max-width:min(640px,88vw); }
.cine-tiles { display:flex; gap:10px; margin-bottom:26px; perspective:800px; }
.cine-tiles b { width:clamp(54px,6vw,78px); aspect-ratio:.86; display:grid; place-items:center; color:#2b1600; font:800 clamp(1.8rem,3vw,2.6rem) var(--font-tile);
  background:linear-gradient(160deg,#fff7d6,#eab646); clip-path:polygon(14% 0,86% 0,100% 16%,100% 84%,86% 100%,14% 100%,0 84%,0 16%);
  opacity:0; transform:translateY(-120px) rotateX(-80deg); }
.cine-title h1 { margin:0; font:700 clamp(3.2rem,8vw,7.4rem)/.98 var(--font-stage); letter-spacing:-.03em; }
.cine-word { display:inline-block; opacity:0; transform:translateY(30px); filter:blur(8px); padding-bottom:.08em;
  -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-clip:text;
  background-size:300% 100%; background-position:150% 0; background-repeat:repeat-x; padding-right:.14em; margin-right:-.14em;
  background-image:linear-gradient(100deg, #f7efd9 40%, #ffffff 50%, #f7efd9 60%); }
.cine-title h1 em.cine-word { font-style:normal; font-weight:900; background-image:linear-gradient(100deg, #ffe7a3 40%, #fffdf2 50%, #ffe7a3 60%); }
.cine-tagline { margin:18px 0 0; color:#c9cfe2; font:500 clamp(1rem,1.6vw,1.2rem) var(--font-copy); opacity:0; transform:translateY(12px); }
.cine-flare { position:absolute; left:65.8%; top:24%; width:24px; height:24px; border-radius:50%; transform:translate(-50%,-50%) scale(0); background:radial-gradient(circle,#fff 0%,#fff6d8 30%,rgba(255,220,140,.6) 55%,transparent 72%); opacity:0; pointer-events:none; }

.cine-gate { position:absolute; inset:0; z-index:5; display:grid; place-content:center; justify-items:center; gap:14px; text-align:center; background:radial-gradient(ellipse at 50% 55%, rgba(12,16,40,.55), rgba(2,3,10,.92) 70%); transition:opacity .6s ease, transform .6s ease; }
.cine-gate small { color:#d9bd7c; font:700 .72rem var(--font-copy); letter-spacing:.32em; text-transform:uppercase; }
.cine-gate h2 { margin:0 0 18px; font:700 clamp(2.6rem,7vw,5rem)/1 var(--font-stage); letter-spacing:-.02em; }
.cine-gate h2 em { font-style:normal; color:var(--corona); }
.cine-play { display:inline-flex; align-items:center; gap:14px; padding:10px 26px 10px 10px; border:0; border-radius:999px; color:#281400; background:linear-gradient(180deg,#fff0bf,#e7b245); font:800 1rem var(--font-copy); cursor:pointer; box-shadow:0 14px 40px rgba(231,178,69,.35); transition:transform .2s ease; animation:gateBreath 2.4s ease-in-out infinite; }
.cine-play span { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:#1a1030; color:var(--corona); }
.cine-play:hover { transform:translateY(-2px) scale(1.02); }
@keyframes gateBreath { 50% { box-shadow:0 14px 40px rgba(231,178,69,.35), 0 0 0 12px rgba(255,231,163,.08); } }
.cine-quiet { padding:10px 16px; border:0; background:none; color:#a9b1cc; font:600 .86rem var(--font-copy); cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.cine-skip { position:absolute; z-index:6; top:max(16px,env(safe-area-inset-top)); right:18px; min-width:64px; min-height:44px; border:1px solid rgba(255,255,255,.2); border-radius:999px; color:#d8dbea; background:rgba(4,6,18,.5); font:700 .78rem var(--font-copy); letter-spacing:.08em; cursor:pointer; }

.cine.rolling .cine-gate { opacity:0; transform:scale(1.04); pointer-events:none; }
.cine.rolling .cine-studio { animation:cineCamera 3.2s cubic-bezier(.16,.84,.24,1) .15s forwards; }
.cine.rolling .cine-corona { animation:cineCorona 3.6s ease-out 1s forwards; }
.cine.rolling .cine-onair { animation:cineFade .6s ease .4s forwards; }
.cine.rolling .cine-tiles b { animation:cineTile .7s cubic-bezier(.3,1.35,.4,1) forwards; animation-delay:calc(2s + var(--i) * .16s); }
.cine.rolling .cine-word { animation:cineWord .9s cubic-bezier(.2,.8,.2,1) 3.2s forwards, cineSweep 1.4s ease-in-out 3.9s forwards; }
.cine.rolling em.cine-word { animation-delay:3.42s, 4.05s; }
.cine.rolling .cine-tagline { animation:cineRise .7s ease 4.1s forwards; }
.cine.rolling .cine-flare { animation:cineFlare 1.2s cubic-bezier(.5,0,.2,1) 5.1s forwards; }
.cine-exit { animation:cineExit .52s ease-in forwards; }
@keyframes cineCamera { to { transform:scale(1.04); filter:blur(0) brightness(.78) saturate(1.05); } }
@keyframes cineCorona { 0% { opacity:0; transform:translate(-50%,-50%) scale(.6); } 40% { opacity:1; transform:translate(-50%,-50%) scale(1.05); } 70% { opacity:.55; } 100% { opacity:.85; transform:translate(-50%,-50%) scale(1); } }
@keyframes cineFade { to { opacity:1; } }
@keyframes cineTile { to { opacity:1; transform:translateY(0) rotateX(0); } }
@keyframes cineWord { to { opacity:1; transform:none; filter:blur(0); } }
@keyframes cineSweep { from { background-position:150% 0; } to { background-position:-50% 0; } }
@keyframes cineRise { to { opacity:1; transform:none; } }
@keyframes cineFlare { 0% { opacity:0; transform:translate(-50%,-50%) scale(0); } 30% { opacity:1; transform:translate(-50%,-50%) scale(6); } 100% { opacity:1; transform:translate(-50%,-50%) scale(160); } }
@keyframes cineExit { to { opacity:0; } }

/* Ana sayfa girişi (açılıştan sonra) */
.home-enter .home-header, .home-enter .hero-copy > *, .home-enter .eclipse-demo, .home-enter .daily-section { opacity:0; animation:homeRise .8s cubic-bezier(.2,.8,.2,1) forwards; }
.home-enter .home-header { animation-delay:.05s; }
.home-enter .hero-copy > :nth-child(1) { animation-delay:.12s; } .home-enter .hero-copy > :nth-child(2) { animation-delay:.2s; }
.home-enter .hero-copy > :nth-child(3) { animation-delay:.28s; } .home-enter .hero-copy > :nth-child(4) { animation-delay:.36s; } .home-enter .hero-copy > :nth-child(5) { animation-delay:.44s; }
.home-enter .eclipse-demo { animation-name:homeReveal; animation-duration:1.1s; animation-delay:.18s; }
.home-enter .daily-section { animation-delay:.55s; }
@keyframes homeRise { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:none; } }
@keyframes homeReveal { from { opacity:0; transform:scale(.96); filter:brightness(2.2) blur(6px); } to { opacity:1; transform:none; filter:none; } }

/* ——— Görseller ——— */
.daily-card { background:linear-gradient(90deg, rgba(8,11,30,.97) 0%, rgba(8,11,30,.86) 48%, rgba(8,11,30,.35) 100%), url("assets/daily-eclipse.jpg") 70% 30% / cover no-repeat; }
.daily-card::before { display:none; }
.badge-chip { overflow:hidden; }
.badge-chip img { width:100%; height:100%; object-fit:contain; }
.badge-chip:not(.earned) img { filter:grayscale(1) brightness(.45); opacity:.55; }
.badge-chip.earned { background:none; box-shadow:0 6px 18px rgba(229,180,71,.28); }
.mode-card.live-card { background:linear-gradient(180deg, rgba(40,8,24,.2), rgba(20,6,18,.92) 72%), url("assets/duel-hero.jpg") center 40% / cover no-repeat; }
.live-lobby::before { content:""; display:block; aspect-ratio:16/7; margin:-4px 0 22px; border-radius:18px; background:url("assets/duel-hero.jpg") center / cover no-repeat; box-shadow:0 20px 50px rgba(0,0,0,.45); }

@media (max-width:700px) {
  .cine-studio { object-position:66% 24%; }
  .cine-title { left:22px; right:22px; bottom:12vh; }
  .cine-vignette { background:radial-gradient(ellipse 90% 60% at 60% 35%, transparent 25%, rgba(2,3,10,.8) 100%), linear-gradient(0deg, rgba(2,3,10,.95) 0%, rgba(2,3,10,.4) 50%, transparent 75%); }
}
@media (prefers-reduced-motion:reduce) {
  .cine.rolling .cine-studio { animation-duration:.01s; }
  .cine.rolling .cine-tiles b, .cine.rolling .cine-word, .cine.rolling .cine-tagline { animation-duration:.01s!important; animation-delay:0s!important; }
  .home-enter * { animation:none!important; opacity:1!important; }
}
.section-number { display:none; }
@media (max-width:480px) { .home-controls .on-air { display:none; } }

/* ——— Açılış: alt başlık ve ses tercihi ——— */
.cine-sub { margin:10px 0 0; color:var(--corona); font:800 clamp(.8rem,1.3vw,1rem) var(--font-copy); letter-spacing:.42em; text-transform:uppercase; opacity:0; transform:translateY(10px); }
.cine.rolling .cine-sub { animation:cineRise .7s ease 3.75s forwards; }
.cine-gate h2 { margin-bottom:4px; }
.cine-gate-sub { margin:0 0 22px; color:#e9c877; font:800 .82rem var(--font-copy); letter-spacing:.42em; text-transform:uppercase; }
.cine-ask { margin:0 0 4px; color:#fff8e9; font:600 clamp(1.05rem,2.2vw,1.3rem) var(--font-copy); }
.cine-choices { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 16px; }
.cine-quiet { display:inline-flex; align-items:center; gap:8px; min-height:48px; padding:10px 18px; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:#dfe3f2; text-decoration:none; }
.cine-quiet:hover { border-color:rgba(255,231,163,.6); color:#fff; }
.cine-note { max-width:34ch; margin:6px 0 0; color:#8f98b8; font:500 .8rem/1.5 var(--font-copy); }
.cine:not(.rolling) .cine-skip { display:none; }
.cine-play:focus-visible, .cine-quiet:focus-visible { outline:3px solid var(--corona); outline-offset:3px; }
.home-header .brand-mark .brand-sub { display:block; margin-top:5px; color:#b9a26d; font:800 .52rem var(--font-copy); letter-spacing:.34em; }

/* 3D tutulma sahnesi yüklendiyse fotoğraf ve CSS korona geri çekilir */
.cine-webgl { position:absolute; inset:0; z-index:0; width:100%; height:100%; display:block; opacity:0; animation:goFade 1s ease .1s forwards; }
.cine.has-3d .cine-studio, .cine.has-3d .cine-corona { display:none; }
.cine.has-3d .cine-vignette { background:linear-gradient(90deg, rgba(2,3,10,.85) 0%, rgba(2,3,10,.25) 42%, transparent 62%), linear-gradient(0deg, rgba(2,3,10,.7) 0%, transparent 35%); }
.cine.has-3d .cine-flare { left:var(--ex,65.8%); top:var(--ey,24%); }
.cine.has-3d.rolling .cine-flare { animation-delay:5.6s; }
.cine.has-3d .cine-gate { background:radial-gradient(ellipse at 50% 55%, rgba(4,6,18,.72), rgba(2,3,10,.9) 72%); }
@media (max-width:700px) {
  .cine.has-3d .cine-vignette { background:linear-gradient(0deg, rgba(2,3,10,.95) 0%, rgba(2,3,10,.45) 42%, transparent 62%); }
}

/* ——— Hitap alanı ——— */
.salutation-setting>div[role="group"] button { line-height:1.15; }
.salutation-setting>.custom-address { display:grid; grid-template-columns:1fr; gap:6px; margin-top:12px; }
.custom-address label { color:#f3e3b8; font:700 .82rem var(--font-copy); }
.custom-address input { box-sizing:border-box; width:100%; min-width:0; min-height:44px; padding:10px 12px; border:1px solid rgba(246,199,91,.4); border-radius:10px; color:#fff; background:rgba(7,11,29,.8); font:600 1rem var(--font-copy); }
.custom-address input:focus { outline:2px solid var(--corona); outline-offset:1px; }
.custom-address small { color:#9aa3c2; font-size:.76rem; }
.custom-address small b { color:var(--corona); }

/* ——— Enerji: geri sayım, kopya kartı, seri ——— */
.go-countdown { position:absolute; inset:0; z-index:25; display:grid; place-content:center; justify-items:center; gap:12px; text-align:center; background:radial-gradient(ellipse at 50% 45%, rgba(40,26,8,.55), rgba(4,6,18,.9) 70%); backdrop-filter:blur(4px); animation:goFade .25s ease both; }
.go-countdown p { max-width:24ch; margin:0; color:#fff3d2; font:600 clamp(1.05rem,3.6vw,1.35rem)/1.35 var(--font-copy); }
.go-countdown b { color:var(--corona); font:800 clamp(4.5rem,20vw,8rem)/1 var(--font-copy); text-shadow:0 0 40px rgba(255,200,90,.55); }
.go-countdown b.pop { animation:goPop .6s cubic-bezier(.2,1.6,.4,1) both; }
.go-countdown.leaving { animation:goFadeOut .26s ease forwards; }
@keyframes goPop { from { transform:scale(2.2); opacity:0; filter:blur(6px); } to { transform:scale(1); opacity:1; filter:none; } }
@keyframes goFade { from { opacity:0; } to { opacity:1; } }
@keyframes goFadeOut { to { opacity:0; } }

.presenter-moment > div { display:grid; }
.presenter-moment .presenter-skip { justify-self:start; margin-top:6px; min-height:36px; padding:6px 14px; border:1px solid rgba(255,231,163,.45); border-radius:999px; color:#ffe7a3; background:rgba(0,0,0,.25); font:700 .78rem var(--font-copy); cursor:pointer; position:relative; z-index:2; }
.presenter-moment .presenter-skip:hover { background:rgba(255,231,163,.12); }
.presenter-moment.silent img { animation:none; }
.read-bar { display:block; height:4px; border-radius:4px; background:rgba(255,255,255,.12); overflow:hidden; }
.read-bar i { display:block; height:100%; background:linear-gradient(90deg,#e9b23e,var(--corona)); transform-origin:left; animation:readBar var(--read-ms,5000ms) linear forwards; }
@keyframes readBar { from { transform:scaleX(0); } to { transform:scaleX(1); } }

.studio-screen.tiles-enter .tile { animation:tileDrop .55s cubic-bezier(.2,1.5,.4,1) both; animation-delay:calc(var(--i) * 55ms); }
@keyframes tileDrop { from { transform:translateY(-40px) rotateX(-70deg); opacity:0; } to { transform:none; opacity:1; } }

.score-pop { position:absolute; left:50%; top:-8px; font:800 1.3rem var(--font-copy); font-style:normal; pointer-events:none; animation:scorePop 1.2s ease-out forwards; }
.score-pop.up { color:#9bf5c9; text-shadow:0 0 14px rgba(80,230,160,.6); }
.score-pop.down { color:#ff9cb0; }
@keyframes scorePop { 0% { transform:translate(-50%,10px) scale(.6); opacity:0; } 20% { transform:translate(-50%,-6px) scale(1.15); opacity:1; } 100% { transform:translate(-50%,-44px) scale(1); opacity:0; } }
.score-stack .combo-chip { display:inline-block; clip-path:none; margin-top:5px; padding:3px 9px; border-radius:999px; color:#2b1600; background:linear-gradient(90deg,#ffb347,#ffe7a3); font:800 .66rem var(--font-copy); font-style:normal; letter-spacing:.08em; box-shadow:0 0 16px rgba(255,170,60,.55); animation:comboPulse .9s ease-in-out infinite alternate; }
@keyframes comboPulse { to { box-shadow:0 0 26px rgba(255,170,60,.85); transform:scale(1.06); } }

.flash-line { margin:4px 0 10px; color:#fff3d2; font:600 1.05rem var(--font-copy); }
.flash-combo { display:inline-block; margin-bottom:10px; padding:4px 12px; border-radius:999px; color:#2b1600; background:linear-gradient(90deg,#ffb347,#ffe7a3); font:800 .7rem var(--font-copy); letter-spacing:.12em; }
.flash.on-fire .flash-card { box-shadow:0 0 0 2px rgba(255,180,70,.6), 0 0 80px rgba(255,150,40,.45); }
.result-line { margin:0 0 6px; color:#fff3d2; font:600 1.15rem var(--font-copy); }
.result-combo { color:#e9c877; }

/* ——— Kategori kapakları ——— */
.category-choice { isolation:isolate; min-height:150px; align-content:end; }
.category-choice .cat-cover { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center 35%; opacity:.9; transition:transform .5s ease; }
.category-choice::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(7,10,26,.1) 0%, rgba(7,10,26,.55) 45%, rgba(7,10,26,.96) 100%); }
.category-choice:not(:disabled):hover .cat-cover { transform:scale(1.06); }
.category-choice:disabled .cat-cover { filter:grayscale(.8) brightness(.6); }
.category-choice span:first-child { text-shadow:0 2px 12px rgba(0,0,0,.7); }
.studio-cover { width:30px; height:30px; border-radius:50%; object-fit:cover; border:1px solid rgba(246,199,91,.6); }

@media (prefers-reduced-motion:reduce) {
  .go-countdown b.pop, .studio-screen.tiles-enter .tile, .score-stack .combo-chip, .score-pop { animation:none!important; }
}

/* ——— Arkadaş modu ——— */
.friend-name { display:grid; gap:6px; margin:18px 0 14px; color:#c9cfe2; font:700 .78rem var(--font-copy); letter-spacing:.06em; }
.friend-name input, .friend-options select { box-sizing:border-box; width:100%; min-height:48px; padding:10px 14px; border:1px solid var(--line); border-radius:14px; color:#fff; background:#0d122b; font:700 1rem var(--font-copy); }
.friend-name input:focus, .friend-options select:focus { outline:2px solid var(--corona); outline-offset:1px; }
.friend-modes { display:grid; gap:10px; margin:6px 0 14px; }
.friend-mode { position:relative; display:block; cursor:pointer; }
.friend-mode input { position:absolute; opacity:0; inset:0; }
.friend-mode span { display:grid; gap:4px; padding:14px 16px 14px 46px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,rgba(25,34,72,.9),rgba(9,14,34,.95)); transition:border-color .2s, box-shadow .2s; }
.friend-mode span::before { content:""; position:absolute; left:16px; top:18px; width:16px; height:16px; border-radius:50%; border:2px solid #6d7699; }
.friend-mode input:checked + span { border-color:rgba(255,214,130,.75); box-shadow:0 0 0 1px rgba(255,214,130,.35), 0 12px 30px rgba(0,0,0,.35); }
.friend-mode input:checked + span::before { border-color:var(--corona); background:radial-gradient(circle, var(--corona) 45%, transparent 50%); }
.friend-mode input:focus-visible + span { outline:2px solid var(--corona); outline-offset:2px; }
.friend-mode b { font:700 1.2rem var(--font-stage); color:#fff8e9; }
.friend-mode small { color:#aab2cf; font-size:.86rem; line-height:1.4; }
.friend-mode em { color:#d9bd7c; font:800 .62rem var(--font-copy); font-style:normal; letter-spacing:.14em; }
.friend-options { display:grid; gap:6px; margin-bottom:16px; color:#c9cfe2; font:700 .78rem var(--font-copy); letter-spacing:.06em; }
.friend-screen { display:flex; align-items:center; gap:10px; margin-top:6px; color:#c9cfe2; font:500 .86rem var(--font-copy); letter-spacing:0; }
.friend-screen[hidden] { display:none; }
.friend-screen input { width:20px; height:20px; accent-color:#e9b23e; }
.invite-join { margin-top:4px; }

.friend-waiting { justify-content:flex-start; padding-top:26px; gap:4px; }
.friend-waiting h1 { margin:6px 0 16px; font:700 clamp(2rem,6vw,2.8rem)/1.05 var(--font-stage); }
.invite-card { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:18px; width:100%; max-width:560px; box-sizing:border-box; padding:16px; border:1px solid rgba(246,199,91,.35); border-radius:22px; background:linear-gradient(150deg,rgba(35,28,12,.7),rgba(12,17,42,.95)); text-align:left; box-shadow:0 20px 50px rgba(0,0,0,.4); }
.invite-qr { width:150px; height:150px; padding:8px; box-sizing:border-box; border-radius:14px; background:#fff8e9; display:grid; place-items:center; }
.invite-qr svg { width:100%; height:100%; }
.qr-fallback { color:#111; font:800 1.2rem var(--font-copy); }
.invite-copy small { color:#d9bd7c; font:800 .62rem var(--font-copy); letter-spacing:.2em; }
.invite-copy .room-code { margin:6px 0 12px; padding:8px 14px; font-size:clamp(1.9rem,7vw,2.6rem); display:inline-block; box-shadow:none; }
.invite-actions { display:flex; flex-wrap:wrap; gap:8px; }
.invite-actions button, .invite-actions a { display:inline-flex; align-items:center; min-height:40px; padding:8px 14px; border:1px solid rgba(255,231,163,.4); border-radius:999px; color:#ffe7a3; background:rgba(0,0,0,.25); font:700 .82rem var(--font-copy); text-decoration:none; cursor:pointer; }
.invite-actions a { color:#0b1d12; background:#5fe39a; border-color:transparent; }
.invite-actions button:hover { background:rgba(255,231,163,.12); }
.invite-note { margin:10px 0 0; color:#9aa3c2; font-size:.8rem; }
.player-list { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:18px 0 10px; padding:0; list-style:none; }
.player-list li { display:flex; align-items:center; gap:8px; padding:6px 12px 6px 6px; border:1px solid var(--line); border-radius:999px; background:rgba(13,18,43,.9); animation:cardPop .4s cubic-bezier(.3,1.5,.4,1) both; }
.player-list li.me { border-color:rgba(255,214,130,.6); }
.player-initial { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:#2b1600; background:linear-gradient(160deg,#fff1c2,#e5b447); font:800 .9rem var(--font-copy); }
.player-list b { font:700 .9rem var(--font-copy); }
.player-list small { color:#d9bd7c; font:800 .56rem var(--font-copy); letter-spacing:.12em; }
#start-slot { width:100%; max-width:420px; margin-top:12px; }

.party-board { position:absolute; z-index:6; right:5px; bottom:52px; min-width:130px; margin:0; padding:6px; list-style:none; border-radius:12px; background:rgba(7,10,27,.85); border:1px solid rgba(246,199,91,.35); }
.party-board li { display:flex; justify-content:space-between; gap:10px; padding:3px 6px; border-radius:8px; font:700 .72rem var(--font-copy); color:#dfe3f2; }
.party-board li.me { color:var(--corona); }
.party-board li.active { background:rgba(255,214,130,.18); }
.party-board b { font-variant-numeric:tabular-nums; }

.reaction-bar { display:flex; justify-content:center; gap:6px; margin-top:12px; }
.reaction-bar button { width:44px; height:44px; border:1px solid rgba(255,255,255,.12); border-radius:50%; background:rgba(8,12,30,.7); font-size:1.25rem; cursor:pointer; transition:transform .15s; }
.reaction-bar button:active { transform:scale(.88); }
.reaction-float { position:fixed; z-index:60; left:var(--x); bottom:12vh; display:grid; justify-items:center; pointer-events:none; animation:reactionRise 2.4s ease-out forwards; }
.reaction-float span { font-size:2.6rem; filter:drop-shadow(0 6px 12px rgba(0,0,0,.5)); }
.reaction-float small { padding:2px 8px; border-radius:999px; color:#fff; background:rgba(0,0,0,.55); font:700 .7rem var(--font-copy); }
@keyframes reactionRise { 0% { transform:translateY(20px) scale(.5); opacity:0; } 15% { transform:translateY(0) scale(1.15); opacity:1; } 100% { transform:translateY(-46vh) scale(1); opacity:0; } }
.live-toast { position:fixed; z-index:55; left:50%; top:18px; display:grid; gap:2px; min-width:240px; padding:12px 18px; border-radius:16px; text-align:center; transform:translateX(-50%); animation:toastIn .35s cubic-bezier(.3,1.4,.4,1) both, goFadeOut .3s ease 2.3s forwards; box-shadow:0 18px 40px rgba(0,0,0,.45); }
.live-toast.correct { color:#2b1600; background:linear-gradient(180deg,#fff0bf,#e7b245); }
.live-toast.timeout { color:#fff; background:#3b1024; border:1px solid #ff8aa4; }
.live-toast b { font:800 1rem var(--font-copy); }
.live-toast span { font:600 .85rem var(--font-copy); }
@keyframes toastIn { from { transform:translate(-50%,-30px); opacity:0; } to { transform:translate(-50%,0); opacity:1; } }

.live-ranking { width:100%; max-width:440px; margin:18px auto; padding:0; list-style:none; display:grid; gap:8px; }
.live-ranking li { display:grid; grid-template-columns:32px 1fr auto; grid-template-rows:auto auto; column-gap:12px; align-items:center; padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:rgba(13,18,43,.9); text-align:left; }
.live-ranking li:first-child { border-color:rgba(255,214,130,.6); background:linear-gradient(150deg,#2a2210,#141a3a); }
.live-ranking li.me b { color:var(--corona); }
.live-ranking .rank { grid-row:1 / 3; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.08); font:800 .9rem var(--font-copy); }
.live-ranking b { font:700 1.05rem var(--font-copy); }
.live-ranking em { font:800 1.05rem var(--font-copy); font-style:normal; font-variant-numeric:tabular-nums; }
.live-ranking small { grid-column:2 / 4; color:#9aa3c2; font-size:.76rem; }

.async-panel { margin:0 auto 22px; max-width:560px; padding:16px; border:1px solid rgba(246,199,91,.4); border-radius:20px; background:linear-gradient(150deg,rgba(35,28,12,.6),rgba(12,17,42,.95)); text-align:center; }
.async-panel p { color:#c9cfe2; }
.async-panel.done { animation:cardPop .5s cubic-bezier(.3,1.5,.4,1) both; }
.async-score { font:700 1.6rem var(--font-copy); color:#fff; font-variant-numeric:tabular-nums; }
.async-score b { color:var(--corona); font-weight:800; }
.invite-card.compact { margin:12px auto 0; }

/* Parti modu sahne ekranı (TV) */
.party-screen { position:relative; box-sizing:border-box; min-height:100dvh; display:grid; grid-template-columns:1fr minmax(240px,26vw); grid-template-rows:auto 1fr; gap:24px 32px; padding:28px clamp(20px,4vw,56px); background:radial-gradient(ellipse at 30% 20%, #1b2553, #070a1c 65%); color:#fff8e9; }
.party-screen header { grid-column:1 / -1; display:flex; align-items:center; gap:24px; }
.party-screen header .brand-mark { flex:1; font:800 1rem var(--font-copy); letter-spacing:.16em; }
.party-screen header .brand-mark small { display:block; color:#b9a26d; font-size:.6rem; letter-spacing:.3em; }
.party-screen header .eclipse-mark { width:48px; height:48px; }
.party-round { color:#d9bd7c; font:800 1rem var(--font-copy); letter-spacing:.16em; }
.party-screen .broadcast-clock { position:static; inset:auto; transform:none; padding:8px 18px; border-radius:12px; background:#0d122b; border:1px solid var(--line); font:800 2rem var(--font-copy); }
.party-screen main { display:grid; align-content:center; justify-items:center; gap:28px; text-align:center; }
.party-tiles { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.party-tiles .tile { width:clamp(52px,6vw,88px); height:clamp(62px,7vw,104px); font-size:clamp(2rem,4vw,3.4rem); }
.party-clue { max-width:30ch; margin:0; font:600 clamp(1.5rem,2.8vw,2.4rem)/1.3 var(--font-copy); }
.party-clue span { display:block; margin-bottom:10px; color:#d9bd7c; font:800 .9rem var(--font-copy); letter-spacing:.2em; }
.party-status { min-height:1.6em; color:#c9cfe2; font:600 1.3rem var(--font-copy); }
.party-status b { color:var(--corona); }
.party-screen aside { align-self:center; padding:18px; border:1px solid rgba(246,199,91,.35); border-radius:20px; background:rgba(7,10,27,.7); }
.party-screen aside h2 { margin:0 0 12px; font:700 1.4rem var(--font-stage); }
.party-board.big { position:static; min-width:0; padding:0; background:none; border:0; }
.party-board.big li { padding:10px 12px; font-size:1.1rem; }
.party-board.big li.out { opacity:.45; }
.party-code { margin:14px 0 0; color:#9aa3c2; }
.party-code b { color:var(--corona); letter-spacing:.14em; }
@media (max-width:800px) {
  .party-screen { grid-template-columns:1fr; }
  .invite-card { grid-template-columns:1fr; justify-items:center; text-align:center; }
  .invite-actions { justify-content:center; }
}
@media (prefers-reduced-motion:reduce) { .reaction-float, .live-toast { animation-duration:.01s!important; } }

/* ——— Yarışma şovu tipografisi: Big Shoulders (tabela/skor) + Rubik (arayüz) ——— */
.hero-copy h1 { font:900 clamp(3.6rem,8vw,7.4rem)/.86 var(--font-stage); letter-spacing:.005em; text-transform:uppercase; margin:18px 0 18px; }
.hero-copy .lead { font-size:1.08rem; color:#c3c9dd; margin-bottom:24px; }
.section-heading h2, .profile-copy h2, .category-lobby h1, .live-lobby h1, .friend-waiting h1 { font-family:var(--font-stage); font-weight:900; text-transform:uppercase; letter-spacing:.01em; line-height:.92; }
.section-heading h2, .profile-copy h2 { font-size:clamp(2.3rem,4.6vw,3.6rem); }
.category-lobby h1, .live-lobby h1 { font-size:clamp(2.8rem,7vw,5.4rem); }
.premium-grid .mode-card h3 { font:900 clamp(1.9rem,2.6vw,2.3rem)/.95 var(--font-stage); text-transform:uppercase; letter-spacing:.01em; }
.category-choice span:first-child { font:900 1.6rem/1 var(--font-stage); text-transform:uppercase; letter-spacing:.02em; }
.daily-copy h3, .progress-card h3, .unlocked-badge b, .friend-mode b, .party-screen aside h2, .cine-gate h2 { font-family:var(--font-stage); font-weight:900; text-transform:uppercase; letter-spacing:.01em; }
.daily-copy h3 { font-size:clamp(1.9rem,3vw,2.5rem); line-height:.95; }
.progress-card h3 { font-size:1.9rem; }
.friend-mode b { font-size:1.5rem; line-height:1; }
.streak-ring b, .result-score, .progress-stats b, .format-strip b, .room-code, .go-countdown b { font-family:var(--font-stage); font-weight:900; font-variant-numeric:tabular-nums; }
.streak-ring b { font-size:3.2rem; }
.progress-stats b { font-size:2.1rem; }
.result-score { letter-spacing:.01em; }
.cine-title h1 { font:900 clamp(3.8rem,10vw,8.8rem)/.86 var(--font-stage); text-transform:uppercase; letter-spacing:.005em; }
.cine-gate h2 { font-size:clamp(3.2rem,9vw,6rem); line-height:.9; }
.presenter-moment p { font:500 clamp(.98rem,3.4vw,1.12rem)/1.45 var(--font-copy); }
.question-band p { font-family:var(--font-copy); font-weight:600; }
.broadcast-clock, .party-screen .broadcast-clock { font-family:var(--font-stage); font-weight:900; font-variant-numeric:tabular-nums; letter-spacing:.03em; }
.tile, .demo-tile i, .cine-tiles b { font-family:var(--font-tile)!important; font-weight:800; }
.brand-mark, .home-header .brand-mark, .studio-brand span { font-family:var(--font-stage)!important; font-weight:900; letter-spacing:.08em; }
.home-header .brand-mark { font-size:.95rem; line-height:.85; }
.home-header .brand-mark b { font-size:1.35rem; }
.eyebrow, .card-index, .card-meta, .round-pill { font-family:var(--font-copy); font-weight:700; }

/* ——— Ana sayfa: oyun tahtası, ampuller, haber bandı, buzzer ——— */
.reveal-board { display:flex; gap:6px; min-height:58px; perspective:600px; }
.reveal-board b { position:relative; width:46px; height:54px; transform-style:preserve-3d; transition:transform .5s cubic-bezier(.3,1.4,.4,1); animation:rbDrop .5s cubic-bezier(.2,1.5,.4,1) both; animation-delay:calc(var(--i) * 60ms); }
.reveal-board b span { position:absolute; inset:0; display:grid; place-items:center; border-radius:9px; backface-visibility:hidden; font:800 1.6rem var(--font-tile); }
.reveal-board .rb-front { color:#8f9bd0; background:linear-gradient(180deg,#26306a,#141a3f); border:1px solid rgba(143,155,208,.35); box-shadow:inset 0 -4px 0 rgba(0,0,0,.35); }
.reveal-board .rb-back { color:#2b1600; background:linear-gradient(180deg,#fff3cc,#e8b545); transform:rotateX(180deg); box-shadow:inset 0 -4px 0 rgba(120,70,0,.35); }
.reveal-board b.open { transform:rotateX(180deg); }
.reveal-board.solved b { animation:rbWin .7s ease both; animation-delay:calc(var(--i) * 45ms); }
.reveal-board.solved .rb-back { box-shadow:0 0 18px rgba(255,200,90,.75), inset 0 -4px 0 rgba(120,70,0,.35); }
@keyframes rbDrop { from { opacity:0; transform:translateY(-26px); } to { opacity:1; transform:none; } }
@keyframes rbWin { 0%, 100% { transform:rotateX(180deg) translateY(0); } 40% { transform:rotateX(180deg) translateY(8px); } }

.bulbs { position:absolute; inset:9px; z-index:3; pointer-events:none; }
.bulbs i { position:absolute; width:6px; height:6px; border-radius:50%; background:#ffe7a3; transform:translate(-50%,-50%); box-shadow:0 0 8px 2px rgba(255,200,90,.65); animation:bulbChase 1.2s steps(1) infinite; animation-delay:var(--d); }
@keyframes bulbChase { 0% { opacity:1; } 33% { opacity:.18; box-shadow:none; } 66% { opacity:.55; } }
.eclipse-demo[data-state="free"] .bulbs i { animation-duration:.4s; background:#fff; }

.ticker { display:flex; align-items:center; gap:0; height:34px; margin:0 calc(-1 * clamp(18px,4vw,54px)); border-bottom:1px solid rgba(214,170,82,.2); background:linear-gradient(90deg,#15060e,#0b0f26 30%); overflow:hidden; }
.ticker-tag { position:relative; z-index:1; display:flex; align-items:center; gap:7px; height:100%; padding:0 14px 0 clamp(18px,4vw,54px); color:#fff; background:#c21640; font:800 .72rem var(--font-copy); letter-spacing:.14em; }
.ticker-tag i { width:7px; height:7px; border-radius:50%; background:#fff; animation:onAir 1s infinite alternate; }
.ticker-window { flex:1; overflow:hidden; }
.ticker-track { display:flex; align-items:center; gap:18px; width:max-content; animation:tickerRun 38s linear infinite; }
.ticker-track span { color:#e7e2d2; font:600 .8rem var(--font-copy); white-space:nowrap; }
.ticker-track i { width:5px; height:5px; background:var(--corona); transform:rotate(45deg); }
@keyframes tickerRun { to { transform:translateX(-50%); } }

.hero-actions { align-items:center; gap:18px; }
.hero-buzz { position:relative; display:flex; align-items:center; gap:14px; min-height:84px; padding:10px 26px 10px 12px; border:0; border-radius:999px; color:#fff; background:linear-gradient(180deg,#2a1020,#170818); box-shadow:0 8px 0 #07030a, 0 18px 40px rgba(194,22,64,.35), inset 0 0 0 1px rgba(255,140,160,.35); cursor:pointer; transition:transform .1s ease, box-shadow .1s ease; }
.buzz-dome { width:64px; height:64px; border-radius:50%; background:radial-gradient(circle at 35% 28%, #ff9fb0 0%, #e0294f 34%, #7a0a26 78%); box-shadow:0 6px 0 #4b0617, 0 0 26px rgba(255,50,90,.6), inset 0 -6px 10px rgba(0,0,0,.3); transition:transform .1s, box-shadow .1s; animation:domePulse 1.6s ease-in-out infinite; }
.buzz-label b { display:block; font:900 2rem/.9 var(--font-stage); letter-spacing:.03em; }
.buzz-label small { display:block; margin-top:3px; color:#f3b7c4; font:600 .78rem var(--font-copy); }
.hero-buzz:hover .buzz-dome { transform:translateY(-2px); }
.hero-buzz:active { transform:translateY(6px); box-shadow:0 2px 0 #07030a, 0 8px 20px rgba(194,22,64,.3), inset 0 0 0 1px rgba(255,140,160,.35); }
.hero-buzz:active .buzz-dome { transform:translateY(3px) scale(.96); box-shadow:0 2px 0 #4b0617, 0 0 40px rgba(255,80,110,.9); }
@keyframes domePulse { 50% { box-shadow:0 6px 0 #4b0617, 0 0 42px rgba(255,50,90,.85), inset 0 -6px 10px rgba(0,0,0,.3); } }
.hero-friends { display:flex; align-items:center; gap:12px; min-height:64px; padding:10px 20px; border:1px solid rgba(214,170,82,.55); border-radius:18px; color:#f7efd9; text-align:left; background:rgba(20,16,40,.75); box-shadow:0 6px 0 #06070f; cursor:pointer; transition:transform .1s, box-shadow .1s; }
.hero-friends b { display:block; font:900 1.35rem/.95 var(--font-stage); letter-spacing:.04em; }
.hero-friends small { display:block; color:#b9bfd6; font:500 .76rem var(--font-copy); }
.hero-friends:active { transform:translateY(5px); box-shadow:0 1px 0 #06070f; }

.format-strip { gap:10px; }
.format-strip span { padding:6px 12px; border-radius:10px; background:#05070f; border:1px solid rgba(255,214,130,.22); box-shadow:inset 0 0 12px rgba(0,0,0,.6); }
.format-strip b { color:#ffd36b; font-size:1.7rem; text-shadow:0 0 12px rgba(255,190,70,.55); }
.format-strip small { color:#9aa3c2; font-family:var(--font-copy); font-weight:700; }
.format-strip i { display:none; }

.premium-grid .mode-card { box-shadow:0 8px 0 #04060e, 0 22px 44px rgba(0,0,0,.4); transition:transform .12s ease, box-shadow .12s ease, border-color .2s; }
.premium-grid .mode-card:hover { transform:translateY(-3px); box-shadow:0 11px 0 #04060e, 0 26px 50px rgba(0,0,0,.45); }
.premium-grid .mode-card:active { transform:translateY(6px); box-shadow:0 2px 0 #04060e, 0 10px 24px rgba(0,0,0,.35); }
.daily-play, .primary-wide { box-shadow:0 6px 0 #6b4a12; transition:transform .1s, box-shadow .1s; }
.daily-play:active, .primary-wide:active { transform:translateY(5px); box-shadow:0 1px 0 #6b4a12; }

@media (max-width:560px) {
  .hero-buzz { width:100%; }
  .hero-friends { width:100%; }
  .reveal-board b { width:38px; height:46px; }
  .reveal-board b span { font-size:1.35rem; }
}
@media (prefers-reduced-motion:reduce) {
  .ticker-track, .buzz-dome, .bulbs i, .reveal-board b { animation:none!important; }
}

/* ——— Ana menü: tam ekran stüdyo ——— */
.menu-screen { position:relative; isolation:isolate; min-height:100dvh; display:grid; grid-template-rows:auto 1fr auto; overflow:hidden; background:#02030a; color:#fff8e9; }
.menu-sky { position:absolute; inset:0; z-index:-1; }
.menu-sky::after { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 80% 55% at 50% 26%, transparent 40%, rgba(2,3,10,.55) 100%), linear-gradient(0deg, rgba(2,3,10,.92) 0%, rgba(2,3,10,.55) 38%, transparent 62%); }
.menu-fallback { --cover:1; --size:clamp(190px,34vh,320px); position:absolute; left:50%; top:27%; margin:0; transform:translate(-50%,-50%); }
.menu-fallback .demo-corona { opacity:.9; }
.menu-sky.has-3d .menu-fallback { opacity:0; transition:opacity 1s ease; }

.menu-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:max(14px, env(safe-area-inset-top)) clamp(14px,4vw,40px) 0; animation:menuFade .5s ease both; }
.player-chip { display:flex; align-items:center; gap:10px; min-height:50px; padding:5px 16px 5px 5px; border:1px solid rgba(255,214,130,.35); border-radius:999px; color:#fff; background:rgba(6,8,20,.62); backdrop-filter:blur(8px); text-align:left; cursor:pointer; transition:border-color .2s, transform .1s; }
.player-chip:hover { border-color:rgba(255,214,130,.7); }
.player-chip:active { transform:scale(.97); }
.player-chip-photo { width:40px; height:40px; flex:none; overflow:hidden; border-radius:50%; background:linear-gradient(160deg,#fff1c2,#e5b447); }
.player-chip-photo img { width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.player-chip-photo .portrait-initial { color:#2b1600; background:none; font:900 1.3rem var(--font-stage); border-radius:0; }
.player-chip-text b { display:block; font:900 1.15rem/1 var(--font-stage); letter-spacing:.06em; }
.player-chip-text small { display:flex; align-items:center; gap:4px; margin-top:3px; color:#e2c676; font:600 .74rem var(--font-copy); }

.menu-main { display:flex; flex-direction:column; align-items:center; gap:clamp(10px,1.8vh,16px); padding:0 16px clamp(14px,2.5vh,26px); }
.menu-logo { min-height:clamp(200px,33dvh,360px); display:grid; place-content:center; justify-items:center; text-align:center; }
.menu-logo h1 { display:grid; justify-items:center; margin:0; text-shadow:0 6px 34px rgba(0,0,0,.85), 0 0 2px rgba(0,0,0,.6); }
.menu-logo h1 span:first-child { color:var(--corona); font:900 clamp(2.2rem,8vw,3.4rem)/.9 var(--font-stage); letter-spacing:.42em; margin-right:-.42em; animation:logoDrop .7s cubic-bezier(.2,1.4,.4,1) .1s both; }
.menu-logo h1 span:last-child { text-shadow:none; padding-right:.1em; font:900 clamp(4.2rem,19vw,8.6rem)/.84 var(--font-stage); letter-spacing:.01em;
  -webkit-text-fill-color:transparent; -webkit-background-clip:text; background-clip:text; background-repeat:repeat-x; background-size:260% 100%;
  background-image:linear-gradient(100deg, #fff8e9 42%, #ffffff 48%, #ffe7a3 52%, #fff8e9 58%);
  filter:drop-shadow(0 6px 24px rgba(0,0,0,.9)); animation:logoZoom .8s cubic-bezier(.2,.9,.2,1) .18s both, logoShine 5s ease-in-out 1.4s infinite; }
.menu-logo p { margin:10px 0 0; color:#e9c877; font:800 clamp(.8rem,2.4vw,1rem) var(--font-copy); letter-spacing:.55em; margin-right:-.55em; text-shadow:0 2px 12px rgba(0,0,0,.9); animation:menuFade .6s ease .5s both; }
@keyframes logoDrop { from { opacity:0; transform:translateY(-30px); } to { opacity:1; transform:none; } }
@keyframes logoZoom { from { opacity:0; transform:scale(1.25); filter:blur(10px) drop-shadow(0 6px 24px rgba(0,0,0,.9)); } to { opacity:1; transform:none; } }
@keyframes logoShine { 0%, 60% { background-position:120% 0; } 100% { background-position:-120% 0; } }
@keyframes menuFade { from { opacity:0; } to { opacity:1; } }
@keyframes menuIn { from { opacity:0; transform:translateY(22px) scale(.97); } to { opacity:1; transform:none; } }

.menu-main .reveal-board { justify-content:center; min-height:48px; animation:menuFade .5s ease .45s both; }
.menu-main .reveal-board b { width:40px; height:48px; }
.menu-main .reveal-board b span { font-size:1.45rem; }

.menu-list { width:min(100%,460px); display:grid; gap:10px; }
.menu-btn { position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; min-height:66px; padding:9px 14px 9px 10px; border:1px solid rgba(255,214,130,.26); border-radius:18px; color:#fff8e9; text-align:left; cursor:pointer;
  background:linear-gradient(180deg, rgba(24,30,66,.94), rgba(10,13,32,.96)); box-shadow:0 6px 0 #03050c, 0 16px 30px rgba(0,0,0,.45);
  animation:menuIn .5s cubic-bezier(.2,1.25,.35,1) both; animation-delay:calc(.3s + var(--n) * 70ms); transition:transform .1s ease, box-shadow .1s ease, border-color .2s ease; }
.menu-btn:hover { border-color:rgba(255,214,130,.65); transform:translateY(-2px); box-shadow:0 8px 0 #03050c, 0 20px 36px rgba(0,0,0,.5); }
.menu-btn:active { transform:translateY(5px); box-shadow:0 1px 0 #03050c, 0 8px 18px rgba(0,0,0,.4); }
.menu-btn:focus-visible { outline:3px solid var(--corona); outline-offset:3px; }
.menu-btn:disabled { cursor:default; opacity:.62; transform:none; box-shadow:0 3px 0 #03050c; }
.menu-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; color:#2b1600; background:linear-gradient(160deg,#fff1c2,#e5b447); box-shadow:inset 0 -3px 0 rgba(120,70,0,.35); }
.menu-btn-text b { display:block; font:900 1.6rem/.95 var(--font-stage); letter-spacing:.03em; }
.menu-btn-text small { display:block; margin-top:3px; color:#b9bfd6; font:500 .8rem/1.3 var(--font-copy); }
.menu-tag { display:inline-flex; align-items:center; gap:4px; padding:5px 10px; border-radius:999px; color:#2b1600; background:linear-gradient(90deg,#ffb347,#ffe7a3); font:800 .72rem var(--font-copy); letter-spacing:.06em; }
.menu-tag.done { color:#c9f7dd; background:rgba(40,160,100,.25); border:1px solid rgba(90,220,150,.45); }
.menu-tag.live { color:#fff; background:#c21640; }
.menu-tag.live .live-dot { width:6px; height:6px; background:#fff; box-shadow:none; }
.menu-covers { display:flex; }
.menu-covers img { width:34px; height:34px; border-radius:50%; object-fit:cover; border:2px solid #0b0f26; margin-left:-10px; box-shadow:0 2px 6px rgba(0,0,0,.5); }
.menu-covers img:first-child { margin-left:0; }
.menu-primary { grid-template-columns:auto 1fr; min-height:86px; padding-left:12px; border-color:rgba(255,140,160,.45); background:linear-gradient(180deg,#3a1226,#1a0816); box-shadow:0 7px 0 #0b0208, 0 18px 40px rgba(194,22,64,.35); }
.menu-primary:hover { border-color:rgba(255,160,180,.8); box-shadow:0 9px 0 #0b0208, 0 22px 46px rgba(194,22,64,.45); }
.menu-primary:active { box-shadow:0 1px 0 #0b0208, 0 8px 20px rgba(194,22,64,.3); }
.menu-primary:active .buzz-dome { transform:translateY(3px) scale(.95); box-shadow:0 1px 0 #4b0617, 0 0 44px rgba(255,80,110,.95); }
.menu-primary .menu-btn-text b { font-size:2.25rem; }
.menu-primary .menu-btn-text small { color:#f3b7c4; }
.menu-primary .buzz-dome { width:62px; height:62px; }
.menu-screen .ticker { margin:0; }
.menu-screen .ticker-tag { padding-left:16px; }
.menu-screen.from-opening .menu-logo h1 span:last-child { animation-duration:1.1s, 5s; }

/* Profil paneli */
.profile-sheet { width:min(520px,100%); max-width:100%; max-height:92dvh; margin:auto auto 0; padding:0; border:1px solid rgba(255,214,130,.35); border-bottom:0; border-radius:24px 24px 0 0; color:#fff8e9; background:#0b0f26; box-shadow:0 -20px 60px rgba(0,0,0,.6); overflow:hidden; }
.profile-sheet[open] { display:flex; flex-direction:column; animation:sheetUp .35s cubic-bezier(.2,1,.3,1) both; }
.profile-sheet.no-anim[open] { animation:none; }
.profile-sheet::backdrop { background:rgba(2,3,10,.7); backdrop-filter:blur(4px); }
@keyframes sheetUp { from { transform:translateY(40px); opacity:0; } to { transform:none; opacity:1; } }
.sheet-head { display:flex; align-items:center; justify-content:space-between; padding:16px 18px 8px; }
.sheet-head h2 { margin:0; font:900 2rem var(--font-stage); text-transform:uppercase; letter-spacing:.03em; }
.sheet-close { width:44px; height:44px; border:1px solid rgba(255,255,255,.18); border-radius:50%; color:#fff; background:rgba(255,255,255,.05); font-size:1.5rem; line-height:1; cursor:pointer; }
.sheet-body { display:grid; gap:16px; padding:8px 18px max(22px, env(safe-area-inset-bottom)); overflow:auto; }
.sheet-photo { position:relative; display:grid; grid-template-columns:72px 1fr; gap:14px; align-items:center; margin:0; padding:12px; border:1px dashed rgba(255,214,130,.4); border-radius:16px; background:rgba(15,20,48,.6); cursor:pointer; }
.sheet-photo .photo-preview { width:72px; height:72px; overflow:hidden; border-radius:50%; background:linear-gradient(160deg,#fff1c2,#e5b447); }
.sheet-photo .photo-preview img { width:100%; height:100%; object-fit:cover; object-position:center 20%; }
.sheet-photo .portrait-initial { color:#2b1600; background:none; font:900 2rem var(--font-stage); }
.sheet-photo small { display:block; color:#d9bd7c; font:800 .66rem var(--font-copy); letter-spacing:.16em; }
.sheet-photo em { display:block; margin-top:3px; color:#fff; font:600 1rem var(--font-copy); font-style:normal; }
.sheet-photo i { display:block; margin-top:3px; color:#9aa3c2; font:500 .76rem var(--font-copy); font-style:normal; }
.sheet-field { display:grid; gap:6px; color:#c9cfe2; font:700 .78rem var(--font-copy); letter-spacing:.06em; }
.sheet-field input { box-sizing:border-box; width:100%; min-height:48px; padding:10px 14px; border:1px solid var(--line); border-radius:14px; color:#fff; background:#0d122b; font:700 1rem var(--font-copy); text-transform:uppercase; }
.sheet-field input:focus { outline:2px solid var(--corona); outline-offset:1px; }
.sheet-karne h3 { margin:0 0 10px; font:900 1.6rem var(--font-stage); text-transform:uppercase; letter-spacing:.03em; }
.sheet-foot { margin:0; color:#7f89a8; font-size:.74rem; text-align:center; }
.profile-sheet .salutation-setting { margin-top:0; }

@media (min-width:700px) {
  .profile-sheet { margin:auto; border:1px solid rgba(255,214,130,.35); border-radius:24px; }
}
@media (min-aspect-ratio:1/1) {
  .menu-logo { min-height:clamp(190px,30dvh,300px); }
  .menu-main { gap:10px; }
}
@media (max-height:700px) {
  .menu-logo { min-height:clamp(170px,30dvh,260px); }
  .menu-btn { min-height:58px; }
  .menu-primary { min-height:74px; }
}
@media (prefers-reduced-motion:reduce) {
  .menu-btn, .menu-logo h1 span, .menu-logo p, .menu-top, .menu-main .reveal-board, .profile-sheet[open] { animation:none!important; }
}

/* ——— Sunucu pozları ——— */
.go-presenter { width:clamp(150px,42vw,210px); margin-bottom:-6px; filter:drop-shadow(0 18px 30px rgba(0,0,0,.6)); animation:poseIn .5s cubic-bezier(.2,1.3,.4,1) both; }
.flash-card.has-presenter { padding-top:0; overflow:visible; }
.flash-card strong { font:900 3.6rem/1 var(--font-stage); letter-spacing:.02em; }
.go-presenter, .flash-presenter, .result-presenter, .presenter-cameo img { -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 98%); mask-image:linear-gradient(180deg,#000 72%,transparent 98%); }
.flash-presenter { display:block; width:170px; margin:-120px auto 10px; filter:drop-shadow(0 16px 26px rgba(0,0,0,.6)); animation:poseIn .45s cubic-bezier(.2,1.4,.4,1) both; }
.flash.wrong .flash-presenter { animation:poseIn .45s cubic-bezier(.2,1.4,.4,1) both, poseShake .5s ease .35s; }
.result-presenter { display:block; width:150px; margin:0 auto -6px; filter:drop-shadow(0 16px 26px rgba(0,0,0,.55)); animation:poseIn .6s cubic-bezier(.2,1.3,.4,1) .2s both; }
.presenter-cameo { position:absolute; z-index:22; right:-6px; top:22%; display:flex; align-items:flex-end; gap:0; pointer-events:none; animation:cameoIn .45s cubic-bezier(.2,1.3,.4,1) both; }
.presenter-cameo img { width:clamp(120px,34vw,170px); filter:drop-shadow(0 14px 24px rgba(0,0,0,.65)); }
.presenter-cameo p { order:-1; max-width:150px; margin:0 -14px 90px 0; padding:10px 14px; border-radius:16px 16px 4px 16px; color:#2b1600; background:linear-gradient(180deg,#fff3cc,#e8b545); font:800 .95rem/1.25 var(--font-copy); box-shadow:0 10px 24px rgba(0,0,0,.45); }
.presenter-cameo.leaving { animation:cameoOut .4s ease-in forwards; }
@keyframes poseIn { from { opacity:0; transform:translateY(24px) scale(.9); } to { opacity:1; transform:none; } }
@keyframes poseShake { 25% { transform:rotate(-3deg); } 75% { transform:rotate(3deg); } }
@keyframes cameoIn { from { opacity:0; transform:translateX(70%); } to { opacity:1; transform:none; } }
@keyframes cameoOut { to { opacity:0; transform:translateX(70%); } }
@media (prefers-reduced-motion:reduce) {
  .go-presenter, .flash-presenter, .result-presenter, .presenter-cameo, .presenter-cameo.leaving { animation-duration:.01s!important; }
}

/* ── Erişilebilirlik, kıl payı, Kaçanlar, paylaşım ── */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.cine-choices .cine-access { flex-basis:100%; justify-content:center; max-width:360px; font-size:.82rem; }
.player-title { font:600 .7rem var(--font-copy); letter-spacing:.06em; color:var(--corona, #ffe7a3); font-style:normal; margin-left:4px; text-transform:uppercase; }
.access-setting { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px; border:1px solid rgba(255,255,255,.14); border-radius:14px; margin:14px 0; }
.access-setting b { display:flex; align-items:center; gap:8px; font-size:.95rem; }
.access-setting small { display:block; color:#b8bfd6; margin-top:4px; line-height:1.45; }
.toggle-switch { flex:none; width:54px; height:32px; border-radius:999px; border:1px solid rgba(255,255,255,.3); background:#1a2142; position:relative; cursor:pointer; }
.toggle-switch i { position:absolute; top:3px; left:3px; width:24px; height:24px; border-radius:50%; background:#cfd5ea; transition:transform .2s ease, background .2s ease; }
.toggle-switch[aria-checked="true"] { background:#2e7d4f; border-color:transparent; }
.toggle-switch[aria-checked="true"] i { transform:translateX(22px); background:#fff; }
.toggle-switch:focus-visible, .mic-btn:focus-visible, .report-btn:focus-visible { outline:3px solid var(--gold, #f6c75b); outline-offset:3px; }
.title-next { color:#b8bfd6; font-size:.85rem; margin:-4px 0 10px; }
.karne-title { color:var(--gold, #f6c75b); }

.answer-row:has(.mic-btn) { grid-template-columns:1fr auto auto; }
.mic-btn { display:grid; place-items:center; width:48px; min-height:48px; border-radius:14px; border:1px solid rgba(255,255,255,.25); background:#141a38; color:#fff; cursor:pointer; }
.mic-btn.listening { background:#b3261e; border-color:transparent; animation:mic-pulse 1s ease-in-out infinite; }
@keyframes mic-pulse { 50% { box-shadow:0 0 0 8px rgba(179,38,30,.25); } }
.answer-feedback.close-call { color:var(--gold, #f6c75b); font-weight:700; }

.record-line { font:800 1.05rem var(--font-display, inherit); letter-spacing:.04em; color:#dfe3f2; margin:6px 0; }
.record-line.new { color:var(--gold, #f6c75b); animation:record-pop .6s cubic-bezier(.2,1.4,.4,1) both; }
.title-up { color:#fff; background:linear-gradient(90deg, rgba(246,199,91,.18), transparent); border-left:3px solid var(--gold, #f6c75b); padding:8px 12px; border-radius:6px; }
@keyframes record-pop { from { transform:scale(.7); opacity:0; } }

.missed { text-align:left; margin:18px 0; padding:14px; border-radius:16px; background:rgba(179,38,30,.1); border:1px solid rgba(255,120,110,.25); }
.missed-row { padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.missed-row:last-child { border-bottom:0; }
.missed-row p { margin:8px 0 4px; color:#dfe3f2; font-size:.92rem; }
.missed-row small { color:#b8bfd6; }
.missed-row small a { color:inherit; }
.missed-tiles { display:flex; flex-wrap:wrap; gap:4px; }
.missed-tiles span { display:grid; place-items:center; width:28px; height:32px; border-radius:6px; background:#f6c75b; color:#0b1030; font:800 1rem var(--font-display, inherit); animation:missed-flip .42s calc(var(--i) * 90ms + .4s) both; }
@keyframes missed-flip { from { transform:rotateX(90deg); opacity:0; } }
.share-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.report-btn { display:block; margin-top:6px; padding:6px 0; min-height:32px; border:0; background:none; color:#9aa3c2; font:600 .78rem var(--font-copy, inherit); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.report-btn:disabled { color:#6fbf8f; text-decoration:none; cursor:default; }
.report-btn.flagged { color:#f6c75b; }
.history-row.flagged { box-shadow:inset 3px 0 0 #f6c75b; padding-left:8px; }
.flag-notice { margin:8px 0; padding:10px 12px; border:1px solid rgba(246,199,91,.35); border-radius:12px; color:#f4dfa4; background:rgba(246,199,91,.08); font:600 .8rem var(--font-copy, inherit); line-height:1.4; }
/* Soru geri bildirimi: oyun içi köşe düğmesi ve kaynak sayfası */
.flag-corner { position:absolute; left:12px; top:58px; z-index:5; min-height:32px; padding:6px 12px; border:1px solid rgba(255,255,255,.14); border-radius:999px; color:#9aa3c2; background:rgba(8,11,24,.62); font:700 .7rem var(--font-copy, inherit); letter-spacing:.04em; cursor:pointer; backdrop-filter:blur(4px); }
.flag-corner:hover:not(:disabled) { color:#fff3c4; border-color:rgba(255,214,130,.45); }
.flag-corner:disabled { color:#6fbf8f; border-color:rgba(111,191,143,.35); cursor:default; }
.flag-corner:focus-visible { outline:3px solid var(--gold, #f6c75b); outline-offset:3px; }
.report-sheet .report-body { display:grid; gap:14px; }
.report-question { margin:0; color:#fff8e9; font:600 .95rem var(--font-copy, inherit); line-height:1.4; }
.report-question b { color:#f6c75b; letter-spacing:.06em; }
.report-lead, .report-foot { margin:0; color:#c9cfe2; font:500 .86rem var(--font-copy, inherit); line-height:1.45; }
.report-foot { color:#7f89a8; font-size:.74rem; text-align:center; }
.report-sources { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.report-sources li { display:grid; gap:2px; padding:10px 12px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(15,20,48,.6); }
.report-sources small { color:#d9bd7c; font:800 .62rem var(--font-copy, inherit); letter-spacing:.16em; }
.report-sources a { color:#fff3c4; font:700 .95rem var(--font-copy, inherit); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.report-actions { display:grid; gap:10px; }
.report-reasons { display:grid; gap:8px; margin:0; padding:0; border:0; color:#c9cfe2; font:600 .9rem var(--font-copy, inherit); }
.report-reasons legend { margin-bottom:8px; padding:0; color:#fff8e9; font-weight:700; line-height:1.4; }
.report-reasons label { display:flex; align-items:center; gap:10px; min-height:44px; padding:8px 12px; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(15,20,48,.6); cursor:pointer; }
.report-reasons input { accent-color:#f6c75b; width:18px; height:18px; }
.report-note { display:grid; gap:6px; color:#c9cfe2; font:700 .78rem var(--font-copy, inherit); letter-spacing:.04em; }
.report-note textarea { box-sizing:border-box; width:100%; padding:10px 14px; border:1px solid var(--line, rgba(255,255,255,.18)); border-radius:14px; color:#fff; background:#0d122b; font:500 .95rem var(--font-copy, inherit); resize:vertical; }
.report-note textarea:focus { outline:2px solid var(--corona, #f6c75b); outline-offset:1px; }
.report-thanks { margin:0; color:#fff8e9; font:600 1.05rem var(--font-copy, inherit); line-height:1.5; }
@media (prefers-reduced-motion: reduce) { .missed-tiles span, .record-line.new, .mic-btn.listening { animation:none; } }
.missed-more summary { cursor:pointer; padding:10px 0 2px; color:var(--gold, #f6c75b); font-weight:700; min-height:44px; display:flex; align-items:center; }