#hikaye_baslasin{
    text-align: center;
    background-color: #4CAF50;
    margin-top: 10px;
    border-radius: 10px;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
#hikaye_baslasin:hover{
    background-color: #2e7e32;
    cursor: pointer;
}
/* Barikat (sayfa bloklayıcı) */
.barikat { display:none; position:fixed; inset:0; z-index:999999;
    background: rgba(0,0,0,.5); backdrop-filter: blur(4px);
    align-items: center; justify-content: center; }
.barikat.acik { display:flex; }

/* Sahne görünürlük ve animasyon durumları */
.sahne_mn .sahne_mm { display:none; opacity:0; transform: translateY(8px); }
.sahne_mn .sahne_mm.aktif { display:block; }
.sahne_mn .sahne_mm.giris-anim { transition: opacity .28s ease, transform .28s ease; opacity:1; transform: translateY(0); }

/* Kart seçildi görseli (opsiyonel) */
.secimler_ic.secildi { opacity:.7; pointer-events:none; }

/* Hareketi azaltan kullanıcılar için animasyonu kapat */
@media (prefers-reduced-motion: reduce) {
    .sahne_mn .sahne_mm { transform:none !important; transition: none !important; }
}

.sahne_mn { display: none; }
.sahne_mn.active { display: block; }

/* giriş bloğunu gizlemek için */
.hidden { display: none; }

/* buton örnek stil (isteğe bağlı) */
.btn-basla { cursor: pointer; user-select: none; }

.sahne_mm{}
.secimler{}
.secimler_a{
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}
.secimler_b{}
.secimler_c{
    font-size: 16px;
    font-weight: 600;
    background-color: #ffbcbc;
    border-radius: 10px;
    padding: 5px 10px;
    color: #6e6e6e;
    margin-bottom: 10px;
}
.secimler_d{}

.secimler_ic{
    position: relative;
    background-color: #afd97d;
    border-radius: 12px;
    padding: 10px 15px 10px 15px;
    margin-bottom: 12px;
    cursor: pointer;
    opacity: 0.85;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Ok ikonu */
.secimler_ic .secim-icon {
    font-size: 18px;
    color: #4a7c23;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.secimler_ic .secim-content {
    flex: 1;
}

.secimler_ic:hover{
    opacity: 1;
    background-color: #9dcc66;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.2);
    transform: translateX(3px);
}

.secimler_ic:hover .secim-icon {
    color: #2e5a10;
    transform: translateX(2px);
}
.secimler_c p{
    margin: 5px;
    padding: 0px;
    color: #000;
}
.secimler_ic:hover .secimler_ic1{
}
.secimler_ic1{
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 15px;
    color: #000;
}
.secimler_ic2{
    margin-bottom: 4px;
    font-size: 13px;
    color: #000;
}
.secimler_ic3{
    font-size: 12px;
    color: #000;
    font-style: italic;
}
.secimler_ic3:empty {
    display: none;
}
.secimler_ic4{
    margin-bottom: 10px;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
}

.secimler .secimler_ic:last-child{
    margin-bottom: 0px;
}

.main_veri{
    background-color: #ffffff;
    border-radius: 10px;
    line-height: 1.8;
    font-size: 15px;
    color: #333;
    word-break: break-word;
    overflow-wrap: break-word;
}
.main_veri p{
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 2;
}
.main_veri p:last-child{
    margin-bottom: 0px;
}
.main_veri h1,
.main_veri h2,
.main_veri h3,
.main_veri h4,
.main_veri h5,
.main_veri h6{
    margin-top: 24px;
    margin-bottom: 12px;
    font-weight: 600;
    color: #222;
    line-height: 1.4;
}
.main_veri h1 { font-size: 28px; }
.main_veri h2 { font-size: 24px; }
.main_veri h3 { font-size: 20px; }
.main_veri h4 { font-size: 18px; }
.main_veri h5 { font-size: 16px; }
.main_veri h6 { font-size: 14px; }
.main_veri h1:first-child,
.main_veri h2:first-child,
.main_veri h3:first-child,
.main_veri h4:first-child,
.main_veri h5:first-child,
.main_veri h6:first-child{
    margin-top: 0;
}
.main_veri strong,
.main_veri b{
    font-weight: 600;
    color: #222;
}
.main_veri em,
.main_veri i{
    font-style: italic;
}
.main_veri ul,
.main_veri ol{
    margin: 16px 0;
    padding-left: 24px;
}
.main_veri ul li,
.main_veri ol li{
    margin-bottom: 8px;
    line-height: 1.6;
}
.main_veri ul ul,
.main_veri ol ol,
.main_veri ul ol,
.main_veri ol ul{
    margin: 8px 0;
}
.main_veri blockquote{
    border-left: 4px solid #3d618d;
    padding: 12px 16px;
    margin: 16px 0;
    background-color: #f0f6fc;
    border-radius: 4px;
    color: #555;
    font-style: italic;
}
.main_veri code{
    background-color: #f5f5f5;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 13px;
    color: #e83e8c;
}
.main_veri pre{
    background-color: #f5f5f5;
    padding: 16px;
    border-radius: 6px;
    overflow-x: auto;
    margin: 16px 0;
    border: 1px solid #ddd;
}
.main_veri pre code{
    background: none;
    padding: 0;
    color: #333;
}
.main_veri img{
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 16px 0;
    display: block;
}
.main_veri table{
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
}
.main_veri table th,
.main_veri table td{
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}
.main_veri table th{
    background-color: #f0f0f0;
    font-weight: 600;
    color: #333;
}
.main_veri a{
    color: #3d618d;
    text-decoration: none;
    border-bottom: 1px solid rgba(61, 97, 141, 0.3);
    transition: all 0.2s ease;
}
.main_veri a:hover{
    color: #2a4a66;
    border-bottom-color: rgba(42, 74, 102, 0.8);
}

.main_veri1{
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
}
.main_veri1 p:last-child{
    margin-bottom: 0px;
}
.main_veri2{

}
.main_veri2 p:last-child{
    margin-bottom: 0px;
}