/* Arkana Masası — ek özelliklerin görünümü. Ana sayfanın jetonlarını kullanır. */
.a-yil{--kw:clamp(62px,17vw,104px);gap:clamp(8px,2vw,16px)}
.a-iliski{--kw:clamp(84px,22vw,140px)}
.etk-k{font-family:var(--display);font-size:11.5px;letter-spacing:.12em;color:var(--yaldiz);text-transform:uppercase}
.soluk{color:var(--soluk)}
.kucuk{font-size:14px}
.aciklama{color:var(--soluk);margin:0 0 12px;max-width:66ch}
.ara-baslik{font-size:17px;color:var(--yaldiz);margin:18px 0 6px}

/* günün kartı */
#gunun-karti:empty,#tuttu-serit:empty{display:none}
#gunun-karti,#tuttu-serit{margin-bottom:16px}
.gunun{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;background:linear-gradient(90deg,rgba(216,170,82,.14),rgba(20,6,10,.35));border:1px solid var(--yaldiz2);border-radius:12px;padding:14px 16px}
.gunun h3{font-size:18px;margin:2px 0 4px}
.gunun p{margin:0;max-width:70ch}
.gk-img,.dk-img,.sc-img{border:0;background:none;padding:0;cursor:pointer;display:block}
.gk-img img,.dk-img img,.sc-img img{width:100%;height:auto;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.45);display:block}
.sc-img.ters img{transform:rotate(180deg)}

/* tuttu mu */
.tuttu-serit{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border:1px dashed var(--yaldiz);border-radius:12px;padding:12px 16px;background:rgba(216,170,82,.07)}
.tuttu{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--soluk)}
.tuttu button{font:inherit;font-size:13px;color:var(--soluk);background:none;border:1px solid var(--cizgi);border-radius:999px;padding:4px 10px;cursor:pointer}
.tuttu button[aria-pressed="true"]{background:var(--yaldiz);color:#2a1608;border-color:var(--yaldiz)}
.gsatir{display:grid;gap:6px}
.gsatir .tuttu{padding-left:14px}
.gunluk-ozet{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.gunluk-ozet>div{border:1px solid var(--cizgi);border-radius:10px;padding:10px 14px;min-width:96px;background:var(--panel);display:grid}
.gunluk-ozet b{font-family:var(--display);font-size:24px;color:var(--yaldiz);font-variant-numeric:tabular-nums}
.gunluk-ozet span{font-size:13px;color:var(--soluk)}
.gunluk-ozet p{flex-basis:100%;margin:0}

/* fal sonrası araçlar */
.araclar{display:grid;gap:18px;border-top:2px solid var(--yaldiz2);padding-top:24px}
.arac-satir{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.arac-satir a.btn{text-decoration:none;display:inline-block}
.falci{background:var(--panel);border:1px solid var(--cizgi);border-radius:12px;padding:18px;display:grid;gap:12px}
.sorular{display:grid;gap:14px}
.sorular:empty{display:none}
.soru-cevap{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:start;border-top:1px solid var(--cizgi);padding-top:12px}
.soru-cevap p{margin:4px 0 0;max-width:68ch}
.sc-soru{font-style:italic;font-size:17px}
.soru-form{display:flex;flex-wrap:wrap;gap:10px}
.soru-form .soru{flex:1 1 240px}

/* ortak pencere: profil + paylaşım */
#ozel{border:1px solid var(--yaldiz2);border-radius:12px;background:#24090f;color:var(--metin);padding:0;max-width:min(680px,calc(100vw - 32px));width:100%;max-height:calc(100dvh - 32px)}
#ozel::backdrop{background:rgba(8,2,4,.72)}
#ozel{overflow-x:hidden}
.ozel-ic{padding:22px;overflow-x:hidden}
.ozel-ic h2{font-size:22px;color:var(--yaldiz);margin-bottom:8px}
.profil-form{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;align-items:center;margin-bottom:14px}
.profil-form input{font:inherit;font-size:16px;color:var(--metin);background:rgba(0,0,0,.28);border:1px solid var(--cizgi);border-radius:8px;padding:9px 12px;min-width:0;color-scheme:dark}
.profil-form .btn{grid-column:1/-1;justify-self:start}
.burc{font-size:17px;margin:6px 0}
.dkart-satir{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;align-items:start;border-top:1px solid var(--cizgi);padding:14px 0}
.dkart-satir h3{font-size:19px;margin:2px 0 4px}
.dkart-satir p{margin:0 0 6px}
.paylas{display:grid;gap:14px;justify-items:center;text-align:center}
.paylas img{width:min(300px,70vw);height:auto;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.6)}

/* kahve falı */
.kahve{display:grid;gap:22px}
.kahve-giris h2{font-size:26px;color:var(--yaldiz);margin-bottom:8px}
.adimlar{margin:0;padding-left:22px;display:grid;gap:6px;max-width:70ch}
.kahve-fotolar{display:flex;flex-wrap:wrap;gap:10px}
.kahve-fotolar:empty{display:none}
.kf{position:relative;width:110px}
.kf img{width:110px;height:110px;object-fit:cover;border-radius:8px;display:block;border:1px solid var(--cizgi)}
.kf button{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--yaldiz);background:#24090f;color:var(--metin);cursor:pointer;line-height:1}
label.btn{display:inline-block}
.semboller{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.sembol{border:1px solid var(--cizgi);border-radius:12px;padding:14px;background:var(--panel)}
.sembol h3{font-size:18px;color:var(--yaldiz);margin-bottom:2px}
.sembol p{margin:6px 0 0}
.k-kapak{width:54px;height:54px;object-fit:cover;border-radius:6px;flex:none}
#kahve-sonuc{display:grid;gap:18px}
#kahve-sonuc:empty{display:none}

@media (max-width:560px){
  .gunun{grid-template-columns:58px minmax(0,1fr)}
  .profil-form{grid-template-columns:1fr}
  .dkart-satir{grid-template-columns:70px minmax(0,1fr)}
}